removes cjs references

Author: mfacar

.eslintrc.json

@@ -18,12 +18,15 @@
   },
   "settings": {
     "import/resolver": {
-      "node": {
-        "extensions": [".js", ".jsx", ".ts", ".tsx"]
-      }
+      "typescript": true
     }
   },
-  "plugins": ["react", "jest", "@typescript-eslint", "prettier"],
+  "plugins": [
+    "react",
+    "jest",
+    "@typescript-eslint",
+    "prettier"
+  ],
   "rules": {
     "import/extensions": "off",
     "react/require-default-props": "off",
@@ -34,7 +37,14 @@
         "unnamedComponents": "arrow-function"
       }
     ],
-    "react/jsx-filename-extension": ["error", { "extensions": [".tsx"] }],
+    "react/jsx-filename-extension": [
+      "error",
+      {
+        "extensions": [
+          ".tsx"
+        ]
+      }
+    ],
     "@typescript-eslint/no-explicit-any": [
       "off",
       {
@@ -44,6 +54,11 @@
     ],
     "import/prefer-default-export": "off",
     "import/no-default-export": "error",
-    "import/no-extraneous-dependencies": ["error", { "devDependencies": true }]
+    "import/no-extraneous-dependencies": [
+      "error",
+      {
+        "devDependencies": true
+      }
+    ]
   }
-}
+}

e2e/webpack.config.cjs

@@ -17,6 +17,9 @@ module.exports = {
 
   resolve: {
     extensions: ['.js', '.jsx', '.ts', '.tsx'],
+    extensionAlias: {
+      '.js': ['.ts', '.tsx', '.js'],
+    },
   },
 
   plugins: [

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@huridocs/react-text-selection-handler",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "type": "module",
   "main": "./dist/index.js",
   "exports": {
@@ -55,6 +55,7 @@
     "eslint": "^8.57.0",
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-prettier": "^9.1.0",
+    "eslint-import-resolver-typescript": "^4.4.4",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jasmine": "^4.1.3",
     "eslint-plugin-jest": "^27.9.0",

src/HandleTextSelection.tsx

@@ -1,8 +1,8 @@
 import React, { FunctionComponent, useRef, useEffect } from 'react';
-import { elementContainsDomRect } from './elementContainsDomRect';
-import { rangeToTextRects } from './rangeToTextRects';
-import { domRectToSelectionRectangle, TextSelection } from './TextSelection';
-import { getSelectedText } from './getSelectedText';
+import { elementContainsDomRect } from './elementContainsDomRect.js';
+import { rangeToTextRects } from './rangeToTextRects.js';
+import { domRectToSelectionRectangle, TextSelection } from './TextSelection.js';
+import { getSelectedText } from './getSelectedText.js';
 
 interface SelectionHandlerProps {
   onSelect: (textSelection: TextSelection) => any;
@@ -24,7 +24,7 @@ const normalizedFirefoxRange = (selection: Selection) => {
 
 const HandleTextSelection: FunctionComponent<SelectionHandlerProps> = ({
   onSelect,
-  onDeselect = () => {},
+  onDeselect = () => { },
   children,
 }) => {
   const ref = useRef<HTMLDivElement>(null);
@@ -60,7 +60,7 @@ const HandleTextSelection: FunctionComponent<SelectionHandlerProps> = ({
     const refElement = ref.current;
 
     if (!refElement) {
-      return () => {};
+      return () => { };
     }
 
     const handleKeyDown = (event: KeyboardEvent) => {

src/Highlight.tsx

@@ -1,6 +1,6 @@
 import React, { CSSProperties, FunctionComponent, useContext } from 'react';
-import { SelectionRegionContext } from './SelectionRegion';
-import { TextSelection } from './TextSelection';
+import { SelectionRegionContext } from './SelectionRegion.js';
+import { TextSelection } from './TextSelection.js';
 
 interface HighlightProps {
   textSelection: TextSelection;

src/index.ts

@@ -1,4 +1,4 @@
-export { Highlight } from './Highlight';
-export { HandleTextSelection } from './HandleTextSelection';
-export { SelectionRegion } from './SelectionRegion';
-export type { TextSelection, SelectionRectangle } from './TextSelection';
+export { Highlight } from './Highlight.js';
+export { HandleTextSelection } from './HandleTextSelection.js';
+export { SelectionRegion } from './SelectionRegion.js';
+export type { TextSelection, SelectionRectangle } from './TextSelection.js';