Merge pull request #8 from coded-bear/develop

updated packages, formatting, refactor

Author: coded-bear

.babelrc

@@ -1,5 +1,5 @@
 {
-  "presets": ["@babel/preset-env", "@babel/preset-react"],
-  "comments": false,
-  "compact": true
+    "presets": ["@babel/preset-env", "@babel/preset-react"],
+    "comments": false,
+    "compact": true
 }

.eslintrc

@@ -1,29 +1,29 @@
 {
-  "env": {
-    "browser": true
-  },
-  "parser": "@babel/eslint-parser",
-  "parserOptions": {
-    "ecmaFeatures": {
-      "jsx": true
+    "env": {
+        "browser": true
     },
-    "sourceType": "module"
-  },
-  "settings": {
-    "react": {
-      "version": "detect"
+    "parser": "@babel/eslint-parser",
+    "parserOptions": {
+        "ecmaFeatures": {
+            "jsx": true
+        },
+        "sourceType": "module"
+    },
+    "settings": {
+        "react": {
+            "version": "detect"
+        }
+    },
+    "extends": [
+        "eslint:recommended",
+        "plugin:react/recommended",
+        "plugin:react-hooks/recommended",
+        "plugin:import/recommended",
+        "plugin:prettier/recommended",
+        "prettier"
+    ],
+    "rules": {
+        "no-unused-vars": "off",
+        "react/prop-types": "off"
     }
-  },
-  "extends": [
-    "eslint:recommended",
-    "plugin:react/recommended",
-    "plugin:react-hooks/recommended",
-    "plugin:import/recommended",
-    "plugin:prettier/recommended",
-    "prettier"
-  ],
-  "rules": {
-    "no-unused-vars": "off",
-    "react/prop-types": "off"
-  }
 }

.npmignore

@@ -5,4 +5,4 @@
 .eslintrc
 .prettierignore
 .prettierrc
-webpack.config.js
+webpack.config.js

.prettierignore

@@ -1,5 +1,11 @@
 # dependencies
 /node_modules
+yarn.lock
+package-lock.json
+
+# logs
+logs
+*.log
 
 # builds
 /lib

.prettierrc

@@ -1,9 +1,12 @@
 {
-  "arrowParens": "always",
-  "printWidth": 120,
-  "semi": true,
-  "singleQuote": true,
-  "tabWidth": 2,
-  "trailingComma": "es5",
-  "useTabs": false
+    "endOfLine": "lf",
+    "semi": true,
+    "singleQuote": true,
+    "tabWidth": 4,
+    "printWidth": 100,
+    "trailingComma": "all",
+    "arrowParens": "avoid",
+    "useTabs": false,
+    "bracketSpacing": true,
+    "bracketSameLine": false
 }

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 Łukasz Warchoł
+Copyright (c) 2022 Łukasz Warchoł
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -19,20 +19,20 @@ import React, { useState } from 'react';
 import OtpField from 'react-otp-field';
 
 const App = () => {
-  const [value, setValue] = useState('');
+    const [value, setValue] = useState('');
 
-  return (
-    <OtpField
-      value={value}
-      onChange={setValue}
-      numInputs={6}
-      onChangeRegex={/^([0-9]{0,})$/}
-      autoFocus
-      separator={<span>-</span>}
-      isTypeNumber
-      inputProps={{ className: 'otp-field__input', disabled: false }}
-    />
-  );
+    return (
+        <OtpField
+            value={value}
+            onChange={setValue}
+            numInputs={6}
+            onChangeRegex={/^([0-9]{0,})$/}
+            autoFocus
+            separator={<span>-</span>}
+            isTypeNumber
+            inputProps={{ className: 'otp-field__input', disabled: false }}
+        />
+    );
 };
 ```
 
@@ -120,11 +120,11 @@ const App = () => {
             <td>Type number for inputs.</td>
         </tr>
         <tr>
-            <td>hasErrored</td>
+            <td>hasError</td>
             <td>Boolean</td>
             <td>false</td>
             <td>false</td>
-            <td>Error class 'otp-field--has-errored' for otp-field component.</td>
+            <td>Error class 'otp-field--has-error' for otp-field component.</td>
         </tr>
         <tr>
             <td>inputProps</td>