freemium-ui 2.0.67 → 2.0.68

package/lib/index.cjs.js

@@ -17234,42 +17234,42 @@ e.preventDefault(),a?.("button",e)},"aria-label":i},i)),u&&e.createElement(Yy,{
 asChild:!0},e.createElement(xm,{variant:"primary","aria-disabled":s,disabled:s,
 onClick:e=>{e.preventDefault(),o?.(e)},"aria-label":u},u))))))
 },exports.CrossIcon=ro,exports.DatePicker=t=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,language:l,errorText:c,id:s,todayButtonText:u="Today",clearButtonText:d="Clear",disabled:h,displayFormat:p="YYYY-MM-DD",...f}=t,m=document.querySelector('div[role="dialog"].DialogContent'),v=cr()
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,language:l,errorText:c,id:s,todayButtonText:u="Today",clearButtonText:d="Clear",disabled:h,displayFormat:p="YYYY-MM-DD",portalContainer:f,...m}=t,v=document.querySelector('div[role="dialog"].DialogContent'),g=cr()
 ;return e.createElement(WN,{id:`date-picker-container-${s??""}`.trim(),
-"aria-invalid":i,dir:v.direction},a&&e.createElement(Do,{htmlFor:t.id,
+"aria-invalid":i,dir:g.direction},a&&e.createElement(Do,{htmlFor:t.id,
 className:"input-label"
 },a,a&&o&&e.createElement(Ao,null,"*")),e.createElement(GN,{$isErrored:i,
 disabled:t.disabled}),e.createElement(vN,{canClearSelection:!0,
 closeOnSelection:!1,disabled:h,todayButtonText:u,clearButtonText:d,
 locale:l||"en",maxDate:FN(new Date).add(10,"years").toDate(),fill:!0,
 highlightCurrentDay:!0,inputProps:{placeholder:n||p,name:r,id:s,
-"aria-disabled":h},dayPickerProps:{disabled:h,dir:v.direction,components:{
+"aria-disabled":h},dayPickerProps:{disabled:h,dir:g.direction,components:{
 Dropdown:t=>e.createElement(qN,{...t,disabled:h})}},showActionsBar:!0,
 popoverProps:{hasBackdrop:!0,minimal:!1,
-placement:"ltr"===v.direction?"bottom-start":"bottom-end",usePortal:!0,
-portalContainer:m||void 0},parseDate:e=>e?FN(e).toDate():new Date,
-formatDate:e=>e?FN(e).format(p):"",...f}),i&&c&&e.createElement(lm,null,c))
+placement:"ltr"===g.direction?"bottom-start":"bottom-end",usePortal:!0,
+portalContainer:f??(v||void 0)},parseDate:e=>e?FN(e).toDate():new Date,
+formatDate:e=>e?FN(e).format(p):"",...m}),i&&c&&e.createElement(lm,null,c))
 },exports.DateRangePicker=t=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,disabled:s,clearButtonText:u="Clear",language:d,displayFormat:h="YYYY-MM-DD",...p}=t,f=cr(),m=document.querySelector('div[role="dialog"].DialogContent')
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,disabled:s,clearButtonText:u="Clear",language:d,displayFormat:h="YYYY-MM-DD",portalContainer:p,...f}=t,m=cr(),v=document.querySelector('div[role="dialog"].DialogContent')
 ;return e.createElement(WN,{id:`date-picker-container-${c??""}`.trim(),
-"aria-invalid":i,dir:f.direction},a&&e.createElement(Do,{htmlFor:t.id,
+"aria-invalid":i,dir:m.direction},a&&e.createElement(Do,{htmlFor:t.id,
 className:"input-label"
 },a,a&&o&&e.createElement(Ao,null,"*")),e.createElement(GN,{$isErrored:i,
 disabled:t.disabled}),e.createElement(PN,{closeOnSelection:!1,disabled:s,
 locale:d||"en",maxDate:FN(new Date).add(10,"years").toDate(),fill:!0,
 highlightCurrentDay:!0,shortcuts:!1,startInputProps:{placeholder:n||h,name:r,
 id:`start-${c}`,"aria-disabled":s},endInputProps:{placeholder:n||h,name:r,
-id:`end-${c}`,"aria-disabled":s},dayPickerProps:{disabled:s,dir:f.direction,
+id:`end-${c}`,"aria-disabled":s},dayPickerProps:{disabled:s,dir:m.direction,
 components:{Dropdown:t=>e.createElement(qN,{...t,disabled:s})}},
 footerElement:e.createElement(YN,null,e.createElement(UN,{onClick:()=>{
-p.onChange?.([null,null])}},u)),popoverProps:{hasBackdrop:!0,minimal:!1,
-placement:"ltr"===f.direction?"bottom-start":"bottom-end",usePortal:!0,
-portalContainer:m||void 0},parseDate:e=>e?FN(e).toDate():new Date,
-formatDate:e=>e?FN(e).format(h):"",...p}),i&&l&&e.createElement(lm,null,l))
+f.onChange?.([null,null])}},u)),popoverProps:{hasBackdrop:!0,minimal:!1,
+placement:"ltr"===m.direction?"bottom-start":"bottom-end",usePortal:!0,
+portalContainer:p??(v||void 0)},parseDate:e=>e?FN(e).toDate():new Date,
+formatDate:e=>e?FN(e).format(h):"",...f}),i&&l&&e.createElement(lm,null,l))
 },exports.DateTimePicker=t=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,todayButtonText:s="Today",clearButtonText:u="Clear",language:d,disabled:h,displayFormat:p="YYYY-MM-DD hh:mm A",...f}=t,m=document.querySelector('div[role="dialog"].DialogContent'),v=cr()
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,todayButtonText:s="Today",clearButtonText:u="Clear",language:d,disabled:h,displayFormat:p="YYYY-MM-DD hh:mm A",portalContainer:f,...m}=t,v=document.querySelector('div[role="dialog"].DialogContent'),g=cr()
 ;return e.createElement(WN,{id:`datetime-picker-container-${c??""}`.trim(),
-"aria-invalid":i,dir:v.direction},a&&e.createElement(Do,{htmlFor:t.id,
+"aria-invalid":i,dir:g.direction},a&&e.createElement(Do,{htmlFor:t.id,
 className:"input-label"
 },a,a&&o&&e.createElement(Ao,null,"*")),e.createElement(GN,{$isErrored:i,
 disabled:t.disabled}),e.createElement(vN,{canClearSelection:!0,
@@ -17277,31 +17277,31 @@ closeOnSelection:!1,disabled:h,locale:d||"en",todayButtonText:s,
 clearButtonText:u,maxDate:FN(new Date).add(10,"years").toDate(),
 minDate:FN(new Date).subtract(100,"years").toDate(),fill:!0,
 highlightCurrentDay:!0,inputProps:{placeholder:n||p,name:r,id:c,
-"aria-disabled":h},dayPickerProps:{disabled:h,dir:v.direction,components:{
+"aria-disabled":h},dayPickerProps:{disabled:h,dir:g.direction,components:{
 Dropdown:t=>e.createElement(qN,{...t,disabled:h})}},showActionsBar:!0,
 timePrecision:"minute",timePickerProps:{useAmPm:!0,showArrowButtons:!1},
 showTimezoneSelect:!1,disableTimezoneSelect:!0,popoverProps:{hasBackdrop:!0,
-minimal:!1,placement:"ltr"===v.direction?"bottom-start":"bottom-end",
-usePortal:!0,portalContainer:m||void 0},parseDate:e=>e?FN(e).toDate():new Date,
-formatDate:e=>e?FN(e).format(p):"",...f}),i&&l&&e.createElement(lm,null,l))
-},exports.DateTimeRangePicker=t=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,clearButtonText:s="Clear",language:u,disabled:d,displayFormat:h="YYYY-MM-DD hh:mm A",...p}=t,f=cr(),m=document.querySelector('div[role="dialog"].DialogContent')
+minimal:!1,placement:"ltr"===g.direction?"bottom-start":"bottom-end",
+usePortal:!0,portalContainer:f??(v||void 0)},
+parseDate:e=>e?FN(e).toDate():new Date,formatDate:e=>e?FN(e).format(p):"",...m
+}),i&&l&&e.createElement(lm,null,l))},exports.DateTimeRangePicker=t=>{
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,clearButtonText:s="Clear",language:u,disabled:d,displayFormat:h="YYYY-MM-DD hh:mm A",portalContainer:p,...f}=t,m=cr(),v=document.querySelector('div[role="dialog"].DialogContent')
 ;return e.createElement(WN,{id:`date-picker-container-${c??""}`.trim(),
-"aria-invalid":i,dir:f.direction},a&&e.createElement(Do,{htmlFor:t.id,
+"aria-invalid":i,dir:m.direction},a&&e.createElement(Do,{htmlFor:t.id,
 className:"input-label"
 },a,a&&o&&e.createElement(Ao,null,"*")),e.createElement(GN,{$isErrored:i,
 disabled:t.disabled}),e.createElement(PN,{closeOnSelection:!1,disabled:d,
 locale:u||"en",maxDate:FN(new Date).add(10,"years").toDate(),fill:!0,
 highlightCurrentDay:!0,shortcuts:!1,startInputProps:{placeholder:n||h,name:r,
 id:`start-${c}`,"aria-disabled":d},endInputProps:{placeholder:n||h,name:r,
-id:`end-${c}`,"aria-disabled":d},dayPickerProps:{disabled:d,dir:f.direction,
+id:`end-${c}`,"aria-disabled":d},dayPickerProps:{disabled:d,dir:m.direction,
 components:{Dropdown:t=>e.createElement(qN,{...t,disabled:d})}},
 timePrecision:"minute",timePickerProps:{useAmPm:!0,showArrowButtons:!1},
 footerElement:e.createElement(YN,null,e.createElement(UN,{onClick:()=>{
-p.onChange?.([null,null])}},s)),popoverProps:{hasBackdrop:!0,minimal:!1,
-placement:"ltr"===f.direction?"bottom-start":"bottom-end",usePortal:!0,
-portalContainer:m||void 0},parseDate:e=>e?FN(e).toDate():new Date,
-formatDate:e=>e?FN(e).format(h):"",...p}),i&&l&&e.createElement(lm,null,l))
+f.onChange?.([null,null])}},s)),popoverProps:{hasBackdrop:!0,minimal:!1,
+placement:"ltr"===m.direction?"bottom-start":"bottom-end",usePortal:!0,
+portalContainer:p??(v||void 0)},parseDate:e=>e?FN(e).toDate():new Date,
+formatDate:e=>e?FN(e).format(h):"",...f}),i&&l&&e.createElement(lm,null,l))
 },exports.Drawer=({isOpen:t,children:n,hideDismissIcon:r,customClass:o="",size:a="default",isFullHeight:i=!0,placement:l="right",clickOutToClose:c=!1,onDismiss:s})=>{
 const u=cr(),d="rtl"===u.direction?"right"===l?"left":"right":l
 ;return e.createElement(rb,{open:t,onOpenChange:e=>{e||s?.()}

package/lib/index.d.ts

@@ -1006,6 +1006,7 @@ type DefaultProps = {
      * Whether disabled select
      */
     disabled?: boolean;
+    portalContainer?: HTMLElement;
 };
 type DatePickerProps = DefaultProps & Partial<DateInput3Props> & {
     displayFormat?: string;

package/lib/index.js

@@ -13605,25 +13605,25 @@ defaultSelectedItem:n.find((t=>t.id===e.value))??null,style:e.style,
 className:`${e.className??""} bp-custom-dropdown bp-custom-dropdown-${e.name??""}`.trim(),
 onChange:t=>{e?.onChange?.({target:{value:t?.id}})}})}
 return t.createElement(kb,{itemToString:()=>"",type:"button"})},EF=e=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,language:l,errorText:c,id:s,todayButtonText:u="Today",clearButtonText:d="Clear",disabled:h,displayFormat:p="YYYY-MM-DD",...f}=e,m=document.querySelector('div[role="dialog"].DialogContent'),v=Hr()
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,language:l,errorText:c,id:s,todayButtonText:u="Today",clearButtonText:d="Clear",disabled:h,displayFormat:p="YYYY-MM-DD",portalContainer:f,...m}=e,v=document.querySelector('div[role="dialog"].DialogContent'),g=Hr()
 ;return t.createElement(CF,{id:`date-picker-container-${s??""}`.trim(),
-"aria-invalid":i,dir:v.direction},a&&t.createElement(Zo,{htmlFor:e.id,
+"aria-invalid":i,dir:g.direction},a&&t.createElement(Zo,{htmlFor:e.id,
 className:"input-label"
 },a,a&&o&&t.createElement(Jo,null,"*")),t.createElement(zF,{$isErrored:i,
 disabled:e.disabled}),t.createElement(YN,{canClearSelection:!0,
 closeOnSelection:!1,disabled:h,todayButtonText:u,clearButtonText:d,
 locale:l||"en",maxDate:mF(new Date).add(10,"years").toDate(),fill:!0,
 highlightCurrentDay:!0,inputProps:{placeholder:n||p,name:r,id:s,
-"aria-disabled":h},dayPickerProps:{disabled:h,dir:v.direction,components:{
+"aria-disabled":h},dayPickerProps:{disabled:h,dir:g.direction,components:{
 Dropdown:e=>t.createElement(xF,{...e,disabled:h})}},showActionsBar:!0,
 popoverProps:{hasBackdrop:!0,minimal:!1,
-placement:"ltr"===v.direction?"bottom-start":"bottom-end",usePortal:!0,
-portalContainer:m||void 0},parseDate:e=>e?mF(e).toDate():new Date,
-formatDate:e=>e?mF(e).format(p):"",...f}),i&&c&&t.createElement(Dm,null,c))
+placement:"ltr"===g.direction?"bottom-start":"bottom-end",usePortal:!0,
+portalContainer:f??(v||void 0)},parseDate:e=>e?mF(e).toDate():new Date,
+formatDate:e=>e?mF(e).format(p):"",...m}),i&&c&&t.createElement(Dm,null,c))
 },SF=e=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,todayButtonText:s="Today",clearButtonText:u="Clear",language:d,disabled:h,displayFormat:p="YYYY-MM-DD hh:mm A",...f}=e,m=document.querySelector('div[role="dialog"].DialogContent'),v=Hr()
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,todayButtonText:s="Today",clearButtonText:u="Clear",language:d,disabled:h,displayFormat:p="YYYY-MM-DD hh:mm A",portalContainer:f,...m}=e,v=document.querySelector('div[role="dialog"].DialogContent'),g=Hr()
 ;return t.createElement(CF,{id:`datetime-picker-container-${c??""}`.trim(),
-"aria-invalid":i,dir:v.direction},a&&t.createElement(Zo,{htmlFor:e.id,
+"aria-invalid":i,dir:g.direction},a&&t.createElement(Zo,{htmlFor:e.id,
 className:"input-label"
 },a,a&&o&&t.createElement(Jo,null,"*")),t.createElement(zF,{$isErrored:i,
 disabled:e.disabled}),t.createElement(YN,{canClearSelection:!0,
@@ -13631,48 +13631,48 @@ closeOnSelection:!1,disabled:h,locale:d||"en",todayButtonText:s,
 clearButtonText:u,maxDate:mF(new Date).add(10,"years").toDate(),
 minDate:mF(new Date).subtract(100,"years").toDate(),fill:!0,
 highlightCurrentDay:!0,inputProps:{placeholder:n||p,name:r,id:c,
-"aria-disabled":h},dayPickerProps:{disabled:h,dir:v.direction,components:{
+"aria-disabled":h},dayPickerProps:{disabled:h,dir:g.direction,components:{
 Dropdown:e=>t.createElement(xF,{...e,disabled:h})}},showActionsBar:!0,
 timePrecision:"minute",timePickerProps:{useAmPm:!0,showArrowButtons:!1},
 showTimezoneSelect:!1,disableTimezoneSelect:!0,popoverProps:{hasBackdrop:!0,
-minimal:!1,placement:"ltr"===v.direction?"bottom-start":"bottom-end",
-usePortal:!0,portalContainer:m||void 0},parseDate:e=>e?mF(e).toDate():new Date,
-formatDate:e=>e?mF(e).format(p):"",...f}),i&&l&&t.createElement(Dm,null,l))
-},_F=e=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,disabled:s,clearButtonText:u="Clear",language:d,displayFormat:h="YYYY-MM-DD",...p}=e,f=Hr(),m=document.querySelector('div[role="dialog"].DialogContent')
+minimal:!1,placement:"ltr"===g.direction?"bottom-start":"bottom-end",
+usePortal:!0,portalContainer:f??(v||void 0)},
+parseDate:e=>e?mF(e).toDate():new Date,formatDate:e=>e?mF(e).format(p):"",...m
+}),i&&l&&t.createElement(Dm,null,l))},_F=e=>{
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,disabled:s,clearButtonText:u="Clear",language:d,displayFormat:h="YYYY-MM-DD",portalContainer:p,...f}=e,m=Hr(),v=document.querySelector('div[role="dialog"].DialogContent')
 ;return t.createElement(CF,{id:`date-picker-container-${c??""}`.trim(),
-"aria-invalid":i,dir:f.direction},a&&t.createElement(Zo,{htmlFor:e.id,
+"aria-invalid":i,dir:m.direction},a&&t.createElement(Zo,{htmlFor:e.id,
 className:"input-label"
 },a,a&&o&&t.createElement(Jo,null,"*")),t.createElement(zF,{$isErrored:i,
 disabled:e.disabled}),t.createElement(dF,{closeOnSelection:!1,disabled:s,
 locale:d||"en",maxDate:mF(new Date).add(10,"years").toDate(),fill:!0,
 highlightCurrentDay:!0,shortcuts:!1,startInputProps:{placeholder:n||h,name:r,
 id:`start-${c}`,"aria-disabled":s},endInputProps:{placeholder:n||h,name:r,
-id:`end-${c}`,"aria-disabled":s},dayPickerProps:{disabled:s,dir:f.direction,
+id:`end-${c}`,"aria-disabled":s},dayPickerProps:{disabled:s,dir:m.direction,
 components:{Dropdown:e=>t.createElement(xF,{...e,disabled:s})}},
 footerElement:t.createElement(wF,null,t.createElement(bF,{onClick:()=>{
-p.onChange?.([null,null])}},u)),popoverProps:{hasBackdrop:!0,minimal:!1,
-placement:"ltr"===f.direction?"bottom-start":"bottom-end",usePortal:!0,
-portalContainer:m||void 0},parseDate:e=>e?mF(e).toDate():new Date,
-formatDate:e=>e?mF(e).format(h):"",...p}),i&&l&&t.createElement(Dm,null,l))
+f.onChange?.([null,null])}},u)),popoverProps:{hasBackdrop:!0,minimal:!1,
+placement:"ltr"===m.direction?"bottom-start":"bottom-end",usePortal:!0,
+portalContainer:p??(v||void 0)},parseDate:e=>e?mF(e).toDate():new Date,
+formatDate:e=>e?mF(e).format(h):"",...f}),i&&l&&t.createElement(Dm,null,l))
 },HF=e=>{
-const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,clearButtonText:s="Clear",language:u,disabled:d,displayFormat:h="YYYY-MM-DD hh:mm A",...p}=e,f=Hr(),m=document.querySelector('div[role="dialog"].DialogContent')
+const{placeholder:n,name:r,isRequired:o,label:a,isErrored:i,errorText:l,id:c,clearButtonText:s="Clear",language:u,disabled:d,displayFormat:h="YYYY-MM-DD hh:mm A",portalContainer:p,...f}=e,m=Hr(),v=document.querySelector('div[role="dialog"].DialogContent')
 ;return t.createElement(CF,{id:`date-picker-container-${c??""}`.trim(),
-"aria-invalid":i,dir:f.direction},a&&t.createElement(Zo,{htmlFor:e.id,
+"aria-invalid":i,dir:m.direction},a&&t.createElement(Zo,{htmlFor:e.id,
 className:"input-label"
 },a,a&&o&&t.createElement(Jo,null,"*")),t.createElement(zF,{$isErrored:i,
 disabled:e.disabled}),t.createElement(dF,{closeOnSelection:!1,disabled:d,
 locale:u||"en",maxDate:mF(new Date).add(10,"years").toDate(),fill:!0,
 highlightCurrentDay:!0,shortcuts:!1,startInputProps:{placeholder:n||h,name:r,
 id:`start-${c}`,"aria-disabled":d},endInputProps:{placeholder:n||h,name:r,
-id:`end-${c}`,"aria-disabled":d},dayPickerProps:{disabled:d,dir:f.direction,
+id:`end-${c}`,"aria-disabled":d},dayPickerProps:{disabled:d,dir:m.direction,
 components:{Dropdown:e=>t.createElement(xF,{...e,disabled:d})}},
 timePrecision:"minute",timePickerProps:{useAmPm:!0,showArrowButtons:!1},
 footerElement:t.createElement(wF,null,t.createElement(bF,{onClick:()=>{
-p.onChange?.([null,null])}},s)),popoverProps:{hasBackdrop:!0,minimal:!1,
-placement:"ltr"===f.direction?"bottom-start":"bottom-end",usePortal:!0,
-portalContainer:m||void 0},parseDate:e=>e?mF(e).toDate():new Date,
-formatDate:e=>e?mF(e).format(h):"",...p}),i&&l&&t.createElement(Dm,null,l))
+f.onChange?.([null,null])}},s)),popoverProps:{hasBackdrop:!0,minimal:!1,
+placement:"ltr"===m.direction?"bottom-start":"bottom-end",usePortal:!0,
+portalContainer:p??(v||void 0)},parseDate:e=>e?mF(e).toDate():new Date,
+formatDate:e=>e?mF(e).format(h):"",...f}),i&&l&&t.createElement(Dm,null,l))
 },DF=[{id:"AM",name:"AM"},{id:"PM",name:"PM"}],AF=e=>{
 const{isRequired:n,label:r,isErrored:o,errorText:a,id:i,disabled:l,precision:c="minute",useAmPm:s,value:u="",onChange:d}=e,h=Hr()
 ;return t.createElement(vF,{id:`datetime-picker-container-${i??""}`.trim()

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.67",
+  "version": "2.0.68",
   "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.67",
+  "version": "2.0.68",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.js",