@coxy/react-validator 2.0.1 → 2.0.3

package/.eslintignore

@@ -1,3 +1,2 @@
 dist
 node_modules
-example/dist

package/.eslintrc.js

@@ -1,28 +1,7 @@
 module.exports = {
   root: true,
   parser: '@typescript-eslint/parser',
-  plugins: [
-    'react',
-    'import',
-    '@typescript-eslint'
-  ],
-  rules: {
-    'no-void': [0],
-    'react/jsx-tag-spacing': ['error', {
-      closingSlash: 'never',
-      beforeSelfClosing: 'always',
-      afterOpening: 'never',
-      beforeClosing: 'never'
-    }],
-    'import/order': ['error', {
-      groups: ['type', 'external', 'internal', 'builtin', 'object', 'index', 'parent', 'sibling'],
-      'newlines-between': 'always'
-    }]
-  },
   extends: [
-    'standard',
-    'eslint:recommended',
-    'plugin:@typescript-eslint/eslint-recommended',
-    'plugin:@typescript-eslint/recommended'
+    '@coxy/eslint-config/react'
   ]
 }

package/README.md

@@ -20,7 +20,7 @@ Need react **>=16.3**
 
 # Example
 
-See more examples [here](example/example.jsx)
+See more examples [here](example/example.tsx)
 
 ```jsx
 import React, { useState } from 'react';
@@ -68,7 +68,7 @@ export default () => {
 };
 ```
 
-See more examples [here](example/example.jsx)
+See more examples [here](example/example.tsx)
  
 # Rules
 

package/dist/rules.d.ts

@@ -1,6 +1,7 @@
-declare type Fn = (value: any) => string;
+import { Value } from './validator-field';
+declare type Fn = (value: Value) => string;
 export interface RuleInstance {
-    rule: (value: any) => boolean;
+    rule: (value: Value) => boolean;
     message: string | Fn;
 }
 export declare type ValidatorRules = RuleInstance[];

package/dist/{validator-field.jsx → validator-field.js}

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ValidatorField = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const context_1 = require("./context");
 const validator_1 = require("./validator");
@@ -27,8 +28,6 @@ class ValidationFieldWrapper extends react_1.Component {
     }
 }
 function ValidatorField(props) {
-    return (<context_1.Context.Consumer>
-      {(data) => (<ValidationFieldWrapper {...props} registerField={data.registerField} unregisterField={data.unregisterField}/>)}
-    </context_1.Context.Consumer>);
+    return ((0, jsx_runtime_1.jsx)(context_1.Context.Consumer, { children: (data) => ((0, jsx_runtime_1.jsx)(ValidationFieldWrapper, Object.assign({}, props, { registerField: data.registerField, unregisterField: data.unregisterField }))) }));
 }
 exports.ValidatorField = ValidatorField;

package/dist/{validator-wrapper.jsx → validator-wrapper.js}

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ValidatorWrapper = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const context_1 = require("./context");
 const validator_1 = require("./validator");
@@ -35,9 +36,7 @@ class ValidatorWrapper extends react_1.Component {
         return validator.validate();
     }
     render() {
-        return (<context_1.Context.Provider value={{ registerField: this.registerField, unregisterField: this.unregisterField }}>
-        {this.props.children}
-      </context_1.Context.Provider>);
+        return ((0, jsx_runtime_1.jsx)(context_1.Context.Provider, Object.assign({ value: { registerField: this.registerField, unregisterField: this.unregisterField } }, { children: this.props.children })));
     }
 }
 exports.ValidatorWrapper = ValidatorWrapper;

package/example/{example.jsx → example.tsx}

@@ -6,7 +6,7 @@ import { ValidatorWrapper, rules, ValidatorField, Validator } from '../dist/inde
 
 function App () {
   const [email, setEmail] = useState('')
-  const jsxValidator = createRef()
+  const jsxValidator = createRef<ValidatorWrapper>()
 
   function handleValidateEmail () {
     const { isValid, message, errors } = jsxValidator.current.validate()

package/example/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./dist",
+    "rootDir": ".",
+    "baseUrl": "./",
+  },
+  "include": [
+    "example.tsx"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist"
+  ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coxy/react-validator",
-  "version": "2.0.1",
+  "version": "2.0.3",
   "description": "🚀 Simple validation form for React or NodeJS apps. useValidator are included ;)",
   "main": "./dist/index.js",
   "repository": {
@@ -21,7 +21,7 @@
   "scripts": {
     "start": "ts-node . --watch",
     "build": "NODE_ENV=production tsc --project tsconfig.build.json",
-    "example": "webpack-cli -w --config ./example/webpack.config.js",
+    "example": "tsc --project ./example/tsconfig.json",
     "coverage": "codecov",
     "coveralls": "coveralls .",
     "test": "jest"
@@ -34,32 +34,28 @@
     "react": ">=18.x.x"
   },
   "devDependencies": {
-    "@babel/core": "^7.18.6",
-    "@babel/preset-env": "^7.18.6",
-    "@babel/preset-react": "^7.18.6",
-    "@testing-library/react": "^13.3.0",
-    "@types/jest": "^28.1.4",
-    "@types/react": "^18.0.15",
-    "@typescript-eslint/eslint-plugin": "^5.30.6",
-    "@typescript-eslint/parser": "^5.30.6",
-    "babel-loader": "^8.2.5",
-    "codecov": "^3.8.3",
-    "coveralls": "^3.1.1",
-    "eslint": "7.32.0",
-    "eslint-config-standard": "^16.0.3",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jsx-a11y": "^6.6.0",
-    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^6.0.0",
-    "eslint-plugin-react": "^7.30.1",
-    "jest": "^28.1.2",
-    "jest-environment-jsdom": "^28.1.2",
-    "react-dom": "^18.2.0",
-    "react-test-renderer": "^18.2.0",
-    "ts-jest": "^28.0.5",
-    "ts-node": "^10.8.2",
-    "typescript": "^4.7.4",
-    "webpack": "^5.73.0",
-    "webpack-cli": "^4.10.0"
+    "@coxy/eslint-config": "1.0.5",
+    "@testing-library/react": "13.4.0",
+    "@types/jest": "29.1.2",
+    "@types/react": "18.0.21",
+    "@typescript-eslint/eslint-plugin": "5.*",
+    "@typescript-eslint/parser": "5.*",
+    "codecov": "3.8.3",
+    "coveralls": "3.1.1",
+    "eslint": "8.25.0",
+    "eslint-config-standard": "17.0.0",
+    "eslint-plugin-import": "2.26.0",
+    "eslint-plugin-jsx-a11y": "6.6.1",
+    "eslint-plugin-n": "15.3.0",
+    "eslint-plugin-promise": "6.0.1",
+    "eslint-plugin-filename-rules": "1.2.0",
+    "eslint-plugin-react": "7.31.8",
+    "jest": "29.1.2",
+    "jest-environment-jsdom": "29.1.2",
+    "react-dom": "18.2.0",
+    "react-test-renderer": "18.2.0",
+    "ts-jest": "29.0.3",
+    "ts-node": "10.9.1",
+    "typescript": "4.8.4"
   }
 }

package/src/use-validator.ts

@@ -8,3 +8,4 @@ export function useValidator (value: Value, rules: ValidatorRules): [boolean, Pi
   const { isValid, ...validateObject } = validator.validate()
   return [isValid, validateObject]
 }
+

package/src/validator-wrapper.tsx

@@ -1,4 +1,3 @@
-/* eslint react/sort-comp: [0], camelcase: [0] */
 import { Component, ReactNode, RefObject } from 'react'
 
 import { Context } from './context'
@@ -11,7 +10,7 @@ interface ComponentProps {
 }
 
 export class ValidatorWrapper extends Component<ComponentProps> {
-  fields = [];
+  fields = []
 
   constructor (props, ctx) {
     super(props, ctx)

package/src/validator.ts

@@ -5,14 +5,15 @@ export interface FieldParams {
   value: Value
   rules: ValidatorRules,
   required?: boolean
-  id?: string | number
+  id?: string|number
 }
 
 export class Field {
-  private rules: ValidatorRules;
-  private required: boolean;
-  private value: Value;
-  public id: string | number;
+  private rules: ValidatorRules
+  private required: boolean
+  private value: Value
+  public id: string|number
+
   constructor ({
     rules,
     required,
@@ -61,8 +62,8 @@ export interface ValidatorParams {
 }
 
 export class Validator {
-  private fields: Field[];
-  private params: ValidatorParams;
+  private fields: Field[]
+  private params: ValidatorParams
 
   constructor (params?: ValidatorParams) {
     this.params = params || null

package/tsconfig.json

@@ -26,7 +26,7 @@
     "strict": false,
     "isolatedModules": true,
     "moduleResolution": "node",
-    "jsx": "preserve"
+    "jsx": "react-jsx"
   },
   "include": [
     "src",

package/babel.config.js

@@ -1,3 +0,0 @@
-module.exports = {
-  presets: ['@babel/preset-env', '@babel/preset-react']
-}

package/example/webpack.config.js

@@ -1,29 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/no-var-requires
-const path = require('path')
-
-module.exports = {
-  target: 'web',
-  entry: [
-    path.resolve('./example/example.jsx')
-  ],
-  mode: 'development',
-  output: {
-    path: path.resolve('./example'),
-    filename: './dist/example.js'
-  },
-  devtool: 'source-map',
-  module: {
-    rules: [{
-      test: /\.jsx?$/,
-      exclude: /node_modules/,
-      loader: 'babel-loader'
-    }]
-  },
-  resolve: {
-    extensions: ['.js', '.jsx']
-  },
-  externals: {
-    react: 'React',
-    'react-dom': 'ReactDOM'
-  }
-}