freemium-ui 2.0.117 → 2.0.118

package/lib/index.cjs.js

@@ -3766,8 +3766,7 @@ value:""}):null,Array.from(L)):null))
 `,hm=xr(Np)`
   direction: ${({theme:e})=>e.direction} !important;
   scrollbar-width: thin !important;
-  word-break: break-word;
-  overflow-wrap: break-word;
+  ${({shouldWrapText:e})=>e&&"\n  word-break: break-word;\n  overflow-wrap: break-word;\n"}
 `,fm=xr(Up)``;xr(Yp)`
   direction: ${({theme:e})=>e.direction} !important;
   display: grid;
@@ -3799,8 +3798,7 @@ value:""}):null,Array.from(L)):null))
   align-items: center;
   justify-content: space-between;
   outline: none;
-  word-break: break-word;
-  overflow-wrap: break-word;
+  ${({shouldWrapText:e})=>e&&"\n  word-break: break-word;\n  overflow-wrap: break-word;\n"}
   border: 1px solid
     ${({theme:e,$isErrored:t})=>t?e.colors.border.error:e.colors.border.normal};
   background-color: ${({theme:e})=>e.colors.fill.surface};
@@ -4754,19 +4752,20 @@ small:"424px",default:"600px",medium:"720px",large:"800px","x-large":"1200px"
   right: ${({placement:e})=>"left"===e?"-24px":"unset"};
 `,pb=xr(Hy)``,mb=xr(Dy)``,vb=({type:t="button",...n})=>"button"===t?e.createElement(gb,{
 ...n,type:"button"}):e.createElement(yb,{...n,type:"input"}),gb=t=>{
-const n=pr(),{itemIdentifier:r="id",label:o,id:a,items:i=[],onChange:l,placeholder:c,readOnly:s=!1,disabled:u=!1,isRequired:d=!1,showTick:h=!0,itemToString:f,name:p,itemComponent:m,width:v,className:g,style:y,defaultSelectedItem:b=null,isErrored:w,portalContainer:C,isMenuLoading:M,errorText:z,defaultIsOpen:x,matchButtonWidth:E=!0,isOpen:S,buttonContentProps:_,selectedItemComponent:H,selectRootProps:D,selectPortalProps:A}=t,L=e.useMemo((()=>{
+const n=pr(),{itemIdentifier:r="id",label:o,id:a,items:i=[],onChange:l,placeholder:c,readOnly:s=!1,disabled:u=!1,isRequired:d=!1,showTick:h=!0,itemToString:f,name:p,itemComponent:m,width:v,className:g,style:y,defaultSelectedItem:b=null,isErrored:w,portalContainer:C,isMenuLoading:M,errorText:z,defaultIsOpen:x,matchButtonWidth:E=!0,isOpen:S,buttonContentProps:_,selectedItemComponent:H,selectRootProps:D,selectPortalProps:A,shouldWrapText:L=!1}=t,V=e.useMemo((()=>{
 const e=i.reduce(((e,t)=>{const n=t.group??"default"
 ;return e[n]?e[n].push(t):e[n]=[t],e}),{})
 ;return Object.keys(e).sort(((e,t)=>"default"!==e?1:-1)).map((t=>({key:t,
-items:e[t]})))}),[i]),[V,k]=e.useState(b)
+items:e[t]})))}),[i]),[k,T]=e.useState(b)
 ;return e.createElement(tm,null,o&&e.createElement(e.Fragment,null,e.createElement(Ro,{
 className:"input-label","aria-label":"string"==typeof o?o:"",htmlFor:a
 },o,o&&d&&e.createElement(Io,null,"*"))),e.createElement(rm,{open:S,
 defaultOpen:x,name:p,required:d,disabled:u,value:b?.[r]??void 0,
-onValueChange:e=>{if(s)return;const t=i.find((t=>t?.[r]===e));k(t),l?.(t??null)
+onValueChange:e=>{if(s)return;const t=i.find((t=>t?.[r]===e));T(t),l?.(t??null)
 },...D},e.createElement(mm,{className:`SelectTrigger ${g??""}`.trim(),
 "aria-label":"string"==typeof o?o:"dropdown",disabled:u,id:a,$isErrored:!!w,
-"aria-invalid":!!w,width:v,style:y},c||null!==b?V&&H?H(V):e.createElement(am,{
+"aria-invalid":!!w,width:v,style:y,shouldWrapText:L
+},c||null!==b?k&&H?H(k):e.createElement(am,{
 className:`SelectValue ${g??""}`.trim(),placeholder:c
 }):e.createElement(nm,null),e.createElement(pm,{
 className:`SelectIcon ${g??""}`.trim()},e.createElement(co,{
@@ -4775,9 +4774,10 @@ fill:n.colors.text.primary}))),e.createElement(im,{container:C,...A
 position:"popper",side:"bottom",sideOffset:4,avoidCollisions:!0,
 $matchButtonWidth:E,..._
 },M?e.createElement(Qp,null,e.createElement(Lm,null)):e.createElement(e.Fragment,null,e.createElement(hm,{
-className:`SelectViewport ${g??""}`.trim()},L.map((t=>e.createElement(om,{
-key:t.key,className:`SelectGroup ${g??""}`.trim()
-},"default"!==t.key&&e.createElement(sm,{className:`SelectLabel ${g??""}`.trim()
+shouldWrapText:L,className:`SelectViewport ${g??""}`.trim()
+},V.map((t=>e.createElement(om,{key:t.key,
+className:`SelectGroup ${g??""}`.trim()},"default"!==t.key&&e.createElement(sm,{
+className:`SelectLabel ${g??""}`.trim()
 },t.key,e.createElement(cm,null)),t.items.map(((t,n)=>{
 const o="string"==typeof t?t:t?.[r],a=t?.[r]??""
 ;return void 0!==a&&""!==a||console.warn("No value for item",{item:t,value:a

package/lib/index.d.ts

@@ -270,6 +270,7 @@ interface DropdownProps<T extends DefaultDropdownItem = DefaultDropdownItem> ext
     portalContainer?: PortalProps['container'];
     selectRootProps?: SelectProps;
     selectPortalProps?: SelectPortalProps;
+    shouldWrapText?: boolean;
 }
 type DropdownButtonProps<T extends DefaultDropdownItem = DefaultDropdownItem> = DropdownProps<T>;
 type DropdownInputProps<T extends DefaultDropdownItem = DefaultDropdownItem> = DropdownProps<T>;

package/lib/index.js

@@ -3727,8 +3727,7 @@ autoComplete:m,value:H,onChange:e=>D(e.target.value),disabled:v
 `,Tm=Ur(lm)`
   direction: ${({theme:e})=>e.direction} !important;
   scrollbar-width: thin !important;
-  word-break: break-word;
-  overflow-wrap: break-word;
+  ${({shouldWrapText:e})=>e&&"\n  word-break: break-word;\n  overflow-wrap: break-word;\n"}
 `,Pm=Ur(hm)``;Ur(pm)`
   direction: ${({theme:e})=>e.direction} !important;
   display: grid;
@@ -3760,8 +3759,7 @@ autoComplete:m,value:H,onChange:e=>D(e.target.value),disabled:v
   align-items: center;
   justify-content: space-between;
   outline: none;
-  word-break: break-word;
-  overflow-wrap: break-word;
+  ${({shouldWrapText:e})=>e&&"\n  word-break: break-word;\n  overflow-wrap: break-word;\n"}
   border: 1px solid
     ${({theme:e,$isErrored:t})=>t?e.colors.border.error:e.colors.border.normal};
   background-color: ${({theme:e})=>e.colors.fill.surface};
@@ -4781,19 +4779,20 @@ placement:d,dir:u.direction},!r&&t.createElement(Nb,{asChild:!0,placement:d
 fill:u.colors.text.inverse}))),n)))
 },jb=({type:e="button",...n})=>"button"===e?t.createElement(Ub,{...n,
 type:"button"}):t.createElement(Yb,{...n,type:"input"}),Ub=e=>{
-const n=Tr(),{itemIdentifier:r="id",label:o,id:a,items:i=[],onChange:l,placeholder:c,readOnly:s=!1,disabled:u=!1,isRequired:d=!1,showTick:h=!0,itemToString:p,name:f,itemComponent:m,width:v,className:g,style:y,defaultSelectedItem:b=null,isErrored:w,portalContainer:C,isMenuLoading:z,errorText:M,defaultIsOpen:x,matchButtonWidth:E=!0,isOpen:S,buttonContentProps:_,selectedItemComponent:H,selectRootProps:D,selectPortalProps:A}=e,L=t.useMemo((()=>{
+const n=Tr(),{itemIdentifier:r="id",label:o,id:a,items:i=[],onChange:l,placeholder:c,readOnly:s=!1,disabled:u=!1,isRequired:d=!1,showTick:h=!0,itemToString:p,name:f,itemComponent:m,width:v,className:g,style:y,defaultSelectedItem:b=null,isErrored:w,portalContainer:C,isMenuLoading:z,errorText:M,defaultIsOpen:x,matchButtonWidth:E=!0,isOpen:S,buttonContentProps:_,selectedItemComponent:H,selectRootProps:D,selectPortalProps:A,shouldWrapText:L=!1}=e,V=t.useMemo((()=>{
 const e=i.reduce(((e,t)=>{const n=t.group??"default"
 ;return e[n]?e[n].push(t):e[n]=[t],e}),{})
 ;return Object.keys(e).sort(((e,t)=>"default"!==e?1:-1)).map((t=>({key:t,
-items:e[t]})))}),[i]),[V,k]=t.useState(b)
+items:e[t]})))}),[i]),[k,T]=t.useState(b)
 ;return t.createElement(Mm,null,o&&t.createElement(t.Fragment,null,t.createElement(na,{
 className:"input-label","aria-label":"string"==typeof o?o:"",htmlFor:a
 },o,o&&d&&t.createElement(oa,null,"*"))),t.createElement(Em,{open:S,
 defaultOpen:x,name:f,required:d,disabled:u,value:b?.[r]??void 0,
-onValueChange:e=>{if(s)return;const t=i.find((t=>t?.[r]===e));k(t),l?.(t??null)
+onValueChange:e=>{if(s)return;const t=i.find((t=>t?.[r]===e));T(t),l?.(t??null)
 },...D},t.createElement(Rm,{className:`SelectTrigger ${g??""}`.trim(),
 "aria-label":"string"==typeof o?o:"dropdown",disabled:u,id:a,$isErrored:!!w,
-"aria-invalid":!!w,width:v,style:y},c||null!==b?V&&H?H(V):t.createElement(_m,{
+"aria-invalid":!!w,width:v,style:y,shouldWrapText:L
+},c||null!==b?k&&H?H(k):t.createElement(_m,{
 className:`SelectValue ${g??""}`.trim(),placeholder:c
 }):t.createElement(xm,null),t.createElement(Im,{
 className:`SelectIcon ${g??""}`.trim()},t.createElement(Do,{
@@ -4802,9 +4801,10 @@ fill:n.colors.text.primary}))),t.createElement(Hm,{container:C,...A
 position:"popper",side:"bottom",sideOffset:4,avoidCollisions:!0,
 $matchButtonWidth:E,..._
 },z?t.createElement(Cm,null,t.createElement(Qm,null)):t.createElement(t.Fragment,null,t.createElement(Tm,{
-className:`SelectViewport ${g??""}`.trim()},L.map((e=>t.createElement(Sm,{
-key:e.key,className:`SelectGroup ${g??""}`.trim()
-},"default"!==e.key&&t.createElement(Lm,{className:`SelectLabel ${g??""}`.trim()
+shouldWrapText:L,className:`SelectViewport ${g??""}`.trim()
+},V.map((e=>t.createElement(Sm,{key:e.key,
+className:`SelectGroup ${g??""}`.trim()},"default"!==e.key&&t.createElement(Lm,{
+className:`SelectLabel ${g??""}`.trim()
 },e.key,t.createElement(Am,null)),e.items.map(((e,n)=>{
 const o="string"==typeof e?e:e?.[r],a=e?.[r]??""
 ;return void 0!==a&&""!==a||console.warn("No value for item",{item:e,value:a

package/lib/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.117",
+  "version": "2.0.118",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.js",