x-ui-design 0.8.88 → 0.8.89

package/lib/components/Popover/Popover.tsx

@@ -48,7 +48,7 @@ const Popover = ({
         placement,
         open: isOpen,
         setOpen: setInnerOpen,
-        inBody: getPopupContainer?.(targetRef.current as HTMLElement)?.tagName === 'BODY'
+        popupContainer: getPopupContainer?.(targetRef.current as HTMLElement)
     });
 
     useEffect(() => {

package/lib/components/Result/Result.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 import { ResultProps } from "../../types/result";
 import { prefixClsResult } from "../../utils";
-import './style.css';
 import { renderDefaultIcon } from "../Icons/Icons";
+import './style.css';
 
 const Result = ({
     icon,

package/lib/helpers/index.ts

@@ -51,28 +51,50 @@ export function clsx(...args: RuleType[]): string {
     .join(' ');
 }
 
-export function getScrollParent(
+export function getElementParentDetails(
   el: HTMLElement | null,
   includeSelf = false
-): HTMLElement | null {
-  if (!el) return null;
+): {
+  relativePosition: {
+    left: number;
+    top: number;
+  },
+  scrollableParents: HTMLElement | null
+} {
+  if (!el) {
+    return {
+      relativePosition: { left: 0, top: 0 },
+      scrollableParents: null
+    }
+  };
 
   let current: HTMLElement | null = includeSelf ? el : el.parentElement;
+  const relativePosition = { left: 0, top: 0 };
 
   while (current) {
     const style = getComputedStyle(current);
 
-    const canScroll = 
-        ['auto', 'scroll'].includes(style.overflowY) || ['auto', 'scroll'].includes(style.overflowX)
+    const canScroll =
+      ['auto', 'scroll'].includes(style.overflowY) || ['auto', 'scroll'].includes(style.overflowX)
 
-    if (canScroll) {
-      current.style.position = 'relative';
+    if (current.style.position === 'relative') {
+      relativePosition.left += current.offsetLeft;
+      relativePosition.top += current.offsetTop;
+    }
 
-      return current;
+    if (canScroll) {
+      return {
+        relativePosition,
+        scrollableParents: current
+      };
     }
 
     current = current.parentElement;
   }
 
-  return document.scrollingElement as HTMLElement;
-}
+  return {
+    relativePosition: { left: 0, top: 0 },
+    scrollableParents: document.scrollingElement as HTMLElement
+  };
+}
+

package/lib/hooks/usePopupPosition.ts

@@ -5,10 +5,11 @@ import {
     SetStateAction,
     useCallback,
     useEffect,
+    useMemo,
     useState
 } from "react";
 import { Placement } from "../types";
-import { getScrollParent } from "../helpers";
+import { getElementParentDetails } from "../helpers";
 
 const OFFSET = 12;
 
@@ -18,16 +19,16 @@ type TPopupPosition = {
     targetRef: RefObject<HTMLDivElement | null>;
     popupRef: RefObject<HTMLDivElement | null>;
     placement?: Placement;
-    inBody: boolean;
+    popupContainer?: HTMLElement | null;
 }
 
 export const usePopupPosition = ({
     open,
     setOpen,
-    inBody,
     popupRef,
     targetRef,
-    placement
+    placement,
+    popupContainer,
 }: TPopupPosition): {
     _placement: Placement;
     popupStyle: CSSProperties
@@ -35,6 +36,8 @@ export const usePopupPosition = ({
     const [_placement, _setPlacement] = useState<Placement>(placement ?? "bottomLeft");
     const [popupPosition, setPopupPosition] = useState<CSSProperties>({});
 
+    const inBody = useMemo(() => popupContainer?.tagName === 'BODY', [popupContainer]);
+
     const calculatePosition = useCallback((e?: Event) => {
         const container = targetRef.current?.getBoundingClientRect();
 
@@ -42,25 +45,43 @@ export const usePopupPosition = ({
             return;
         }
 
-        const scrollableParents = getScrollParent(targetRef.current, true);
-        const scrollSameTarget = e?.target === scrollableParents;
+        const { scrollableParents, relativePosition } = getElementParentDetails(targetRef.current, true);
+        const _containsElement = scrollableParents?.contains(popupContainer as HTMLDivElement) && popupContainer !== scrollableParents
+
+        const positions = !popupContainer
+            ? {
+                top: (targetRef.current?.offsetTop || 0) + OFFSET,
+                left: (targetRef.current?.offsetLeft || 0)
+            }
+            : _containsElement
+                ? {
+                    top: (targetRef.current?.clientLeft || 0) + (targetRef.current?.offsetTop || 0) + OFFSET,
+                    left: (targetRef.current?.clientLeft || 0) + (targetRef.current?.offsetLeft || 0)
+                }
+                : inBody
+                    ? {
+                        top: container.top,
+                        left: container.left - (targetRef.current?.clientWidth || 0) / 2
+                    }
+                    : {
+                        top: (relativePosition.top || 0) + (targetRef.current?.offsetTop || 0) - (scrollableParents?.offsetTop || 0) + OFFSET,
+                        left: relativePosition.left + (targetRef.current?.offsetLeft || 0) - (targetRef.current?.clientWidth || 0) / 2
+                    };
 
         if (!inBody) {
-            const hidePopupFromTop = Math.round((targetRef.current?.offsetTop || 0) - (scrollableParents?.scrollTop || 0) + container?.height);
-            const hidePopupFromBottom = Math.round((targetRef.current?.offsetTop || 0) - (scrollableParents?.offsetHeight || 0) - (scrollableParents?.scrollTop || 0) + container?.height)
-            const spaceAboveFromTop = hidePopupFromTop - Math.round((popupRef.current?.clientHeight || 0) + container?.height + OFFSET);
-            const spaceAboveFromBottom = -Math.round((popupRef.current?.clientHeight || 0) + container?.height - OFFSET);
+            const hasNotSpaceFromBottom = relativePosition.top - ((scrollableParents?.scrollHeight || 0) - (scrollableParents?.scrollTop || 0) - (popupRef.current?.clientHeight || 0)) - OFFSET
+            const hasNotSpaceFromTop = (relativePosition.top + (popupRef.current?.clientHeight || 0) - container.height - (OFFSET * 2)) - (scrollableParents?.scrollTop || 0)
 
-            if (spaceAboveFromBottom <= hidePopupFromBottom) {
+            if (hasNotSpaceFromBottom < 0) {
                 _setPlacement(_placement.replace('bottom', 'top') as Placement)
             }
 
-            if (spaceAboveFromTop <= 0) {
+            if (hasNotSpaceFromTop <= 0) {
                 _setPlacement(_placement.replace('top', 'bottom') as Placement)
             }
         }
 
-        if (scrollSameTarget && inBody) {
+        if (e?.target === scrollableParents && inBody) {
             setOpen(false);
             setPopupPosition({});
 
@@ -68,62 +89,80 @@ export const usePopupPosition = ({
         }
 
         const _calculation = () => {
-            const _placementBottom = !_placement.includes('bottom') ? 0 : (inBody
-                ? (targetRef.current?.offsetTop || 0) + (targetRef.current?.clientHeight || 0) - (scrollableParents?.scrollTop || 0) + (scrollableParents?.offsetTop || 0)
-                : (targetRef.current?.offsetTop || 0) + (targetRef.current?.clientHeight || 0)) + OFFSET;
-
-            const _placementTop = !_placement.includes('top') ? 0 : (inBody
-                ? (targetRef.current?.offsetTop || 0) - (popupRef.current?.clientHeight || 0) - (scrollableParents?.scrollTop || 0) + (scrollableParents?.offsetTop || 0)
-                : (targetRef.current?.offsetTop || 0) - (popupRef.current?.clientHeight || 0)) - OFFSET;
-
-            const _positionLeft = inBody ? container.left : (targetRef.current?.offsetLeft || 0)
-
             switch (_placement) {
                 case "bottom":
-                    setPopupPosition({ top: _placementBottom, left: _positionLeft + ((container.width || 0) / 2) - ((popupRef.current?.offsetWidth || 0) / 2) });
+                    setPopupPosition({
+                        top: positions.top + container.height,
+                        left: positions.left + ((container.width || 0) / 2) - ((popupRef.current?.offsetWidth || 0) / 2)
+                    });
                     break;
                 case "bottomLeft":
-                    setPopupPosition({ top: _placementBottom, left: _positionLeft });
+                    setPopupPosition({
+                        top: positions.top + container.height, 
+                        left: positions.left 
+                    });
                     break;
                 case "bottomRight":
-                    setPopupPosition({ top: _placementBottom, left: _positionLeft + (container.width || 0) - (popupRef.current?.offsetWidth || 0) });
+                    setPopupPosition({ 
+                        top: positions.top + container.height, 
+                        left: positions.left + (container.width || 0) - (popupRef.current?.offsetWidth || 0) 
+                    });
                     break;
                 case "top":
-                    setPopupPosition({ top: _placementTop, left: _positionLeft + ((container.width || 0) / 2) - ((popupRef.current?.offsetWidth || 0) / 2) });
+                    setPopupPosition({
+                        top: positions.top - (popupRef.current?.clientHeight || 0) - (OFFSET * 2),
+                        left: positions.left + ((container.width || 0) / 2) - ((popupRef.current?.offsetWidth || 0) / 2)
+                    });
                     break;
                 case "topLeft":
-                    setPopupPosition({ top: _placementTop, left: _positionLeft });
+                    setPopupPosition({
+                        top: positions.top - (popupRef.current?.clientHeight || 0) - (OFFSET * 2), 
+                        left: positions.left 
+                    });
                     break;
                 case "topRight":
-                    setPopupPosition({ top: _placementTop, left: _positionLeft + (container.width || 0) - (popupRef.current?.offsetWidth || 0) });
+                    setPopupPosition({ 
+                        top: positions.top - (popupRef.current?.clientHeight || 0) - (OFFSET * 2), 
+                        left: positions.left + (container.width || 0) - (popupRef.current?.offsetWidth || 0) 
+                    });
                     break;
             }
         }
 
         _calculation()
-    }, [targetRef, popupRef, inBody, _placement, setOpen]);
+    }, [targetRef, popupRef, popupContainer, inBody, _placement, setOpen]);
 
     useEffect(() => {
         if (!open) {
             return;
         }
 
-        calculatePosition(undefined);
+        const setPositionRelative = (position: string) => {
+            (scrollableParents as HTMLDivElement).style.position = position;
 
-        const controller = new AbortController();
+            if (popupContainer) {
+                (popupContainer as HTMLDivElement).style.position = position;
+            }
+        }
 
+        const controller = new AbortController();
         const options = { passive: true, signal: controller.signal };
 
-        const scrollableParents = getScrollParent(targetRef.current, true);
+        const { scrollableParents } = getElementParentDetails(targetRef.current, true);
         scrollableParents?.addEventListener("scroll", calculatePosition, options);
 
+        setPositionRelative('relative');
+
+        calculatePosition();
+
         document.body.addEventListener("scroll", calculatePosition, options);
         document.body.addEventListener("resize", calculatePosition, options);
 
         return () => {
             controller.abort();
+            setPositionRelative('unset');
         };
-    }, [inBody, open, targetRef, calculatePosition]);
+    }, [open, targetRef, popupContainer, inBody, calculatePosition]);
 
     return {
         _placement,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "x-ui-design",
-  "version": "0.8.88",
+  "version": "0.8.89",
   "license": "ISC",
   "author": "Gabriel Boyajyan",
   "main": "dist/index.js",

package/src/app/page.tsx

@@ -82,27 +82,37 @@ const items: ItemType[] = [
 export default function Home() {
     return (
         <div style={{ height: 3000 }}>
-            <div style={{ height: 200, width: 500 }} />
+            <div style={{ height: 200, width: 900 }} />
             <div
                 className='sdfdsgfsfdg'
                 style={{
-                    height: 400,
+                    height: 700,
+                    width: 2500,
                     display: "flex",
                     overflow: 'auto',
-                    border: '1px solid'
+                    border: '1px solid',
+                    position: 'relative',
                 }}>
-                <div style={{ width: 1000 }} />
+                <div style={{ width: 900 }} />
 
-                <div
+                <div style={{
+                        width: 900,
+                        position: 'relative',
+                        height: 1500,
+                        border: '1px solid',
+                    }}>
+                    <div style={{ height: 1000, width: '100%' }} />
+                    <div
                     className='dsfdf'
                     style={{
-                        width: 1000,
-                        position: 'relative'
-                        // height: 1500,
+                        width: 1500,
+                        position: 'relative',
+                        height: 1500,
+                        border: '1px solid',
                     }}>
-                    {/* <div style={{ height: 400, width: '100%' }} /> */}
-                    {/* <Popover
-                        placement='bottom'
+                    <div style={{ height: 900, width: '100%' }} />
+                    <Popover
+                        placement='bottomRight'
                         content={
                             <Suspense>
                                 <Result
@@ -113,17 +123,21 @@ export default function Home() {
                                 />
                             </Suspense>
                         }
-                        // getPopupContainer={() => document.getElementsByClassName('sdfdsgfsfdg')?.[0] as HTMLDivElement}
                         // getPopupContainer={() => document.body}
+                        // getPopupContainer={() => document.getElementsByClassName('sdfdsgfsfdg')?.[0] as HTMLDivElement}
+                        // getPopupContainer={() => document.getElementsByClassName('dsfdf')?.[0] as HTMLDivElement}
                     >
                         Menu
-                    </Popover> */}
-                    <DatePicker
-                        getPopupContainer={() => document.body}
-                        // getPopupContainer={() => document.getElementsByClassName('sdfdsgfsfdg')?.[0] as HTMLDivElement}
-                    />
+                        <br />
+                        Menu
+                    </Popover>
+                    {/* <DatePicker
+                        // getPopupContainer={() => document.body}
+                        getPopupContainer={() => document.getElementsByClassName('sdfdsgfsfdg')?.[0] as HTMLDivElement}
+                    /> */}
+                </div>
                 </div>
-                <div style={{ width: '100%' }} />
+                {/* <div style={{ width: '100%' }} /> */}
             </div>
         </div>
     )

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

@@ -1,5 +0,0 @@
-import { ReactElement } from 'react';
-import { ButtonProps } from '../../types/button';
-import './style.css';
-declare const ButtonComponent: ({ type, variant, color, shape, size, htmlType, className, rootClassName, classNames: customClassNames, styles, prefixCls, prefixClsV3, icon, iconPosition, loading, disabled, ghost, danger, block, children, href, __injected, child, ...restProps }: ButtonProps) => ReactElement;
-export default ButtonComponent;

package/dist/esm/types/components/Button/index.d.ts

@@ -1 +0,0 @@
-export { default as Button } from './Button';

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

@@ -1,8 +0,0 @@
-import { ReactElement } from 'react';
-import { CheckboxProps } from '../../types/checkbox';
-import './style.css';
-declare const Checkbox: {
-    ({ prefixCls, prefixClsV3, className, defaultChecked, checked, style, disabled, onChange, onClick, onMouseEnter, onMouseLeave, onKeyPress, onKeyDown, tabIndex, name, children, id, autoFocus, type, value, required, noStyle, titleClick, ref, controlled }: CheckboxProps): ReactElement;
-    displayName: string;
-};
-export default Checkbox;

package/dist/esm/types/components/Checkbox/index.d.ts

@@ -1 +0,0 @@
-export { default as Checkbox } from './Checkbox';

package/dist/esm/types/components/ConditionalWrapper/index.d.ts

@@ -1,7 +0,0 @@
-import { FC, PropsWithChildren, ReactElement } from 'react';
-type Props = {
-    condition: boolean;
-    wrapper: (children: PropsWithChildren['children']) => ReactElement;
-} & PropsWithChildren;
-export declare const ConditionalWrapper: FC<Props>;
-export {};

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { TDatePickerProps } from '../../types/datepicker';
-import './style.css';
-export declare const NUMBER_SIX = 6;
-export declare const MONTH_LENGTH = 11;
-export declare const NEXT_DAYS_COUNT_AS_CURRENT_MUNTH = 35;
-declare const DatePicker: ({ value, onChange, onCalendarChange, disabled, error, placeholder, prefixCls, noStyle, feedbackIcons, locale, className, placement, defaultValue, size, format, getPopupContainer, showToday, allowClear, disabledDate, suffixIcon, picker, prefix, defaultOpen, inputReadOnly, bordered, defaultPickerValue }: TDatePickerProps) => React.JSX.Element;
-export default DatePicker;

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

@@ -1,5 +0,0 @@
-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 }: TRangePickerProps) => React.JSX.Element;
-export default RangePicker;

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

@@ -1 +0,0 @@
-export { default as RangePicker } from '../RangePicker/RangePicker';

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

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { TimePickerProps } from '../../../types/datepicker';
-import './style.css';
-declare const TimePicker: FC<TimePickerProps>;
-export default TimePicker;

package/dist/esm/types/components/DatePicker/TimePicker/index.d.ts

@@ -1 +0,0 @@
-export { default as TimePicker } from '../TimePicker/TimePicker';

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

@@ -1 +0,0 @@
-export { default as DatePicker } from '../DatePicker/DatePicker';

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

@@ -1,5 +0,0 @@
-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, }: DropdownProps) => React.JSX.Element;
-export default Dropdown;

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

@@ -1 +0,0 @@
-export { default as Dropdown } from '../Dropdown/Dropdown';

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { EmptyContentProps } from '../../types/empty';
-import './style.css';
-declare const EmptyContent: ({ icon, style, className, title, description, prefixCls, prefixClsV3 }: EmptyContentProps) => React.JSX.Element;
-export default EmptyContent;

package/dist/esm/types/components/Empty/index.d.ts

@@ -1 +0,0 @@
-export { default as Empty } from '../Empty/Empty';

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

@@ -1,7 +0,0 @@
-import React, { FC } from 'react';
-import { FormInstance, FormItemProps, FormProps } from '../../types/form';
-export declare const FormContext: React.Context<FormInstance | null>;
-declare const Form: FC<FormProps> & {
-    Item: FC<FormItemProps>;
-};
-export default Form;

package/dist/esm/types/components/Form/Item/Item.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { FormItemProps } from '../../../types/form';
-import './style.css';
-declare const FormItem: {
-    ({ prefixCls, prefixClsV3, name, label, rules, children, className, layout, style, dependencies, initialValue, feedbackIcons, extra, hideLabel, removeErrorMessageHeight, ...props }: FormItemProps): React.JSX.Element;
-    displayName: string;
-};
-export default FormItem;

package/dist/esm/types/components/Form/Item/index.d.ts

@@ -1 +0,0 @@
-export { default as Item } from './Item';

package/dist/esm/types/components/Form/index.d.ts

@@ -1 +0,0 @@
-export { default as Form } from './Form';

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

@@ -1,19 +0,0 @@
-import React from 'react';
-import { ResultStatusType } from '../../types/result';
-declare const ClearIcon: () => React.JSX.Element;
-declare const ArrowIcon: ({ isOpen }: {
-    isOpen: boolean;
-}) => React.JSX.Element;
-declare const LoadingIcon: () => React.JSX.Element;
-declare const CheckIcon: () => React.JSX.Element;
-declare const SearchIcon: () => React.JSX.Element;
-declare const CalendarIcon: () => React.JSX.Element;
-declare const SuccessIcon: () => React.JSX.Element;
-declare const ErrorIcon: () => React.JSX.Element;
-declare const DateDistanceIcon: () => React.JSX.Element;
-declare const TimeIcon: () => React.JSX.Element;
-declare const StampleIcon: () => React.JSX.Element;
-declare const TrashIcon: () => React.JSX.Element;
-declare const SpinerIcon: () => React.JSX.Element;
-declare const renderDefaultIcon: (status: ResultStatusType) => React.JSX.Element | null;
-export { ClearIcon, ArrowIcon, LoadingIcon, CheckIcon, SearchIcon, CalendarIcon, SuccessIcon, ErrorIcon, DateDistanceIcon, TimeIcon, StampleIcon, TrashIcon, SpinerIcon, renderDefaultIcon };

package/dist/esm/types/components/Icons/index.d.ts

@@ -1 +0,0 @@
-export { ClearIcon, ArrowIcon, LoadingIcon, CheckIcon, SearchIcon, CalendarIcon, SuccessIcon, ErrorIcon, DateDistanceIcon, TimeIcon, StampleIcon, TrashIcon, SpinerIcon } from './Icons';

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import { InputProps } from '../../types/input';
-import Textarea from './Textarea/Textarea';
-import './style.css';
-declare const InputComponent: {
-    ({ size, error, suffix, prefix, addonAfter, addonBefore, onPressEnter, disabled, allowClear, prefixCls, prefixClsV3, className, value, iconRender, noStyle, feedbackIcons, mask, maskChar, maskRegex, __injected, defaultValue, child, ref, ...props }: InputProps): React.JSX.Element;
-    displayName: string;
-};
-declare const Input: typeof InputComponent & {
-    TextArea: typeof Textarea;
-};
-export default Input;

package/dist/esm/types/components/Input/Textarea/Textarea.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { TextareaProps } from '../../../types/input';
-import './style.css';
-declare const Textarea: {
-    ({ prefixCls, prefixClsV3, value, className, style, autoSize, onPressEnter, onResize, styles, bordered, size, status, rootClassName, variant, error, allowClear, ref, ...props }: TextareaProps): React.JSX.Element;
-    displayName: string;
-};
-export default Textarea;

package/dist/esm/types/components/Input/Textarea/index.d.ts

@@ -1 +0,0 @@
-export { default as Textarea } from '../Textarea/Textarea';

package/dist/esm/types/components/Input/index.d.ts

@@ -1 +0,0 @@
-export { default as Input } from '../Input/Input';

package/dist/esm/types/components/Menu/Item/Item.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { ItemType } from "../../../types/menu";
-declare const MenuItem: FC<ItemType>;
-export default MenuItem;

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

@@ -1,20 +0,0 @@
-import React, { FC, MouseEvent } from "react";
-import { MenuMode, MenuProps } from "../../types/menu";
-import MenuItem from "./Item/Item";
-import SubMenu from "./SubMenu/SubMenu";
-import "./index.css";
-export declare const MenuContext: React.Context<{
-    mode: MenuMode;
-    inlineIndent: number;
-    inlineCollapsed: boolean;
-    selectedKeys: string[];
-    openKeys: string[];
-    toggleOpen: (key: string, level?: "1" | "2") => void;
-    onItemClick: (key: string, domEvent?: MouseEvent) => void;
-    triggerSubMenuAction?: "hover" | "click";
-} | null>;
-declare const Menu: FC<MenuProps> & {
-    Item: typeof MenuItem;
-    SubMenu: typeof SubMenu;
-};
-export default Menu;

package/dist/esm/types/components/Menu/SubMenu/SubMenu.d.ts

@@ -1,4 +0,0 @@
-import { FC } from "react";
-import { SubMenuItem } from "../../../types/menu";
-declare const SubMenu: FC<SubMenuItem>;
-export default SubMenu;

package/dist/esm/types/components/Menu/index.d.ts

@@ -1 +0,0 @@
-export { default as Menu } from './Menu';

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

@@ -1,5 +0,0 @@
-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, placementPositionOffset, onVisibleChange, getPopupContainer }: PopoverProps) => React.JSX.Element;
-export default Popover;

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

@@ -1 +0,0 @@
-export { default as Popover } from '../Popover/Popover';

package/dist/esm/types/components/Radio/Button/Button.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { RadioButtonProps } from '../../../types/radio';
-import './style.css';
-declare const RadioButton: ({ prefixCls, prefixClsV3, className, checked, disabled, children, size, ...props }: RadioButtonProps) => React.JSX.Element;
-export default RadioButton;

package/dist/esm/types/components/Radio/Button/index.d.ts

@@ -1 +0,0 @@
-export { default as RadioButton } from '../../Radio/Button/Button';

package/dist/esm/types/components/Radio/Group/Group.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { RadioGroupProps } from '../../../types/radio';
-import './style.css';
-declare const RadioGroup: ({ defaultValue, value, size, disabled, name, id, style, buttonStyle, block, prefixCls, prefixClsV3, className, options, children, ...props }: RadioGroupProps) => React.JSX.Element;
-export default RadioGroup;

package/dist/esm/types/components/Radio/Group/index.d.ts

@@ -1 +0,0 @@
-export { default as RadioGroup } from '../../Radio/Group/Group';

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { RadioProps } from '../../types/radio';
-import './style.css';
-declare const Radio: {
-    ({ prefixCls, className, value, onChange, onClick, disabled, children, name, title, defaultChecked, checked, onBlur, onFocus, onMouseEnter, onMouseLeave, noStyle, ref }: RadioProps): React.JSX.Element;
-    displayName: string;
-};
-export default Radio;

package/dist/esm/types/components/Radio/index.d.ts

@@ -1 +0,0 @@
-export { default as Radio } from '../Radio/Radio';

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

@@ -1,5 +0,0 @@
-import React from "react";
-import { ResultProps } from "../../types/result";
-import './style.css';
-declare const Result: ({ icon, status, title, subTitle, extra, prefixCls, className, style, children, }: ResultProps) => React.JSX.Element;
-export default Result;

package/dist/esm/types/components/Result/index.d.ts

@@ -1 +0,0 @@
-export { default as Result } from '../Result/Result';

package/dist/esm/types/components/Select/Option/Option.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { OptionProps } from '../../../types/select';
-import './style.css';
-declare const Option: FC<OptionProps>;
-export default Option;