x-ui-design 0.9.43 → 0.9.46

package/dist/esm/types/components/DatePicker/RangePicker/RangePicker.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { TRangePickerProps } from '../../../types/datepicker';
 import './style.css';
-declare const RangePicker: ({ prefixCls, value, onChange, placeholder, disabled, error, format, prefix, allowClear, inputReadOnly, size, picker, locale, disabledDate, onVisibleChange, onCalendarChange, style, className, separator, defaultValue, bordered, getPopupContainer, placement, showInnerContent }: TRangePickerProps) => React.JSX.Element;
+declare const RangePicker: ({ prefixCls, value, onChange, placeholder, disabled, error, format, prefix, allowClear, inputReadOnly, size, picker, locale, disabledDate, onVisibleChange, onCalendarChange, style, className, separator, defaultValue, bordered, getPopupContainer, placement, }: TRangePickerProps) => React.JSX.Element;
 export default RangePicker;

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

@@ -1,5 +1,5 @@
 import React from 'react';
 import { DropdownProps } from '../../types/dropdown';
 import './style.css';
-declare const Dropdown: ({ children, menu, open: controlledOpen, defaultOpen, onVisibleChange, trigger, placement, overlayClassName, overlayStyle, getPopupContainer, destroyOnHidden, disabled, arrow, autoFocus, popupRender, className, overlay, prefixCls, showInnerContent }: DropdownProps) => React.JSX.Element;
+declare const Dropdown: ({ children, menu, open: controlledOpen, defaultOpen, onVisibleChange, trigger, placement, overlayClassName, overlayStyle, getPopupContainer, destroyOnHidden, disabled, arrow, autoFocus, popupRender, className, overlay, prefixCls, }: DropdownProps) => React.JSX.Element;
 export default Dropdown;

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, showInnerContent, 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

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

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

@@ -40,7 +40,6 @@ export type TDatePickerProps = DefaultProps & {
     picker?: PanelMode;
     bordered?: boolean;
     defaultPickerValue?: Date;
-    showInnerContent?: boolean;
 };
 export type TRangePickerProps = Omit<TDatePickerProps, 'placeholder' | 'value' | 'defaultValue'> & {
     placeholder?: string[];
@@ -120,5 +119,4 @@ export type TimePickerProps = DefaultProps & {
     suffixIcon?: ReactNode;
     placeholder?: string;
     placement?: Placement;
-    showInnerContent?: boolean;
 };

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

@@ -28,7 +28,6 @@ export type DropdownProps = DefaultProps & {
     autoAdjustOverflow?: boolean;
     popupRender?: (node: ReactNode) => ReactNode;
     overlay?: ReactElement | OverlayFunc;
-    showInnerContent?: boolean;
 };
 export type DropdownMenuInnerProps = DefaultProps & {
     items: DropdownItemType[];

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

@@ -12,7 +12,6 @@ export type PopoverProps = DefaultProps & {
     visible?: boolean;
     listenPopoverPositions?: CSSProperties;
     placementPositionOffset?: number;
-    showInnerContent?: boolean;
     onVisibleChange?: ((open: boolean) => void) | undefined;
     getPopupContainer?: ((node: HTMLElement) => HTMLElement) | undefined;
 };

package/dist/index.esm.js

@@ -2626,8 +2626,7 @@ const usePopupPosition = ({
   popupRef,
   targetRef,
   placement,
-  popupContainer,
-  showInnerContent
+  popupContainer
 }) => {
   const [_placement, _setPlacement] = useState(placement ?? "bottomLeft");
   const [popupPosition, setPopupPosition] = useState({});
@@ -2658,6 +2657,7 @@ const usePopupPosition = ({
     if (e?.target === scrollableParents && inBody) {
       setOpen(false);
       setPopupPosition({});
+      _setPlacement(placement ?? "bottomLeft");
       return;
     }
     const popupRect = popupRef.current?.getBoundingClientRect();
@@ -2697,13 +2697,11 @@ const usePopupPosition = ({
           newPlacement = newPlacement.replace('Left', 'Right');
         }
       }
-      if (showInnerContent && (newPlacement.includes('Left') || newPlacement.includes('Right'))) {
-        if (availableSpace.right < 0 && availableSpace.left < 0) {
+      if (availableSpace.right < 0 && availableSpace.left < 0) {
+        if (newPlacement.includes('Left') || newPlacement.includes('Right')) {
           const popupWidth = popupRect.width;
           const targetWidth = container.width;
-          if (!popupContainer) {
-            positions.left = positions.left - popupWidth / 2 + targetWidth / 2;
-          } else if (_containsElement) {
+          if (!popupContainer || _containsElement) {
             positions.left = positions.left - popupWidth / 2 + targetWidth / 2;
           } else if (inBody) {
             positions.left = container.left + window.scrollX + targetWidth / 2 - popupWidth / 2;
@@ -2770,7 +2768,7 @@ const usePopupPosition = ({
       }
     };
     _calculation();
-  }, [targetRef, popupContainer, popupRef, showInnerContent, inBody, _placement, setOpen]);
+  }, [targetRef, popupContainer, popupRef, placement, inBody, _placement, setOpen]);
   useEffect(() => {
     if (!open) {
       return;
@@ -2790,8 +2788,9 @@ const usePopupPosition = ({
     return () => {
       controller.abort();
       setPopupPosition({});
+      _setPlacement(placement ?? "bottomLeft");
     };
-  }, [open, targetRef, calculatePosition]);
+  }, [open, targetRef, placement, calculatePosition]);
   return {
     _placement,
     popupStyle: {
@@ -3178,8 +3177,7 @@ const RangePicker = ({
   defaultValue,
   bordered = true,
   getPopupContainer,
-  placement = "bottomLeft",
-  showInnerContent
+  placement = "bottomLeft"
 }) => {
   const [isOpen, setIsOpen] = useState(false);
   const [selectedDates, setSelectedDates] = useState([value?.[0] || defaultValue?.[0] || null, value?.[1] || defaultValue?.[1] || null]);
@@ -3200,7 +3198,6 @@ const RangePicker = ({
     popupRef,
     placement,
     open: isOpen,
-    showInnerContent,
     setOpen: setIsOpen,
     popupContainer: getPopupContainer?.(targetRef.current)
   });
@@ -3502,8 +3499,7 @@ const TimePicker = ({
   suffixIcon = /*#__PURE__*/React.createElement(TimeIcon, null),
   placeholder = 'Select time',
   getPopupContainer,
-  placement = "bottomLeft",
-  showInnerContent
+  placement = "bottomLeft"
 }) => {
   const [open, setOpen] = useState(false);
   const [innerValue, setInnerValue] = useState(propValue || defaultValue ? new Date(propValue || defaultValue) : null);
@@ -3522,7 +3518,6 @@ const TimePicker = ({
     popupRef,
     placement,
     targetRef,
-    showInnerContent,
     setOpen: setOpen,
     popupContainer: getPopupContainer?.(targetRef.current)
   });
@@ -5486,8 +5481,7 @@ const Dropdown = ({
   popupRender,
   className = '',
   overlay,
-  prefixCls = prefixClsDropdown,
-  showInnerContent
+  prefixCls = prefixClsDropdown
 }) => {
   const [open, setOpen] = useState(controlledOpen ?? defaultOpen);
   const isControlled = controlledOpen !== undefined;
@@ -5503,7 +5497,6 @@ const Dropdown = ({
     popupRef,
     targetRef,
     placement,
-    showInnerContent,
     popupContainer: getPopupContainer?.(targetRef.current)
   });
   useEffect(() => {
@@ -5655,7 +5648,6 @@ const Popover = ({
   style = {},
   overlayClassName = '',
   overlayStyle = {},
-  showInnerContent,
   onVisibleChange,
   getPopupContainer
 }) => {
@@ -5671,7 +5663,6 @@ const Popover = ({
     popupRef,
     placement,
     open: isOpen,
-    showInnerContent,
     setOpen: setInnerOpen,
     popupContainer: getPopupContainer?.(targetRef.current)
   });