freemium-ui 2.0.113 → 2.0.115

package/lib/index.cjs.js

@@ -13234,15 +13234,15 @@ const{__scopePopover:r,...o}=t,i=sF(r);return e.createElement(Wh,a({},i,o,{ref:n
     `}
 `,HF=zr(SF)`
   fill: ${({theme:e})=>e.colors.fill.surface};
-`,DF=zr(MF)``,AF=zr(zF)``,LF=zr(xF)``,VF=zr(EF)``,kF=({children:t,trigger:n,arrow:r,hoverOutToClose:o,align:a,hoverToOpen:i,avoidCollisions:l=!0,replaceTrigger:c=!1,side:s,disabled:u,onClose:d,popoverContentProps:h,popoverRootProps:f,anchorOrigin:p})=>{
-const[m,v]=e.useState(!1),g=s??("bottom"===p?.vertical&&p.horizontal?"bottom":void 0)??("top"===p?.vertical&&p.horizontal?"top":void 0)??("center"===p?.vertical&&"left"===p.horizontal?"left":void 0)??("center"===p?.vertical&&"right"===p.horizontal?"right":void 0)??"bottom",y=fr()
-;return e.createElement(DF,{open:m,onOpenChange:e=>{v(e)},...f
-},c?e.createElement(e.Fragment,null,n):e.createElement(AF,{dir:y.direction,
+`,DF=zr(MF)``,AF=zr(zF)``,LF=zr(xF)``,VF=zr(EF)``,kF=({children:t,trigger:n,arrow:r,hoverOutToClose:o,align:a,hoverToOpen:i,avoidCollisions:l=!0,replaceTrigger:c=!1,side:s,disabled:u,onClose:d,popoverContentProps:h,popoverRootProps:f,popoverPortalProps:p,anchorOrigin:m})=>{
+const[v,g]=e.useState(!1),y=s??("bottom"===m?.vertical&&m.horizontal?"bottom":void 0)??("top"===m?.vertical&&m.horizontal?"top":void 0)??("center"===m?.vertical&&"left"===m.horizontal?"left":void 0)??("center"===m?.vertical&&"right"===m.horizontal?"right":void 0)??"bottom",b=fr()
+;return e.createElement(DF,{open:v,onOpenChange:e=>{g(e)},...f
+},c?e.createElement(e.Fragment,null,n):e.createElement(AF,{dir:b.direction,
 asChild:!0,className:"PopoverTrigger",disabled:u},e.createElement(Uo,{
-className:"TriggerButtonWrapper",onMouseEnter:()=>{i&&v(!0)}
-},n)),e.createElement(LF,null,e.createElement(_F,{forceMount:!0,
-className:"PopoverContent","data-popover-content":!0,dir:y.direction,
-onMouseLeave:()=>{o&&(v(!1),d?.())},onInteractOutside:()=>{v(!1),d?.()},side:g,
+className:"TriggerButtonWrapper",onMouseEnter:()=>{i&&g(!0)}
+},n)),e.createElement(LF,{...p},e.createElement(_F,{forceMount:!0,
+className:"PopoverContent","data-popover-content":!0,dir:b.direction,
+onMouseLeave:()=>{o&&(g(!1),d?.())},onInteractOutside:()=>{g(!1),d?.()},side:y,
 align:a,sideOffset:8,avoidCollisions:l,...h},t,r&&e.createElement(HF,null))))
 },TF=zr.div`
   direction: ${({theme:e})=>e.direction};
@@ -17058,16 +17058,16 @@ isDisableSortDropdown:!!q,options:R||[],value:T,onSelect:e=>{P?.(e??[])}
 },!m&&e.createElement(e.Fragment,null,e.createElement(Zo,{variant:"primary",
 className:"pagination-text"},i&&!w?e.createElement(Am,{size:"small"
 }):e.createElement(e.Fragment,null,n.length>0?`${ze*xe+1} - ${Ee} ${te?.of||"of"} ${ie?""+(Me.length>0?`${te?.many||"Many"}`:"-"):M??Me.length??"-"}`:null)),!E&&e.createElement(e.Fragment,null,e.createElement(Tm,{
-variant:"secondary",className:"table-pagination-button",onClick:()=>{
-V?.(),ie||ge()},disabled:ie?!S:!me()||i||l},e.createElement(DU,{
-fill:ne.colors.text.primary})),e.createElement(Tm,{variant:"secondary",
-className:"table-pagination-button",onClick:()=>{I?.(),ie||be()},
-disabled:ie?!_:!pe()||i||l},e.createElement(AU,{fill:ne.colors.text.primary
-})))),!v&&e.createElement(Tm,{variant:"secondary",
-className:"table-pagination-button filter-toggle",onClick:()=>oe(!re)
-},e.createElement(HU,{style:{transform:re?"rotateY(180deg)":"rotateY(0deg)"},
-fill:"currentcolor"}))))),e.createElement(LU,null,e.createElement(VU,{
-className:"table-wrapper"
+variant:"secondary",className:"table-pagination-button",onClick:e=>{
+e?.preventDefault(),V?.(),ie||ge()},disabled:ie?!S:!me()||i||l
+},e.createElement(DU,{fill:ne.colors.text.primary})),e.createElement(Tm,{
+variant:"secondary",className:"table-pagination-button",onClick:e=>{
+e?.preventDefault(),I?.(),ie||be()},disabled:ie?!_:!pe()||i||l
+},e.createElement(AU,{fill:ne.colors.text.primary})))),!v&&e.createElement(Tm,{
+variant:"secondary",className:"table-pagination-button filter-toggle",
+onClick:e=>{e?.preventDefault(),oe(!re)}},e.createElement(HU,{style:{
+transform:re?"rotateY(180deg)":"rotateY(0deg)"},fill:"currentcolor"
+}))))),e.createElement(LU,null,e.createElement(VU,{className:"table-wrapper"
 },a&&e.createElement(RU,null,a),i&&!b?e.createElement(e.Fragment,null,s):e.createElement(e.Fragment,null,0===Me.length&&p?e.createElement(e.Fragment,null,c):e.createElement(FU,null,e.createElement($U,null,!H&&e.createElement(kF,{
 align:"end",avoidCollisions:!0,side:"top",trigger:e.createElement(aY,{
 fill:"currentcolor"})},e.createElement(cY,{table:ue

package/lib/index.d.ts

@@ -1094,6 +1094,7 @@ interface PopoverProps {
     replaceTrigger?: boolean;
     popoverContentProps?: Popover$1.PopoverContentProps;
     popoverRootProps?: Popover$1.PopoverProps;
+    popoverPortalProps?: Popover$1.PopoverPortalProps;
     /**
      * The children or label
      */
@@ -1151,7 +1152,7 @@ interface PopoverProps {
 /**
  * Popover need two slots popover-trigger and popover-content. By default on clicking the trigger the content will be displayed. The props can be used to change the position of the content, width of the component and the distance between the trigger and the content.
  */
-declare const Popover: ({ children, trigger, arrow, hoverOutToClose, align, hoverToOpen, avoidCollisions, replaceTrigger, side: s, disabled, onClose, popoverContentProps, popoverRootProps, anchorOrigin, }: PopoverProps) => react__default.JSX.Element;
+declare const Popover: ({ children, trigger, arrow, hoverOutToClose, align, hoverToOpen, avoidCollisions, replaceTrigger, side: s, disabled, onClose, popoverContentProps, popoverRootProps, popoverPortalProps, anchorOrigin, }: PopoverProps) => react__default.JSX.Element;
 
 declare const PopoverTrigger: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<Omit<Popover$1.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;

package/lib/index.js

@@ -13368,15 +13368,15 @@ ref:t}))})),i$=Ur(ZF)`
     `}
 `,l$=Ur(a$)`
   fill: ${({theme:e})=>e.colors.fill.surface};
-`,c$=Ur(t$)``,s$=Ur(n$)``,u$=Ur(r$)``,d$=Ur(o$)``,h$=({children:e,trigger:n,arrow:r,hoverOutToClose:o,align:a,hoverToOpen:i,avoidCollisions:l=!0,replaceTrigger:c=!1,side:s,disabled:u,onClose:d,popoverContentProps:h,popoverRootProps:p,anchorOrigin:f})=>{
-const[m,v]=t.useState(!1),g=s??("bottom"===f?.vertical&&f.horizontal?"bottom":void 0)??("top"===f?.vertical&&f.horizontal?"top":void 0)??("center"===f?.vertical&&"left"===f.horizontal?"left":void 0)??("center"===f?.vertical&&"right"===f.horizontal?"right":void 0)??"bottom",y=Tr()
-;return t.createElement(c$,{open:m,onOpenChange:e=>{v(e)},...p
-},c?t.createElement(t.Fragment,null,n):t.createElement(s$,{dir:y.direction,
+`,c$=Ur(t$)``,s$=Ur(n$)``,u$=Ur(r$)``,d$=Ur(o$)``,h$=({children:e,trigger:n,arrow:r,hoverOutToClose:o,align:a,hoverToOpen:i,avoidCollisions:l=!0,replaceTrigger:c=!1,side:s,disabled:u,onClose:d,popoverContentProps:h,popoverRootProps:p,popoverPortalProps:f,anchorOrigin:m})=>{
+const[v,g]=t.useState(!1),y=s??("bottom"===m?.vertical&&m.horizontal?"bottom":void 0)??("top"===m?.vertical&&m.horizontal?"top":void 0)??("center"===m?.vertical&&"left"===m.horizontal?"left":void 0)??("center"===m?.vertical&&"right"===m.horizontal?"right":void 0)??"bottom",b=Tr()
+;return t.createElement(c$,{open:v,onOpenChange:e=>{g(e)},...p
+},c?t.createElement(t.Fragment,null,n):t.createElement(s$,{dir:b.direction,
 asChild:!0,className:"PopoverTrigger",disabled:u},t.createElement(ha,{
-className:"TriggerButtonWrapper",onMouseEnter:()=>{i&&v(!0)}
-},n)),t.createElement(u$,null,t.createElement(i$,{forceMount:!0,
-className:"PopoverContent","data-popover-content":!0,dir:y.direction,
-onMouseLeave:()=>{o&&(v(!1),d?.())},onInteractOutside:()=>{v(!1),d?.()},side:g,
+className:"TriggerButtonWrapper",onMouseEnter:()=>{i&&g(!0)}
+},n)),t.createElement(u$,{...f},t.createElement(i$,{forceMount:!0,
+className:"PopoverContent","data-popover-content":!0,dir:b.direction,
+onMouseLeave:()=>{o&&(g(!1),d?.())},onInteractOutside:()=>{g(!1),d?.()},side:y,
 align:a,sideOffset:8,avoidCollisions:l,...h},e,r&&t.createElement(l$,null))))
 },p$=Ur.div`
   direction: ${({theme:e})=>e.direction};
@@ -16271,16 +16271,16 @@ isDisableSortDropdown:!!q,options:P||[],value:T,onSelect:e=>{I?.(e??[])}
 },!m&&t.createElement(t.Fragment,null,t.createElement(ya,{variant:"primary",
 className:"pagination-text"},i&&!w?t.createElement(Qm,{size:"small"
 }):t.createElement(t.Fragment,null,n.length>0?`${Me*xe+1} - ${Ee} ${te?.of||"of"} ${ie?""+(ze.length>0?`${te?.many||"Many"}`:"-"):z??ze.length??"-"}`:null)),!E&&t.createElement(t.Fragment,null,t.createElement(ov,{
-variant:"secondary",className:"table-pagination-button",onClick:()=>{
-V?.(),ie||ge()},disabled:ie?!S:!me()||i||l},t.createElement(sY,{
-fill:ne.colors.text.primary})),t.createElement(ov,{variant:"secondary",
-className:"table-pagination-button",onClick:()=>{R?.(),ie||be()},
-disabled:ie?!_:!fe()||i||l},t.createElement(uY,{fill:ne.colors.text.primary
-})))),!v&&t.createElement(ov,{variant:"secondary",
-className:"table-pagination-button filter-toggle",onClick:()=>oe(!re)
-},t.createElement(cY,{style:{transform:re?"rotateY(180deg)":"rotateY(0deg)"},
-fill:"currentcolor"}))))),t.createElement(dY,null,t.createElement(hY,{
-className:"table-wrapper"
+variant:"secondary",className:"table-pagination-button",onClick:e=>{
+e?.preventDefault(),V?.(),ie||ge()},disabled:ie?!S:!me()||i||l
+},t.createElement(sY,{fill:ne.colors.text.primary})),t.createElement(ov,{
+variant:"secondary",className:"table-pagination-button",onClick:e=>{
+e?.preventDefault(),R?.(),ie||be()},disabled:ie?!_:!fe()||i||l
+},t.createElement(uY,{fill:ne.colors.text.primary})))),!v&&t.createElement(ov,{
+variant:"secondary",className:"table-pagination-button filter-toggle",
+onClick:e=>{e?.preventDefault(),oe(!re)}},t.createElement(cY,{style:{
+transform:re?"rotateY(180deg)":"rotateY(0deg)"},fill:"currentcolor"
+}))))),t.createElement(dY,null,t.createElement(hY,{className:"table-wrapper"
 },a&&t.createElement(mY,null,a),i&&!b?t.createElement(t.Fragment,null,s):t.createElement(t.Fragment,null,0===ze.length&&f?t.createElement(t.Fragment,null,c):t.createElement(wY,null,t.createElement(CY,null,!H&&t.createElement(h$,{
 align:"end",avoidCollisions:!0,side:"top",trigger:t.createElement(NY,{
 fill:"currentcolor"})},t.createElement(BY,{table:ue

package/lib/package.json

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