freemium-ui 2.0.0-beta.24 → 2.0.0-beta.26

package/index.cjs.js

@@ -1686,7 +1686,7 @@ const{isOpen:n,trigger:r,closeMenuCallback:a,idAccessor:o="id",nameAccessor:i="n
 side:h,sideOffset:f,align:p,alignOffset:m,arrowPadding:v,avoidCollisions:g,
 className:"DropdownMenuContent"},u.map((t=>c?c(t,{disabled:t?.disabled,
 className:"DropdownMenuItem",key:t?.[o],onSelect:()=>l?.(t),
-isSelected:d?.[o]===t?.[o]}):e.createElement(Pl,{disabled:t?.disabled,
+isSelected:d?.[o]===t?.[o]}):e.createElement(Pl,{id:t?.[o],disabled:t?.disabled,
 className:"DropdownMenuItem",key:t?.[o],onSelect:()=>l?.(t),
 isSelected:d?.[o]===t?.[o]},t?.[i]))),s&&e.createElement(Tl,{
 className:"DropdownMenuArrow"}))))};function Ol(t){const n=e.useRef({value:t,
@@ -12558,15 +12558,15 @@ ref:n}))})),hP=on(nP)`
   }
 `,pP=on(dP)`
   fill: white;
-`,fP=on(lP)``,mP=on(cP)``,vP=on(sP)``,gP=on(uP)``,yP=({children:t,trigger:n,arrow:r,hoverOutToClose:a,align:o,hoverToOpen:i,avoidCollisions:l=!0,side:c,disabled:s,anchorOrigin:u,autoCloseDuration:d,clickOutToClose:h,transformOrigin:p})=>{
-const[f,m]=e.useState(!1),v=c??("bottom"===u?.vertical&&u.horizontal?"bottom":void 0)??("top"===u?.vertical&&u.horizontal?"top":void 0)??("center"===u?.vertical&&"left"===u.horizontal?"left":void 0)??("center"===u?.vertical&&"right"===u.horizontal?"right":void 0)??"bottom"
-;return e.createElement(fP,{open:f,onOpenChange:e=>{m(e)}},e.createElement(mP,{
+`,fP=on(lP)``,mP=on(cP)``,vP=on(sP)``,gP=on(uP)``,yP=({children:t,trigger:n,arrow:r,hoverOutToClose:a,align:o,hoverToOpen:i,avoidCollisions:l=!0,side:c,disabled:s,onClose:u,anchorOrigin:d,autoCloseDuration:h,clickOutToClose:p,transformOrigin:f})=>{
+const[m,v]=e.useState(!1),g=c??("bottom"===d?.vertical&&d.horizontal?"bottom":void 0)??("top"===d?.vertical&&d.horizontal?"top":void 0)??("center"===d?.vertical&&"left"===d.horizontal?"left":void 0)??("center"===d?.vertical&&"right"===d.horizontal?"right":void 0)??"bottom"
+;return e.createElement(fP,{open:m,onOpenChange:e=>{v(e)}},e.createElement(mP,{
 asChild:!0,className:"PopoverTrigger",disabled:s},e.createElement(Ln,{
-className:"TriggerButtonWrapper",onMouseEnter:()=>{i&&m(!0)}
+className:"TriggerButtonWrapper",onMouseEnter:()=>{i&&v(!0)}
 },n)),e.createElement(vP,null,e.createElement(hP,{forceMount:!0,
-className:"PopoverContent",onMouseLeave:()=>{a&&m(!1)},side:v,align:o,
-sideOffset:8,avoidCollisions:l},t,r&&e.createElement(pP,null))))
-},bP=on.div``,wP=on(rc)`
+className:"PopoverContent",onMouseLeave:()=>{a&&(v(!1),u&&u())},
+onInteractOutside:()=>u&&u(),side:g,align:o,sideOffset:8,avoidCollisions:l
+},t,r&&e.createElement(pP,null))))},bP=on.div``,wP=on(rc)`
   display: flex;
   flex-direction: column;
   gap: 4px;

package/index.d.ts

@@ -951,7 +951,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, side: s, disabled, anchorOrigin, autoCloseDuration, clickOutToClose, transformOrigin, }: PopoverProps) => react__default.JSX.Element;
+declare const Popover: ({ children, trigger, arrow, hoverOutToClose, align, hoverToOpen, avoidCollisions, side: s, disabled, onClose, anchorOrigin, autoCloseDuration, clickOutToClose, transformOrigin, }: PopoverProps) => react__default.JSX.Element;
 
 declare const PopoverClose: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<Omit<Popover$1.PopoverCloseProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;

package/index.js

@@ -1668,7 +1668,7 @@ const{isOpen:n,trigger:r,closeMenuCallback:a,idAccessor:o="id",nameAccessor:i="n
 side:h,sideOffset:f,align:p,alignOffset:m,arrowPadding:v,avoidCollisions:g,
 className:"DropdownMenuContent"},u.map((e=>c?c(e,{disabled:e?.disabled,
 className:"DropdownMenuItem",key:e?.[o],onSelect:()=>l?.(e),
-isSelected:d?.[o]===e?.[o]}):t.createElement(rc,{disabled:e?.disabled,
+isSelected:d?.[o]===e?.[o]}):t.createElement(rc,{id:e?.[o],disabled:e?.disabled,
 className:"DropdownMenuItem",key:e?.[o],onSelect:()=>l?.(e),
 isSelected:d?.[o]===e?.[o]},e?.[i]))),s&&t.createElement(tc,{
 className:"DropdownMenuArrow"}))))
@@ -12675,15 +12675,15 @@ ref:t}))})),YI=En(PI)`
   }
 `,WI=En($I)`
   fill: white;
-`,GI=En(FI)``,KI=En(BI)``,qI=En(jI)``,ZI=En(UI)``,XI=({children:e,trigger:n,arrow:r,hoverOutToClose:a,align:o,hoverToOpen:i,avoidCollisions:l=!0,side:c,disabled:s,anchorOrigin:u,autoCloseDuration:d,clickOutToClose:h,transformOrigin:p})=>{
-const[f,m]=t.useState(!1),v=c??("bottom"===u?.vertical&&u.horizontal?"bottom":void 0)??("top"===u?.vertical&&u.horizontal?"top":void 0)??("center"===u?.vertical&&"left"===u.horizontal?"left":void 0)??("center"===u?.vertical&&"right"===u.horizontal?"right":void 0)??"bottom"
-;return t.createElement(GI,{open:f,onOpenChange:e=>{m(e)}},t.createElement(KI,{
+`,GI=En(FI)``,KI=En(BI)``,qI=En(jI)``,ZI=En(UI)``,XI=({children:e,trigger:n,arrow:r,hoverOutToClose:a,align:o,hoverToOpen:i,avoidCollisions:l=!0,side:c,disabled:s,onClose:u,anchorOrigin:d,autoCloseDuration:h,clickOutToClose:p,transformOrigin:f})=>{
+const[m,v]=t.useState(!1),g=c??("bottom"===d?.vertical&&d.horizontal?"bottom":void 0)??("top"===d?.vertical&&d.horizontal?"top":void 0)??("center"===d?.vertical&&"left"===d.horizontal?"left":void 0)??("center"===d?.vertical&&"right"===d.horizontal?"right":void 0)??"bottom"
+;return t.createElement(GI,{open:m,onOpenChange:e=>{v(e)}},t.createElement(KI,{
 asChild:!0,className:"PopoverTrigger",disabled:s},t.createElement(Zn,{
-className:"TriggerButtonWrapper",onMouseEnter:()=>{i&&m(!0)}
+className:"TriggerButtonWrapper",onMouseEnter:()=>{i&&v(!0)}
 },n)),t.createElement(qI,null,t.createElement(YI,{forceMount:!0,
-className:"PopoverContent",onMouseLeave:()=>{a&&m(!1)},side:v,align:o,
-sideOffset:8,avoidCollisions:l},e,r&&t.createElement(WI,null))))
-},QI=En.div``,JI=En(Sc)`
+className:"PopoverContent",onMouseLeave:()=>{a&&(v(!1),u&&u())},
+onInteractOutside:()=>u&&u(),side:g,align:o,sideOffset:8,avoidCollisions:l
+},e,r&&t.createElement(WI,null))))},QI=En.div``,JI=En(Sc)`
   display: flex;
   flex-direction: column;
   gap: 4px;

package/package.json

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