freemium-ui 2.0.0-beta.64 → 2.0.0-beta.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.cjs.js +7 -7
- package/index.d.ts +3 -1
- package/index.js +7 -7
- package/package.json +1 -1
package/index.cjs.js
CHANGED
|
@@ -12785,16 +12785,16 @@ ref:n}))})),mI=on(oI)`
|
|
|
12785
12785
|
}
|
|
12786
12786
|
`,vI=on(fI)`
|
|
12787
12787
|
fill: white;
|
|
12788
|
-
`,gI=on(uI)``,yI=on(dI)``,bI=on(hI)``,wI=on(pI)``,CI=({children:t,trigger:n,arrow:r,hoverOutToClose:a,align:o,hoverToOpen:i,avoidCollisions:l=!0,replaceTrigger:c=!1,side:s,disabled:u,onClose:d,
|
|
12789
|
-
const[
|
|
12790
|
-
;return e.createElement(gI,{open:
|
|
12788
|
+
`,gI=on(uI)``,yI=on(dI)``,bI=on(hI)``,wI=on(pI)``,CI=({children:t,trigger:n,arrow:r,hoverOutToClose:a,align:o,hoverToOpen:i,avoidCollisions:l=!0,replaceTrigger:c=!1,side:s,disabled:u,onClose:d,popoverContentProps:h,popoverRootProps:p,anchorOrigin:f,autoCloseDuration:m,clickOutToClose:v,transformOrigin:g})=>{
|
|
12789
|
+
const[y,b]=e.useState(!1),w=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"
|
|
12790
|
+
;return e.createElement(gI,{open:y,onOpenChange:e=>{b(e)},...p
|
|
12791
12791
|
},c?e.createElement(e.Fragment,null,n):e.createElement(yI,{asChild:!0,
|
|
12792
12792
|
className:"PopoverTrigger",disabled:u},e.createElement(Zr,{
|
|
12793
|
-
className:"TriggerButtonWrapper",onMouseEnter:()=>{i&&
|
|
12793
|
+
className:"TriggerButtonWrapper",onMouseEnter:()=>{i&&b(!0)}
|
|
12794
12794
|
},n)),e.createElement(bI,null,e.createElement(mI,{forceMount:!0,
|
|
12795
|
-
className:"PopoverContent",onMouseLeave:()=>{a&&(
|
|
12796
|
-
onInteractOutside:()=>d?.(),side:
|
|
12797
|
-
},t,r&&e.createElement(vI,null))))},zI=on.div``,MI=on(ls)`
|
|
12795
|
+
className:"PopoverContent",onMouseLeave:()=>{a&&(b(!1),d?.())},
|
|
12796
|
+
onInteractOutside:()=>{b(!1),d?.()},side:w,align:o,sideOffset:8,
|
|
12797
|
+
avoidCollisions:l,...h},t,r&&e.createElement(vI,null))))},zI=on.div``,MI=on(ls)`
|
|
12798
12798
|
display: flex;
|
|
12799
12799
|
flex-direction: column;
|
|
12800
12800
|
gap: 4px;
|
package/index.d.ts
CHANGED
|
@@ -973,6 +973,8 @@ interface PopoverProps {
|
|
|
973
973
|
*/
|
|
974
974
|
disabled?: boolean;
|
|
975
975
|
replaceTrigger?: boolean;
|
|
976
|
+
popoverContentProps?: Popover$1.PopoverContentProps;
|
|
977
|
+
popoverRootProps?: Popover$1.PopoverProps;
|
|
976
978
|
/**
|
|
977
979
|
* The children or label
|
|
978
980
|
*/
|
|
@@ -1030,7 +1032,7 @@ interface PopoverProps {
|
|
|
1030
1032
|
/**
|
|
1031
1033
|
* 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.
|
|
1032
1034
|
*/
|
|
1033
|
-
declare const Popover: ({ children, trigger, arrow, hoverOutToClose, align, hoverToOpen, avoidCollisions, replaceTrigger, side: s, disabled, onClose, anchorOrigin, autoCloseDuration, clickOutToClose, transformOrigin, }: PopoverProps) => react__default.JSX.Element;
|
|
1035
|
+
declare const Popover: ({ children, trigger, arrow, hoverOutToClose, align, hoverToOpen, avoidCollisions, replaceTrigger, side: s, disabled, onClose, popoverContentProps, popoverRootProps, anchorOrigin, autoCloseDuration, clickOutToClose, transformOrigin, }: PopoverProps) => react__default.JSX.Element;
|
|
1034
1036
|
|
|
1035
1037
|
declare const PopoverTrigger: styled_components.IStyledComponent<"web", styled_components_dist_types.FastOmit<Omit<Popover$1.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref"> & {
|
|
1036
1038
|
ref?: ((instance: HTMLButtonElement | null) => void) | react.RefObject<HTMLButtonElement> | null | undefined;
|
package/index.js
CHANGED
|
@@ -12896,16 +12896,16 @@ ref:t}))})),KR=En(OR)`
|
|
|
12896
12896
|
}
|
|
12897
12897
|
`,qR=En(GR)`
|
|
12898
12898
|
fill: white;
|
|
12899
|
-
`,ZR=En($R)``,XR=En(UR)``,QR=En(YR)``,JR=En(WR)``,eO=({children:e,trigger:n,arrow:r,hoverOutToClose:a,align:o,hoverToOpen:i,avoidCollisions:l=!0,replaceTrigger:c=!1,side:s,disabled:u,onClose:d,
|
|
12900
|
-
const[
|
|
12901
|
-
;return t.createElement(ZR,{open:
|
|
12899
|
+
`,ZR=En($R)``,XR=En(UR)``,QR=En(YR)``,JR=En(WR)``,eO=({children:e,trigger:n,arrow:r,hoverOutToClose:a,align:o,hoverToOpen:i,avoidCollisions:l=!0,replaceTrigger:c=!1,side:s,disabled:u,onClose:d,popoverContentProps:h,popoverRootProps:p,anchorOrigin:f,autoCloseDuration:m,clickOutToClose:v,transformOrigin:g})=>{
|
|
12900
|
+
const[y,b]=t.useState(!1),w=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"
|
|
12901
|
+
;return t.createElement(ZR,{open:y,onOpenChange:e=>{b(e)},...p
|
|
12902
12902
|
},c?t.createElement(t.Fragment,null,n):t.createElement(XR,{asChild:!0,
|
|
12903
12903
|
className:"PopoverTrigger",disabled:u},t.createElement(ga,{
|
|
12904
|
-
className:"TriggerButtonWrapper",onMouseEnter:()=>{i&&
|
|
12904
|
+
className:"TriggerButtonWrapper",onMouseEnter:()=>{i&&b(!0)}
|
|
12905
12905
|
},n)),t.createElement(QR,null,t.createElement(KR,{forceMount:!0,
|
|
12906
|
-
className:"PopoverContent",onMouseLeave:()=>{a&&(
|
|
12907
|
-
onInteractOutside:()=>d?.(),side:
|
|
12908
|
-
},e,r&&t.createElement(qR,null))))},tO=En.div``,nO=En(Vs)`
|
|
12906
|
+
className:"PopoverContent",onMouseLeave:()=>{a&&(b(!1),d?.())},
|
|
12907
|
+
onInteractOutside:()=>{b(!1),d?.()},side:w,align:o,sideOffset:8,
|
|
12908
|
+
avoidCollisions:l,...h},e,r&&t.createElement(qR,null))))},tO=En.div``,nO=En(Vs)`
|
|
12909
12909
|
display: flex;
|
|
12910
12910
|
flex-direction: column;
|
|
12911
12911
|
gap: 4px;
|