use-mask-input 3.0.5 → 3.1.0

package/node_modules/inputmask/package.json

@@ -1,60 +0,0 @@
-{
-  "name": "inputmask",
-  "version": "5.0.7",
-  "description": "Inputmask is a javascript library which creates an input mask.  Inputmask can run against vanilla javascript, jQuery and jqlite.",
-  "main": "dist/inputmask.js",
-  "files": [
-    "bundle.js",
-    "dist/",
-    "lib/"
-  ],
-  "scripts": {
-    "start": "webpack --progress --watch --config-name main --config webpack.config.js",
-    "jquery": "webpack --progress --watch --config-name jquery --config webpack.config.js",
-    "test": "grunt validate"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/RobinHerbots/Inputmask.git"
-  },
-  "keywords": [
-    "form",
-    "input",
-    "inputmask",
-    "jquery",
-    "jquery-plugin",
-    "mask",
-    "plugins"
-  ],
-  "author": {
-    "name": "Robin Herbots",
-    "url": "https://github.com/RobinHerbots"
-  },
-  "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/RobinHerbots/Inputmask/issues"
-  },
-  "homepage": "https://github.com/RobinHerbots/Inputmask",
-  "devDependencies": {
-    "@babel/core": "^7.16.5",
-    "@babel/plugin-transform-modules-commonjs": "^7.16.5",
-    "@babel/preset-env": "^7.16.5",
-    "@babel/preset-typescript": "^7.16.5",
-    "@robinherbots/grunt-available-tasks": "^0.6.4",
-    "@robinherbots/grunt-nuget": "^0.3.2",
-    "babel-loader": "^8.2.3",
-    "grunt": "^1.4.1",
-    "grunt-bump": "^0.8.0",
-    "grunt-contrib-clean": "^2.0.0",
-    "grunt-contrib-copy": "^1.0.0",
-    "grunt-eslint": "^24.0.0",
-    "grunt-release": "^0.14.0",
-    "grunt-webpack": "^5.0.0",
-    "jquery": "^3.6.0",
-    "load-grunt-tasks": "^5.1.0",
-    "lodash": "^4.17.21",
-    "qunit": "^2.17.2",
-    "webpack": "^5.65.0",
-    "webpack-cli": "^4.9.1"
-  }
-}

package/src/example/App.example.tsx

@@ -1,68 +0,0 @@
-/* eslint-disable import/no-extraneous-dependencies */
-/* eslint-disable no-console */
-/* eslint-disable @typescript-eslint/no-unused-vars */
-/* eslint-disable react/jsx-props-no-spreading */
-import React from 'react';
-import { useForm } from 'react-hook-form';
-import { Form, Field } from 'react-final-form';
-import { withHookFormMask, withMask } from '../index';
-
-function App() {
-  const [lib, setLib] = React.useState<'hook-form' | 'final-form'>('hook-form');
-  const { register, handleSubmit } = useForm();
-
-  const onSubmit = (data: any) => {
-    console.log(data);
-  };
-
-  return (
-    <>
-      <h3>Using simple ref</h3>
-      <input type="text" ref={withMask(['(99) 9999 9999', '(99) 9 9999 9999'])} />
-      <hr />
-      <select onChange={(e) => setLib(e.target.value as any)}>
-        <option value="hook-form">Hook Form</option>
-        <option value="final-form">Final Form</option>
-      </select>
-      <hr />
-
-      {lib === 'hook-form' && (
-        <>
-          <h3>Using react-hook-form</h3>
-          <form onSubmit={handleSubmit(onSubmit)}>
-            <input
-              type="text"
-              {...withHookFormMask(register('phone'), ['(99) 9999 9999', '(99) 9 9999 9999'])}
-            />
-            <button type="submit">Submit</button>
-          </form>
-        </>
-      )}
-
-      <hr />
-      {lib === 'final-form' && (
-      <Form
-        onSubmit={onSubmit}
-        render={({ handleSubmit: _handleSubmit }) => (
-          <form onSubmit={_handleSubmit}>
-            <h3>working with example react-final-form </h3>
-            <Field
-              name="phone"
-              render={({ input, meta }) => (
-                <label htmlFor="phone">
-                  Phone
-                  <input ref={withMask('9999-9999')} {...input} placeholder="Phone" />
-                  {meta.touched && meta.error && <span>{meta.error}</span>}
-                </label>
-              )}
-            />
-            <button type="submit">Submit</button>
-          </form>
-        )}
-      />
-      )}
-    </>
-  );
-}
-
-export default App;

package/src/example/index.tsx

@@ -1,5 +0,0 @@
-import React from 'react';
-import { render } from 'react-dom';
-import App from './App.example';
-
-render(<App />, document.getElementById('root'));