my-react-lib-prashant 1.0.5 → 1.0.6

package/dist/my-react-lib-prashant.js

@@ -18704,6 +18704,9 @@ function ne(e) {
 }
 //#endregion
 //#region src/main.jsx
-var re = N(ne, y.default, b.default);
+var re = N(ne, y.default, b.default, { props: {
+	label: "string",
+	placeholder: "string"
+} });
 customElements.define("my-textbox", re);
 //#endregion

package/dist/my-react-lib-prashant.umd.cjs

@@ -168,4 +168,4 @@ Check the top-level render call using <`+n+`>.`)}return t}function Xe(e,t){if(!(
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,_,h,g.length>0?`{`+g.join(`: ..., `)+`: ...}`:`{}`,h),et[h+_]=!0)}return e===i?$e(f):Qe(f),f}function nt(e,t,n){return tt(e,t,n,!0)}function rt(e,t,n){return tt(e,t,n,!1)}var it=rt,at=nt;e.Fragment=i,e.jsx=it,e.jsxs=at})()})),te=o(((e,t)=>{process.env.NODE_ENV===`production`?t.exports=P():t.exports=ee()}))();function ne(e){let[t,n]=(0,y.useState)(``);return(0,te.jsxs)(`div`,{children:[(0,te.jsxs)(`label`,{children:[e.label||`Textbox`,`:`]}),(0,te.jsx)(`input`,{type:`text`,value:t,placeholder:e.placeholder||`Enter text`,onChange:t=>{n(t.target.value),e.onChange&&e.onChange(t.target.value)},style:{padding:`8px`,width:`250px`,marginTop:`5px`}})]})}var re=N(ne,y.default,b.default);customElements.define(`my-textbox`,re)});
+  <%s key={someKey} {...props} />`,_,h,g.length>0?`{`+g.join(`: ..., `)+`: ...}`:`{}`,h),et[h+_]=!0)}return e===i?$e(f):Qe(f),f}function nt(e,t,n){return tt(e,t,n,!0)}function rt(e,t,n){return tt(e,t,n,!1)}var it=rt,at=nt;e.Fragment=i,e.jsx=it,e.jsxs=at})()})),te=o(((e,t)=>{process.env.NODE_ENV===`production`?t.exports=P():t.exports=ee()}))();function ne(e){let[t,n]=(0,y.useState)(``);return(0,te.jsxs)(`div`,{children:[(0,te.jsxs)(`label`,{children:[e.label||`Textbox`,`:`]}),(0,te.jsx)(`input`,{type:`text`,value:t,placeholder:e.placeholder||`Enter text`,onChange:t=>{n(t.target.value),e.onChange&&e.onChange(t.target.value)},style:{padding:`8px`,width:`250px`,marginTop:`5px`}})]})}var re=N(ne,y.default,b.default,{props:{label:`string`,placeholder:`string`}});customElements.define(`my-textbox`,re)});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "my-react-lib-prashant",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "main": "dist/my-react-lib-prashant.js",
   "module": "dist/my-react-lib-prashant.js",
   "type": "module",

package/src/main.jsx

@@ -3,6 +3,11 @@ import ReactDOM from "react-dom/client";
 import reactToWebComponent from "react-to-webcomponent";
 import TextBox from "./components/TextBox";
 
-const WebTextBox = reactToWebComponent(TextBox, React, ReactDOM);
+const WebTextBox = reactToWebComponent(TextBox, React, ReactDOM, {
+  props: {
+    label: "string",
+    placeholder: "string"
+  }
+});
 
 customElements.define("my-textbox", WebTextBox);