Added export for react component

js-timezone-selector-plugin/package.json

@@ -6,6 +6,10 @@
   "files": [
     "dist"
   ],
+  "exports": {
+    ".": "./dist/index.es.js",
+    "./react": "./dist/index.es2.js"
+  },
   "scripts": {
     "dev": "vite",
     "build": "vite build"

js-timezone-selector-plugin/react/index.tsx

@@ -0,0 +1,20 @@
+import React, { useCallback } from 'react'
+
+import NeetoTimezoneSelect from "../src/main";
+
+const NeetoTimezoneSelector = (options = {}) => {
+
+
+  const ref = useCallback(node => {
+    if (node !== null) {
+      new NeetoTimezoneSelector(node, options);
+    }
+  }, []);
+
+
+  return (
+    <div id="element" ref={ref}></div>
+  )
+}
+
+export default NeetoTimezoneSelector

js-timezone-selector-plugin/src/main.tsx

@@ -7,14 +7,16 @@ import './styles.css';
 class Plugin {
   element: Element;
 
-  constructor(element: Element) {
+  constructor(element: Element, options: any) {
     this.element = element
+    this.options = options;
+
     this.render()
   }
 
   render() {
 
-    render(<Selector />, this.element);
+    render(<Selector {...this.options} />, this.element);
   }
 }
 

js-timezone-selector-plugin/vite.config.ts

@@ -14,8 +14,8 @@ export default defineConfig({
     emptyOutDir: true,
 
     lib: {
-      entry: path.resolve(__dirname, "./src/main.tsx"),
-      formats: ["iife", "es"],
+      entry: [path.resolve(__dirname, "./src/main.tsx"), path.resolve(__dirname, "./react/index.tsx")],
+      formats: ["es"],
       name: "NeetoTimezoneSelector",
       fileName: (format) => `index.${format}.js`,
     },