feat: use Parcel for bundling (#36)

* fix: add webstorm config to ignore

* feat: use parcel for bundling

* fix: remove disable statements

Author: burhanuday

.gitignore

@@ -20,3 +20,6 @@ dist
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+.idea
+.parcel-cache

package.json

@@ -5,7 +5,7 @@
   "author": "burhanuday",
   "license": "MIT",
   "repository": "burhanuday/react-transliterate",
-  "typings": "./dist/index.d.ts",
+  "types": "dist/types.d.ts",
   "keywords": [
     "react",
     "transliterate",
@@ -18,8 +18,8 @@
     "node": ">=10"
   },
   "scripts": {
-    "build": "microbundle-crl --no-compress --format modern,cjs",
-    "start": "microbundle-crl watch --no-compress --format modern,cjs",
+    "start": "parcel watch",
+    "build": "parcel build",
     "prepare": "run-s build",
     "test": "run-s test:unit test:lint test:build",
     "test:build": "run-s build",
@@ -34,6 +34,8 @@
     "react": "^16.0.0"
   },
   "devDependencies": {
+    "@parcel/packager-ts": "^2.0.0",
+    "@parcel/transformer-typescript-types": "^2.0.0",
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.1.0",
     "@testing-library/user-event": "^13.2.1",
@@ -57,9 +59,10 @@
     "eslint-plugin-react": "^7.17.0",
     "eslint-plugin-standard": "^4.0.1",
     "gh-pages": "^2.2.0",
-    "microbundle-crl": "^0.13.10",
     "msw": "^0.35.0",
     "npm-run-all": "^4.1.5",
+    "parcel": "^2.0.0",
+    "postcss": "^8.2.1",
     "prettier": "^2.0.4",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",

src/index.tsx

@@ -20,15 +20,11 @@ export const ReactTransliterate = ({
   lang = "hi",
   offsetX = 0,
   offsetY = 10,
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  onChange = () => {},
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  onChangeText = () => {},
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  onBlur = () => {},
+  onChange,
+  onChangeText,
+  onBlur,
   value,
-  // eslint-disable-next-line @typescript-eslint/no-empty-function
-  onKeyDown = () => {},
+  onKeyDown,
   containerClassName = "",
   containerStyles = {},
   activeItemStyles = {},
@@ -73,7 +69,6 @@ export const ReactTransliterate = ({
     const currentString = value;
     // create a new string with the currently typed word
     // replaced with the word in transliterated language
-    if (typeof currentString !== "string") return;
     const newValue =
       currentString.substring(0, matchStart) +
       options[index] +
@@ -95,7 +90,7 @@ export const ReactTransliterate = ({
       target: { value: newValue },
     } as unknown as React.FormEvent<HTMLInputElement>;
     onChangeText(newValue);
-    onChange(e);
+    onChange && onChange(e);
     reset();
     return inputRef.current?.focus();
   };
@@ -123,7 +118,7 @@ export const ReactTransliterate = ({
     const value = e.currentTarget.value;
 
     // bubble up event to the parent component
-    onChange(e);
+    onChange && onChange(e);
     onChangeText(value);
 
     if (!shouldRenderSuggestions) {
@@ -202,12 +197,12 @@ export const ReactTransliterate = ({
             setSelection((selection + 1) % options.length);
             break;
           default:
-            onKeyDown(event);
+            onKeyDown && onKeyDown(event);
             break;
         }
       }
     } else {
-      onKeyDown(event);
+      onKeyDown && onKeyDown(event);
     }
   };
 
@@ -221,7 +216,7 @@ export const ReactTransliterate = ({
         reset();
       }
     }
-    onBlur(event);
+    onBlur && onBlur(event);
   };
 
   const handleResize = () => {