x-ui-design 0.8.47 → 0.8.48

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

@@ -4,7 +4,7 @@ type TPosition = {
     isOpen: boolean;
     popupRef: RefObject<HTMLDivElement | null>;
     triggerRef: RefObject<HTMLDivElement | null>;
-    getPopupContainer?: HTMLElement;
+    getPopupContainer?: HTMLElement | ParentNode;
     placement?: Placement;
     offset?: number;
     listenPopoverPossitions?: CSSProperties;

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

@@ -34,7 +34,7 @@ export type TDatePickerProps = DefaultProps & {
     onChange?: (date: RuleType | RuleType[], dateString: string | string[]) => void;
     onCalendarChange?: (date: RuleType | RuleType[], dateString: string | string[], info: BaseInfo) => void;
     onVisibleChange?: ((open: boolean) => void) | undefined;
-    getPopupContainer?: (node: HTMLElement) => HTMLElement;
+    getPopupContainer?: ((node: HTMLElement) => HTMLElement | ParentNode) | undefined;
     showToday?: boolean;
     inputReadOnly?: boolean;
     picker?: PanelMode;
@@ -115,7 +115,7 @@ export type TimePickerProps = DefaultProps & {
     onSelect?: ((value: Date | null) => void) | undefined;
     showNow?: boolean;
     clearIcon?: ReactNode;
-    getPopupContainer?: (node: HTMLElement) => HTMLElement;
+    getPopupContainer?: ((node: HTMLElement) => HTMLElement | ParentNode) | undefined;
     suffixIcon?: ReactNode;
     placeholder?: string;
     placement?: Placement;

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

@@ -21,7 +21,7 @@ export type DropdownProps = DefaultProps & {
     placement?: Placement;
     overlayClassName?: string;
     overlayStyle?: CSSProperties;
-    getPopupContainer?: (node: HTMLElement) => HTMLElement;
+    getPopupContainer?: ((node: HTMLElement) => HTMLElement | ParentNode) | undefined;
     destroyOnHidden?: boolean;
     disabled?: boolean;
     arrow?: boolean;

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

@@ -12,5 +12,5 @@ export type PopoverProps = DefaultProps & {
     visible?: boolean;
     listenPopoverPossitions?: CSSProperties;
     onVisibleChange?: ((open: boolean) => void) | undefined;
-    getPopupContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
+    getPopupContainer?: ((node: HTMLElement) => HTMLElement | ParentNode) | undefined;
 };

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

@@ -43,7 +43,7 @@ export type SelectProps = DefaultProps & {
     searchIcon?: ReactNode;
     open?: boolean;
     notFoundContent?: ReactNode;
-    getPopupContainer?: (triggerNode: HTMLElement) => HTMLElement;
+    getPopupContainer?: ((node: HTMLElement) => HTMLElement | ParentNode) | undefined;
     dropdownRender?: (menu: ReactNode) => ReactNode;
     feedbackIcons?: boolean;
     placement?: Placement;

package/dist/index.esm.js

@@ -2744,7 +2744,6 @@ const DatePicker = ({
   const initialDate = value || defaultValue;
   const initialPickerDate = defaultPickerValue || initialDate;
   const popupRef = useRef(null);
-  const popuptriggerRef = useRef(null);
   const DateNow = new Date();
   const [selectedDate, setSelectedDate] = useState(initialDate);
   const [selectedDatePlaceholder, setSelectedDatePlaceholder] = useState(initialDate ? formatDate(initialDate, format) : undefined);
@@ -2788,11 +2787,6 @@ const DatePicker = ({
       controller.abort();
     };
   }, [isOpen]);
-  useEffect(() => {
-    if (getPopupContainer && triggerRef.current) {
-      popuptriggerRef.current = getPopupContainer(triggerRef.current);
-    }
-  }, [getPopupContainer]);
   const daysInMonth = (year, month) => new Date(year, month + 1, 0).getDate();
   const firstDayOfMonth = (year, month) => new Date(year, month, 1).getDay();
   function formatDate(date, format) {
@@ -3700,7 +3694,7 @@ const TimePicker = ({
     }
   }, suffixIcon))), open && /*#__PURE__*/React.createElement(ConditionalWrapper, {
     condition: getPopupContainer !== undefined,
-    wrapper: element => getPopupContainer ? /*#__PURE__*/createPortal(element, getPopupContainer(popupRef.current)) : /*#__PURE__*/React.createElement(React.Fragment, null, element)
+    wrapper: element => getPopupContainer ? /*#__PURE__*/createPortal(element, getPopupContainer(inputRef.current)) : /*#__PURE__*/React.createElement(React.Fragment, null, element)
   }, /*#__PURE__*/React.createElement("div", {
     ref: popupRef,
     style: dropdownPosition,
@@ -5453,7 +5447,7 @@ const Dropdown = ({
   };
   const popup = /*#__PURE__*/React.createElement(ConditionalWrapper, {
     condition: getPopupContainer !== undefined,
-    wrapper: element => getPopupContainer ? /*#__PURE__*/createPortal(element, getPopupContainer(popupRef.current)) : /*#__PURE__*/React.createElement(React.Fragment, null, element)
+    wrapper: element => getPopupContainer ? /*#__PURE__*/createPortal(element, getPopupContainer(triggerRef.current)) : /*#__PURE__*/React.createElement(React.Fragment, null, element)
   }, /*#__PURE__*/React.createElement("div", {
     ref: popupRef,
     className: `${prefixCls}-overlay ${prefixCls}-${placement} ${overlayClassName}`,
@@ -5623,7 +5617,7 @@ const Popover = ({
   }, [children, style, childProps]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, _children, isOpen && /*#__PURE__*/React.createElement(ConditionalWrapper, {
     condition: !!getPopupContainer,
-    wrapper: element => getPopupContainer ? /*#__PURE__*/createPortal(element, getPopupContainer(popupRef.current)) : /*#__PURE__*/React.createElement(React.Fragment, null, element)
+    wrapper: element => getPopupContainer ? /*#__PURE__*/createPortal(element, getPopupContainer(triggerRef.current)) : /*#__PURE__*/React.createElement(React.Fragment, null, element)
   }, /*#__PURE__*/React.createElement("div", _extends({
     ref: popupRef
   }, childProps, {