@cloudtower/eagle 0.17.12 → 0.19.2-beta.0

package/dist/hooks/useLocalStorage.d.ts

@@ -1,6 +1,6 @@
-import { Serializable, SerializableObject } from "@tower/utils";
 import { UserSource } from "../spec";
 import { GlobalSearchHistory, PastTime } from "../utils";
+import { Serializable, SerializableObject } from "../utils/tower";
 declare type SetValue<T> = (obj: T | ((val: T) => T)) => void;
 export declare enum SupportLanguage {
     zh = "zh-CN",

package/dist/hooks/useSearch.d.ts

@@ -1,4 +1,4 @@
-import { Serializable } from "@tower/utils";
+import { Serializable } from "../utils/tower";
 export declare type SearchOperation = {
     pick?: string | string[];
     omit?: string | string[];

package/dist/hooks/utils.d.ts

@@ -1,3 +1,3 @@
-import { Serializable } from "@tower/utils";
+import { Serializable } from "../utils/tower";
 export declare const getSearch: <T extends Serializable>(searchString: string, defaultValue: T) => T;
 export declare function getValue<T extends Serializable>(val: T | Function, params?: T): T;

package/dist/index.d.ts

@@ -1,9 +1,11 @@
 import "./styles/index.scss";
-export * from "./components";
-export * from "./hooks";
-export * from "./spec";
-export * from "./store";
-export * from "./utils";
+export type { DateRange, GraphType, IconProps, IDataPoint } from "./components";
+export { antdKit, KitStoreProvider, tableStyleCover, tickFormatter, useKitDispatch, useKitSelector, } from "./components";
+export type { Kit, KitSelectProps, SorterOrder } from "./spec";
+export { kitContext } from "./spec";
+export type { KitRootState } from "./store";
+export { closeModal, popModal, pushModal } from "./store";
+export type { SelectProps } from "./utils";
 export * from "@cloudtower/parrot";
 export type { DropDownProps } from "antd/lib/dropdown";
 export type { ColumnsType, ColumnType, TableRowSelection, } from "antd/lib/table/interface";

package/dist/spec/base.d.ts

@@ -1,6 +1,4 @@
-import { FieldRenderProps } from "@smartx/react-final-form";
-import { FieldArrayRenderProps } from "@smartx/react-final-form-arrays";
-import { SerializableObject } from "@tower/utils";
+import { StyledMeta } from "@linaria/react";
 import { SizeType } from "antd/es/config-provider/SizeContext";
 import { AlertProps } from "antd/lib/alert";
 import { AutoCompleteProps } from "antd/lib/auto-complete";
@@ -8,41 +6,33 @@ import { BadgeProps } from "antd/lib/badge";
 import { ButtonProps as AntdButtonProps, ButtonType } from "antd/lib/button";
 import { CheckboxProps } from "antd/lib/checkbox";
 import { DatePickerProps } from "antd/lib/date-picker";
-import { DividerProps as AntdDividerProps } from "antd/lib/divider";
 import { DropDownProps } from "antd/lib/dropdown";
-import { FormProps } from "antd/lib/form";
-import { InputProps } from "antd/lib/input";
+import { GroupProps, InputProps } from "antd/lib/input";
 import { TextAreaProps as AntdTextAreaProps } from "antd/lib/input/TextArea";
 import { InputNumberProps } from "antd/lib/input-number";
-import { SiderProps } from "antd/lib/layout";
-import { BasicProps } from "antd/lib/layout/layout";
 import { ListProps } from "antd/lib/list";
-import { ListItemMetaProps, ListItemProps } from "antd/lib/list/Item";
+import { ListItemProps } from "antd/lib/list/Item";
 import { MenuItemGroupProps, MenuProps } from "antd/lib/menu";
 import { MenuItemProps } from "antd/lib/menu/MenuItem";
 import { SubMenuProps } from "antd/lib/menu/SubMenu";
-import { MessageInstance } from "antd/lib/message";
 import { ModalProps as AntdModalProps } from "antd/lib/modal";
-import { PopoverProps } from "antd/lib/popover";
 import { ProgressProps } from "antd/lib/progress";
-import { RadioGroupProps as AntdRadioGroupProps, RadioProps as AntdRadioProps } from "antd/lib/radio";
+import { RadioProps as AntdRadioProps } from "antd/lib/radio";
 import { RadioButtonProps as AntdRadioButtonProps } from "antd/lib/radio/radioButton";
 import { SelectProps as AntdSelectProps } from "antd/lib/select";
-import { SkeletonProps as AntdSkeletonProps } from "antd/lib/skeleton";
 import { StepProps, StepsProps } from "antd/lib/steps";
 import { SwitchProps as AntdSwitchProps } from "antd/lib/switch";
 import { ColumnsType, ColumnType, TableProps as AntdTableProps } from "antd/lib/table";
 import { TableRowSelection } from "antd/lib/table/interface";
-import { TagType } from "antd/lib/tag";
 import { TimePickerProps } from "antd/lib/time-picker";
 import { TooltipProps as AntdTooltipProps } from "antd/lib/tooltip";
-import { TreeProps as AntdTreeProps } from "antd/lib/tree";
 import React, { ReactNode } from "react";
-import { ImagesType } from "..";
+import { SerializableObject } from "../utils/tower";
+import { FieldRenderProps } from "./react-final-form";
 import { Architecture } from "./type";
 declare type BadgeTypeProps = "warning" | "error" | "info";
 declare type Primitive = "Int" | "Float" | "DateTime" | "Enum" | "String" | "Boolean";
-declare type Child = {
+export declare type Child = {
     type: Exclude<Primitive, "Enum">;
 } | {
     type: "Enum";
@@ -173,7 +163,7 @@ export interface TableProps<T extends {
 interface TableComponent {
     <TData extends IdObject>(props: React.PropsWithChildren<TableProps<TData>>, context?: unknown): React.ReactElement | null;
 }
-export interface EnumProps {
+export interface BaseEnumProps {
     enumValues: readonly (string | {
         value: string;
         text: string;
@@ -223,7 +213,7 @@ export interface FloatProps {
 export declare type TooltipProps = AntdTooltipProps & {
     followMouse?: boolean;
 };
-export declare type FieldBaseProps<V, T extends HTMLElement = HTMLElement> = FieldRenderProps<V, T> & {
+export declare type FieldBaseProps<V = any, T extends HTMLElement = HTMLElement> = FieldRenderProps<V, T> & {
     disabled?: boolean;
     className?: string;
 };
@@ -252,24 +242,6 @@ export declare type ModalProps = Omit<AntdModalProps, "okType"> & {
         disablePrevStep?: boolean;
     } | boolean;
 };
-export declare type Modal2Props = AntdModalProps & {
-    /** Set is fullscreen to display modal */
-    fullscreen?: boolean;
-    /** Set loading type for ok button */
-    okLoading?: boolean;
-    /** Set disabled type for ok button */
-    okDisabled?: boolean;
-    /** Set error in footer */
-    footerError?: string | React.ReactNode | Error;
-    children?: React.ReactNode;
-    /** Display cancel button */
-    showCancel?: boolean;
-    /** Display ok button */
-    showOk?: boolean;
-    /** Set is a normal modal, width is 460px. If width is set it will fail */
-    normal?: boolean;
-    size?: "normal" | "medium" | "fullscreen";
-};
 declare type SearchInputProps = Omit<InputProps, "onChange"> & {
     onChange: (value: string) => void;
     debounceWait?: number;
@@ -289,7 +261,7 @@ export declare type ButtonGroupType = {
         key: string;
         title?: string;
         hideTitle?: boolean;
-        icon?: ImagesType | JSX.Element;
+        icon?: JSX.Element;
     }>;
 };
 export declare type IntegerFieldProps<V = any, T extends HTMLElement = HTMLElement> = FieldBaseProps<V, T> & InputNumberProps & {
@@ -300,11 +272,15 @@ export declare type IntegerFieldProps<V = any, T extends HTMLElement = HTMLEleme
     size?: InputSize;
     onBlur?: (input: FieldBaseProps<number, HTMLInputElement>["input"], event?: React.FocusEvent<HTMLInputElement>) => void;
 };
+export declare type FloatFieldProps<V = any, T extends HTMLElement = HTMLElement> = FieldBaseProps<V, T> & FloatProps & {
+    onChange?: FieldBaseProps<V, T>["input"]["onChange"];
+    autoComplete?: "on" | "off";
+};
 export declare type ButtonProps = {
-    prefixIcon?: ImagesType | JSX.Element;
-    hoverPrefixIcon?: ImagesType | JSX.Element;
-    suffixIcon?: ImagesType | JSX.Element;
-    hoverSuffixIcon?: ImagesType | JSX.Element;
+    prefixIcon?: JSX.Element;
+    hoverPrefixIcon?: JSX.Element;
+    suffixIcon?: JSX.Element;
+    hoverSuffixIcon?: JSX.Element;
     type?: ButtonType | "secondary" | "tertiary" | "ordinary" | "ordinary-onTint" | "quiet";
 } & Omit<AntdButtonProps, "type">;
 export declare type SwitchProps = Omit<AntdSwitchProps, "size"> & {
@@ -323,66 +299,22 @@ export declare type RadioButtonProps = AntdRadioButtonProps & {
     initialValue?: string | number;
     onInputChange?: (val: number | string | undefined) => void;
 };
-export declare type IStepsPorps = StepsProps & {
+export declare type IStepsProps = StepsProps & {
     stepsConfig?: Array<StepProps>;
     containerClassname?: string;
     showStepCount?: boolean;
 };
-declare type ErrorType = string | React.ReactNode | Error;
-export declare type InitializedModalType = Modal2Props & {
-    initLoading: boolean;
-    initError: ErrorType;
-    analyzeFallbackError: (fallback: unknown) => {
-        msg: string;
-        originalMsg: string;
-    } | null;
-};
-export declare type WizardModalType = Modal2Props & {
-    step: number;
-    onStepChange?: (step: number) => void;
-    steps: {
-        title: string;
-        render: React.ReactNode;
-        prevText?: string | React.ReactNode;
-        okText?: string | React.ReactNode;
-        onOk?: (e: React.MouseEvent<HTMLElement>) => void;
-        disabled?: boolean;
-    }[];
-    right?: React.ReactNode;
-    destroyOtherStep?: boolean;
-    disablePrevStep?: boolean;
-    stepsPosition?: "top" | "side";
-    analyzeFallbackError: (fallback: unknown) => {
-        msg: string;
-        originalMsg: string;
-    } | null;
-};
-export interface Modal2Type extends React.FC<Modal2Props> {
-    Initialized: React.FC<InitializedModalType>;
-    Wizard: React.FC<WizardModalType>;
-}
 export interface Kit<V = any, T extends HTMLElement = HTMLElement> {
     PAGINATION_SELECTOR: string;
     TABLE_WRAPPER_SELECTOR: string;
     THEAD_SELECTOR: string;
     TBODY_SELECTOR: string;
     MODAL_WHITELIST: string[];
-    loading: React.FunctionComponent<{
-        fullView?: boolean;
-    }>;
-    error: React.FunctionComponent<{
-        error: unknown;
-    }>;
-    pagination: React.FC<PaginationProps>;
-    select: React.FunctionComponent<LooseFieldRenderProps<V, T> & KitSelectProps>;
-    option: React.FunctionComponent<OptionProps>;
+    select: SelectComponentType<V, T>;
+    option: OptionComponentType;
     table: TableComponent;
-    button: React.FC<ButtonProps>;
     modal: React.FC<ModalProps>;
-    modal2: React.FC<Modal2Props> & Modal2Type;
     dropdown: React.FC<DropDownProps>;
-    switch: React.FC<SwitchProps>;
-    tooltip: React.FC<TooltipProps>;
     input: React.FC<InputProps & {
         error?: boolean;
     }>;
@@ -394,10 +326,7 @@ export interface Kit<V = any, T extends HTMLElement = HTMLElement> {
     fields: {
         Int: React.FunctionComponent<IntFieldProps<V, T>>;
         Integer: React.FunctionComponent<IntegerFieldProps<V, T>>;
-        Float: React.FunctionComponent<FieldBaseProps<V, T> & FloatProps & {
-            onChange?: FieldBaseProps<V, T>["input"]["onChange"];
-            autoComplete?: "on" | "off";
-        }>;
+        Float: React.FunctionComponent<FloatFieldProps<V, T>>;
         DateTime: React.FunctionComponent<FieldBaseProps<V, T>>;
         Enum: React.FunctionComponent<{
             input: Partial<FieldRenderProps<V, T>["input"]>;
@@ -405,47 +334,15 @@ export interface Kit<V = any, T extends HTMLElement = HTMLElement> {
             disabled?: boolean;
             className?: string;
             dropdownClassName?: string;
-        } & EnumProps>;
+        } & BaseEnumProps>;
         String: React.FunctionComponent<FieldBaseProps<V, T> & StringProps>;
         Boolean: React.FunctionComponent<FieldBaseProps<V, T>>;
         TextArea: React.FC<FieldBaseProps<V, T> & TextAreaProps>;
-        Array: React.FunctionComponent<FieldArrayRenderProps<V, T> & {
-            child: Child;
-        }>;
         DateTimeRange: React.FunctionComponent<FieldBaseProps<V, T> & DatePickerProps>;
         TimePicker: React.FunctionComponent<FieldBaseProps<V, T> & TimePickerProps>;
     };
-    units: {
-        Byte: UnitFn;
-        Frequency: UnitFn;
-        Percent: UnitFn;
-        Speed: UnitFn;
-        Second: UnitFn;
-        Bps: UnitFn;
-        BitPerSecond: UnitFn;
-        Bit: UnitFn;
-    };
-    inputGroup: React.FunctionComponent<{
-        compact: boolean;
-    }>;
-    Empty: React.ReactElement | null;
-    alert: React.FunctionComponent<Omit<AlertProps, "type"> & {
-        type?: AlertProps["type"] | "normal";
-    }>;
+    inputGroup: InputGroupComponentType;
     searchInput: React.FC<SearchInputProps>;
-    exportButton: React.FC<{
-        href?: string;
-    }>;
-    badge: React.FC<BadgeProps & {
-        type?: BadgeTypeProps;
-    }>;
-    radio: React.FC<RadioProps>;
-    radioGroup: React.FC<AntdRadioGroupProps>;
-    radioButton: React.FC<RadioButtonProps>;
-    tree: React.FC<AntdTreeProps>;
-    progress: React.FC<ProgressProps>;
-    divider: React.FC<AntdDividerProps>;
-    skeleton: React.FC<AntdSkeletonProps>;
     menu: React.ComponentType<MenuProps> & {
         Divider: React.FC<import("rc-menu/lib/Divider").DividerProps>;
         Item: React.ComponentType<MenuItemProps>;
@@ -456,23 +353,33 @@ export interface Kit<V = any, T extends HTMLElement = HTMLElement> {
     menuItemGroup: React.ComponentType<MenuItemGroupProps>;
     list: <T>(props: ListProps<T>) => JSX.Element;
     listItem: React.FC<ListItemProps>;
-    listItemMeta: React.FC<ListItemMetaProps>;
-    layout: React.ComponentType<BasicProps> & {
-        Header: React.ComponentType<BasicProps>;
-        Footer: React.ComponentType<BasicProps>;
-        Content: React.ComponentType<BasicProps>;
-        Sider: React.ComponentType<SiderProps>;
-    };
     autoComplete: React.ForwardRefExoticComponent<AutoCompleteProps>;
-    message: MessageInstance;
-    tag: TagType;
-    popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<unknown>>;
-    arch: React.FC<{
-        architecture?: Architecture;
-    }>;
-    buttonGroup: React.ForwardRefExoticComponent<ButtonGroupType & React.RefAttributes<HTMLDivElement>>;
-    steps: React.FC<IStepsPorps>;
-    form: React.FC<FormProps>;
 }
 export declare const kitContext: React.Context<Kit<any, HTMLElement>>;
+export declare type ArchComponentType = React.FC<{
+    architecture?: Architecture;
+}>;
+export declare type SelectComponentType<V = any, T extends HTMLElement = HTMLElement> = React.FunctionComponent<LooseFieldRenderProps<V, T> & KitSelectProps>;
+export declare type OptionComponentType = React.FC<OptionProps> & {
+    isSelectOption: boolean;
+};
+export declare type BadgeComponentType = React.FC<BadgeProps & {
+    type?: BadgeTypeProps;
+}>;
+export declare type ProgressComponentType = React.FC<ProgressProps>;
+export declare type InputGroupComponentType = StyledMeta & React.FC<GroupProps>;
+export declare type AlertComponentType = React.FunctionComponent<Omit<AlertProps, "type"> & {
+    type?: AlertProps["type"] | "normal";
+}>;
+export declare type SearchInputComponentType = React.FC<SearchInputProps>;
+export declare type LoadingComponentType = React.FunctionComponent<{
+    fullView?: boolean;
+}>;
+export declare type EnumProps<V = any, T extends HTMLElement = HTMLElement> = {
+    input: Partial<FieldRenderProps<V, T>["input"]>;
+    meta: FieldRenderProps<V, T>["meta"];
+    disabled?: boolean;
+    className?: string;
+    dropdownClassName?: string;
+} & BaseEnumProps;
 export {};

package/dist/spec/react-final-form.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+interface AnyObject {
+    [key: string]: any;
+}
+interface FieldInputProps<FieldValue, T extends HTMLElement = HTMLElement> extends AnyObject {
+    name: string;
+    onBlur: (event?: React.FocusEvent<T>) => void;
+    onChange: (event: React.ChangeEvent<T> | any) => void;
+    onFocus: (event?: React.FocusEvent<T>) => void;
+    type?: string;
+    value: FieldValue;
+    checked?: boolean;
+    multiple?: boolean;
+}
+export interface FieldState<FieldValue> {
+    active?: boolean;
+    blur: () => void;
+    change: (value: any) => void;
+    data?: AnyObject;
+    dirty?: boolean;
+    dirtySinceLastSubmit?: boolean;
+    error?: any;
+    focus: () => void;
+    initial?: FieldValue;
+    invalid?: boolean;
+    length?: number;
+    modified?: boolean;
+    name: string;
+    pristine?: boolean;
+    submitError?: any;
+    submitFailed?: boolean;
+    submitSucceeded?: boolean;
+    submitting?: boolean;
+    touched?: boolean;
+    valid?: boolean;
+    validating?: boolean;
+    value?: FieldValue;
+    visited?: boolean;
+}
+export declare type FieldMetaState<FieldValue> = Pick<FieldState<FieldValue>, Exclude<keyof FieldState<FieldValue>, "blur" | "change" | "focus" | "name" | "value">>;
+export interface FieldRenderProps<FieldValue, T extends HTMLElement = HTMLElement> {
+    input: FieldInputProps<FieldValue, T>;
+    meta: FieldMetaState<FieldValue>;
+    [otherProp: string]: any;
+}
+export {};

package/dist/store/modal.d.ts

@@ -50,6 +50,9 @@ export declare type Actions = PUSH_MODAL<unknown> | POP_MODAL | REMOVE_MODAL | C
 export declare const initialModalState: ModalState;
 export declare const modalReducer: (state: ModalState | undefined, action: Actions) => ModalState;
 export interface IModalProps {
+    [key: string]: Partial<{
+        [key: string]: unknown;
+    }>;
 }
 export declare type GetModalProps<K extends keyof IModalProps> = IModalProps[K] & CloseCb;
 export {};