x-ui-design 0.9.67 → 0.9.68

package/dist/esm/types/components/Popover/Popover.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
 import { PopoverProps } from "../../types/popover";
 import './style.css';
-declare const Popover: ({ prefixCls, content, children, trigger, placement, open, visible, title, style, overlayClassName, overlayStyle, listenPopoverPositions, onVisibleChange, getPopupContainer }: PopoverProps) => React.JSX.Element;
+declare const Popover: ({ prefixCls, content, children, trigger, placement, open, visible, title, style, overlayClassName, overlayStyle, onVisibleChange, getPopupContainer }: PopoverProps) => React.JSX.Element;
 export default Popover;

package/dist/esm/types/hooks/usePopupPosition.d.ts

@@ -8,9 +8,8 @@ type TPopupPosition = {
     placement?: Placement;
     popupContainer?: HTMLElement | null;
     useTargetWidth?: boolean;
-    listenPopoverPositions?: CSSProperties;
 };
-export declare const usePopupPosition: ({ open, setOpen, popupRef, targetRef, placement, popupContainer, useTargetWidth, listenPopoverPositions }: TPopupPosition) => {
+export declare const usePopupPosition: ({ open, setOpen, popupRef, targetRef, placement, popupContainer, useTargetWidth, }: TPopupPosition) => {
     _placement: Placement;
     popupStyle: CSSProperties;
 };

package/dist/esm/types/types/popover.d.ts

@@ -8,7 +8,6 @@ export type PopoverProps = DefaultProps & {
     open?: boolean;
     overlayStyle?: CSSProperties;
     overlayClassName?: string;
-    listenPopoverPositions?: CSSProperties;
     title?: string | ReactNode;
     visible?: boolean;
     placementPositionOffset?: number;

package/dist/index.esm.js

@@ -2627,8 +2627,7 @@ const usePopupPosition = ({
   targetRef,
   placement,
   popupContainer,
-  useTargetWidth,
-  listenPopoverPositions
+  useTargetWidth
 }) => {
   const [_placement, _setPlacement] = useState(placement ?? "bottomLeft");
   const [popupPosition, setPopupPosition] = useState({});
@@ -2664,7 +2663,7 @@ const usePopupPosition = ({
       }
       const popupRect = popupRef.current?.getBoundingClientRect();
       if (popupRect) {
-        if (popupRect?.width < OFFSET) {
+        if (popupRect?.width < OFFSET || !targetRef.current) {
           setOpen(false);
           setPopupPosition({});
           const timeout = setTimeout(() => {
@@ -2801,13 +2800,12 @@ const usePopupPosition = ({
       controller.abort();
       setPopupPosition({});
     };
-  }, [open, targetRef, listenPopoverPositions, calculatePosition]);
+  }, [open, targetRef, calculatePosition]);
   return {
     _placement,
     popupStyle: {
       zIndex: 10000,
       position: "absolute",
-      // transition: '1s ease',
       opacity: Object.keys(popupPosition).length ? 1 : 0,
       ...popupPosition
     }
@@ -5671,7 +5669,6 @@ const Popover = ({
   style = {},
   overlayClassName = '',
   overlayStyle = {},
-  listenPopoverPositions,
   onVisibleChange,
   getPopupContainer
 }) => {
@@ -5688,7 +5685,6 @@ const Popover = ({
     placement,
     open: isOpen,
     setOpen: setInnerOpen,
-    listenPopoverPositions,
     popupContainer: getPopupContainer?.(targetRef.current)
   });
   useEffect(() => {