Add .parcelrc params.

.parcelrc

@@ -0,0 +1,6 @@
+{
+  "extends": "@parcel/config-default",
+  "transformers": {
+    "*.{ts,tsx}": ["@parcel/transformer-typescript-tsc"]
+  }
+}

README.md

@@ -16,11 +16,11 @@ npm install --save treeselectjs
 ```
 Import treeselectjs (ES)
 ```
-import Treeselect from 'treeselectjs'
+import { Treeselect } from 'treeselectjs'
 ```
 Import treeselectjs (CommonJS)
 ```
-const Treeselect = require('treeselectjs').default
+const { Treeselect } = require('treeselectjs')
 ```
 Import css file with styles
 ```
@@ -29,7 +29,7 @@ Import css file with styles
 
 Example
 ```
-import Treeselect from 'treeselectjs'
+import { Treeselect } from 'treeselectjs'
 
 const options = [
   {

demo/index.js

@@ -1,4 +1,4 @@
-import Treeselect from '../dist/treeselect-js.mjs.js';
+import { Treeselect } from '../dist/treeselect-js.mjs.js';
 
 const options = [
   {

dist/treeselect-js.d.ts

@@ -63,7 +63,7 @@ type IconsType = {
     check: string | HTMLElement;
     partialCheck: string | HTMLElement;
 };
-export default class Treeselect implements ITreeslect {
+export class Treeselect implements ITreeslect {
     #private;
     parentHtmlContainer: HTMLElement;
     value: ValueOptionType[];
@@ -97,4 +97,3 @@ export default class Treeselect implements ITreeslect {
     blurWindowHandler(): void;
     updateListPosition(): void;
 }
-export default Treeselect;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "treeselectjs",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "description": "Treeselect JS",
   "main": "dist/treeselect-js.cjs.js",
   "module": "dist/treeselect-js.mjs.js",
@@ -28,7 +28,6 @@
     },
     "types": {
       "isLibrary": true,
-      "context": "node",
       "source": "src/treeselect-js.ts",
       "optimize": true,
       "sourceMap": false
@@ -66,15 +65,13 @@
   "homepage": "https://github.com/dipson88/treeselectjs#readme",
   "devDependencies": {
     "@parcel/packager-ts": "^2.6.2",
+    "@parcel/transformer-typescript-tsc": "^2.6.2",
     "@parcel/transformer-typescript-types": "^2.6.2",
     "parcel": "^2.6.2",
     "prettier": "^2.7.1",
     "typescript": "^4.7.4"
   },
   "files": [
     "dist"
-  ],
-  "dependencies": {
-    "@swc/helpers": "^0.4.3"
-  }
+  ]
 }

src/input/index.ts

@@ -373,5 +373,3 @@ export class TreeselectInput implements ITreeselectInput {
     this.srcElement.dispatchEvent(new CustomEvent('close'))
   }
 }
-
-export default TreeselectInput

src/list/index.ts

@@ -159,7 +159,7 @@ const getFlattedOptionByInputId = (inputId: string | null, flattedOptions: Flatt
   return flattedOptions.find((fo) => fo.id.toString() === inputId)
 }
 
-class TreeselectList implements ITreeselectList {
+export class TreeselectList implements ITreeselectList {
   // Props
   options: OptionType[]
   value: ValueOptionType[]
@@ -595,5 +595,3 @@ class TreeselectList implements ITreeselectList {
     this.srcElement.dispatchEvent(new CustomEvent('input', { detail: this.selectedNodes }))
   }
 }
-
-export default TreeselectList

src/svgIcons.ts

@@ -43,8 +43,3 @@ export const getDefaultIcons = (iconsFromProps: Partial<IconsType> | undefined)
 
   return newIcons as IconsType
 }
-
-export default {
-  icons,
-  appendIconToElement
-}

src/treeselect-js.ts

@@ -1,7 +1,7 @@
 import { ITreeselectInput } from './input/inputTypes'
 import { ITreeselectList } from './list/listTypes'
-import TreeselectInput from './input/index'
-import TreeselectList from './list/index'
+import { TreeselectInput } from './input/index'
+import { TreeselectList } from './list/index'
 import {
   ITreeslect,
   ITreeslectParams,
@@ -24,7 +24,7 @@ const validateProps = ({ parentHtmlContainer, staticList, appendToBody }: Partia
 
 const getOnlyIds = (nodes: FlattedOptionType[]) => nodes.map((node) => node.id)
 
-class Treeselect implements ITreeslect {
+export class Treeselect implements ITreeslect {
   // Props
   parentHtmlContainer: HTMLElement
   value: ValueOptionType[]
@@ -460,5 +460,3 @@ class Treeselect implements ITreeslect {
     }
   }
 }
-
-export default Treeselect