jb-textarea 3.12.3 → 3.13.0

package/react/dist/JBTextarea.cjs.js

@@ -1,2 +1,66 @@
-var e=Object.create,r=Object.defineProperty,t=Object.getOwnPropertyDescriptor,u=Object.getOwnPropertyNames,n=Object.getPrototypeOf,o=Object.prototype.hasOwnProperty,a=(e,n,a,i)=>{if(n&&"object"==typeof n||"function"==typeof n)for(var c,l=u(n),s=0,d=l.length;s<d;s++)c=l[s],o.call(e,c)||c===a||r(e,c,{get:(e=>n[e]).bind(null,c),enumerable:!(i=t(n,c))||i.enumerable});return e},i=(t,u,o)=>(o=null!=t?e(n(t)):{},a(!u&&t&&t.__esModule?o:r(o,"default",{value:t,enumerable:!0}),t));const c=i(require("react"));require("jb-textarea");const l=i(require("jb-core/react")),s=c.default.forwardRef((e,r)=>{{var t,u;let n=(0,c.useRef)(null);(0,c.useImperativeHandle)(r,()=>n?n.current:void 0,[n]);let{onBeforeInput:o,onBlur:a,onChange:i,onEnter:s,onFocus:d,onInput:f,onKeyDown:b,onKeyUp:v,onInit:p,onLoad:E,placeholder:g,name:y,autoHeight:j,disabled:m,error:O,required:h,validationList:q,value:w,...P}=e;return t={autoHeight:j,disabled:m,error:O,required:h,validationList:q,value:w},(0,c.useEffect)(()=>{let e=t.value||"";n.current&&(n.current.value=e)},[t.value]),(0,c.useEffect)(()=>{n.current&&(n.current.validation.list=t.validationList||[])},[t.validationList]),(0,c.useEffect)(()=>{n.current&&void 0!==t.disabled&&(t.disabled?n.current.disabled=!0:n.current.disabled=!1)},[n.current,t.disabled]),(0,c.useEffect)(()=>{n.current&&void 0!==t.required&&(t.required?n.current.setAttribute("required",""):n.current.removeAttribute("required"))},[t.required]),(0,c.useEffect)(()=>{n.current&&(n.current.autoHeight=t.autoHeight||!1)},[t.autoHeight]),(0,c.useEffect)(()=>{t.error?n?.current?.setAttribute("error",t.error):n?.current?.removeAttribute("error")},[t.error]),u={onBeforeInput:o,onBlur:a,onChange:i,onEnter:s,onFocus:d,onInput:f,onKeyDown:b,onKeyUp:v,onInit:p,onLoad:E},(0,l.useEvent)(n,"load",u.onLoad,!0),(0,l.useEvent)(n,"init",u.onInit,!0),(0,l.useEvent)(n,"change",u.onChange),(0,l.useEvent)(n,"keydown",u.onKeyDown),(0,l.useEvent)(n,"input",u.onInput),(0,l.useEvent)(n,"beforeinput",u.onBeforeInput),(0,l.useEvent)(n,"keyup",u.onKeyUp),(0,l.useEvent)(n,"focus",u.onFocus),(0,l.useEvent)(n,"blur",u.onBlur),(0,l.useEvent)(n,"enter",u.onEnter),c.default.createElement("jb-textarea",{ref:n,name:y,label:e.label,message:e.message,placeholder:g,...P},e.children)}});exports.JBTextarea=s;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var e = Object.create, t = Object.defineProperty, r = Object.getOwnPropertyDescriptor, n = Object.getOwnPropertyNames, o = Object.getPrototypeOf, u = Object.prototype.hasOwnProperty;
+let a = require("react");
+var i, l = 1, c = null != (i = a) ? e(o(i)) : {};
+a = ((e, o, a, i) => {
+	if (o && "object" == typeof o || "function" == typeof o) for (var l, c = n(o), s = 0, d = c.length; s < d; s++) l = c[s], u.call(e, l) || l === a || t(e, l, {
+		get: ((e) => o[e]).bind(null, l),
+		enumerable: !(i = r(o, l)) || i.enumerable
+	});
+	return e;
+})(!l && i && i.__esModule ? c : t(c, "default", {
+	value: i,
+	enumerable: !0
+}), i), require("jb-textarea");
+let s = require("jb-core/react");
+const d = a.default.forwardRef((e, t) => {
+	{
+		const r = (0, a.useRef)(null);
+		(0, a.useImperativeHandle)(t, () => r.current ?? void 0, [r]);
+		const { onBeforeInput: n, onBlur: o, onChange: u, onEnter: i, onFocus: l, onInput: c, onKeyDown: d, onKeyUp: f, onInit: b, onLoad: p, placeholder: v, name: E, autoHeight: g, disabled: y, error: h, initialValue: m, required: j, validationList: O, value: q, ...I } = e;
+		return function(e, t) {
+			(0, a.useEffect)(() => {
+				e.current && (e.current.validation.list = t.validationList || []);
+			}, [t.validationList]), (0, a.useEffect)(() => {
+				e.current && void 0 !== t.disabled && (t.disabled ? e.current.disabled = !0 : e.current.disabled = !1);
+			}, [e.current, t.disabled]), (0, a.useEffect)(() => {
+				e.current && void 0 !== t.required && (t.required ? e.current.setAttribute("required", "") : e.current.removeAttribute("required"));
+			}, [t.required]), (0, a.useEffect)(() => {
+				e.current && (e.current.autoHeight = t.autoHeight || !1);
+			}, [t.autoHeight]), (0, a.useEffect)(() => {
+				t.error ? e?.current?.setAttribute("error", t.error) : e?.current?.removeAttribute("error");
+			}, [t.error]);
+		}(r, {
+			autoHeight: g,
+			disabled: y,
+			error: h,
+			required: j,
+			validationList: O
+		}), function(e, t) {
+			(0, s.useEvent)(e, "load", t.onLoad, !0), (0, s.useEvent)(e, "init", t.onInit, !0), (0, s.useEvent)(e, "change", t.onChange), (0, s.useEvent)(e, "keydown", t.onKeyDown), (0, s.useEvent)(e, "input", t.onInput), (0, s.useEvent)(e, "beforeinput", t.onBeforeInput), (0, s.useEvent)(e, "keyup", t.onKeyUp), (0, s.useEvent)(e, "focus", t.onFocus), (0, s.useEvent)(e, "blur", t.onBlur), (0, s.useEvent)(e, "enter", t.onEnter);
+		}(r, {
+			onBeforeInput: n,
+			onBlur: o,
+			onChange: u,
+			onEnter: i,
+			onFocus: l,
+			onInput: c,
+			onKeyDown: d,
+			onKeyUp: f,
+			onInit: b,
+			onLoad: p
+		}), a.default.createElement("jb-textarea", {
+			ref: r,
+			value: q ?? "",
+			initialValue: m ?? "",
+			name: E,
+			label: e.label,
+			message: e.message,
+			placeholder: v,
+			...I
+		}, e.children);
+	}
+});
+exports.JBTextarea = d;
+
 //# sourceMappingURL=JBTextarea.cjs.js.map

package/react/dist/JBTextarea.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"JBTextarea.cjs.js","names":[],"sources":["../lib/events-hook.ts","../lib/attributes-hook.ts","../lib/JBTextarea.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,SAAgB,UAAU,SAA4C,OAAiB;AACrF,6BAAS,SAAS,QAAQ,MAAM,QAAQ,KAAK;AAC7C,6BAAS,SAAS,QAAQ,MAAM,QAAQ,KAAK;AAC7C,6BAAS,SAAS,UAAU,MAAM,SAAS;AAC3C,6BAAS,SAAS,WAAW,MAAM,UAAU;AAC7C,6BAAS,SAAS,SAAS,MAAM,QAAQ;AACzC,6BAAS,SAAS,eAAe,MAAM,cAAc;AACrD,6BAAS,SAAS,SAAS,MAAM,QAAQ;AACzC,6BAAS,SAAS,SAAS,MAAM,QAAQ;AACzC,6BAAS,SAAS,QAAQ,MAAM,OAAO;AACvC,6BAAS,SAAS,SAAS,MAAM,QAAQ;AAC3C;;;;ACtBA,SAAgB,uBAAuB,SAA4C,OAA2B;AAE5G,sBAAU,MAAG;EACX,MAAM,QAAe,MAAM,SAAS;AACpC,MAAG,QAAQ,QACT,SAAQ,QAAQ,QAAQ;CAE3B,GAAE,CAEH,MAAU;sBAEN,MAAA;AACF,MAAA,QAAA,QACE,SAAM,QAAc,WAAE,OAAA,MAAA,kBAAA,CAAA;WAItB;AAEJ,sBAAI,MAAQ;AAEZ,MAAA,QAAe,WAAA,MAAA,oBACV,OAAA,WAAe,QAAU,QAAQ,WAAI,OAAU,QAAA,QAAA,WAAA;KAGhD,QAAM,SAEV,MAAU;sBAEN,MAAA;AACF,MAAA,QAAA,WAAA,MAAA,oBACE,OAAM,WAAY,QAAA,QAAA,aAAA,YAAA,GAAA,GAAA,QAAA,QAAA,gBAAA,WAAA;WAIlB;sBACK,MAAA;MACL,QAAO,QACT,SAAA,QAAA,aAAA,MAAA,cAAA;CAEJ,GAAA;;;;;;;;;AC1BA,MAAA,6BAAA,cAAA,WAAA,CAAA,OAAA,QAAA;CACA;EAEI,MAAA,UAAA,kBAAA,KAAA;AACA,iCAAgB,KAA+B,MAAK,UAAA,QAAA,kBAAA,CACpD,OAKA,EAAA;EACA,MAAA,EAAA,eAAuB,QAAO,UAAG,SAAW,SAAS,SAAM,WAAS,SAAc,QAAO,QAAC,aAAA,MAAA,YAAA,UAAA,OAAA,UAAA,gBAAA,MAAA,GAAA,YAAA,GAAA;AAC1F,yBAAmB,SAAA;GACnB;GAKF;GACA;GASM"}
+{"version":3,"file":"JBTextarea.cjs.js","names":["useEvent","useEvents","element","props","onLoad","onInit","onChange","onKeyDown","onInput","onBeforeInput","onKeyUp","onFocus","onBlur","onEnter","useEffect","useJBTextareaAttribute","element","props","current","validation","list","validationList","disabled","undefined","required","setAttribute","removeAttribute","autoHeight","error","React","useRef","useImperativeHandle","useEvents","useJBTextareaAttribute","JBTextarea","forwardRef","props","ref","element","current","undefined","onBeforeInput","onBlur","onChange","onEnter","onFocus","onInput","onKeyDown","onKeyUp","onInit","onLoad","placeholder","name","autoHeight","disabled","error","initialValue","required","validationList","value","otherProps","jb-textarea","label","message","children"],"sources":["../lib/events-hook.ts","../lib/attributes-hook.ts","../lib/JBTextarea.tsx"],"sourcesContent":["import { useEvent } from \"jb-core/react\";\nimport type { RefObject } from \"react\";\nimport type { JBTextareaWebComponent, JBTextareaEventType } from 'jb-textarea';\r\n\r\nexport type EventProps = {\r\n  /**\r\n   * when component loaded, in most cases component is already loaded before react mount so you dont need this but if you load web-component dynamically with lazy load it will be called after react mount\r\n   */\r\n  onLoad?: (e: JBTextareaEventType<CustomEvent>) => void,\r\n  /**\r\n * when all property set and ready to use, in most cases component is already loaded before react mount so you dont need this but if you load web-component dynamically with lazy load it will be called after react mount\r\n */\r\n  onInit?: (e: JBTextareaEventType<CustomEvent>) => void,\r\n  onChange?: (e: JBTextareaEventType<Event>) => void,\r\n  onFocus?: (e: JBTextareaEventType<FocusEvent>) => void,\r\n  onBlur?: (e: JBTextareaEventType<FocusEvent>) => void,\r\n  onKeyDown?: (e: JBTextareaEventType<KeyboardEvent>) => void,\r\n  onKeyUp?: (e: JBTextareaEventType<KeyboardEvent>) => void,\r\n  onInput?: (e: JBTextareaEventType<InputEvent>) => void,\r\n  onBeforeInput?: (e: JBTextareaEventType<InputEvent>) => void,\r\n  onEnter?: (e: JBTextareaEventType<KeyboardEvent>) => void,\r\n\r\n}\r\nexport function useEvents(element: RefObject<JBTextareaWebComponent | null>, props: EventProps) {\n  useEvent(element, 'load', props.onLoad, true);\r\n  useEvent(element, 'init', props.onInit, true);\r\n  useEvent(element, 'change', props.onChange);\r\n  useEvent(element, 'keydown', props.onKeyDown);\r\n  useEvent(element, 'input', props.onInput);\r\n  useEvent(element, 'beforeinput', props.onBeforeInput);\r\n  useEvent(element, 'keyup', props.onKeyUp);\r\n  useEvent(element, 'focus', props.onFocus);\r\n  useEvent(element, 'blur', props.onBlur);\r\n  useEvent(element, 'enter', props.onEnter);\r\n}\n","import { type JBTextareaWebComponent, type ValidationValue } from \"jb-textarea\";\nimport { type ValidationItem } from \"jb-validation\";\nimport { type RefObject, useEffect } from \"react\";\n\r\nexport type JBTextareaAttributes = {\r\n  validationList?:ValidationItem<ValidationValue>[],\r\n  autoHeight?: boolean,\r\n  required?:boolean\r\n  error?: string,\r\n  disabled?:boolean\r\n}\r\nexport function useJBTextareaAttribute(element: RefObject<JBTextareaWebComponent | null>, props: JBTextareaAttributes) {\n\r\n  useEffect(() => {\r\n    if(element.current){\r\n      element.current.validation.list = props.validationList || [];\r\n    }\r\n  }, [props.validationList]);\r\n\r\n  useEffect(() => {\r\n    if(element.current && props.disabled!== undefined){\r\n      props.disabled?element.current.disabled = true:element.current.disabled = false\r\n    }\r\n  }, [element.current,props.disabled]);\r\n\r\n  useEffect(() => {\r\n    if(element.current && props.required!== undefined){\r\n      props.required?element.current.setAttribute(\"required\",''):element.current.removeAttribute(\"required\");\r\n    }\r\n  }, [props.required]);\r\n\r\n  useEffect(() => {\r\n    if(element.current){\r\n      element.current.autoHeight = props.autoHeight || false;\r\n    }\r\n  }, [props.autoHeight]);\r\n  \r\n  useEffect(() => {\r\n    if (props.error) {\r\n      element?.current?.setAttribute('error', props.error);\r\n    } else {\r\n      element?.current?.removeAttribute('error');\r\n    }\r\n  }, [props.error]);\r\n}\n","'use client'\r\n/* eslint-disable no-inner-declarations */\r\nimport React, { useRef, useImperativeHandle, type PropsWithChildren } from 'react';\r\nimport 'jb-textarea';\r\n// eslint-disable-next-line no-duplicate-imports\r\nimport type {JBTextareaWebComponent} from 'jb-textarea';\r\nimport { type EventProps, useEvents } from './events-hook.js';\nimport { type JBTextareaAttributes, useJBTextareaAttribute } from './attributes-hook.js';\nimport type { JBElementStandardProps } from 'jb-core/react';\nimport './module-declaration.js';\n\n// eslint-disable-next-line react/display-name\nconst JBTextarea = React.forwardRef((props:Props, ref) => {\r\n  {\r\n    //we set this state so when ref change we have a render and our event listener will be updated\r\n    const element = useRef<JBTextareaWebComponent>(null);\r\n    useImperativeHandle(ref, () => element.current ?? undefined, [element]);\n    const {onBeforeInput,onBlur,onChange,onEnter,onFocus,onInput,onKeyDown,onKeyUp,onInit,onLoad, placeholder, name,autoHeight,disabled,error,initialValue,required,validationList,value,...otherProps} = props;\n    useJBTextareaAttribute(element, {autoHeight,disabled,error,required,validationList});\n    useEvents(element,{onBeforeInput,onBlur,onChange,onEnter,onFocus,onInput,onKeyDown,onKeyUp,onInit,onLoad});\r\n    return (\r\n      <jb-textarea ref={element} value={value ?? \"\"} initialValue={initialValue ?? \"\"} name={name} label={props.label} message={props.message} placeholder={placeholder} {...otherProps}>\n        {props.children}\r\n      </jb-textarea>\r\n    );\r\n  }\r\n});\r\n\r\ntype JBTextareaProps = EventProps & JBTextareaAttributes & {\r\n    label?: string,\r\n    message?:string,\r\n    name?:string,\r\n    placeholder?:string\n    value?: string | null,\n    initialValue?: string | null,\n}\nexport type Props = PropsWithChildren<JBTextareaProps> & JBElementStandardProps<JBTextareaWebComponent, keyof JBTextareaProps>;\r\nexport {JBTextarea};\n"],"mappings":"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"}

package/react/dist/JBTextarea.d.ts

@@ -1,36 +1,74 @@
-import React, { type PropsWithChildren } from 'react';
-import 'jb-textarea';
-import type { JBTextareaWebComponent } from 'jb-textarea';
-import { type EventProps } from './events-hook.js';
-import { type JBTextareaAttributes } from './attributes-hook.js';
-import type { JBElementStandardProps } from 'jb-core/react';
+import React$1, { PropsWithChildren } from "react";
+import { JBTextareaEventType, JBTextareaWebComponent, ValidationValue } from "jb-textarea";
+import { ValidationItem } from "jb-validation";
+import { JBElementStandardProps } from "jb-core/react";
+
+//#region modules/jb-textarea/react/lib/events-hook.d.ts
+type EventProps = {
+  /**
+   * when component loaded, in most cases component is already loaded before react mount so you dont need this but if you load web-component dynamically with lazy load it will be called after react mount
+   */
+  onLoad?: (e: JBTextareaEventType<CustomEvent>) => void;
+  /**
+  * when all property set and ready to use, in most cases component is already loaded before react mount so you dont need this but if you load web-component dynamically with lazy load it will be called after react mount
+  */
+  onInit?: (e: JBTextareaEventType<CustomEvent>) => void;
+  onChange?: (e: JBTextareaEventType<Event>) => void;
+  onFocus?: (e: JBTextareaEventType<FocusEvent>) => void;
+  onBlur?: (e: JBTextareaEventType<FocusEvent>) => void;
+  onKeyDown?: (e: JBTextareaEventType<KeyboardEvent>) => void;
+  onKeyUp?: (e: JBTextareaEventType<KeyboardEvent>) => void;
+  onInput?: (e: JBTextareaEventType<InputEvent>) => void;
+  onBeforeInput?: (e: JBTextareaEventType<InputEvent>) => void;
+  onEnter?: (e: JBTextareaEventType<KeyboardEvent>) => void;
+};
+//#endregion
+//#region modules/jb-textarea/react/lib/attributes-hook.d.ts
+type JBTextareaAttributes = {
+  validationList?: ValidationItem<ValidationValue>[];
+  autoHeight?: boolean;
+  required?: boolean;
+  error?: string;
+  disabled?: boolean;
+};
+//#endregion
+//#region modules/jb-textarea/react/lib/module-declaration.d.ts
 declare module "react" {
-    namespace JSX {
-        interface IntrinsicElements {
-            'jb-textarea': JBTextareaType;
-        }
-        interface JBTextareaType extends React.DetailedHTMLProps<React.HTMLAttributes<JBTextareaWebComponent>, JBTextareaWebComponent> {
-            class?: string;
-            label?: string;
-            name?: string;
-            message?: string;
-            placeholder?: string;
-        }
+  namespace JSX {
+    interface IntrinsicElements {
+      'jb-textarea': JBTextareaType;
+    }
+    interface JBTextareaType extends React.DetailedHTMLProps<React.HTMLAttributes<JBTextareaWebComponent>, JBTextareaWebComponent> {
+      class?: string;
+      label?: string;
+      name?: string;
+      message?: string;
+      placeholder?: string;
+      value?: string;
+      initialValue?: string;
     }
+  }
 }
-declare const JBTextarea: React.ForwardRefExoticComponent<EventProps & JBTextareaAttributes & {
-    label?: string;
-    message?: string;
-    name?: string;
-    placeholder?: string;
+//#endregion
+//#region modules/jb-textarea/react/lib/JBTextarea.d.ts
+declare const JBTextarea: React$1.ForwardRefExoticComponent<EventProps & JBTextareaAttributes & {
+  label?: string;
+  message?: string;
+  name?: string;
+  placeholder?: string;
+  value?: string | null;
+  initialValue?: string | null;
 } & {
-    children?: React.ReactNode | undefined;
-} & JBElementStandardProps<JBTextareaWebComponent, "label" | "name" | "message" | "placeholder" | keyof EventProps | keyof JBTextareaAttributes> & React.RefAttributes<unknown>>;
+  children?: React$1.ReactNode | undefined;
+} & JBElementStandardProps<JBTextareaWebComponent, keyof EventProps | keyof JBTextareaAttributes | "label" | "message" | "name" | "placeholder" | "value" | "initialValue"> & React$1.RefAttributes<unknown>>;
 type JBTextareaProps = EventProps & JBTextareaAttributes & {
-    label?: string;
-    message?: string;
-    name?: string;
-    placeholder?: string;
+  label?: string;
+  message?: string;
+  name?: string;
+  placeholder?: string;
+  value?: string | null;
+  initialValue?: string | null;
 };
-export type Props = PropsWithChildren<JBTextareaProps> & JBElementStandardProps<JBTextareaWebComponent, keyof JBTextareaProps>;
-export { JBTextarea };
+type Props = PropsWithChildren<JBTextareaProps> & JBElementStandardProps<JBTextareaWebComponent, keyof JBTextareaProps>;
+//#endregion
+export { JBTextarea, Props };

package/react/dist/JBTextarea.js

@@ -1,2 +1,54 @@
-import e,{useEffect as r,useImperativeHandle as t,useRef as n}from"react";import"jb-textarea";import{useEvent as o}from"jb-core/react";let u=e.forwardRef((u,i)=>{{var a,l;let d=n(null);t(i,()=>d?d.current:void 0,[d]);let{onBeforeInput:c,onBlur:b,onChange:s,onEnter:v,onFocus:m,onInput:p,onKeyDown:f,onKeyUp:g,onInit:h,onLoad:q,placeholder:x,name:y,autoHeight:A,disabled:j,error:w,required:B,validationList:H,value:I,...L}=u;return r(()=>{let e=a.value||"";d.current&&(d.current.value=e)},[(a={autoHeight:A,disabled:j,error:w,required:B,validationList:H,value:I}).value]),r(()=>{d.current&&(d.current.validation.list=a.validationList||[])},[a.validationList]),r(()=>{d.current&&void 0!==a.disabled&&(a.disabled?d.current.disabled=!0:d.current.disabled=!1)},[d.current,a.disabled]),r(()=>{d.current&&void 0!==a.required&&(a.required?d.current.setAttribute("required",""):d.current.removeAttribute("required"))},[a.required]),r(()=>{d.current&&(d.current.autoHeight=a.autoHeight||!1)},[a.autoHeight]),r(()=>{a.error?d?.current?.setAttribute("error",a.error):d?.current?.removeAttribute("error")},[a.error]),l={onBeforeInput:c,onBlur:b,onChange:s,onEnter:v,onFocus:m,onInput:p,onKeyDown:f,onKeyUp:g,onInit:h,onLoad:q},o(d,"load",l.onLoad,!0),o(d,"init",l.onInit,!0),o(d,"change",l.onChange),o(d,"keydown",l.onKeyDown),o(d,"input",l.onInput),o(d,"beforeinput",l.onBeforeInput),o(d,"keyup",l.onKeyUp),o(d,"focus",l.onFocus),o(d,"blur",l.onBlur),o(d,"enter",l.onEnter),e.createElement("jb-textarea",{ref:d,name:y,label:u.label,message:u.message,placeholder:x,...L},u.children)}});export{u as JBTextarea};
+import e, { useEffect as r, useImperativeHandle as n, useRef as t } from "react";
+import "jb-textarea";
+import { useEvent as o } from "jb-core/react";
+const i = e.forwardRef((i, u) => {
+	{
+		const a = t(null);
+		n(u, () => a.current ?? void 0, [a]);
+		const { onBeforeInput: d, onBlur: l, onChange: c, onEnter: s, onFocus: b, onInput: p, onKeyDown: f, onKeyUp: h, onInit: m, onLoad: v, placeholder: g, name: I, autoHeight: y, disabled: q, error: L, initialValue: B, required: K, validationList: w, value: H, ...A } = i;
+		return function(e, n) {
+			r(() => {
+				e.current && (e.current.validation.list = n.validationList || []);
+			}, [n.validationList]), r(() => {
+				e.current && void 0 !== n.disabled && (n.disabled ? e.current.disabled = !0 : e.current.disabled = !1);
+			}, [e.current, n.disabled]), r(() => {
+				e.current && void 0 !== n.required && (n.required ? e.current.setAttribute("required", "") : e.current.removeAttribute("required"));
+			}, [n.required]), r(() => {
+				e.current && (e.current.autoHeight = n.autoHeight || !1);
+			}, [n.autoHeight]), r(() => {
+				n.error ? e?.current?.setAttribute("error", n.error) : e?.current?.removeAttribute("error");
+			}, [n.error]);
+		}(a, {
+			autoHeight: y,
+			disabled: q,
+			error: L,
+			required: K,
+			validationList: w
+		}), function(e, r) {
+			o(e, "load", r.onLoad, !0), o(e, "init", r.onInit, !0), o(e, "change", r.onChange), o(e, "keydown", r.onKeyDown), o(e, "input", r.onInput), o(e, "beforeinput", r.onBeforeInput), o(e, "keyup", r.onKeyUp), o(e, "focus", r.onFocus), o(e, "blur", r.onBlur), o(e, "enter", r.onEnter);
+		}(a, {
+			onBeforeInput: d,
+			onBlur: l,
+			onChange: c,
+			onEnter: s,
+			onFocus: b,
+			onInput: p,
+			onKeyDown: f,
+			onKeyUp: h,
+			onInit: m,
+			onLoad: v
+		}), e.createElement("jb-textarea", {
+			ref: a,
+			value: H ?? "",
+			initialValue: B ?? "",
+			name: I,
+			label: i.label,
+			message: i.message,
+			placeholder: g,
+			...A
+		}, i.children);
+	}
+});
+export { i as JBTextarea };
+
 //# sourceMappingURL=JBTextarea.js.map

package/react/dist/JBTextarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"JBTextarea.js","names":[],"sources":["../lib/events-hook.ts","../lib/attributes-hook.ts","../lib/JBTextarea.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAuBA,SAAgB,UAAU,SAA4C,OAAiB;AACrF,UAAS,SAAS,QAAQ,MAAM,QAAQ,KAAK;AAC7C,UAAS,SAAS,QAAQ,MAAM,QAAQ,KAAK;AAC7C,UAAS,SAAS,UAAU,MAAM,SAAS;AAC3C,UAAS,SAAS,WAAW,MAAM,UAAU;AAC7C,UAAS,SAAS,SAAS,MAAM,QAAQ;AACzC,UAAS,SAAS,eAAe,MAAM,cAAc;AACrD,UAAS,SAAS,SAAS,MAAM,QAAQ;AACzC,UAAS,SAAS,SAAS,MAAM,QAAQ;AACzC,UAAS,SAAS,QAAQ,MAAM,OAAO;AACvC,UAAS,SAAS,SAAS,MAAM,QAAQ;AAC3C;;;;ACtBA,SAAgB,uBAAuB,SAA4C,OAA2B;AAE5G,WAAU,MAAG;EACX,MAAM,QAAe,MAAM,SAAS;AACpC,MAAG,QAAQ,QACT,SAAQ,QAAQ,QAAQ;CAE3B,GAAE,CAEH,MAAU;WAEN,MAAA;AACF,MAAA,QAAA,QACE,SAAM,QAAc,WAAE,OAAA,MAAA,kBAAA,CAAA;WAItB;AAEJ,WAAI,MAAQ;AAEZ,MAAA,QAAe,WAAA,MAAA,oBACV,OAAA,WAAe,QAAU,QAAQ,WAAI,OAAU,QAAA,QAAA,WAAA;KAGhD,QAAM,SAEV,MAAU;WAEN,MAAA;AACF,MAAA,QAAA,WAAA,MAAA,oBACE,OAAM,WAAY,QAAA,QAAA,aAAA,YAAA,GAAA,GAAA,QAAA,QAAA,gBAAA,WAAA;WAIlB;WACK,MAAA;MACL,QAAO,QACT,SAAA,QAAA,aAAA,MAAA,cAAA;CAEJ,GAAA;;;;;;;;;AC1BA,MAAA,6BAAA,MAAA,WAAA,CAAA,OAAA,QAAA;CACA;EAEI,MAAA,UAAA,OAAA,KAAA;AACA,sBAAgB,KAA+B,MAAK,UAAA,QAAA,kBAAA,CACpD,OAKA,EAAA;EACA,MAAA,EAAA,eAAuB,QAAO,UAAG,SAAW,SAAS,SAAM,WAAS,SAAc,QAAO,QAAC,aAAA,MAAA,YAAA,UAAA,OAAA,UAAA,gBAAA,MAAA,GAAA,YAAA,GAAA;AAC1F,yBAAmB,SAAA;GACnB;GAKF;GACA;GASM"}
+{"version":3,"file":"JBTextarea.js","names":["useEvent","useEvents","element","props","onLoad","onInit","onChange","onKeyDown","onInput","onBeforeInput","onKeyUp","onFocus","onBlur","onEnter","useEffect","useJBTextareaAttribute","element","props","current","validation","list","validationList","disabled","undefined","required","setAttribute","removeAttribute","autoHeight","error","React","useRef","useImperativeHandle","useEvents","useJBTextareaAttribute","JBTextarea","forwardRef","props","ref","element","current","undefined","onBeforeInput","onBlur","onChange","onEnter","onFocus","onInput","onKeyDown","onKeyUp","onInit","onLoad","placeholder","name","autoHeight","disabled","error","initialValue","required","validationList","value","otherProps","jb-textarea","label","message","children"],"sources":["../lib/events-hook.ts","../lib/attributes-hook.ts","../lib/JBTextarea.tsx"],"sourcesContent":["import { useEvent } from \"jb-core/react\";\nimport type { RefObject } from \"react\";\nimport type { JBTextareaWebComponent, JBTextareaEventType } from 'jb-textarea';\r\n\r\nexport type EventProps = {\r\n  /**\r\n   * when component loaded, in most cases component is already loaded before react mount so you dont need this but if you load web-component dynamically with lazy load it will be called after react mount\r\n   */\r\n  onLoad?: (e: JBTextareaEventType<CustomEvent>) => void,\r\n  /**\r\n * when all property set and ready to use, in most cases component is already loaded before react mount so you dont need this but if you load web-component dynamically with lazy load it will be called after react mount\r\n */\r\n  onInit?: (e: JBTextareaEventType<CustomEvent>) => void,\r\n  onChange?: (e: JBTextareaEventType<Event>) => void,\r\n  onFocus?: (e: JBTextareaEventType<FocusEvent>) => void,\r\n  onBlur?: (e: JBTextareaEventType<FocusEvent>) => void,\r\n  onKeyDown?: (e: JBTextareaEventType<KeyboardEvent>) => void,\r\n  onKeyUp?: (e: JBTextareaEventType<KeyboardEvent>) => void,\r\n  onInput?: (e: JBTextareaEventType<InputEvent>) => void,\r\n  onBeforeInput?: (e: JBTextareaEventType<InputEvent>) => void,\r\n  onEnter?: (e: JBTextareaEventType<KeyboardEvent>) => void,\r\n\r\n}\r\nexport function useEvents(element: RefObject<JBTextareaWebComponent | null>, props: EventProps) {\n  useEvent(element, 'load', props.onLoad, true);\r\n  useEvent(element, 'init', props.onInit, true);\r\n  useEvent(element, 'change', props.onChange);\r\n  useEvent(element, 'keydown', props.onKeyDown);\r\n  useEvent(element, 'input', props.onInput);\r\n  useEvent(element, 'beforeinput', props.onBeforeInput);\r\n  useEvent(element, 'keyup', props.onKeyUp);\r\n  useEvent(element, 'focus', props.onFocus);\r\n  useEvent(element, 'blur', props.onBlur);\r\n  useEvent(element, 'enter', props.onEnter);\r\n}\n","import { type JBTextareaWebComponent, type ValidationValue } from \"jb-textarea\";\nimport { type ValidationItem } from \"jb-validation\";\nimport { type RefObject, useEffect } from \"react\";\n\r\nexport type JBTextareaAttributes = {\r\n  validationList?:ValidationItem<ValidationValue>[],\r\n  autoHeight?: boolean,\r\n  required?:boolean\r\n  error?: string,\r\n  disabled?:boolean\r\n}\r\nexport function useJBTextareaAttribute(element: RefObject<JBTextareaWebComponent | null>, props: JBTextareaAttributes) {\n\r\n  useEffect(() => {\r\n    if(element.current){\r\n      element.current.validation.list = props.validationList || [];\r\n    }\r\n  }, [props.validationList]);\r\n\r\n  useEffect(() => {\r\n    if(element.current && props.disabled!== undefined){\r\n      props.disabled?element.current.disabled = true:element.current.disabled = false\r\n    }\r\n  }, [element.current,props.disabled]);\r\n\r\n  useEffect(() => {\r\n    if(element.current && props.required!== undefined){\r\n      props.required?element.current.setAttribute(\"required\",''):element.current.removeAttribute(\"required\");\r\n    }\r\n  }, [props.required]);\r\n\r\n  useEffect(() => {\r\n    if(element.current){\r\n      element.current.autoHeight = props.autoHeight || false;\r\n    }\r\n  }, [props.autoHeight]);\r\n  \r\n  useEffect(() => {\r\n    if (props.error) {\r\n      element?.current?.setAttribute('error', props.error);\r\n    } else {\r\n      element?.current?.removeAttribute('error');\r\n    }\r\n  }, [props.error]);\r\n}\n","'use client'\r\n/* eslint-disable no-inner-declarations */\r\nimport React, { useRef, useImperativeHandle, type PropsWithChildren } from 'react';\r\nimport 'jb-textarea';\r\n// eslint-disable-next-line no-duplicate-imports\r\nimport type {JBTextareaWebComponent} from 'jb-textarea';\r\nimport { type EventProps, useEvents } from './events-hook.js';\nimport { type JBTextareaAttributes, useJBTextareaAttribute } from './attributes-hook.js';\nimport type { JBElementStandardProps } from 'jb-core/react';\nimport './module-declaration.js';\n\n// eslint-disable-next-line react/display-name\nconst JBTextarea = React.forwardRef((props:Props, ref) => {\r\n  {\r\n    //we set this state so when ref change we have a render and our event listener will be updated\r\n    const element = useRef<JBTextareaWebComponent>(null);\r\n    useImperativeHandle(ref, () => element.current ?? undefined, [element]);\n    const {onBeforeInput,onBlur,onChange,onEnter,onFocus,onInput,onKeyDown,onKeyUp,onInit,onLoad, placeholder, name,autoHeight,disabled,error,initialValue,required,validationList,value,...otherProps} = props;\n    useJBTextareaAttribute(element, {autoHeight,disabled,error,required,validationList});\n    useEvents(element,{onBeforeInput,onBlur,onChange,onEnter,onFocus,onInput,onKeyDown,onKeyUp,onInit,onLoad});\r\n    return (\r\n      <jb-textarea ref={element} value={value ?? \"\"} initialValue={initialValue ?? \"\"} name={name} label={props.label} message={props.message} placeholder={placeholder} {...otherProps}>\n        {props.children}\r\n      </jb-textarea>\r\n    );\r\n  }\r\n});\r\n\r\ntype JBTextareaProps = EventProps & JBTextareaAttributes & {\r\n    label?: string,\r\n    message?:string,\r\n    name?:string,\r\n    placeholder?:string\n    value?: string | null,\n    initialValue?: string | null,\n}\nexport type Props = PropsWithChildren<JBTextareaProps> & JBElementStandardProps<JBTextareaWebComponent, keyof JBTextareaProps>;\r\nexport {JBTextarea};\n"],"mappings":";;;AEYA,MAAMkC,IAAaL,EAAMM,YAAYC,GAAaC,MAAAA;CAChD;EAEE,MAAMC,IAAUR,EAA+B,IAAA;EAC/CC,EAAoBM,SAAWC,EAAQC,WAAAA,KAAWC,GAAW,CAACF,CAAAA,CAAAA;EAC9D,MAAA,EAAM,eAACG,GAAAA,QAAcC,GAAAA,UAAOC,GAAAA,SAASC,GAAAA,SAAQC,GAAAA,SAAQC,GAAAA,WAAQC,GAAAA,SAAUC,GAAAA,QAAQC,GAAAA,QAAOC,GAAAA,aAAQC,GAAAA,MAAaC,GAAAA,YAAKC,GAAAA,UAAWC,GAAAA,OAASC,GAAAA,cAAMC,GAAAA,UAAaC,GAAAA,gBAASC,GAAAA,OAAeC,GAAAA,GAASC,MAAcxB;EAGtM,ODTJ,SAAuCpB,GAAmDC,GAAAA;GAExFH,QAAAA;IACKE,EAAQE,YACTF,EAAQE,QAAQC,WAAWC,OAAOH,EAAMI,kBAAkB,CAAA;GAAA,GAE3D,CAACJ,EAAMI,cAAAA,CAAAA,GAEVP,QAAAA;IACKE,EAAQE,WAAAA,KAA6BK,MAAlBN,EAAMK,aAC1BL,EAAMK,WAASN,EAAQE,QAAQI,WAAAA,CAAW,IAAKN,EAAQE,QAAQI,WAAAA,CAAW;GAAA,GAE3E,CAACN,EAAQE,SAAQD,EAAMK,QAAAA,CAAAA,GAE1BR,QAAAA;IACKE,EAAQE,WAAAA,KAA6BK,MAAlBN,EAAMO,aAC1BP,EAAMO,WAASR,EAAQE,QAAQO,aAAa,YAAW,EAAA,IAAIT,EAAQE,QAAQQ,gBAAgB,UAAA;GAAA,GAE5F,CAACT,EAAMO,QAAAA,CAAAA,GAEVV,QAAAA;IACKE,EAAQE,YACTF,EAAQE,QAAQS,aAAaV,EAAMU,cAAAA,CAAc;GAAA,GAElD,CAACV,EAAMU,UAAAA,CAAAA,GAEVb,QAAAA;IACMG,EAAMW,QACRZ,GAASE,SAASO,aAAa,SAASR,EAAMW,KAAAA,IAE9CZ,GAASE,SAASQ,gBAAgB,OAAA;GAAA,GAEnC,CAACT,EAAMW,KAAAA,CAAAA;EACZ,EC1B2BU,GAAS;GAACe,YAAAA;GAAWC,UAAAA;GAASC,OAAAA;GAAME,UAAAA;GAASC,gBAAAA;EAAAA,CAAAA,GFKxE,SAA0BxD,GAAmDC,GAAAA;GAC3EH,EAASE,GAAS,QAAQC,EAAMC,QAAAA,CAAQ,CAAA,GACxCJ,EAASE,GAAS,QAAQC,EAAME,QAAAA,CAAQ,CAAA,GACxCL,EAASE,GAAS,UAAUC,EAAMG,QAAAA,GAClCN,EAASE,GAAS,WAAWC,EAAMI,SAAAA,GACnCP,EAASE,GAAS,SAASC,EAAMK,OAAAA,GACjCR,EAASE,GAAS,eAAeC,EAAMM,aAAAA,GACvCT,EAASE,GAAS,SAASC,EAAMO,OAAAA,GACjCV,EAASE,GAAS,SAASC,EAAMQ,OAAAA,GACjCX,EAASE,GAAS,QAAQC,EAAMS,MAAAA,GAChCZ,EAASE,GAAS,SAASC,EAAMU,OAAAA;EACnC,EEfcyB,GAAQ;GAACG,eAAAA;GAAcC,QAAAA;GAAOC,UAAAA;GAASC,SAAAA;GAAQC,SAAAA;GAAQC,SAAAA;GAAQC,WAAAA;GAAUC,SAAAA;GAAQC,QAAAA;GAAOC,QAAAA;EAAAA,CAAAA,GAEhG,EAAA,cAACW,eAAAA;GAAYxB,KAAKC;GAASqB,OAAOA,KAAS;GAAIH,cAAcA,KAAgB;GAAUJ,MAAAA;GAAMU,OAAO1B,EAAM0B;GAAOC,SAAS3B,EAAM2B;GAAsBZ,aAAAA;GAAAA,GAAiBS;EAAAA,GACpKxB,EAAM4B,QAAAA;CAGb;AAAA,CAAA;AAAA,SAAA,KAAA"}

package/react/dist/JBTextarea.umd.js

@@ -1,2 +1,71 @@
-var e,t;e=this,t=function(e,t,r,n){var u=Object.create,a=Object.defineProperty,o=Object.getOwnPropertyDescriptor,i=Object.getOwnPropertyNames,c=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty,s=(e,t,r,n)=>{if(t&&"object"==typeof t||"function"==typeof t)for(var u,c=i(t),s=0,d=c.length;s<d;s++)u=c[s],l.call(e,u)||u===r||a(e,u,{get:(e=>t[e]).bind(null,u),enumerable:!(n=o(t,u))||n.enumerable});return e},d=(e,t,r)=>(r=null!=e?u(c(e)):{},s(!t&&e&&e.__esModule?r:a(r,"default",{value:e,enumerable:!0}),e));t=d(t),n=d(n),e.JBTextarea=t.default.forwardRef((e,r)=>{{var u,a;let o=(0,t.useRef)(null);(0,t.useImperativeHandle)(r,()=>o?o.current:void 0,[o]);let{onBeforeInput:i,onBlur:c,onChange:l,onEnter:s,onFocus:d,onInput:f,onKeyDown:b,onKeyUp:v,onInit:p,onLoad:E,placeholder:y,name:g,autoHeight:j,disabled:m,error:h,required:O,validationList:x,value:q,...w}=e;return u={autoHeight:j,disabled:m,error:h,required:O,validationList:x,value:q},(0,t.useEffect)(()=>{let e=u.value||"";o.current&&(o.current.value=e)},[u.value]),(0,t.useEffect)(()=>{o.current&&(o.current.validation.list=u.validationList||[])},[u.validationList]),(0,t.useEffect)(()=>{o.current&&void 0!==u.disabled&&(u.disabled?o.current.disabled=!0:o.current.disabled=!1)},[o.current,u.disabled]),(0,t.useEffect)(()=>{o.current&&void 0!==u.required&&(u.required?o.current.setAttribute("required",""):o.current.removeAttribute("required"))},[u.required]),(0,t.useEffect)(()=>{o.current&&(o.current.autoHeight=u.autoHeight||!1)},[u.autoHeight]),(0,t.useEffect)(()=>{u.error?o?.current?.setAttribute("error",u.error):o?.current?.removeAttribute("error")},[u.error]),a={onBeforeInput:i,onBlur:c,onChange:l,onEnter:s,onFocus:d,onInput:f,onKeyDown:b,onKeyUp:v,onInit:p,onLoad:E},(0,n.useEvent)(o,"load",a.onLoad,!0),(0,n.useEvent)(o,"init",a.onInit,!0),(0,n.useEvent)(o,"change",a.onChange),(0,n.useEvent)(o,"keydown",a.onKeyDown),(0,n.useEvent)(o,"input",a.onInput),(0,n.useEvent)(o,"beforeinput",a.onBeforeInput),(0,n.useEvent)(o,"keyup",a.onKeyUp),(0,n.useEvent)(o,"focus",a.onFocus),(0,n.useEvent)(o,"blur",a.onBlur),(0,n.useEvent)(o,"enter",a.onEnter),t.default.createElement("jb-textarea",{ref:o,name:g,label:e.label,message:e.message,placeholder:y,...w},e.children)}})},"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("jb-textarea"),require("jb-core/react")):"function"==typeof define&&define.amd?define(["exports","react","jb-textarea","jb-core/react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).JBTextareaReact={},e.React,e.JBTextarea,e.JBCoreReact);
+(function(e, t) {
+	"object" == typeof exports && "undefined" != typeof module ? t(exports, require("react"), require("jb-textarea"), require("jb-core/react")) : "function" == typeof define && define.amd ? define([
+		"exports",
+		"react",
+		"jb-textarea",
+		"jb-core/react"
+	], t) : t((e = "undefined" != typeof globalThis ? globalThis : e || self).JBTextareaReact = {}, e.React, e.JBTextarea, e.JBCoreReact);
+})(this, function(e, t, r, n) {
+	Object.defineProperty(e, Symbol.toStringTag, { value: "Module" });
+	var o, u, a, i = Object.create, l = Object.defineProperty, c = Object.getOwnPropertyDescriptor, d = Object.getOwnPropertyNames, s = Object.getPrototypeOf, f = Object.prototype.hasOwnProperty;
+	u = 1, a = null != (o = t) ? i(s(o)) : {};
+	e.JBTextarea = (t = ((e, t, r, n) => {
+		if (t && "object" == typeof t || "function" == typeof t) for (var o, u = d(t), a = 0, i = u.length; a < i; a++) o = u[a], f.call(e, o) || o === r || l(e, o, {
+			get: ((e) => t[e]).bind(null, o),
+			enumerable: !(n = c(t, o)) || n.enumerable
+		});
+		return e;
+	})(!u && o && o.__esModule ? a : l(a, "default", {
+		value: o,
+		enumerable: !0
+	}), o)).default.forwardRef((e, r) => {
+		{
+			const o = (0, t.useRef)(null);
+			(0, t.useImperativeHandle)(r, () => o.current ?? void 0, [o]);
+			const { onBeforeInput: u, onBlur: a, onChange: i, onEnter: l, onFocus: c, onInput: d, onKeyDown: s, onKeyUp: f, onInit: b, onLoad: p, placeholder: v, name: y, autoHeight: g, disabled: E, error: h, initialValue: m, required: j, validationList: O, value: q, ...B } = e;
+			return function(e, r) {
+				(0, t.useEffect)(() => {
+					e.current && (e.current.validation.list = r.validationList || []);
+				}, [r.validationList]), (0, t.useEffect)(() => {
+					e.current && void 0 !== r.disabled && (r.disabled ? e.current.disabled = !0 : e.current.disabled = !1);
+				}, [e.current, r.disabled]), (0, t.useEffect)(() => {
+					e.current && void 0 !== r.required && (r.required ? e.current.setAttribute("required", "") : e.current.removeAttribute("required"));
+				}, [r.required]), (0, t.useEffect)(() => {
+					e.current && (e.current.autoHeight = r.autoHeight || !1);
+				}, [r.autoHeight]), (0, t.useEffect)(() => {
+					r.error ? e?.current?.setAttribute("error", r.error) : e?.current?.removeAttribute("error");
+				}, [r.error]);
+			}(o, {
+				autoHeight: g,
+				disabled: E,
+				error: h,
+				required: j,
+				validationList: O
+			}), function(e, t) {
+				(0, n.useEvent)(e, "load", t.onLoad, !0), (0, n.useEvent)(e, "init", t.onInit, !0), (0, n.useEvent)(e, "change", t.onChange), (0, n.useEvent)(e, "keydown", t.onKeyDown), (0, n.useEvent)(e, "input", t.onInput), (0, n.useEvent)(e, "beforeinput", t.onBeforeInput), (0, n.useEvent)(e, "keyup", t.onKeyUp), (0, n.useEvent)(e, "focus", t.onFocus), (0, n.useEvent)(e, "blur", t.onBlur), (0, n.useEvent)(e, "enter", t.onEnter);
+			}(o, {
+				onBeforeInput: u,
+				onBlur: a,
+				onChange: i,
+				onEnter: l,
+				onFocus: c,
+				onInput: d,
+				onKeyDown: s,
+				onKeyUp: f,
+				onInit: b,
+				onLoad: p
+			}), t.default.createElement("jb-textarea", {
+				ref: o,
+				value: q ?? "",
+				initialValue: m ?? "",
+				name: y,
+				label: e.label,
+				message: e.message,
+				placeholder: v,
+				...B
+			}, e.children);
+		}
+	});
+});
+
 //# sourceMappingURL=JBTextarea.umd.js.map

package/react/dist/JBTextarea.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"JBTextarea.umd.js","names":[],"sources":["../lib/events-hook.ts","../lib/attributes-hook.ts","../lib/JBTextarea.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,SAAgB,UAAU,SAA4C,OAAiB;AACrF,6BAAS,SAAS,QAAQ,MAAM,QAAQ,KAAK;AAC7C,6BAAS,SAAS,QAAQ,MAAM,QAAQ,KAAK;AAC7C,6BAAS,SAAS,UAAU,MAAM,SAAS;AAC3C,6BAAS,SAAS,WAAW,MAAM,UAAU;AAC7C,6BAAS,SAAS,SAAS,MAAM,QAAQ;AACzC,6BAAS,SAAS,eAAe,MAAM,cAAc;AACrD,6BAAS,SAAS,SAAS,MAAM,QAAQ;AACzC,6BAAS,SAAS,SAAS,MAAM,QAAQ;AACzC,6BAAS,SAAS,QAAQ,MAAM,OAAO;AACvC,6BAAS,SAAS,SAAS,MAAM,QAAQ;AAC3C;;;;ACtBA,SAAgB,uBAAuB,SAA4C,OAA2B;AAE5G,sBAAU,MAAG;EACX,MAAM,QAAe,MAAM,SAAS;AACpC,MAAG,QAAQ,QACT,SAAQ,QAAQ,QAAQ;CAE3B,GAAE,CAEH,MAAU;sBAEN,MAAA;AACF,MAAA,QAAA,QACE,SAAM,QAAc,WAAE,OAAA,MAAA,kBAAA,CAAA;WAItB;AAEJ,sBAAI,MAAQ;AAEZ,MAAA,QAAe,WAAA,MAAA,oBACV,OAAA,WAAe,QAAU,QAAQ,WAAI,OAAU,QAAA,QAAA,WAAA;KAGhD,QAAM,SAEV,MAAU;sBAEN,MAAA;AACF,MAAA,QAAA,WAAA,MAAA,oBACE,OAAM,WAAY,QAAA,QAAA,aAAA,YAAA,GAAA,GAAA,QAAA,QAAA,gBAAA,WAAA;WAIlB;sBACK,MAAA;MACL,QAAO,QACT,SAAA,QAAA,aAAA,MAAA,cAAA;CAEJ,GAAA;;;;;;;;;AC1BA,MAAA,6BAAA,cAAA,WAAA,CAAA,OAAA,QAAA;CACA;EAEI,MAAA,UAAA,kBAAA,KAAA;AACA,iCAAgB,KAA+B,MAAK,UAAA,QAAA,kBAAA,CACpD,OAKA,EAAA;EACA,MAAA,EAAA,eAAuB,QAAO,UAAG,SAAW,SAAS,SAAM,WAAS,SAAc,QAAO,QAAC,aAAA,MAAA,YAAA,UAAA,OAAA,UAAA,gBAAA,MAAA,GAAA,YAAA,GAAA;AAC1F,yBAAmB,SAAA;GACnB;GAKF;GACA;GASM"}
+{"version":3,"file":"JBTextarea.umd.js","names":["useEvent","useEvents","element","props","onLoad","onInit","onChange","onKeyDown","onInput","onBeforeInput","onKeyUp","onFocus","onBlur","onEnter","useEffect","useJBTextareaAttribute","element","props","current","validation","list","validationList","disabled","undefined","required","setAttribute","removeAttribute","autoHeight","error","React","useRef","useImperativeHandle","useEvents","useJBTextareaAttribute","JBTextarea","forwardRef","props","ref","element","current","undefined","onBeforeInput","onBlur","onChange","onEnter","onFocus","onInput","onKeyDown","onKeyUp","onInit","onLoad","placeholder","name","autoHeight","disabled","error","initialValue","required","validationList","value","otherProps","jb-textarea","label","message","children"],"sources":["../lib/events-hook.ts","../lib/attributes-hook.ts","../lib/JBTextarea.tsx"],"sourcesContent":["import { useEvent } from \"jb-core/react\";\nimport type { RefObject } from \"react\";\nimport type { JBTextareaWebComponent, JBTextareaEventType } from 'jb-textarea';\r\n\r\nexport type EventProps = {\r\n  /**\r\n   * when component loaded, in most cases component is already loaded before react mount so you dont need this but if you load web-component dynamically with lazy load it will be called after react mount\r\n   */\r\n  onLoad?: (e: JBTextareaEventType<CustomEvent>) => void,\r\n  /**\r\n * when all property set and ready to use, in most cases component is already loaded before react mount so you dont need this but if you load web-component dynamically with lazy load it will be called after react mount\r\n */\r\n  onInit?: (e: JBTextareaEventType<CustomEvent>) => void,\r\n  onChange?: (e: JBTextareaEventType<Event>) => void,\r\n  onFocus?: (e: JBTextareaEventType<FocusEvent>) => void,\r\n  onBlur?: (e: JBTextareaEventType<FocusEvent>) => void,\r\n  onKeyDown?: (e: JBTextareaEventType<KeyboardEvent>) => void,\r\n  onKeyUp?: (e: JBTextareaEventType<KeyboardEvent>) => void,\r\n  onInput?: (e: JBTextareaEventType<InputEvent>) => void,\r\n  onBeforeInput?: (e: JBTextareaEventType<InputEvent>) => void,\r\n  onEnter?: (e: JBTextareaEventType<KeyboardEvent>) => void,\r\n\r\n}\r\nexport function useEvents(element: RefObject<JBTextareaWebComponent | null>, props: EventProps) {\n  useEvent(element, 'load', props.onLoad, true);\r\n  useEvent(element, 'init', props.onInit, true);\r\n  useEvent(element, 'change', props.onChange);\r\n  useEvent(element, 'keydown', props.onKeyDown);\r\n  useEvent(element, 'input', props.onInput);\r\n  useEvent(element, 'beforeinput', props.onBeforeInput);\r\n  useEvent(element, 'keyup', props.onKeyUp);\r\n  useEvent(element, 'focus', props.onFocus);\r\n  useEvent(element, 'blur', props.onBlur);\r\n  useEvent(element, 'enter', props.onEnter);\r\n}\n","import { type JBTextareaWebComponent, type ValidationValue } from \"jb-textarea\";\nimport { type ValidationItem } from \"jb-validation\";\nimport { type RefObject, useEffect } from \"react\";\n\r\nexport type JBTextareaAttributes = {\r\n  validationList?:ValidationItem<ValidationValue>[],\r\n  autoHeight?: boolean,\r\n  required?:boolean\r\n  error?: string,\r\n  disabled?:boolean\r\n}\r\nexport function useJBTextareaAttribute(element: RefObject<JBTextareaWebComponent | null>, props: JBTextareaAttributes) {\n\r\n  useEffect(() => {\r\n    if(element.current){\r\n      element.current.validation.list = props.validationList || [];\r\n    }\r\n  }, [props.validationList]);\r\n\r\n  useEffect(() => {\r\n    if(element.current && props.disabled!== undefined){\r\n      props.disabled?element.current.disabled = true:element.current.disabled = false\r\n    }\r\n  }, [element.current,props.disabled]);\r\n\r\n  useEffect(() => {\r\n    if(element.current && props.required!== undefined){\r\n      props.required?element.current.setAttribute(\"required\",''):element.current.removeAttribute(\"required\");\r\n    }\r\n  }, [props.required]);\r\n\r\n  useEffect(() => {\r\n    if(element.current){\r\n      element.current.autoHeight = props.autoHeight || false;\r\n    }\r\n  }, [props.autoHeight]);\r\n  \r\n  useEffect(() => {\r\n    if (props.error) {\r\n      element?.current?.setAttribute('error', props.error);\r\n    } else {\r\n      element?.current?.removeAttribute('error');\r\n    }\r\n  }, [props.error]);\r\n}\n","'use client'\r\n/* eslint-disable no-inner-declarations */\r\nimport React, { useRef, useImperativeHandle, type PropsWithChildren } from 'react';\r\nimport 'jb-textarea';\r\n// eslint-disable-next-line no-duplicate-imports\r\nimport type {JBTextareaWebComponent} from 'jb-textarea';\r\nimport { type EventProps, useEvents } from './events-hook.js';\nimport { type JBTextareaAttributes, useJBTextareaAttribute } from './attributes-hook.js';\nimport type { JBElementStandardProps } from 'jb-core/react';\nimport './module-declaration.js';\n\n// eslint-disable-next-line react/display-name\nconst JBTextarea = React.forwardRef((props:Props, ref) => {\r\n  {\r\n    //we set this state so when ref change we have a render and our event listener will be updated\r\n    const element = useRef<JBTextareaWebComponent>(null);\r\n    useImperativeHandle(ref, () => element.current ?? undefined, [element]);\n    const {onBeforeInput,onBlur,onChange,onEnter,onFocus,onInput,onKeyDown,onKeyUp,onInit,onLoad, placeholder, name,autoHeight,disabled,error,initialValue,required,validationList,value,...otherProps} = props;\n    useJBTextareaAttribute(element, {autoHeight,disabled,error,required,validationList});\n    useEvents(element,{onBeforeInput,onBlur,onChange,onEnter,onFocus,onInput,onKeyDown,onKeyUp,onInit,onLoad});\r\n    return (\r\n      <jb-textarea ref={element} value={value ?? \"\"} initialValue={initialValue ?? \"\"} name={name} label={props.label} message={props.message} placeholder={placeholder} {...otherProps}>\n        {props.children}\r\n      </jb-textarea>\r\n    );\r\n  }\r\n});\r\n\r\ntype JBTextareaProps = EventProps & JBTextareaAttributes & {\r\n    label?: string,\r\n    message?:string,\r\n    name?:string,\r\n    placeholder?:string\n    value?: string | null,\n    initialValue?: string | null,\n}\nexport type Props = PropsWithChildren<JBTextareaProps> & JBElementStandardProps<JBTextareaWebComponent, keyof JBTextareaProps>;\r\nexport {JBTextarea};\n"],"mappings":"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"}

package/react/lib/JBTextarea.tsx

@@ -4,41 +4,22 @@ import React, { useRef, useImperativeHandle, type PropsWithChildren } from 'reac
 import 'jb-textarea';
 // eslint-disable-next-line no-duplicate-imports
 import type {JBTextareaWebComponent} from 'jb-textarea';
-import { type EventProps, useEvents } from './events-hook.js';
-import { type JBTextareaAttributes, useJBTextareaAttribute } from './attributes-hook.js';
-import type { JBElementStandardProps } from 'jb-core/react';
-
-declare module "react" {
-    // eslint-disable-next-line @typescript-eslint/no-namespace
-    namespace JSX {
-      interface IntrinsicElements {
-        'jb-textarea': JBTextareaType;
-      }
-      interface JBTextareaType extends React.DetailedHTMLProps<React.HTMLAttributes<JBTextareaWebComponent>, JBTextareaWebComponent> {
-        class?:string,
-        label?: string,
-        name?:string,
-        message?:string,
-        placeholder?:string,
-        // ref:React.RefObject<JBDateInputWebComponent>,
-      }
-    }
-}
-// eslint-disable-next-line react/display-name
+import { type EventProps, useEvents } from './events-hook.js';
+import { type JBTextareaAttributes, useJBTextareaAttribute } from './attributes-hook.js';
+import type { JBElementStandardProps } from 'jb-core/react';
+import './module-declaration.js';
+
+// eslint-disable-next-line react/display-name
 const JBTextarea = React.forwardRef((props:Props, ref) => {
   {
     //we set this state so when ref change we have a render and our event listener will be updated
     const element = useRef<JBTextareaWebComponent>(null);
-    useImperativeHandle(
-      ref,
-      () => (element ? element.current : undefined),
-      [element],
-    );
-    const {onBeforeInput,onBlur,onChange,onEnter,onFocus,onInput,onKeyDown,onKeyUp,onInit,onLoad, placeholder, name,autoHeight,disabled,error,required,validationList,value,...otherProps} = props;
-    useJBTextareaAttribute(element, {autoHeight,disabled,error,required,validationList,value});
+    useImperativeHandle(ref, () => element.current ?? undefined, [element]);
+    const {onBeforeInput,onBlur,onChange,onEnter,onFocus,onInput,onKeyDown,onKeyUp,onInit,onLoad, placeholder, name,autoHeight,disabled,error,initialValue,required,validationList,value,...otherProps} = props;
+    useJBTextareaAttribute(element, {autoHeight,disabled,error,required,validationList});
     useEvents(element,{onBeforeInput,onBlur,onChange,onEnter,onFocus,onInput,onKeyDown,onKeyUp,onInit,onLoad});
     return (
-      <jb-textarea ref={element} name={name} label={props.label} message={props.message} placeholder={placeholder} {...otherProps}>
+      <jb-textarea ref={element} value={value ?? ""} initialValue={initialValue ?? ""} name={name} label={props.label} message={props.message} placeholder={placeholder} {...otherProps}>
         {props.children}
       </jb-textarea>
     );
@@ -49,7 +30,9 @@ type JBTextareaProps = EventProps & JBTextareaAttributes & {
     label?: string,
     message?:string,
     name?:string,
-    placeholder?:string
-}
+    placeholder?:string
+    value?: string | null,
+    initialValue?: string | null,
+}
 export type Props = PropsWithChildren<JBTextareaProps> & JBElementStandardProps<JBTextareaWebComponent, keyof JBTextareaProps>;
-export {JBTextarea};
+export {JBTextarea};

package/react/lib/attributes-hook.ts

@@ -1,23 +1,15 @@
-import { JBTextareaWebComponent, type ValidationValue } from "jb-textarea";
-import { type ValidationItem } from "jb-validation";
-import { RefObject, useEffect } from "react";
+import { type JBTextareaWebComponent, type ValidationValue } from "jb-textarea";
+import { type ValidationItem } from "jb-validation";
+import { type RefObject, useEffect } from "react";
 
 export type JBTextareaAttributes = {
-  value?: string | null | undefined,
   validationList?:ValidationItem<ValidationValue>[],
   autoHeight?: boolean,
   required?:boolean
   error?: string,
   disabled?:boolean
 }
-export function useJBTextareaAttribute(element: RefObject<JBTextareaWebComponent>, props: JBTextareaAttributes) {
-
-  useEffect(() => {
-    const value:string = props.value || '';
-    if(element.current){
-      element.current.value = value;
-    }
-  }, [props.value]);
+export function useJBTextareaAttribute(element: RefObject<JBTextareaWebComponent | null>, props: JBTextareaAttributes) {
 
   useEffect(() => {
     if(element.current){
@@ -50,4 +42,4 @@ export function useJBTextareaAttribute(element: RefObject<JBTextareaWebComponent
       element?.current?.removeAttribute('error');
     }
   }, [props.error]);
-}
+}

package/react/lib/events-hook.ts

@@ -1,5 +1,5 @@
-import { useEvent } from "jb-core/react";
-import { RefObject } from "react";
+import { useEvent } from "jb-core/react";
+import type { RefObject } from "react";
 import type { JBTextareaWebComponent, JBTextareaEventType } from 'jb-textarea';
 
 export type EventProps = {
@@ -21,7 +21,7 @@ export type EventProps = {
   onEnter?: (e: JBTextareaEventType<KeyboardEvent>) => void,
 
 }
-export function useEvents(element: RefObject<JBTextareaWebComponent>, props: EventProps) {
+export function useEvents(element: RefObject<JBTextareaWebComponent | null>, props: EventProps) {
   useEvent(element, 'load', props.onLoad, true);
   useEvent(element, 'init', props.onInit, true);
   useEvent(element, 'change', props.onChange);
@@ -32,4 +32,4 @@ export function useEvents(element: RefObject<JBTextareaWebComponent>, props: Eve
   useEvent(element, 'focus', props.onFocus);
   useEvent(element, 'blur', props.onBlur);
   useEvent(element, 'enter', props.onEnter);
-}
+}

package/react/lib/module-declaration.ts

@@ -0,0 +1,20 @@
+import type { JBTextareaWebComponent } from 'jb-textarea';
+
+declare module "react" {
+    // eslint-disable-next-line @typescript-eslint/no-namespace
+    namespace JSX {
+      interface IntrinsicElements {
+        'jb-textarea': JBTextareaType;
+      }
+      interface JBTextareaType extends React.DetailedHTMLProps<React.HTMLAttributes<JBTextareaWebComponent>, JBTextareaWebComponent> {
+        class?:string,
+        label?: string,
+        name?:string,
+        message?:string,
+        placeholder?:string,
+        value?: string,
+        initialValue?: string,
+        // ref:React.RefObject<JBDateInputWebComponent>,
+      }
+    }
+}

package/react/tsconfig.json

@@ -1,6 +1,6 @@
 {
     "compilerOptions": {
-        "baseUrl": ".",
+        
         "rootDir": "./lib",
         "declarationDir": "./dist"
     },
@@ -14,4 +14,4 @@
         "dist",
     ],
     "extends":"jb-core/configs/tsconfig-react.json"
-}
+}