freemium-ui 2.0.0-beta.30 → 2.0.0-beta.32

package/index.d.ts

@@ -557,7 +557,7 @@ declare const Input: react__default.ForwardRefExoticComponent<Omit<InputProps, "
 /**
  * TextArea displays a multi-line input box on the user interface and enables assigning a value to it. It is used to take user input for large text data.
  */
-declare const TextArea: ({ label, inline, startLabel, startAdornment, endLabel, endAdornment, isRequired, isErrored, showCount, inputStyle, style, errorText, ref, maxLength, ...props }: TextAreaProps) => react__default.JSX.Element;
+declare const TextArea: react__default.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react__default.RefAttributes<HTMLTextAreaElement>>;
 
 type LoaderSizes = 'mini' | 'small' | 'medium' | 'big';
 type LoaderSpeeds = 'slow' | 'medium' | 'fast';

package/index.js

@@ -2163,7 +2163,7 @@ variant:"primary","aria-disabled":s,disabled:s,onClick:()=>a?.(),"aria-label":u
 const u=vn();return t.createElement(vu,{open:e,onOpenChange:e=>{e||s?.()}
 },t.createElement(gu,null,t.createElement(hu,{forceMount:!0,
 className:"DialogOverlay",onClick:()=>{c&&s?.()}}),t.createElement(pu,{
-forceMount:!0,className:`DialogContent ${a}`.trim(),isFullHeight:i,size:o,
+forceMount:!0,className:`DialogContent ${a??""}`.trim(),isFullHeight:i,size:o,
 placement:l},!r&&t.createElement(mu,{asChild:!0},t.createElement(fu,{
 "aria-label":"Close"},t.createElement(mr,{fill:u.colors.text.inverse}))),n)))}
 ;function bu(e,[t,n]){return Math.min(n,Math.max(t,e))}
@@ -3575,18 +3575,19 @@ className:"input-basic"},a&&t.createElement("div",{className:"start-adornment"
 }),s&&(p||0)>0&&t.createElement("div",{className:"end-max-length"
 },`${"string"==typeof v.value?v.value.length:`${v.value||""}`.length}/${p||0}`),i&&t.createElement("div",{
 className:"end-adornment"},i)),o&&t.createElement("div",{className:"end-label"
-},o)),c&&h&&t.createElement(Oc,null,h)))),wm=({label:e,inline:n,startLabel:r,startAdornment:a,endLabel:o,endAdornment:i,isRequired:l,isErrored:c,showCount:s,inputStyle:u,style:d,errorText:h,ref:p,maxLength:f,...m})=>t.createElement(ym,{
-inline:n,isErrored:c,disabled:m.disabled,style:d},t.createElement(Fn,{
-htmlFor:m.id,className:"input-label"
+},o)),c&&h&&t.createElement(Oc,null,h)))),wm=t.forwardRef((({label:e,inline:n,startLabel:r,startAdornment:a,endLabel:o,endAdornment:i,isRequired:l,isErrored:c,showCount:s,inputStyle:u,style:d,errorText:h,maxLength:p,...f},m)=>t.createElement(ym,{
+inline:n,isErrored:c,disabled:f.disabled,style:d},t.createElement(Fn,{
+htmlFor:f.id,className:"input-label"
 },e,l&&t.createElement(jn,null,"*")),t.createElement(gm,{
-className:"input-container",disabled:m.disabled,isErrored:c
+className:"input-container",disabled:f.disabled,isErrored:c
 },r&&t.createElement("div",{className:"start-label"},r),t.createElement(mm,{
-className:"input-basic"},a&&t.createElement("div",{className:"start-adornment"
-},a),t.createElement(pm,{maxLength:f,...m,"aria-invalid":c,ref:p,style:u
-}),s&&(f||0)>0&&t.createElement(vm,{isTa:!0,className:"end-max-length"
-},`${"string"==typeof m.value?m.value.length:`${m.value||""}`.length}/${f||0}`),i&&t.createElement("div",{
+className:"input-basic",style:{flexDirection:"column"}
+},a&&t.createElement("div",{className:"start-adornment"},a),t.createElement(pm,{
+maxLength:p,...f,"aria-invalid":c,ref:m,style:u
+}),s&&(p||0)>0&&t.createElement(vm,{isTa:!0,className:"end-max-length"
+},`${"string"==typeof f.value?f.value.length:`${f.value||""}`.length}/${p||0}`),i&&t.createElement("div",{
 className:"end-adornment"},i)),o&&t.createElement("div",{className:"end-label"
-},o)),c&&h&&t.createElement(Oc,null,h)),Cm={mini:2,small:2.5,medium:4,big:5
+},o)),c&&h&&t.createElement(Oc,null,h)))),Cm={mini:2,small:2.5,medium:4,big:5
 },zm={slow:1,medium:.7,fast:.4},Mm={mini:12,small:16,medium:24,big:32},xm=Hn`
   to { transform: rotate(360deg); }
 `,Sm=En.div`
@@ -3613,7 +3614,7 @@ className:"input-label","aria-label":a,htmlFor:o
 },a,d&&t.createElement(jn,null,"*"))),t.createElement(Fd,{open:x,defaultOpen:M,
 name:f,required:d,disabled:u,value:b?.[r]??void 0,onValueChange:e=>{if(s)return
 ;const t=i.find((t=>t?.[r]===e));l?.(t??null)}},t.createElement(eh,{
-className:`SelectTrigger ${g||""}`.trim(),"aria-label":"Food",disabled:u,id:o,
+className:`SelectTrigger ${g??""}`.trim(),"aria-label":"Food",disabled:u,id:o,
 isErrored:!!w,"aria-invalid":!!w,width:v,style:y},t.createElement(jd,{
 className:"SelectValue",placeholder:c}),t.createElement(Jd,{
 className:"SelectIcon"},t.createElement(nc,{fill:n.colors.text.primary
@@ -3627,9 +3628,9 @@ className:"SelectScrollButton"},t.createElement(nc,{fill:n.colors.text.primary
 },e.key,t.createElement(Yd,null)),e.items.map(((e,n)=>{
 const a="string"==typeof e?e:e?.[r],o=e?.[r]??""
 ;return o&&""!==o||console.warn("No value for item",e),
-t.createElement(t.Fragment,null,m?m(e,{key:a,value:o||a.trim,
-disabled:!!e.disabled,showTick:h}):t.createElement(Lm,{key:a,value:o||a,
-disabled:!!e.disabled,showTick:h},p(e,"list-item")))})))))),t.createElement(Qd,{
+t.createElement(t.Fragment,null,m?m(e,{key:a,value:o??a,disabled:!!e.disabled,
+showTick:h}):t.createElement(Lm,{key:a,value:o||a,disabled:!!e.disabled,
+showTick:h},p(e,"list-item")))})))))),t.createElement(Qd,{
 className:"SelectScrollButton"},t.createElement(nc,{fill:n.colors.text.primary
 })))))),w&&z&&t.createElement(Oc,null,z))
 },Dm=({itemIdentifier:e="id",label:n,id:r,items:a=[],placeholder:o,readOnly:i=!1,disabled:l=!1,isRequired:c=!1,hideClear:s=!1,itemToString:u,name:d,filterKey:h,width:p,customValues:f,onCustomValueAdd:m,itemComponent:v,emptyItemsText:g,getCustomMessage:y,onChange:b,useComboboxProps:w,isErrored:C,errorText:z,defaultSelectedItem:M,isMenuLoading:x})=>{
@@ -3791,7 +3792,7 @@ default:"512px",small:"424px",medium:"600px",large:"800px","x-large":"1200px"
 `,Om=({isOpen:e,children:n,align:r="center",customClass:a="",fullWidth:o=!1,customModalContentStyles:i={},onDismiss:l,position:c="center",size:s})=>t.createElement(Tm,{
 open:e,onOpenChange:e=>{e||l?.()}},t.createElement(Pm,null,t.createElement(Im,{
 forceMount:!0,className:"DialogOverlay",onClick:()=>l?.()}),t.createElement(Rm,{
-forceMount:!0,className:`DialogContent ${a}`.trim(),size:s??"default",
+forceMount:!0,className:`DialogContent ${a??""}`.trim(),size:s??"default",
 fullWidth:o,align:r,position:c,style:i},n))),Nm=En.div`
   flex: 1;
   gap: 8px;
@@ -12508,7 +12509,7 @@ return t.createElement(_m,{items:n,
 itemToString:(t,n)=>"list-item"===n?t?.name??"":"months"===e.name&&t?.name?vI?.[t?.name?.toString().toLowerCase()]:t?.name??"",
 type:"button",disabled:!!e.disabled,
 defaultSelectedItem:n.find((t=>t.id===e.value))??null,style:e.style,
-className:`${e.className} bp-custom-dropdown bp-custom-dropdown-${e.name}`.trim(),
+className:`${e.className??""} bp-custom-dropdown bp-custom-dropdown-${e.name??""}`.trim(),
 onChange:t=>{e?.onChange?.({target:{value:t?.id}})}})}
 return t.createElement(_m,{itemToString:()=>"",type:"button"})},yI=e=>{
 const{placeholder:n,name:r,isRequired:a,label:o,isErrored:i,errorText:l,id:c,disabled:s,displayFormat:u="YYYY-MM-DD",...d}=e
@@ -12737,7 +12738,7 @@ onInteractOutside:()=>u&&u(),side:g,align:o,sideOffset:8,avoidCollisions:l
   display: flex;
   align-items: center;
 `,rR=({checked:e,className:n,disabled:r,id:a,isRequired:o,label:i,name:l,readOnly:c,...s})=>t.createElement(JI,{
-className:`RadioGroupRoot ${n}`.trim(),id:a,name:l,"aria-label":i,
+className:`RadioGroupRoot ${n??""}`.trim(),id:a,name:l,"aria-label":i,
 value:e?"default":"",required:o,disabled:r,"aria-readonly":c,...s
 },t.createElement(nR,null,t.createElement(tR,{checked:e,"aria-checked":e,
 className:"RadioGroupItem",disabled:r,"aria-readonly":c,value:"default",
@@ -15834,7 +15835,7 @@ d:"M8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183
 fill:n.colors.text.semantic.error}))},kj=({index:e,...n})=>{
 const r=vn(),{updateToasts:a,windowState:o}=t.useContext(NB)??{},i=t.useRef(null)
 ;return t.createElement(t.Fragment,null,t.createElement(zj,{ref:i,
-toastType:n.type,toastIndex:e,className:`ToastRoot Toast-${n.id}`.trim(),
+toastType:n.type,toastIndex:e,className:`ToastRoot Toast-${n.id??""}`.trim(),
 duration:n.delay??3e3,onOpenChange:e=>{e||a((e=>e.filter((e=>e.id!==n.id))))}
 },t.createElement(_j,{className:"ToastProgress",windowState:o,toastType:n.type,
 delay:n.delay??3e3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.0-beta.30",
+  "version": "2.0.0-beta.32",
   "description": "React Ui Components for Freemium Apps",
   "main": "./index.js",
   "module": "./index.js",