JSPM

text-mask-vat-id

1.0.2
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 135
  • Score
    100M100P100Q88723F
  • License MIT

Text mask for VAT identification number

Package Exports

  • text-mask-vat-id

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (text-mask-vat-id) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

text-mask-vat-id Build Status Coverage Status

Text Mask function for VAT identification number.

Example

Demo available here: dimitrinicolas.github.io/text-mask-vat-id/example

Installation

npm i text-mask-vat-id

Usage

I recommend you to add an uppercase pipe function to text-mask component:

function upperCasePipe(value) {
  return value.toUpperCase();
}

With React.js

import React from 'react'
import MaskedInput from 'react-text-mask'
import createVatIdMask from 'text-mask-vat-id';

const mask = createVatIdMask();

export default () => (
  <MaskedInput
    mask={mask}
    pipe={value => value.toUpperCase()} />
);

In Vanilla JS

<script src="./node_modules/vanilla-text-mask/dist/vanillaTextMask.js"></script>
<script src="./node_modules/text-mask-vat-id/dist/text-mask-vat-id.umd.min.js"></script>
<script>
  function upperCasePipe(value) {
    return value.toUpperCase();
  }

  vanillaTextMask.maskInput({
    inputElement: document.getElementById('vat-input'),
    mask: createVatIdMask(),
    pipe: upperCasePipe
  });
});
</script>

Options

You can pass options as an object when creating text mask:

const mask = createVatIdMask({
  /** options */
});
  • localeFormat (default: false): If the mask should add separation characters ( , -, . and /) to the VAT ID. E.g.: "FR19845015858" would become "FR 19 845 015 858".

Build

Compile with Rollup:

npm run build

Build and test:

npm test

Source

  • text-mask - Input mask for React, Angular, Ember, Vue, & plain JavaScript

License

This project is licensed under the MIT license.