x-ui-design 0.6.51 → 0.6.53

package/lib/components/Form/Form.tsx

@@ -8,6 +8,7 @@ import React, {
   ReactElement,
   ReactNode,
   SyntheticEvent,
+  useCallback,
   useEffect,
   useMemo,
   useRef
@@ -40,15 +41,14 @@ const Form: FC<FormProps> & { Item: FC<FormItemProps> } = ({
   const formRef = useRef<HTMLFormElement>(null);
 
   const formInstance = useMemo(() => form || internalForm, [form, internalForm]);
+  const childrenList = useMemo(() => flattenChildren(children), [children])
 
-  const handleSubmit = async (e: SyntheticEvent) => {
+  const handleSubmit = useCallback(async (e: SyntheticEvent) => {
     e.preventDefault();
     e.stopPropagation();
 
     await formInstance.submit();
-  };
-
-  const childrenList = useMemo(() => flattenChildren(children), [children]);
+  }, []);
 
   useEffect(() => {
     if (onFinish) { formInstance.setOnFinish?.(onFinish) }
@@ -59,7 +59,7 @@ const Form: FC<FormProps> & { Item: FC<FormItemProps> } = ({
     if (scrollToFirstError) { formInstance.setScrollToFirstError(scrollToFirstError) }
   }, [formInstance, onFieldsChange, onValuesChange, onFinishFailed, onFinish, scrollToFirstError]);
 
-  const injectPropsIntoFinalLeaf = (child: ReactNode): ReactNode => {
+  const injectPropsIntoFinalLeaf = useCallback((child: ReactNode): ReactNode => {
     if (!isValidElement(child)) {
       return child;
     }
@@ -96,7 +96,7 @@ const Form: FC<FormProps> & { Item: FC<FormItemProps> } = ({
       size={childProps.size || rest.size}
       layout={childProps.layout || layout}
     />
-  };
+  }, [rest.size, layout]);
 
   return (
     <FormContext.Provider value={formInstance}>
@@ -106,7 +106,7 @@ const Form: FC<FormProps> & { Item: FC<FormItemProps> } = ({
         onSubmit={handleSubmit}
         className={`${prefixCls} ${className}`}
       >
-        {Children.map(childrenList, child => injectPropsIntoFinalLeaf(child))}
+        {Children.map(childrenList, injectPropsIntoFinalLeaf)}
       </form>
     </FormContext.Provider>
   );

package/lib/components/Form/Item/Item.tsx

@@ -4,6 +4,7 @@ import React, {
   Children,
   isValidElement,
   ReactElement,
+  useCallback,
   useContext,
   useEffect,
   useMemo,
@@ -200,7 +201,7 @@ const FormItemChildComponent = ({
   const [wasNormalize, setWasNormalize] = useState(false);
 
   const { getFieldsValue } = formContext || {};
-
+  
   const handleChange = (e: SyntheticBaseEvent) => {
     let rawValue: RuleType | SyntheticBaseEvent = e?.target
       ? e.target.value
@@ -255,10 +256,16 @@ const FormItemChildComponent = ({
       )
     }
 
+    const _onChange = useCallback((e: SyntheticBaseEvent, option?: OptionProps) => {
+      handleChange(e);
+
+      childProps?.onChange?.(e, option)
+    }, [handleChange, childProps?.onChange])
+
     if (childProps?.__injected) {
       return child;
     }
-    
+
     return <child.type
       {...props}
       ref={ref}
@@ -267,11 +274,7 @@ const FormItemChildComponent = ({
       {...child.props}
       name={name}
       child={child}
-      onChange={(e: SyntheticBaseEvent, option?: OptionProps) => {
-        handleChange(e);
-
-        childProps?.onChange?.(e, option)
-      }}
+      onChange={_onChange}
       key={`${name}_${wasNormalize}`}
       value={fieldValue ?? props.value}
       {...('dangerouslySetInnerHTML' in childProps ? {} : {

package/lib/components/Select/Select.tsx

@@ -56,7 +56,7 @@ function getTextFromNode(node: ReactNode): string {
   return '';
 }
 
-const SelectComponent = ({
+const Select = ({
   prefixCls = prefixClsSelect,
   id,
   searchValue = '',
@@ -154,10 +154,10 @@ const SelectComponent = ({
     nativeElement: selectRef.current
   }), []);
 
-  const handleMouseEnter = () =>
-    !disabled && selected?.length && setIsHover(true);
+  const handleMouseEnter = useCallback(() =>
+    !disabled && selected?.length && setIsHover(true), [disabled, selected?.length]);
 
-  const handleMouseLeave = () => !disabled && setIsHover(false);
+  const handleMouseLeave = useCallback(() => !disabled && setIsHover(false), [disabled]);
 
   const handleClearInputValue = useCallback(() => {
     if (!autoClearSearchValue) {
@@ -185,7 +185,7 @@ const SelectComponent = ({
     setSelected(hasMode ? checkModeInitialValue : initialValue)
   }, [checkModeInitialValue, hasMode, initialValue])
 
-  const handleClickOutside = (event?: MouseEvent): void => {
+  const handleClickOutside = useCallback((event?: MouseEvent): void => {
     if (!selectRef.current) return;
 
     const dropdown = document.querySelector(`.${prefixCls}-dropdown`);
@@ -200,7 +200,7 @@ const SelectComponent = ({
       onClose?.();
       onDropdownVisibleChange?.(false, selected)
     }
-  };
+  }, [selectRef.current, prefixCls, selected]);
 
   useEffect(() => {
     document.addEventListener('mousedown', handleClickOutside);
@@ -312,7 +312,7 @@ const SelectComponent = ({
     updateDropdownPosition(true);
   }, [searchQuery.length]);
 
-  const getScrollParents = (element: HTMLElement): HTMLElement[] => {
+  const getScrollParents = useCallback((element: HTMLElement): HTMLElement[] => {
     const parents: HTMLElement[] = [];
     let current = element.parentElement;
 
@@ -324,7 +324,7 @@ const SelectComponent = ({
     }
 
     return parents;
-  };
+  }, []);
 
   const handleSearch = (e: SyntheticBaseEvent) => {
     setSearchQuery(e.target.value as string);
@@ -525,7 +525,7 @@ const SelectComponent = ({
     return children
       ? extractOptions(children)
       : Array.isArray(options) ? options : []
-  }, [children, children]);
+  }, [children, options]);
 
   const triggerNode = useMemo(() => {
     return selectRef.current?.querySelector(`.${prefixCls}-trigger`) as HTMLElement
@@ -915,7 +915,6 @@ const SelectComponent = ({
   );
 };
 
-SelectComponent.displayName = 'Select';
-const Select = Object.assign(SelectComponent, { Option });
+Select.displayName = 'Select';
 
-export default memo(Select);
+export default Select;

package/lib/hooks/useForm.ts

@@ -457,6 +457,7 @@ const useForm = (
     }
   }
 
+  const formInstanceRef = useRef<FormInstance>(null);
   const formInstance: FormInstance = {
     submit,
     setFields,
@@ -491,7 +492,13 @@ const useForm = (
     changeStep,
   };
 
-  return formInstance;
+  if (formInstanceRef.current) {
+    return formInstanceRef.current
+  } else {
+    formInstanceRef.current = formInstance;
+
+    return formInstanceRef.current
+  }
 };
 
 export { useForm };

package/package.json

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

package/src/app/page.tsx

@@ -13,7 +13,7 @@ import { Select } from "../../lib/components/Select";
 // import { Upload } from '../../lib/components/Upload'
 import { Button } from "../../lib/components/Button";
 import { useCallback, useEffect, useState } from "react";
-import dayjs from 'dayjs';
+// import dayjs from 'dayjs';
 import { useForm } from "../../lib/hooks/useForm";
 import { RadioGroup } from "../../lib/components/Radio/Group";
 import { useWatch } from '../../lib/hooks/useWatch';
@@ -1863,56 +1863,58 @@ export default function Home() {
 
     const fields = useWatch({ form });
 
-    const disableDate = useCallback(
-        (date: any) => {
-            date = dayjs(date);
+    console.log(fields);
+    
+    // const disableDate = useCallback(
+    //     (date: any) => {
+    //         date = dayjs(date);
 
-            if (date > dayjs().endOf('day')) {
-                return true;
-            }
+    //         if (date > dayjs().endOf('day')) {
+    //             return true;
+    //         }
 
-            if (!period || !dates || dates.length === 0) {
-                return false;
-            }
+    //         if (!period || !dates || dates.length === 0) {
+    //             return false;
+    //         }
 
-            const tooLate =
-                dates[0] &&
-                date.add(-1, 'd').diff(dates[0], period.unit) >=
-                period.value;
+    //         const tooLate =
+    //             dates[0] &&
+    //             date.add(-1, 'd').diff(dates[0], period.unit) >=
+    //             period.value;
 
-            const tooEarly =
-                dates[0] &&
-                date.add(-1, 'd').diff(dates[0], 0) <= -period.value;
+    //         const tooEarly =
+    //             dates[0] &&
+    //             date.add(-1, 'd').diff(dates[0], 0) <= -period.value;
 
-            return tooLate || tooEarly;
-        },
-        [dates, period]
-    );
+    //         return tooLate || tooEarly;
+    //     },
+    //     [dates, period]
+    // );
 
-    const onOpenChange = useCallback((open: boolean) => {
-        if (open) {
-            setDates([]);
-        }
-    }, []);
+    // const onOpenChange = useCallback((open: boolean) => {
+    //     if (open) {
+    //         setDates([]);
+    //     }
+    // }, []);
 
     return (
         <>
             <Form
                 form={form}
                 layout="vertical"
-                style={{ width: 400 }}
+                // style={{ width: 400 }}
                 scrollToFirstError={true}
                 // onValuesChange={(values) => {
                 //     console.log(values, form.isFieldsTouched());
                 // }}
-                onFinishFailed={(errors) => {
-                    console.log('errors', errors);
-                }}
-                onFinish={(values) => console.log('onFinish', values)}
+                // onFinishFailed={(errors) => {
+                //     console.log('errors', errors);
+                // }}
+                // onFinish={(values) => console.log('onFinish', values)}
             >
                 {current === 0
                     ? <>
-                        {fields.country === 'BR' ? <Item rules={[{ required: true }]} name="email" label="Email">
+                        {true ? <Item rules={[{ required: true }]} name="email" label="Email">
                             <div>
                                 <Input placeholder="Email" value={value} onChange={(e) => setValue(e.target.value)} />
                             </div>
@@ -1928,7 +1930,7 @@ export default function Home() {
                         <Item rules={[{ required: true }]} name="country" label="Country">
                             <Select
                                 showSearch
-                                style={{ width: 400 }}
+                                // style={{ width: 400 }}
                                 placeholder="Select..."
                                 options={CountryCodes}
                             />

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, 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, className, defaultChecked, checked, style, disabled, onChange, onClick, onMouseEnter, onMouseLeave, onKeyPress, onKeyDown, tabIndex, name, children, id, autoFocus, type, value, required, noStyle, titleClick, ref }: 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, placement, defaultValue, size, format, getPopupContainer, showToday, allowClear, disabledDate, suffixIcon, picker, prefix, defaultOpen, inputReadOnly, bordered }: 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, onOpenChange, onCalendarChange, style, className, separator, defaultValue, bordered }: 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/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 }: 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, 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,17 +0,0 @@
-import React from 'react';
-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;
-export { ClearIcon, ArrowIcon, LoadingIcon, CheckIcon, SearchIcon, CalendarIcon, SuccessIcon, ErrorIcon, DateDistanceIcon, TimeIcon, StampleIcon, TrashIcon, SpinerIcon };

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, 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, 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/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, 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, 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/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;

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

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

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

@@ -1,10 +0,0 @@
-import React, { ReactElement } from 'react';
-import { SelectProps } from '../../types/select';
-import './style.css';
-declare const _default: React.MemoExoticComponent<{
-    ({ prefixCls, id, searchValue, autoClearSearchValue, filterOption, optionFilterProp, children, options, listHeight, menuItemSelectedIcon, mode, value, defaultValue, maxCount, disabled, loading, placeholder, allowClear, filterable, defaultOpen, size, error, dropdownClassName, className, suffixIcon, searchIcon, style, showSearch, open, closeFromParent, showArrow, notFoundContent, noStyle, feedbackIcons, placement, removeIcon, maxTagCount, onSearch, onSelect, onDeselect, onClear, onChange, onClose, tagRender, getPopupContainer, dropdownRender, onDropdownVisibleChange, ref }: SelectProps): ReactElement;
-    displayName: string;
-} & {
-    Option: React.FC<import("../../types/select").OptionProps>;
-}>;
-export default _default;

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

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

package/dist/esm/types/components/Select/Tag/index.d.ts

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

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

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

package/dist/esm/types/components/Skeleton/Avatar/Avatar.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-import { SkeletonAvatarProps } from '../../../types/skeleton';
-import './style.css';
-export declare const AVATAR_DEFAULT_SIZE = 32;
-export declare const AVATAR_GLOBAL_SIZE = 40;
-export declare const GET_AVATAR_SKELETON_PROPS: (avatar: SkeletonAvatarProps | boolean) => SkeletonAvatarProps;
-declare const SkeletonAvatar: FC<SkeletonAvatarProps>;
-export default SkeletonAvatar;

package/dist/esm/types/components/Skeleton/Avatar/index.d.ts

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

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

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

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

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

package/dist/esm/types/components/Skeleton/Image/Image.d.ts

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

package/dist/esm/types/components/Skeleton/Image/index.d.ts

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

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

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

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

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

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

@@ -1,10 +0,0 @@
-import React, { ReactElement } from 'react';
-import { SkeletonProps } from '../../types/skeleton';
-import './style.css';
-declare const Skeleton: (({ prefixCls, active, className, style, avatar, paragraph, round, title, teamLogo }: SkeletonProps) => ReactElement) & {
-    Image: React.FC<import("../../types/skeleton").SkeletonImageProps>;
-    Input: React.FC<import("../../types/skeleton").SkeletonInputProps>;
-    Avatar: React.FC<import("../../types/skeleton").SkeletonAvatarProps>;
-    Button: React.FC<import("../../types/skeleton").SkeletonButtonProps>;
-};
-export default Skeleton;

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

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

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { SwitchProps } from '../../types/switch';
-import './index.css';
-declare const Switch: {
-    ({ prefixCls, checked, onChange, onClick, disabled, className, style, defaultChecked, value }: SwitchProps): React.JSX.Element;
-    displayName: string;
-};
-export default Switch;

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

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

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { UploadProps } from '../../types/upload';
-import './style.css';
-declare const Upload: ({ prefixCls, multiple, style, className, onChange, action, name, method, headers, directory, beforeUpload, rootClassName, onRemove, disabled, withCredentials, openFileDialogOnClick, maxCount, fileList: controlledFileList, customRequest, accept, listType, showUploadList, children, noStyle, defaultFileList }: UploadProps) => React.JSX.Element;
-export default Upload;

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

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

package/dist/esm/types/helpers/flatten.d.ts

@@ -1,2 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-export declare function flattenChildren(children: ReactNode): ReactElement[];