@commercetools-uikit/money-input NPM

MoneyInput

Description

A controlled input component for money values with validation states.

Installation

yarn add @commercetools-uikit/money-input

npm --save install @commercetools-uikit/money-input

Additionally install the peer dependencies (if not present)

yarn add react react-dom react-intl

npm --save install react react-dom react-intl

Usage

import MoneyInput from '@commercetools-uikit/money-input';

const Example = () => (
  <MoneyInput
    value={{ amount: '1.00', currencyCode: 'EUR' }}
    onChange={
      (/** event */) => {
        // alert(event.target.name, event.target.value)
      }
    }
    currencies={['EUR', 'USD']}
  />
);

export default Example;

Properties

Props	Type	Required	Default	Description
`id`	`string`			Used as HTML id property. An id is auto-generated when it is not specified.
`autoComplete`	`string`			Used as HTML `autocomplete` property
`aria-invalid`	`boolean`			Indicate if the value entered in the input is invalid.
`aria-errormessage`	`string`			HTML ID of an element containing an error message related to the input.
`name`	`string`			The prefix used to create a HTML `name` property for the amount input field (`${name}.amount`) and the currency dropdown (`${name}.currencyCode`).
`value`	`Object`See signature.	✅		Value of the input. Consists of the currency code and an amount. `amount` is a string representing the amount. A dot has to be used as the decimal separator.
`currencies`	`Array: string[]`		`[]`	List of possible currencies. When not provided or empty, the component renders a label with the value's currency instead of a dropdown.
`placeholder`	`string`			Placeholder text for the input
`onBlur`	`Function`See signature.			Called when input is blurred
`onFocus`	`Function`See signature.			Called when input is focused
`isDisabled`	`boolean`			Indicates that the input cannot be modified (e.g not authorized, or changes currently saving).
`isReadOnly`	`boolean`			Indicates that the field is displaying read-only content
`isAutofocussed`	`boolean`			Focus the input on initial render
`onChange`	`Function`See signature.			Called with the event of the input or dropdown when either the currency or the amount have changed.
`menuPortalTarget`	`ReactSelectProps['menuPortalTarget']`			Dom element to portal the currency select menu to Props from React select was used
`menuPortalZIndex`	`number`		`1`	z-index value for the currency select menu portal Use in conjunction with `menuPortalTarget`
`menuShouldBlockScroll`	`ReactSelectProps['menuShouldBlockScroll']`			whether the menu should block scroll while open Props from React select was used
`hasError`	`boolean`			Indicates that input has errors
`hasWarning`	`boolean`			Control to indicate on the input if there are selected values that are potentially invalid
`hasHighPrecisionBadge`	`boolean`			Shows high precision badge in case current value uses high precision.
`horizontalConstraint`	`union`Possible values:`, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'`		`'scale'`	Horizontal size limit of the input fields.

Signatures

Signature `value`

{
  amount: string;
  currencyCode: TCurrencyCode | '';
}

Signature `onBlur`

(event: TCustomEvent) => void

Signature `onFocus`

(event: TCustomEvent) => void

Signature `onChange`

(event: TCustomEvent) => void

Static methods

`MoneyInput.convertToMoneyValue`

The convertToMoneyValue function will turn a MoneyInput value into a MoneyValue the API can handle. It automatically converts to centPrecision or highPrecision types when the number of supplied fraction digits exceeds the number of fraction digits used by the currency. If you want to forbid highPrecision, then the form's validation needs to add an error when it sees a highPrecision price. See example below.

Here are examples of centPrecision and highPrecision prices.

// 42.00 €
{
  "type": "centPrecision",
  "currencyCode": "EUR",
  "centAmount": 4200,
  "fractionDigits": 2
}

// 0.0123456 €
{
 "type": "highPrecision",
 "currencyCode": "EUR",
 "centAmount": 1,
 "preciseAmount": 123456,
 "fractionDigits": 7
}

`MoneyInput.parseMoneyValue`

The parseMoneyValue function will turn a MoneyValue into a value the MoneyInput component can handle ({ amount, currencyCode }).

`MoneyInput.isEmpty`

The isEmpty function will return true when the passed MoneyInput value is empty (either has no currency or no amount, or does not exist at all).

MoneyInput.isEmpty({ amount: '', currencyCode: 'EUR' }); // -> true
MoneyInput.isEmpty({ amount: '5', currencyCode: '' }); // -> true
MoneyInput.isEmpty(); // -> true

MoneyInput.isEmpty({ amount: '5', currencyCode: 'EUR' }); // -> false

`MoneyInput.isTouched`

The isTouched function will return true when all input elements were touched (currency dropdown and amount input).

MoneyInput.isTouched({ amount: true, currencyCode: true }); // -> true

MoneyInput.isTouched({ amount: true }); // -> false
MoneyInput.isTouched({ currencyCode: true }); // -> false
MoneyInput.isTouched({ amount: false, currencyCode: false }); // -> false
MoneyInput.isTouched({}); // -> false

`MoneyInput.getCurrencyDropdownId`

getCurrencyDropdownId(idPrefix)

Returns the id of the currency dropdown. This is useful in case you want to create a label for the input field. You can use it as

MoneyInput.getCurrencyDropdownId('price');
// -> "price.currencyCode"

`MoneyInput.getAmountInputId(idPrefix)`

Returns the id of the amount input. This is useful in case you want to create a label for the input field. You can use it as

MoneyInput.getAmountInputId('price');
// -> "price.amount"

`MoneyInput.isHighPrecision`

The isHighPrecision function will return true when a MoneyInput value is passed for which the number of fraction digits of the amount exceeds the number of fraction digits the supplied currency usually uses.

The function may not be called with empty money values. It will throw in those cases.

MoneyInput.isHighPrecision({ amount: '2.00', currencyCode: 'EUR' }, 'en'); // -> false
MoneyInput.isHighPrecision({ amount: '2.001', currencyCode: 'EUR' }, 'en'); // -> true
MoneyInput.isHighPrecision({ amount: '2.001', currencyCode: 'EUR' }, 'de'); // -> false
MoneyInput.isHighPrecision({ amount: '2,001', currencyCode: 'EUR' }, 'de'); // -> true
MoneyInput.isHighPrecision({ amount: '', currencyCode: 'EUR' }, 'en'); // -> throws

Examples

Here's an example of how MoneyInput would be used inside a form.

import { IntlProvider } from 'react-intl';
import { Formik } from 'formik';
import omitEmpty from 'omit-empty-es';
import { ErrorMessage } from '@commercetools-uikit/messages';
import MoneyInput from '@commercetools-uikit/money-input';

const currencies = ['EUR', 'USD', 'AED', 'KWD'];

// the existing document, e.g. from the database
const doc = {
  somePrice: {
    type: 'centPrecision',
    currencyCode: 'EUR',
    centAmount: 4200,
    fractionDigits: 2,
  },
};

// A function to convert a document to form values.
const docToFormValues = (aDoc) => ({
  // The parseMoneyValue function will turn a MoneyValue into a
  // value the MoneyInput component can handle ({ amount, currencyCode })
  somePrice: MoneyInput.parseMoneyValue(aDoc.somePrice),
});

// a function to convert form values back to a document
const formValuesToDoc = (formValues, locale) => ({
  // The convertToMoneyValue function will turn a MoneyInput
  // value into a value the API can handle
  // It automatically converts to centPrecision or highPrecision
  // depending on the number of supplied fraction digits and the
  // used currency code.
  // If you want to forbid highPrecision, then the form's validation
  // needs to add an error when it sees a highPrecision price.
  // See example below
  somePrice: MoneyInput.convertToMoneyValue(formValues.somePrice, locale),
});

const validate = (formValues, locale) => {
  const errors = { somePrice: {} };
  const moneyValue = MoneyInput.convertToMoneyValue(
    formValues.somePrice,
    locale
  );
  // convertToMoneyValue returns null whenever the value is invalid
  if (!moneyValue) {
    errors.somePrice.missing = true;
  } else if (moneyValue.type === 'highPrecision') {
    // This form does not allow highPrecision prices
    errors.somePrice.highPrecision = true;
  }
  return omitEmpty(errors);
};
const initialValues = docToFormValues(doc);

return (
  <Formik
    initialValues={initialValues}
    validate={validate}
    onSubmit={(formValues) => {
      // doc will contain "somePrice" holding a MoneyValue,
      // ready to be consumed by the API
      const nextDoc = formValuesToDoc(formValues);
      console.log(nextDoc);
    }}
    render={({
      values,
      errors,
      touched,
      setFieldValue,
      setFieldTouched,
      handleSubmit,
      isSubmitting,
    }) => (
      <form onSubmit={handleSubmit}>
        <MoneyInput
          value={values.somePrice}
          currencies={currencies}
          onBlur={() => setFieldTouched('somePrice')}
          isDisabled={isSubmitting}
          onChange={(value) => setFieldValue('somePrice', value)}
          hasError={
            MoneyInput.isTouched(touched.somePrice) && Boolean(errors.somePrice)
          }
          horizontalConstraint={10}
        />
        {touched.somePrice && errors.somePrice && errors.somePrice.missing && (
          <ErrorMessage>This field is required!</ErrorMessage>
        )}
        {touched.somePrice &&
          errors.somePrice &&
          errors.somePrice.highPrecision && (
            <ErrorMessage>
              High precision prices are not supported here!
            </ErrorMessage>
          )}
        <button type="submit">Submit</button>
      </form>
    )}
  />
);

javascript typescript design-system react uikit

@babel/runtime @babel/runtime-corejs3 @commercetools-uikit/constraints @commercetools-uikit/design-system @commercetools-uikit/hooks @commercetools-uikit/icons @commercetools-uikit/input-utils @commercetools-uikit/select-utils @commercetools-uikit/tooltip @commercetools-uikit/utils @emotion/react @emotion/styled lodash prop-types react-select

@commercetools-uikit/localized-money-input @commercetools-uikit/money-field @everything-registry/sub-chunk-190 @commercetools-uikit/inputs @infinitebrahmanuniverse/nolb-_comm

0.0.0-canary-20230824090411

8 months ago

0.0.0-canary-20230731102408

9 months ago

0.0.0-canary-20230822093959

8 months ago

0.0.0-canary-20230705071834

10 months ago

0.0.0-canary-20230922090152

7 months ago

16.5.0

10 months ago

0.0.0-canary-20231117123740

5 months ago

16.9.0

6 months ago

0.0.0-canary-20231020172218

6 months ago

0.0.0-canary-20230811122631

8 months ago

0.0.0-canary-20230921130022

7 months ago

0.0.0-canary-20231109141457

5 months ago

0.0.0-canary-20231107092719

6 months ago

0.0.0-canary-20231002082126

7 months ago

8 months ago

8 months ago

8 months ago

8 months ago

7 months ago

7 months ago

0.0.0-canary-20231020094744

6 months ago

0.0.0-canary-20230727081153

9 months ago

0.0.0-canary-20230721064032

9 months ago

0.0.0-canary-20230927101743

7 months ago

0.0.0-canary-20231120163956

5 months ago

0.0.0-canary-20230919064630

7 months ago

0.0.0-canary-20230713101815

9 months ago

0.0.0-canary-20230817081120

8 months ago

0.0.0-canary-20230719081123

9 months ago

0.0.0-canary-20230817075326

8 months ago

0.0.0-canary-20231020101520

6 months ago

0.0.0-canary-20230706135851

10 months ago

0.0.0-canary-20230731113035

9 months ago

0.0.0-canary-20230713133803

9 months ago

0.0.0-canary-20231012155352

6 months ago

0.0.0-canary-20230901092912

8 months ago

16.10.0

5 months ago

0.0.0-canary-20230713135809

9 months ago

0.0.0-canary-20230830124456

8 months ago

0.0.0-canary-20231023144936

6 months ago

16.6.1

8 months ago

16.6.0

8 months ago

0.0.0-canary-20231114154535

5 months ago

0.0.0-canary-20231117094453

5 months ago

0.0.0-canary-20230731104935

9 months ago

16.4.1

10 months ago

0.0.0-canary-20230926074140

7 months ago

0.0.0-canary-20230731114902

9 months ago

0.0.0-canary-20230919074955

7 months ago

0.0.0-canary-20231020071712

6 months ago

0.0.0-canary-20230908094846

8 months ago

0.0.0-canary-20230927090022

7 months ago

0.0.0-canary-20231023153427

6 months ago

0.0.0-canary-20231107090630

6 months ago

0.0.0-canary-20230704112725

10 months ago

0.0.0-canary-20231018130022

6 months ago

0.0.0-canary-20231012152601

6 months ago

16.8.0

6 months ago

0.0.0-canary-20231106201932

6 months ago

0.0.0-canary-20230802081825

9 months ago

0.0.0-canary-20230721071347

9 months ago

0.0.0-canary-20230823133527

8 months ago

0.0.0-canary-20231120183429

5 months ago

0.0.0-canary-20230831113711

8 months ago

0.0.0-canary-20231030124826

6 months ago

0.0.0-canary-20231114065040

5 months ago

0.0.0-canary-20230821101457

8 months ago

16.11.0

5 months ago

0.0.0-canary-20231020070159

6 months ago

0.0.0-canary-20231010104830

6 months ago

0.0.0-canary-20230811081638

8 months ago

16.4.0

10 months ago

0.0.0-canary-20230628093418

10 months ago

16.3.0

10 months ago

0.0.0-canary-20230615074404

10 months ago

0.0.0-canary-20230606070758

11 months ago

0.0.0-canary-20230622095539

10 months ago

16.2.1

11 months ago

0.0.0-canary-20230612081719

10 months ago

0.0.0-canary-20230530084740

11 months ago

0.0.0-canary-20230602105252

11 months ago

16.2.0

11 months ago

0.0.0-canary-20230531075415

11 months ago

0.0.0-canary-20230517085655

11 months ago

0.0.0-canary-20230510151703

12 months ago

0.0.0-canary-20230511114942

12 months ago

0.0.0-canary-20230508094010

12 months ago

0.0.0-canary-20230508202228

12 months ago

0.0.0-canary-20230508154656

12 months ago

0.0.0-canary-20230512103300

11 months ago

0.0.0-canary-20230519193855

11 months ago

0.0.0-canary-20230508132441

12 months ago

0.0.0-canary-20230517083811

11 months ago

0.0.0-canary-20230523175950

11 months ago

0.0.0-canary-20230516152727

11 months ago

0.0.0-canary-20230515141330

11 months ago

0.0.0-canary-20230509073057

12 months ago

16.1.1

11 months ago

16.1.0

12 months ago

0.0.0-canary-20230511082947

12 months ago

0.0.0-canary-20230421074713

1 year ago

0.0.0-canary-20230414072753

1 year ago

0.0.0-canary-20230420142611

1 year ago

0.0.0-canary-20230418082825

1 year ago

0.0.0-canary-20230425100705

12 months ago

0.0.0-canary-20230411085857

1 year ago

0.0.0-canary-20230414074305

1 year ago

0.0.0-canary-20230417133401

1 year ago

0.0.0-canary-20230417121433

1 year ago

0.0.0-canary-20230418125532

1 year ago

0.0.0-canary-20230419102851

1 year ago

0.0.0-canary-20230413110907

1 year ago

15.15.0

1 year ago

15.15.1

1 year ago

0.0.0-canary-20230411145007

1 year ago

0.0.0-canary-20230425170452

12 months ago

0.0.0-canary-20230425104503

12 months ago

0.0.0-canary-20230411070924

1 year ago

0.0.0-canary-20230419083933

1 year ago

0.0.0-canary-20230412115514

1 year ago

0.0.0-canary-20230419090337

1 year ago

16.0.0

1 year ago

0.0.0-canary-20230328114311

1 year ago

0.0.0-canary-20230322092658

1 year ago

0.0.0-canary-20230315083610

1 year ago

0.0.0-canary-20230322092742

1 year ago

0.0.0-canary-20230405103941

1 year ago

0.0.0-canary-20230306130648

1 year ago

0.0.0-canary-20230323075708

1 year ago

0.0.0-canary-20230316092959

1 year ago

0.0.0-canary-20230322095716

1 year ago

0.0.0-canary-20230405095946

1 year ago

0.0.0-canary-20230405091338

1 year ago

0.0.0-canary-20230322092547

1 year ago

0.0.0-canary-20230321180521

1 year ago

15.13.2

1 year ago

0.0.0-canary-20230316110348

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.0.0-canary-20230317091919

1 year ago

0.0.0-canary-20230330081111

1 year ago

0.0.0-canary-20230322092815

1 year ago

0.0.0-canary-20230322131309

1 year ago

0.0.0-canary-20230315103223

1 year ago

0.0.0-canary-20230329085321

1 year ago

0.0.0-canary-20230309080723

1 year ago

0.0.0-canary-20230310083908

1 year ago

0.0.0-canary-20230308143554

1 year ago

0.0.0-canary-20230314112821

1 year ago

0.0.0-canary-20230302112958

1 year ago

0.0.0-canary-20230228075726

1 year ago

15.13.1

1 year ago

0.0.0-canary-20230301084013

1 year ago

15.13.0

1 year ago

0.0.0-canary-20230227094010

1 year ago

0.0.0-canary-20230227130646

1 year ago

0.0.0-canary-20230224091531

1 year ago

0.0.0-canary-20230223121241

1 year ago

0.0.0-canary-20230223135944

1 year ago

0.0.0-canary-20230215152602

1 year ago

0.0.0-canary-20230216120756

1 year ago

0.0.0-canary-20230222100732

1 year ago

0.0.0-canary-20230222083950

1 year ago

15.12.0

1 year ago

0.0.0-canary-20230210083457

1 year ago

0.0.0-canary-20230209082519

1 year ago

0.0.0-canary-20230209162741

1 year ago

0.0.0-canary-20230210081944

1 year ago

0.0.0-canary-20230210100519

1 year ago

0.0.0-canary-20230209112722

1 year ago

0.0.0-canary-20230113105748

1 year ago

0.0.0-canary-20230117150712

1 year ago

0.0.0-canary-20230109112033

1 year ago

0.0.0-canary-20230201081107

1 year ago

0.0.0-canary-20230207164813

1 year ago

0.0.0-canary-20230110115313

1 year ago

0.0.0-canary-20230131074410

1 year ago

0.0.0-canary-20230111093516

1 year ago

0.0.0-canary-20230110112252

1 year ago

0.0.0-canary-20230123100630

1 year ago

15.9.0

1 year ago

0.0.0-canary-20230123115820

1 year ago

0.0.0-canary-20230117144326

1 year ago

0.0.0-canary-20230110081822

1 year ago

0.0.0-canary-20230126160005

1 year ago

0.0.0-canary-20230125080555

1 year ago

0.0.0-canary-20230127162103

1 year ago

0.0.0-canary-20230127130607

1 year ago

0.0.0-canary-20230127122043

1 year ago

0.0.0-canary-20230104130328

1 year ago

0.0.0-canary-20230118142339

1 year ago

0.0.0-canary-20230202141152

1 year ago

15.10.0

1 year ago

0.0.0-canary-20230130113601

1 year ago

0.0.0-canary-20230201113158

1 year ago

15.11.2

1 year ago

15.11.0

1 year ago

15.11.1

1 year ago

0.0.0-canary-20230110155940

1 year ago

0.0.0-canary-20230118141046

1 year ago

0.0.0-canary-20221222123747

1 year ago

15.7.0

1 year ago

0.0.0-canary-20221117162014

1 year ago

0.0.0-canary-20221021070422

1 year ago

0.0.0-canary-20221129161319

1 year ago

15.8.0

1 year ago

0.0.0-canary-20221208124754

1 year ago

0.0.0-canary-20221117132421

1 year ago

0.0.0-canary-20221123080130

1 year ago

0.0.0-canary-20221215084427

1 year ago

15.5.0

1 year ago

15.5.1

1 year ago

15.6.0

1 year ago

0.0.0-canary-20221117112509

1 year ago

0.0.0-canary-20221117123400

1 year ago

0.0.0-canary-20221212084555

1 year ago

0.0.0-canary-20221216113457

1 year ago

0.0.0-canary-20221216131057

1 year ago

0.0.0-canary-20221021071823

1 year ago

0.0.0-canary-20221020145947

2 years ago

0.0.0-canary-20221021104744

1 year ago

0.0.0-canary-20221104082935

1 year ago

0.0.0-canary-20221124075414

1 year ago

0.0.0-canary-20221020152117

2 years ago

0.0.0-canary-20221202074533

1 year ago

0.0.0-canary-20221221095147

1 year ago

0.0.0-canary-20221222112109

1 year ago

0.0.0-canary-20221221132302

1 year ago

0.0.0-canary-20221116191127

1 year ago

0.0.0-canary-20221021100214

1 year ago

0.0.0-canary-20221111150532

1 year ago

0.0.0-canary-20221221171026

1 year ago

0.0.0-canary-20221021101733

1 year ago

0.0.0-canary-20221214091613

1 year ago

0.0.0-canary-20221118181738

1 year ago

0.0.0-canary-20221202123550

1 year ago

0.0.0-canary-20221219074438

1 year ago

0.0.0-canary-20221115075630

1 year ago

15.4.0

1 year ago

0.0.0-canary-20221201154127

1 year ago

0.0.0-canary-20221130094432

1 year ago

0.0.0-canary-20221110135708

1 year ago

0.0.0-canary-20221114113055

1 year ago

0.0.0-canary-20221115144427

1 year ago

0.0.0-canary-20221021164204

1 year ago

0.0.0-canary-20221110195901

1 year ago

0.0.0-canary-20221216072317

1 year ago

0.0.0-canary-20221116162527

1 year ago

0.0.0-canary-20221114151317

1 year ago

0.0.0-canary-20221121181659

1 year ago

0.0.0-canary-20221109075537

1 year ago

0.0.0-canary-20221014083726

2 years ago

0.0.0-canary-20221005114906

2 years ago

0.0.0-canary-20221003071723

2 years ago

15.3.0

2 years ago

0.0.0-canary-20221006065032

2 years ago

15.2.4

2 years ago

0.0.0-canary-20220915131615

2 years ago

0.0.0-canary-20220831100006

2 years ago

0.0.0-canary-20220915201458

2 years ago

0.0.0-canary-20220907131350

2 years ago

0.0.0-canary-20220907113807

2 years ago

0.0.0-canary-20220908141149

2 years ago

0.0.0-canary-20220915121551

2 years ago

0.0.0-canary-20220920102915

2 years ago

0.0.0-canary-20220902120814

2 years ago

0.0.0-canary-20220825070216

2 years ago

0.0.0-canary-20220819122935

2 years ago

0.0.0-canary-20220919103307

2 years ago

0.0.0-canary-20220908103902

2 years ago

15.2.1

2 years ago

15.2.2

2 years ago

15.2.3

2 years ago

0.0.0-canary-20220704090217

2 years ago

0.0.0-canary-20220607104716

2 years ago

0.0.0-canary-20220629153428

2 years ago

0.0.0-canary-20220617121016

2 years ago

0.0.0-canary-20220727134623

2 years ago

0.0.0-canary-20220603091700

2 years ago

0.0.0-canary-20220629083743

2 years ago

0.0.0-canary-20220603101256

2 years ago

0.0.0-canary-20220704092123

2 years ago

0.0.0-canary-20220711143414

2 years ago

0.0.0-canary-20220728141741

2 years ago

0.0.0-canary-20220804130422

2 years ago

0.0.0-canary-20220629105836

2 years ago

0.0.0-canary-20220721095857

2 years ago

0.0.0-canary-20220808083245

2 years ago

0.0.0-canary-20220808082151

2 years ago

0.0.0-canary-20220808094220

2 years ago

0.0.0-canary-20220714154335

2 years ago

0.0.0-canary-20220607102821

2 years ago

0.0.0-canary-20220808085049

2 years ago

0.0.0-canary-20220603102524

2 years ago

0.0.0-canary-20220617115410

2 years ago

0.0.0-canary-20220808080918

2 years ago

15.1.1

2 years ago

15.1.2

2 years ago

15.1.0

2 years ago

0.0.0-canary-20220721155245

2 years ago

0.0.0-canary-20220607110640

2 years ago

15.2.0

2 years ago

0.0.0-canary-20220808075414

2 years ago

0.0.0-canary-20220701072321

2 years ago

0.0.0-canary-20220602074125

2 years ago

0.0.0-canary-20220602145312

2 years ago

0.0.0-canary-20220511100420

2 years ago

15.0.0

2 years ago

0.0.0-canary-20220511132704

2 years ago

0.0.0-canary-20220509142717

2 years ago

0.0.0-canary-20220509134105

2 years ago

0.0.0-canary-20220509101309

2 years ago

0.0.0-canary-20220512161711

2 years ago

0.0.0-canary-20220315154918

2 years ago

0.0.0-canary-20220321141748

2 years ago

0.0.0-canary-20220324083959

2 years ago

0.0.0-canary-20220422100948

2 years ago

0.0.0-canary-20220421075314

2 years ago

0.0.0-canary-20220420085234

2 years ago

14.0.2

2 years ago

14.0.3

2 years ago

14.0.6

2 years ago

0.0.0-canary-20220323202405

2 years ago

0.0.0-canary-20220421200030

2 years ago

0.0.0-canary-20220411073840

2 years ago

0.0.0-canary-20220321141039

2 years ago

0.0.0-canary-20220411151641

2 years ago

0.0.0-canary-20220301131101

2 years ago

0.0.0-canary-20220228170745

2 years ago

0.0.0-canary-20220302121315

2 years ago

0.0.0-canary-20220308084707

2 years ago

0.0.0-canary-20220228135542

2 years ago

0.0.0-canary-20220228141354

2 years ago

13.0.4

2 years ago

0.0.0-canary-20220228153753

2 years ago

0.0.0-canary-20220301094937

2 years ago

14.0.0

2 years ago

14.0.1

2 years ago

0.0.0-canary-20220308135131

2 years ago

0.0.0-canary-20220304092143

2 years ago

0.0.0-canary-20220131120005

2 years ago

0.0.0-canary-20220201153540

2 years ago

0.0.0-canary-20220209101037

2 years ago

0.0.0-canary-20220217104402

2 years ago

0.0.0-canary-20220216115214

2 years ago

0.0.0-canary-20220201155511

2 years ago

0.0.0-canary-20220217125359

2 years ago

0.0.0-canary-20220131151048

2 years ago

0.0.0-canary-20220215151911

2 years ago

0.0.0-canary-20220124124455

2 years ago

0.0.0-canary-2021117152719

2 years ago

0.0.0-canary-20220222123114

2 years ago

0.0.0-canary-20220216153616

2 years ago

0.0.0-canary-20220120105417

2 years ago

0.0.0-canary-20220222092542

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.0.0-canary-20220222121816

2 years ago

0.0.0-canary-20220106133253

2 years ago

0.0.0-canary-20220225093245

2 years ago

0.0.0-canary-20220201094317

2 years ago

0.0.0-canary-20220131131847

2 years ago

0.0.0-canary-202111171025

2 years ago

0.0.0-canary-20220201152631

2 years ago

0.0.0-canary-20220119164810

2 years ago

12.2.9

2 years ago

0.0.0-canary-20220217141012

2 years ago

0.0.0-canary-20220218114512

2 years ago

0.0.0-canary-20220218124544

2 years ago

0.0.0-canary-20220124120113

2 years ago

0.0.0-canary-20220216094551

2 years ago

0.0.0-canary-20220131113045

2 years ago

0.0.0-canary-20220222095642

2 years ago

0.0.0-canary-2021118121324

2 years ago

0.0.0-canary-20220201102412

2 years ago

0.0.0-canary-20220225105150

2 years ago

0.0.0-canary-20220209120239

2 years ago

0.0.0-canary-20220124202620

2 years ago

0.0.0-canary-20220201125639

2 years ago

0.0.0-canary-202111893643

2 years ago

0.0.0-canary-20220203095218

2 years ago

0.0.0-canary-20220218110400

2 years ago

0.0.0-canary-20220216151127

2 years ago

0.0.0-canary-20220204165056

2 years ago

0.0.0-canary-20220201103535

2 years ago

0.0.0-canary-20220113090455

2 years ago

0.0.0-canary-20220210100036

2 years ago

0.0.0-canary-20220120153023

2 years ago

0.0.0-canary-20220217162431

2 years ago

0.0.0-canary-2021117192544

2 years ago

0.0.0-canary-20220201160805

2 years ago

0.0.0-canary-2021111711225

2 years ago

0.0.0-canary-20220221105548

2 years ago

0.0.0-canary-20220204170134

2 years ago

0.0.0-canary-20220203145527

2 years ago

0.0.0-canary-20220126150613

2 years ago

0.0.0-canary-20220216130016

2 years ago

0.0.0-canary-20220201124621

2 years ago

0.0.0-canary-20220121092536

2 years ago

0.0.0-canary-20220222090609

2 years ago

0.0.0-canary-2021109143838

2 years ago

0.0.0-canary-2021112201414

2 years ago

0.0.0-canary-2021102383442

2 years ago

0.0.0-canary-2021112212859

2 years ago

12.2.5

2 years ago

12.2.6

2 years ago

12.2.7

2 years ago

0.0.0-canary-202110993019

2 years ago

0.0.0-canary-20211022112838

2 years ago

0.0.0-canary-2021101813150

2 years ago

0.0.0-canary-2021102313852

2 years ago

0.0.0-canary-2021928124018

2 years ago

0.0.0-canary-202192775626

2 years ago

0.0.0-canary-202110593520

2 years ago

0.0.0-canary-202192813243

2 years ago

0.0.0-canary-2021929134032

2 years ago

0.0.0-canary-2021102162514

2 years ago

0.0.0-canary-202191113022

3 years ago

12.2.4

3 years ago

0.0.0-canary-202192210535

2 years ago

0.0.0-canary-202191295843

3 years ago

0.0.0-canary-2021981046

3 years ago

0.0.0-canary-202194181132

3 years ago

12.2.3

3 years ago

0.0.0-canary-2021830134526

3 years ago

0.0.0-canary-2021713151142

3 years ago

0.0.0-canary-202171315740

3 years ago

0.0.0-canary-2021713115146

3 years ago

0.0.0-canary-20217119171

3 years ago

0.0.0-canary-20217994656

3 years ago

0.0.0-canary-2021791291

3 years ago

0.0.0-canary-20217663646

3 years ago

0.0.0-canary-202174213848

3 years ago

0.0.0-canary-20217315730

3 years ago

0.0.0-canary-2021629113723

3 years ago

12.2.2

3 years ago

0.0.0-canary-2021628181216

3 years ago

0.0.0-canary-202162818348

3 years ago

0.0.0-canary-2021627101525

3 years ago

0.0.0-canary-2021613105110

3 years ago

12.2.1

3 years ago

12.2.0

3 years ago

0.0.0-canary-202169133411

3 years ago

12.1.0

3 years ago

0.0.0-canary-20216172726

3 years ago

0.0.0-canary-20215286291

3 years ago

0.0.0-canary-202152861428

3 years ago

0.0.0-canary-20215216167

3 years ago

0.0.0-canary-202152193823

3 years ago

12.0.12

3 years ago

0.0.0-canary-2021518135325

3 years ago

12.0.8

3 years ago

0.0.0-canary-2021518135853

3 years ago

0.0.0-canary-202151454550

3 years ago

0.0.0-canary-202142884422

3 years ago

0.0.0-canary-2021428115425

3 years ago

0.0.0-canary-20215117423

3 years ago

0.0.0-canary-2021576757

3 years ago

0.0.0-canary-202143164157

3 years ago

0.0.0-canary-20214289121

3 years ago

0.0.0-canary-202142810022

3 years ago

0.0.0-canary-202152141623

3 years ago

0.0.0-canary-202152124849

3 years ago

0.0.0-canary-202143164349

3 years ago

0.0.0-canary-202151013471

3 years ago

0.0.0-canary-202143164221

3 years ago

12.0.7

3 years ago

0.0.0-canary-20215763246

3 years ago

0.0.0-canary-202142813237

3 years ago

0.0.0-canary-2021511124236

3 years ago

0.0.0-canary-2021587424

3 years ago

0.0.0-canary-2021428131543

3 years ago

0.0.0-canary-202142813150

3 years ago

0.0.0-canary-2021431153416

3 years ago

0.0.0-canary-202142515730

3 years ago

0.0.0-canary-202141110135

3 years ago

0.0.0-canary-2021411135115

3 years ago

0.0.0-canary-20213309238

3 years ago

0.0.0-canary-202132694644

3 years ago

0.0.0-canary-2021328121842

3 years ago

0.0.0-canary-202132885331

3 years ago

0.0.0-canary-202143145449

3 years ago

0.0.0-canary-2021411143751

3 years ago

0.0.0-canary-2021327125613

3 years ago

0.0.0-canary-2021322145731

3 years ago

0.0.0-canary-202141782647

3 years ago

0.0.0-canary-202132694850

3 years ago

0.0.0-canary-202132813111

3 years ago

0.0.0-canary-202141114497

3 years ago

0.0.0-canary-202141192842

3 years ago

0.0.0-canary-2021327124327

3 years ago

0.0.0-canary-202132292138

3 years ago

12.0.3

3 years ago

12.0.4

3 years ago

12.0.6

3 years ago

0.0.0-canary-202141194434

3 years ago

0.0.0-canary-202146134813

3 years ago

0.0.0-canary-202141291448

3 years ago

0.0.0-canary-2021328125936

3 years ago

0.0.0-canary-2021320122244

3 years ago

0.0.0-canary-202132213056

3 years ago

0.0.0-canary-2021322124947

3 years ago

0.0.0-canary-202131213247

3 years ago

12.0.2

3 years ago

0.0.0-canary-202139102555

3 years ago

0.0.0-canary-20213983041

3 years ago

12.0.0

3 years ago

0.0.0-canary-2021399936

3 years ago

0.0.0-canary-20213894649

3 years ago

0.0.0-canary-20213818147

3 years ago

0.0.0-canary-202137151027

3 years ago

0.0.0-canary-202123116335

3 years ago

11.3.0

3 years ago

11.2.1

3 years ago

0.0.0-canary-2021223905

3 years ago

0.0.0-canary-2021222104935

3 years ago

0.0.0-canary-202121594746

3 years ago

11.2.0

3 years ago

0.0.0-canary-202129162721

3 years ago

0.0.0-canary-2021210192156

3 years ago

0.0.0-canary-202121015416

3 years ago

0.0.0-canary-202127122833

3 years ago

0.0.0-canary-202127122510

3 years ago

11.1.0

3 years ago

0.0.0-canary-202127124418

3 years ago

11.0.2

3 years ago

0.0.0-canary-202122203228

3 years ago

0.0.0-canary-20212285916

3 years ago

0.0.0-canary-202112691336

3 years ago

11.0.1

3 years ago

0.0.0-canary-202112685715

3 years ago

10.47.4

3 years ago

0.0.0-canary-202111713217

3 years ago

10.47.3

3 years ago

0.0.0-canary-202111595036

3 years ago

0.0.0-canary-2021112191832

3 years ago

10.47.0

3 years ago

0.0.0-canary-2021110135040

3 years ago

0.0.0-canary-2021110104951

3 years ago

0.0.0-canary-2021110112343

3 years ago

10.46.3

3 years ago

0.0.0-canary-202119124928

3 years ago

0.0.0-canary-202118215430

3 years ago

0.0.0-canary-20211313109

3 years ago

10.46.2

3 years ago

10.46.1

3 years ago

0.0.0-canary-2021112150

3 years ago

0.0.0-canary-202111132815

3 years ago

0.0.0-canary-202111195528

3 years ago

10.45.0

3 years ago

0.0.0-canary-2021028111354

3 years ago

0.0.0-canary-2021026141124

3 years ago

0.0.0-canary-2021026122213

3 years ago

0.0.0-canary-202102683225

3 years ago

10.44.4

3 years ago

10.44.3

3 years ago

0.0.0-canary-202102517755

3 years ago

0.0.0-canary-2021025144651

3 years ago

10.44.2

3 years ago

0.0.0-canary-20210228194

3 years ago

0.0.0-canary-2021021161623

3 years ago

10.44.1

3 years ago

0.0.0-canary-2021020102757

3 years ago

10.44.0

3 years ago

0.0.0-canary-2021019155751

3 years ago

0.0.0-canary-202101895048

3 years ago

0.0.0-canary-2021015175236

3 years ago

0.0.0-canary-2021014131345

3 years ago

0.0.0-canary-202101392534

3 years ago

0.0.0-canary-2021013133539

3 years ago

0.0.0-canary-2021013125756

3 years ago

0.0.0-canary-2021012194142

3 years ago

0.0.0-canary-2021012183856

3 years ago

0.0.0-canary-202108174758

3 years ago

0.0.0-canary-202107155510

3 years ago

10.43.3

3 years ago

0.0.0-canary-2020112892020

3 years ago

10.43.2

3 years ago

0.0.0-canary-2020111517278

3 years ago

0.0.0-canary-20201115162248

3 years ago

0.0.0-canary-20201115164411

3 years ago

10.43.1

3 years ago

0.0.0-canary-2020111283357

3 years ago

0.0.0-canary-2020111119523

3 years ago

10.42.3

3 years ago

0.0.0-canary-20201030121531

3 years ago

0.0.0-canary-20201030151528

3 years ago

0.0.0-canary-20201025142435

3 years ago

0.0.0-canary-20201025103710

3 years ago

10.42.2

3 years ago

0.0.0-canary-20201024961

3 years ago

0.0.0-canary-2020102485048

3 years ago

0.0.0-canary-20201023203340

3 years ago

0.0.0-canary-20201023134241

3 years ago

0.0.0-canary-20201023132934

3 years ago

10.42.0

3 years ago

10.42.1

3 years ago

0.0.0-canary-2020102215347

3 years ago

0.0.0-canary-2020102116658

3 years ago

10.41.0

3 years ago

0.0.0-canary-20201020122221

3 years ago

0.0.0-canary-20201020131654

3 years ago

0.0.0-canary-2020102013616

3 years ago

10.40.0

3 years ago

10.40.1

3 years ago

0.0.0-canary-20201017155822

3 years ago

0.0.0-canary-2020101711349

3 years ago

0.0.0-canary-2020101765349

3 years ago

0.0.0-canary-2020101621058

3 years ago

0.0.0-canary-20201016211028

3 years ago

10.39.8

3 years ago

0.0.0-canary-20201011131630

3 years ago

0.0.0-canary-2020101010413

3 years ago

10.39.7

3 years ago

0.0.0-canary-2020101013162

3 years ago

0.0.0-canary-20201010133540

3 years ago

0.0.0-canary-20201010143448

3 years ago

0.0.0-canary-20201010142048

3 years ago

10.39.6

3 years ago

0.0.0-canary-2020106164845

3 years ago

0.0.0-canary-2020106162410

3 years ago

10.39.4

3 years ago

0.0.0-canary-2020104152734

3 years ago

10.39.3

3 years ago

0.0.0-canary-202010414016

3 years ago

0.0.0-canary-202010474929

3 years ago

10.39.2

3 years ago

0.0.0-canary-2020103203835

3 years ago

0.0.0-canary-2020103141922

3 years ago

0.0.0-canary-2020103182138

3 years ago

10.39.1

3 years ago

0.0.0-canary-202010215528

3 years ago

0.0.0-canary-202092995452

3 years ago

10.38.0

3 years ago

0.0.0-canary-2020923133058

3 years ago

10.37.1

4 years ago

0.0.0-canary-20209716434

4 years ago

0.0.0-canary-202097132941

4 years ago

0.0.0-canary-2020830132519

4 years ago

0.0.0-canary-20208309482

4 years ago

0.0.0-canary-2020830101243

4 years ago

0.0.0-canary-2020830114656

4 years ago

10.36.0

4 years ago

0.0.0-canary-202083014154

4 years ago

10.35.2

4 years ago

0.0.0-canary-202082813243

4 years ago

0.0.0-canary-202082813551

4 years ago

0.0.0-canary-2020828104916

4 years ago

10.35.1

4 years ago

0.0.0-canary-2020821143215

4 years ago

0.0.0-canary-2020821154031

4 years ago

10.35.0

4 years ago

0.0.0-canary-2020821124710

4 years ago

0.0.0-canary-2020821134542

4 years ago

10.34.0

4 years ago

0.0.0-canary-202081713177

4 years ago

0.0.0-canary-202081673159

4 years ago

0.0.0-canary-2020814124542

4 years ago

0.0.0-canary-202081410933

4 years ago

10.33.0

4 years ago

0.0.0-canary-20208111242

4 years ago

0.0.0-canary-2020811123741

4 years ago

0.0.0-canary-202081114858

4 years ago

0.0.0-canary-202081093258

4 years ago

0.0.0-canary-202081082323

4 years ago

10.32.0

4 years ago

0.0.0-canary-202088141258

4 years ago

0.0.0-canary-2020877575

4 years ago

0.0.0-canary-20208720561

4 years ago

0.0.0-canary-202087142416

4 years ago

0.0.0-canary-20208794441

4 years ago

0.0.0-canary-202082115749

4 years ago

10.31.0

4 years ago

0.0.0-canary-2020726173227

4 years ago

10.30.1

4 years ago

0.0.0-canary-2020717133042

4 years ago

0.0.0-canary-202071712818

4 years ago

0.0.0-canary-2020717112410

4 years ago

0.0.0-canary-2020717113239

4 years ago

0.0.0-canary-2020717826

4 years ago

0.0.0-canary-2020714175536

4 years ago

0.0.0-canary-2020714163559

4 years ago

10.27.0

4 years ago

0.0.0-canary-202062191529

4 years ago

0.0.0-canary-20206201259

4 years ago

0.0.0-canary-2020620194052

4 years ago

0.0.0-canary-202061092818

4 years ago

0.0.0-canary-202061010537

4 years ago

0.0.0-canary-202061012469

4 years ago

10.24.0

4 years ago

0.0.0-canary-202061084716

4 years ago

0.0.0-canary-20206812259

4 years ago

0.0.0-canary-20206615655

4 years ago

0.0.0-canary-20206695046

4 years ago

0.0.0-canary-2020661313

4 years ago

0.0.0-canary-2020661154

4 years ago

0.0.0-canary-202066132619

4 years ago

0.0.0-canary-202066121959

4 years ago

0.0.0-canary-2020669142

4 years ago

0.0.0-canary-20206314241

4 years ago

0.0.0-canary-202063135026

4 years ago

0.0.0-canary-20206183441

4 years ago

0.0.0-canary-20206111597

4 years ago

10.23.0

4 years ago

0.0.0-canary-2020530152731

4 years ago

0.0.0-canary-2020529132444

4 years ago

0.0.0-canary-202052913711

4 years ago

0.0.0-canary-2020529122642

4 years ago

0.0.0-canary-2020523131727

4 years ago

0.0.0-canary-20205197174

4 years ago

0.0.0-canary-202051973658

4 years ago

0.0.0-canary-202051995159

4 years ago

0.0.0-canary-2020518114028

4 years ago

0.0.0-canary-20205189845

4 years ago

0.0.0-canary-202051794651

4 years ago

0.0.0-canary-2020517124625

4 years ago

0.0.0-canary-202051713314

4 years ago

0.0.0-canary-2020517154851

4 years ago

0.0.0-canary-2020516153752

4 years ago

0.0.0-canary-2020516122620

4 years ago

0.0.0-canary-2020515164618

4 years ago

0.0.0-canary-9340ace876b3a8fe3716a7b0e4a1e7226f67c280

4 years ago

0.0.0-canary-f592e685bb1af2ae3cc09fae010abe25e130b5e6

4 years ago

10.22.0

4 years ago

0.0.0-canary-3d0b4fb455af11bc144422793320ea44ddbfce81

4 years ago

0.0.0-canary-69b072bbfe4e3ad744d4a0dfa2cb77accfba5006

4 years ago

0.0.0-canary-86a85e642d0d47089c3ddd7094974c58badbed56

4 years ago

0.0.0-canary-cf3634684998e22d639f557853d4e04093fb7505

4 years ago

0.0.0-canary-7bfe6aa26c46b4b5de103c587fc9732e38c7a09d

4 years ago

0.0.0-canary-83c463c0fb283a044de0bbca81dd7e155022d17d

4 years ago

10.21.0

4 years ago

0.0.0-canary-5b8cf035a8e6a1f63f7ab778d67fd3c6f1682b94

4 years ago

0.0.0-canary-f3fb2f02f303b8627eece8972c5421e0d17ebb64

4 years ago

0.0.0-canary-97e6f346d044fff6869277341f3b010f4b979b27

4 years ago

0.0.0-canary-a28f5938294f533a416436e7e524dbd52d3aad29

4 years ago

10.20.0

4 years ago

0.0.0-canary-7c029007f4d5f49fe2db3a648ccba0d65176d770

4 years ago

0.0.0-canary-cb8776f258a0285e44e2046c4b955279fc778c82

4 years ago

0.0.0-canary-a4dc975e208cb77a661fb8b16855054898c92f30

4 years ago

10.19.0

4 years ago

0.0.0-canary-aa1c4a825334f72dc415e3c2cd9b6bf3917924c9

4 years ago

0.0.0-canary-531d365859eef2609ffe41b25a70edd19c23afc9

4 years ago

0.0.0-canary-13a4f7037f77a041964e36460e7beb59f08a246f

4 years ago

0.0.0-canary-782210d13706b92a7e6e936bccd30770b0b2ccac

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

MoneyInput

Description

Installation

Usage

Properties

Signatures

Signature value

Signature onBlur

Signature onFocus

Signature onChange

Static methods

MoneyInput.convertToMoneyValue

MoneyInput.parseMoneyValue

MoneyInput.isEmpty

MoneyInput.isTouched

MoneyInput.getCurrencyDropdownId

MoneyInput.getAmountInputId(idPrefix)

MoneyInput.isHighPrecision

Examples

Signature `value`

Signature `onBlur`

Signature `onFocus`

Signature `onChange`

`MoneyInput.convertToMoneyValue`

`MoneyInput.parseMoneyValue`

`MoneyInput.isEmpty`

`MoneyInput.isTouched`

`MoneyInput.getCurrencyDropdownId`

`MoneyInput.getAmountInputId(idPrefix)`

`MoneyInput.isHighPrecision`