@blofin/blofin-ui 0.7.57 → 0.7.58

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

@@ -1,5 +1,2 @@
-import { FC } from 'react';
-declare const Empty: FC<{
-    children?: React.ReactNode;
-}>;
-export default Empty;
+import { Empty } from "./Empty";
+export { Empty };

package/dist/components/LabelTextField/LabelTextField.d.ts

@@ -1,17 +1,17 @@
-import { ReactNode } from "react";
-import { BUITheme } from "../..";
+import * as React from "react";
+import { BUITheme } from "../../types/component";
 import { InputVariant } from "./styles";
 export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    label?: ReactNode;
+    label?: React.ReactNode;
     variant: InputVariant;
     theme?: BUITheme;
-    startAdornment?: ReactNode;
-    endAdornment?: ReactNode;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
     error?: boolean;
     helperText?: string;
     disabled?: boolean;
     inputClassName?: string;
     inputSize?: "md" | "lg";
 }
-declare const LabelTextField: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+declare const LabelTextField: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export default LabelTextField;

package/dist/components/MonthPicker/MonthPicker.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+import { Locale } from "date-fns";
+type MonthPickerProps = {
+    data: {
+        [key: number]: number[];
+    };
+    currentYear: number;
+    currentMonth: number;
+    setMonth: (value: Date) => void;
+    locale: Locale;
+    confirmText: string;
+    cancelText: string;
+    cancel: () => void;
+    confirm: () => void;
+};
+declare const MonthPicker: React.FC<MonthPickerProps>;
+export { MonthPicker };

package/dist/components/MonthPicker/index.d.ts

@@ -1,17 +1,2 @@
-import { FC } from "react";
-import { Locale } from "date-fns";
-type MonthPickerProps = {
-    data: {
-        [key: number]: number[];
-    };
-    currentYear: number;
-    currentMonth: number;
-    setMonth: (value: Date) => void;
-    locale: Locale;
-    confirmText: string;
-    cancelText: string;
-    cancel: () => void;
-    confirm: () => void;
-};
-declare const MonthPicker: FC<MonthPickerProps>;
-export default MonthPicker;
+import { MonthPicker } from "./MonthPicker";
+export { MonthPicker };

package/dist/components/MultiSelect/MultiSelect.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import * as React from "react";
 import { InputSize } from "../TextField/TextField";
 import { BUITheme } from "../../types/component";
 export type TypesVariant = "filled" | "outlined";
@@ -28,7 +28,7 @@ export interface MultiSelectProps {
     searchClassName?: string;
     searchChange?: (value: string) => void;
     options: Option[];
-    optionsFormat?: (option: optionsFormatParams) => ReactNode;
+    optionsFormat?: (option: optionsFormatParams) => React.ReactNode;
     multiLimit?: number;
     values?: string[];
     onChange?: (value: string[]) => void;
@@ -38,5 +38,5 @@ export interface MultiSelectRefProps {
     close: () => void;
     clear: () => void;
 }
-declare const MultiSelect: import("react").ForwardRefExoticComponent<MultiSelectProps & import("react").RefAttributes<MultiSelectRefProps>>;
-export default MultiSelect;
+declare const MultiSelect: React.ForwardRefExoticComponent<MultiSelectProps & React.RefAttributes<MultiSelectRefProps>>;
+export { MultiSelect };

package/dist/components/MultiSelect/index.d.ts

@@ -0,0 +1,2 @@
+import { MultiSelect } from "./MultiSelect";
+export { MultiSelect };

package/dist/components/Notification/Notification.d.ts

@@ -1,2 +1,2 @@
-import React from "react";
+import * as React from "react";
 export declare const Notification: () => React.ReactPortal;

package/dist/components/Notification/index.d.ts

@@ -0,0 +1,2 @@
+import { Notification } from "./Notification";
+export { Notification };

package/dist/components/Pagination/PageOptions.d.ts

@@ -9,4 +9,4 @@ export interface PageOptionProps {
     countPerPage?: string;
 }
 declare function PageOption(props: PageOptionProps): import("react/jsx-runtime").JSX.Element | null;
-export default PageOption;
+export { PageOption };

package/dist/components/Pagination/Pagination.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties } from "react";
+import * as React from "react";
 import { BUITheme } from "../../types/component";
 export interface PaginationProps {
     /**
@@ -22,7 +22,7 @@ export interface PaginationProps {
      */
     className?: string;
     theme?: BUITheme;
-    activeStyle?: CSSProperties;
+    activeStyle?: React.CSSProperties;
     total?: number;
     sizeOptions?: number[];
     sizeCanChange?: boolean;

package/dist/components/Pagination/index.d.ts

@@ -0,0 +1,3 @@
+import { Pagination } from "./Pagination";
+import { PageOption } from "./PageOptions";
+export { Pagination, PageOption };

package/dist/components/Picker/Picker.d.ts

@@ -0,0 +1,10 @@
+type PickerProps = {
+    list: {
+        label: string;
+        value: number;
+    }[];
+    selectedValue: number;
+    setValue: (value: number) => void;
+};
+declare const Picker: ({ list, selectedValue, setValue }: PickerProps) => import("react/jsx-runtime").JSX.Element;
+export { Picker };

package/dist/components/Picker/hooks/usePickerMethod.d.ts

@@ -1,7 +1,7 @@
 import { EffectCallback } from 'react';
 export declare const useMount: (callback: EffectCallback) => void;
 declare const usePickerMethod: (list: any, selectedValue: any) => {
-    pickerColumnsEl: import("react").RefObject<HTMLDivElement>;
+    pickerColumnsEl: import("react").RefObject<HTMLDivElement | null>;
     selected: any;
     setSelected: import("react").Dispatch<any>;
     selectIndex: (index: number) => void;

package/dist/components/Picker/index.d.ts

@@ -1,10 +1,2 @@
-type PickerProps = {
-    list: {
-        label: string;
-        value: number;
-    }[];
-    selectedValue: number;
-    setValue: (value: number) => void;
-};
-declare const Picker: ({ list, selectedValue, setValue }: PickerProps) => import("react/jsx-runtime").JSX.Element;
-export default Picker;
+import { Picker } from "./Picker";
+export { Picker };

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

@@ -1,5 +1,5 @@
 import { Placement } from "@popperjs/core";
-import React from "react";
+import * as React from "react";
 export interface PopoverProps {
     label: string | React.ReactNode;
     content: React.ReactNode;

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

@@ -0,0 +1,5 @@
+import { Popover } from "./Popover";
+import type { Placement } from "@popperjs/core";
+import type { PopoverRefProps } from "./Popover";
+export { Popover };
+export type { Placement, PopoverRefProps };

package/dist/components/Popup/Popup.d.ts

@@ -0,0 +1,15 @@
+import * as React from "react";
+interface PopupProps {
+    title: React.ReactNode;
+    content: React.ReactNode;
+    cancel?: () => void;
+    distance?: number;
+    disabled?: boolean;
+    auto?: boolean;
+}
+export interface PopupRef {
+    open: () => void;
+    close: () => void;
+}
+declare const Popup: React.ForwardRefExoticComponent<PopupProps & React.RefAttributes<PopupRef>>;
+export { Popup };

package/dist/components/Popup/index.d.ts

@@ -1,15 +1,4 @@
-import { ReactNode } from "react";
-interface PopupProps {
-    title: ReactNode;
-    content: ReactNode;
-    cancel?: () => void;
-    distance?: number;
-    disabled?: boolean;
-    auto?: boolean;
-}
-export interface PopupRef {
-    open: () => void;
-    close: () => void;
-}
-declare const Popup: import("react").ForwardRefExoticComponent<PopupProps & import("react").RefAttributes<PopupRef>>;
-export default Popup;
+import { Popup } from "./Popup";
+import type { PopupRef } from "./Popup";
+export { Popup };
+export type { PopupRef };

package/dist/components/RadioButton/RadioButton.d.ts

@@ -1,10 +1,10 @@
-import { ReactNode } from "react";
-import { BUITheme } from "../..";
+import * as React from "react";
+import { BUITheme } from "../../types/component";
 export interface RadioButtonProps extends React.InputHTMLAttributes<HTMLInputElement> {
-    label?: ReactNode;
+    label?: React.ReactNode;
     theme?: BUITheme;
     selected?: string;
     arrow?: "circle" | "check";
 }
-declare const RadioButton: import("react").ForwardRefExoticComponent<RadioButtonProps & import("react").RefAttributes<HTMLInputElement>>;
+declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
 export default RadioButton;

package/dist/components/RadioButton/styles.d.ts

@@ -1,4 +1,4 @@
-import { BUITheme } from "../..";
+import { BUITheme } from "../../types/component";
 declare const RadioButtonLabelVariants: ({ theme, checked, disabled }: {
     theme: BUITheme;
     checked: boolean;

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

@@ -1,10 +1,8 @@
-import { ReactNode } from "react";
-import { BUITheme } from "../..";
+import * as React from "react";
+import { BUITheme } from "../../types/component";
 export type SelectItem = {
     label: string;
     value: string;
-    disabled?: boolean;
-    className?: string;
 };
 export interface SelectProps extends React.InputHTMLAttributes<HTMLInputElement> {
     selectItems: SelectItem[];
@@ -16,7 +14,7 @@ export interface SelectProps extends React.InputHTMLAttributes<HTMLInputElement>
     arrowClassName?: string;
     menuWrapperClassName?: string;
     scrollable?: boolean;
-    wrapper?: (children: ReactNode) => ReactNode;
+    wrapper?: (children: React.ReactNode) => React.ReactNode;
     activeColor?: boolean;
     offsetParent?: number;
     trigger?: "click" | "hover";
@@ -24,18 +22,17 @@ export interface SelectProps extends React.InputHTMLAttributes<HTMLInputElement>
     labelId?: string;
     search?: boolean;
     searchClear?: boolean;
-    searchEmpty?: ReactNode;
-    customSelectItems?: (item: SelectItem) => ReactNode;
+    searchEmpty?: React.ReactNode;
+    customSelectItems?: (item: SelectItem) => React.ReactNode;
     searchChange?: (value: string) => void;
     rowKey?: string;
     labelField?: string;
     styles?: object;
     inputDisabled?: boolean;
     hoverClassName?: string;
-    className?: string;
     x?: number;
     y?: number;
     container?: Element;
 }
-declare const Select: import("react").ForwardRefExoticComponent<SelectProps & import("react").RefAttributes<HTMLInputElement>>;
+declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLInputElement>>;
 export default Select;

package/dist/components/Slider/Slider.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from "react";
 import { BUITheme } from "../../types/component";
 export interface SliderProps {
     /**
@@ -55,4 +55,4 @@ export interface SliderProps {
     disabled?: boolean;
     showTooltip?: boolean;
 }
-export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Sort/SortButton.d.ts

@@ -1,16 +1,16 @@
-import { CSSProperties, FC } from "react";
+import * as React from "react";
 import { SortsData } from "./reducer";
 import { BUITheme } from "../../types/component";
 export type TextAlign = "flex-start" | "flex-end" | "center";
 export interface SortButtonProps {
-    children: JSX.Element;
+    children: React.ReactElement;
     onSortChange: (data: SortsData[] | SortsData) => void;
     sortKey: string;
     hideSort?: boolean;
     textAlign?: TextAlign;
     width?: string;
-    iconStyle?: CSSProperties;
+    iconStyle?: React.CSSProperties;
     theme?: BUITheme;
 }
-declare const SortButton: FC<SortButtonProps>;
-export default SortButton;
+declare const SortButton: React.FC<SortButtonProps>;
+export { SortButton };

package/dist/components/Sort/SortGroup.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import * as React from "react";
 interface SortGroupProps {
-    children: JSX.Element;
+    children: React.ReactElement;
     type?: "single" | "multiple";
 }
-declare const SortGroup: import("react").ForwardRefExoticComponent<SortGroupProps & import("react").RefAttributes<{
+declare const SortGroup: React.ForwardRefExoticComponent<SortGroupProps & React.RefAttributes<{
     restSort: (callBack: () => void) => void;
 }>>;
-export default SortGroup;
+export { SortGroup };

package/dist/components/Sort/index.d.ts

@@ -0,0 +1,5 @@
+import { SortButton } from "./SortButton";
+import { SortGroup } from "./SortGroup";
+import type { TextAlign } from "./SortButton";
+export { SortButton, SortGroup };
+export type { TextAlign };

package/dist/components/Sortable/SortItem.d.ts

@@ -1,6 +1,6 @@
-import { FC, ReactNode } from "react";
+import * as React from "react";
 interface SortItemProps {
-    children: ReactNode;
+    children: React.ReactNode;
 }
-declare const SortItem: FC<SortItemProps>;
-export default SortItem;
+declare const SortItem: React.FC<SortItemProps>;
+export { SortItem };

package/dist/components/Sortable/Sortable.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+interface SortableProps {
+    direction: "horizontal" | "vertical";
+    children: React.ReactNode;
+    moveEnd: (prev: number, next: number) => void;
+    ghostClass?: string;
+    dragClass?: string;
+    customHandle?: string;
+}
+declare const Sortable: FC<SortableProps>;
+export { Sortable };

package/dist/components/Sortable/index.d.ts

@@ -1,11 +1,3 @@
-import { FC } from "react";
-interface SortableProps {
-    direction: "horizontal" | "vertical";
-    children: React.ReactNode;
-    moveEnd: (prev: number, next: number) => void;
-    ghostClass?: string;
-    dragClass?: string;
-    customHandle?: string;
-}
-declare const Sortable: FC<SortableProps>;
-export default Sortable;
+import { Sortable } from "./Sortable";
+import { SortItem } from "./SortItem";
+export { Sortable, SortItem };

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

@@ -1,9 +1,9 @@
-import { FC } from "react";
+import * as React from "react";
 interface SwitchProps {
     check: boolean;
     onChange: () => void;
     size?: "tiny" | "small" | "medium";
     className?: string;
 }
-export declare const Switch: FC<SwitchProps>;
+export declare const Switch: React.FC<SwitchProps>;
 export {};

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

@@ -0,0 +1,2 @@
+import { Switch } from "./Switch";
+export { Switch };

package/dist/components/Switch/styles.d.ts

@@ -1,11 +1,11 @@
 export declare const switchSize: (props?: ({
-    size?: "medium" | "small" | "tiny" | null | undefined;
+    size?: "small" | "medium" | "tiny" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const thumbSize: (props?: ({
-    size?: "medium" | "small" | "tiny" | null | undefined;
+    size?: "small" | "medium" | "tiny" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const moveSize: (props?: ({
-    size?: "medium" | "small" | "tiny" | null | undefined;
+    size?: "small" | "medium" | "tiny" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const bgStyle: (props?: ({
     theme?: "light" | "dark" | null | undefined;

package/dist/components/Tab/Tab.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
-import { BUIComponentSize } from "../..";
+import * as React from "react";
+import { BUIComponentSize } from "../../types/component";
 import { Base } from "../../types/component";
 interface TabProps extends Base {
     items: {

package/dist/components/Tab/index.d.ts

@@ -0,0 +1,4 @@
+import { Tab } from "./Tab";
+import type { TabRef } from "./Tab";
+export { Tab };
+export type { TabRef };

package/dist/components/Tab/styles.d.ts

@@ -1,5 +1,5 @@
 declare const itemStyles: (props?: ({
-    size?: "large" | "medium" | "small" | "max" | null | undefined;
+    size?: "small" | "medium" | "large" | "max" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare const itemActStyles: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
 declare const smallActStyles: (props?: ({

package/dist/components/Table/Pagination/index.d.ts

@@ -1,6 +1,6 @@
-import { FC } from "react";
+import * as React from "react";
 import { Direction } from "../interface";
-declare const Pagination: FC<{
+declare const Pagination: React.FC<{
     isLastPage: boolean;
     isFirstPage: boolean;
     onChange: (direction: Direction) => void;

package/dist/components/Table/Table.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from "react";
 import { TableProps } from "./interface";
 export declare const defaultWidth = "150";
 export declare const PageSize = 50;
-declare const Table: import("react").ForwardRefExoticComponent<TableProps<any> & import("react").RefAttributes<HTMLDivElement>>;
+declare const Table: React.ForwardRefExoticComponent<TableProps<any> & React.RefAttributes<HTMLDivElement>>;
 export default Table;

package/dist/components/Table/Tbody/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from "react";
 import { TableColumnProps } from "../interface";
-import { BUITheme } from "../../..";
+import { BUITheme } from "../../../types/component";
 interface TbodyProps {
     data: Record<string, string>[];
     columns: TableColumnProps[];
@@ -11,5 +11,5 @@ interface TbodyProps {
     tbodyClass?: string;
     rowIdPrefix?: string;
 }
-declare const Tbody: import("react").ForwardRefExoticComponent<TbodyProps & import("react").RefAttributes<HTMLTableRowElement | null>>;
+declare const Tbody: React.ForwardRefExoticComponent<TbodyProps & React.RefAttributes<HTMLTableRowElement | null>>;
 export default Tbody;

package/dist/components/Table/Thead/index.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from "react";
 import { SortProps, TableColumnProps } from "../interface";
-import { BUITheme } from "../../..";
+import { BUITheme } from "../../../types/component";
 import { SortType } from "../../Sort/reducer";
 interface TheadProps {
     data: Record<string, string>[];
@@ -14,5 +14,5 @@ interface TheadProps {
     type?: SortType;
     methodRef?: any;
 }
-declare const Thead: import("react").ForwardRefExoticComponent<TheadProps & import("react").RefAttributes<HTMLTableRowElement | null>>;
+declare const Thead: React.ForwardRefExoticComponent<TheadProps & React.RefAttributes<HTMLTableRowElement | null>>;
 export default Thead;

package/dist/components/Table/context.d.ts

@@ -1,4 +1,4 @@
-import { Dispatch } from 'react';
+import * as React from 'react';
 type StateType = {
     isScroll: boolean;
 };
@@ -9,9 +9,9 @@ type ActionType = {
 declare const State: {
     isScroll: boolean;
 };
-declare const Context: import("react").Context<{
+declare const Context: React.Context<{
     state: StateType;
-    dispatch: Dispatch<ActionType>;
+    dispatch: React.Dispatch<ActionType>;
 }>;
 declare const reducer: (state: StateType, action: ActionType) => StateType;
 export { Context, reducer, State };

package/dist/components/Table/hooks/useStickyOffset.d.ts

@@ -7,8 +7,8 @@ declare const useStickyOffset: (columns: TableColumnProps[]) => {
     fixed?: "left" | "right" | undefined;
     width?: string | undefined;
     align?: "center" | "flex-start" | "flex-end" | undefined;
-    render?: ((record: any, index: number) => JSX.Element) | undefined;
-    renderHeader?: ((record: any[]) => JSX.Element) | undefined;
+    render?: ((record: any, index: number) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | undefined;
+    renderHeader?: ((record: any[]) => import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>) | undefined;
     filter?: boolean | undefined;
     type?: import("../../Sort/reducer").SortType | undefined;
     onCell?: ((record: any, index: number) => number) | undefined;

package/dist/components/Table/index.d.ts

@@ -1,3 +1,3 @@
-import Table from './Table';
-export type { TableColumnProps } from './interface';
-export default Table;
+import Table from "./Table";
+export type { TableColumnProps } from "./interface";
+export { Table };

package/dist/components/Table/interface.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BUITheme } from "../..";
+import { BUITheme } from "../../types/component";
 import { SortType, SortsData } from "../Sort/reducer";
 interface TableColumnProps<T = any> {
     key?: string;
@@ -7,8 +7,8 @@ interface TableColumnProps<T = any> {
     fixed?: "right" | "left";
     width?: string;
     align?: "center" | "flex-start" | "flex-end";
-    render?: (record: T, index: number) => JSX.Element;
-    renderHeader?: (record: T[]) => JSX.Element;
+    render?: (record: T, index: number) => React.ReactElement;
+    renderHeader?: (record: T[]) => React.ReactElement;
     filter?: boolean;
     type?: SortType;
     onCell?: (record: T, index: number) => number;
@@ -29,7 +29,7 @@ interface TableProps<T = any> {
     changePagination?: (direction: Direction) => void;
     hidePagination?: boolean;
     paginationPosition?: "flex-start" | "center" | "flex-end";
-    renderEmpty?: JSX.Element;
+    renderEmpty?: React.ReactElement;
     theadClass?: string;
     tdClass?: string;
     scroll?: boolean;

package/dist/components/TextField/TextField.d.ts

@@ -1,16 +1,16 @@
-import { ReactNode } from "react";
+import * as React from "react";
 import { BUITheme } from "../../types/component";
 import { InputVariant } from "../LabelTextField/styles";
 export type InputSize = "sm" | "md" | "lg";
 export interface InputBaseProps extends React.InputHTMLAttributes<HTMLInputElement> {
     variant: InputVariant;
     theme?: BUITheme;
-    startAdornment?: ReactNode;
-    endAdornment?: ReactNode;
+    startAdornment?: React.ReactNode;
+    endAdornment?: React.ReactNode;
     disabled?: boolean;
     error?: boolean;
     inputClassName?: string;
     inputSize?: InputSize;
 }
-declare const TextField: import("react").ForwardRefExoticComponent<InputBaseProps & import("react").RefAttributes<HTMLInputElement>>;
+declare const TextField: React.ForwardRefExoticComponent<InputBaseProps & React.RefAttributes<HTMLInputElement>>;
 export default TextField;

package/dist/components/TextField/index.d.ts

@@ -1,2 +1,4 @@
 import TextField from "./TextField";
+import type { InputBaseProps } from "./TextField";
 export { TextField };
+export type { InputBaseProps };