@cloudtower/eagle 0.0.0-config-rc-9 → 0.0.0-data-testid

package/dist/src/core/Fields/index.d.ts

@@ -1,26 +1,30 @@
 /// <reference types="react" />
 declare const fields: {
-    Int: ({ input, meta, onBlur, autoComplete, supportNegativeValue, ...props }: import("./FieldsInt").IntFieldProps) => import("react").JSX.Element;
-    Integer: ({ meta, input, onBlur, ...props }: import("../..").IntegerFieldProps) => import("react").JSX.Element;
-    Float: ({ input, meta, onBlur, autoComplete, ...props }: import("../..").FloatFieldProps) => import("react").JSX.Element;
-    DateTime: ({ input }: import("./fields.type").FieldBaseProps) => import("react").JSX.Element;
-    TimePicker: ({ input, meta, ...props }: import("./fields.type").FieldRenderProps<any, HTMLElement> & {
+    Int: ({ input, meta, onBlur, autoComplete, supportNegativeValue, "data-testid": dataTestId, ...props }: import("./FieldsInt").IntFieldProps) => import("react").JSX.Element;
+    Integer: ({ meta, input, onBlur, "data-testid": dataTestId, ...props }: import("../..").IntegerFieldProps) => import("react").JSX.Element;
+    Float: ({ input, meta, onBlur, autoComplete, "data-testid": dataTestId, ...props }: import("../..").FloatFieldProps) => import("react").JSX.Element;
+    DateTime: ({ input, "data-testid": dataTestId, }: import("./fields.type").FieldBaseProps) => import("react").JSX.Element;
+    TimePicker: ({ input, meta, "data-testid": dataTestId, ...props }: import("./fields.type").FieldRenderProps<any, HTMLElement> & {
         disabled?: boolean | undefined;
         className?: string | undefined;
+        "data-testid"?: string | undefined;
     } & import("antd/lib/time-picker").TimePickerProps) => import("react").JSX.Element;
-    Enum: ({ meta: __, enumValues, emptyLabel, ...restProps }: import("./FieldsEnum").EnumProps) => import("react").JSX.Element;
-    String: ({ input, meta, autoComplete, size, tags, className, allowClear, tagsOverflow, onTagsAllowClearClick, onClick, maxLength, focusIndicator, ...props }: import("./fields.type").FieldRenderProps<any, HTMLElement> & {
+    Enum: ({ meta: __, enumValues, emptyLabel, "data-testid": dataTestId, ...restProps }: import("./FieldsEnum").EnumProps) => import("react").JSX.Element;
+    String: ({ input, meta, autoComplete, size, tags, className, allowClear, tagsOverflow, onTagsAllowClearClick, onClick, maxLength, focusIndicator, "data-testid": dataTestId, ...props }: import("./fields.type").FieldRenderProps<any, HTMLElement> & {
         disabled?: boolean | undefined;
         className?: string | undefined;
+        "data-testid"?: string | undefined;
     } & import("./FieldsString").StringProps) => import("react").JSX.Element;
-    Boolean: ({ input, children, ...props }: import("./fields.type").FieldBaseProps) => import("react").JSX.Element;
-    TextArea: ({ input, meta, onFocusChangeHeight, ...props }: import("./fields.type").FieldRenderProps<any, HTMLElement> & {
+    Boolean: ({ input, children, "data-testid": dataTestId, ...props }: import("./fields.type").FieldBaseProps) => import("react").JSX.Element;
+    TextArea: ({ input, meta, onFocusChangeHeight, "data-testid": dataTestId, ...props }: import("./fields.type").FieldRenderProps<any, HTMLElement> & {
         disabled?: boolean | undefined;
         className?: string | undefined;
+        "data-testid"?: string | undefined;
     } & import("antd/lib/input").TextAreaProps) => import("react").JSX.Element;
     DateTimeRange: import("react").FC<import("./fields.type").FieldRenderProps<any, HTMLElement> & {
         disabled?: boolean | undefined;
         className?: string | undefined;
+        "data-testid"?: string | undefined;
     } & import("antd/lib/date-picker").DatePickerProps>;
 };
 export default fields;

package/dist/src/core/FormItem/index.d.ts

@@ -1,4 +1,6 @@
 import { FormItemProps } from "antd/lib/form";
 import React from "react";
-declare const FormItem: (props: React.PropsWithChildren<FormItemProps>) => React.ReactElement;
+declare const FormItem: (props: React.PropsWithChildren<FormItemProps> & {
+    "data-testid"?: string;
+}) => React.ReactElement;
 export default FormItem;

package/dist/src/core/ImmersiveDialog/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ImmersiveDialogProps } from "./type";
+export declare function ImmersiveDialog(props: ImmersiveDialogProps): React.JSX.Element;

package/dist/src/core/ImmersiveDialog/styles.d.ts

@@ -0,0 +1,14 @@
+export declare const ImmersiveDialogStyle: import("@linaria/core").LinariaClassName;
+export declare const MultiAreaStyle: import("@linaria/core").LinariaClassName;
+export declare const CloseIconStyle: import("@linaria/core").LinariaClassName;
+export declare const TitleStyle: import("@linaria/core").LinariaClassName;
+export declare const FullContentStyle: import("@linaria/core").LinariaClassName;
+export declare const BodyStyle: import("@linaria/core").LinariaClassName;
+export declare const MultiAreaBodyStyle: import("@linaria/core").LinariaClassName;
+export declare const FooterStyle: import("@linaria/core").LinariaClassName;
+export declare const FooterButtonStyle: import("@linaria/core").LinariaClassName;
+export declare const FooterButtonRightStyle: import("@linaria/core").LinariaClassName;
+export declare const ErrorStyle: import("@linaria/core").LinariaClassName;
+export declare const ErrorIconStyle: import("@linaria/core").LinariaClassName;
+export declare const ErrorTextStyle: import("@linaria/core").LinariaClassName;
+export declare const CancelButtonStyle: import("@linaria/core").LinariaClassName;

package/dist/src/core/ImmersiveDialog/type.d.ts

@@ -0,0 +1,156 @@
+/// <reference types="react" />
+import { ButtonProps } from "../../core/Button";
+import { ModalProps as AntdModalProps } from "antd/lib/modal";
+/**
+ * 沉浸式全屏对话框，支持左中右三栏布局。适合复杂操作、大面积内容展示。通过 usePushModal 打开。
+ *
+ * 默认三栏布局宽度：左侧面板 192px、中间内容区 648px、右侧面板 192px，左右面板与内容区间距 60px。
+ * 设置 `isContentFull` 后左右面板隐藏，内容区占满整个对话框宽度。
+ *
+ * @example
+ * ```tsx
+ * // 带左右面板的全屏对话框（创建虚拟机场景）
+ * import { ImmersiveDialog } from "@cloudtower/eagle";
+ * import { usePushModal, usePopModal } from "@cloudtower/eagle";
+ *
+ * const pushModal = usePushModal();
+ *
+ * pushModal({
+ *   component: () => (
+ *     <ImmersiveDialog
+ *       title="创建虚拟机"
+ *       left={<VMConfigSteps current={step} />}
+ *       right={<VMResourceSummary cpu={cpu} memory={memory} />}
+ *       onOk={() => handleCreate()}
+ *     >
+ *       <VMConfigForm step={step} />
+ *     </ImmersiveDialog>
+ *   ),
+ *   props: { name: "CreateVmDialog" },
+ * });
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // 纯内容全屏对话框（isContentFull 模式）
+ * import { ImmersiveDialog } from "@cloudtower/eagle";
+ * import { usePushModal, usePopModal } from "@cloudtower/eagle";
+ *
+ * const popModal = usePopModal();
+ *
+ * <ImmersiveDialog
+ *   title="查看详情"
+ *   isContentFull
+ *   onOk={() => popModal()}
+ * >
+ *   <FullWidthContent />
+ * </ImmersiveDialog>
+ * ```
+ *
+ * 除下列自有属性外，还继承了 antd Modal 的全部属性（如 `onCancel`、`maskClosable`、`closable` 等），
+ * 这些属性会直接透传给底层 Modal 组件。
+ *
+ * @see WizardDialog — 基于 ImmersiveDialog 的向导变体，支持分步操作
+ * @see SmallDialog — 小型弹窗（492px），适用于简单确认或少量内容
+ * @see MediumDialog — 中型弹窗（720px），适用于中等复杂度的表单或内容
+ */
+export type ImmersiveDialogProps = React.PropsWithChildren<AntdModalProps & {
+    /** 自定义关闭图标，替换右上角默认的关闭按钮图标 */
+    closeIcon?: React.ReactNode;
+    /**
+     * 是否显示取消按钮
+     * @default true
+     */
+    showCancel?: boolean;
+    /**
+     * 取消按钮的文本。
+     * 当 showOk 为 true 时默认为"取消"，否则默认为"关闭"。
+     */
+    cancelText?: string;
+    /** 取消按钮的属性，透传至底层 Button 组件 */
+    cancelButtonProps?: ButtonProps;
+    /**
+     * 是否显示确定按钮
+     * @default true
+     */
+    showOk?: boolean;
+    /**
+     * 确定按钮的文本。
+     * 当存在 initializingError 时默认为"重试"，否则默认为"确认"。
+     */
+    okText?: string;
+    /** 确定按钮的属性，透传至底层 Button 组件 */
+    okButtonProps?: ButtonProps;
+    /** 底部错误信息，显示在 footer 左侧区域，最多展示 3 行溢出后 tooltip 提示 */
+    error?: React.ReactNode;
+    /**
+     * 是否隐藏 footer。隐藏后 footer 区域仍保留 40px 的空白间距。
+     * @default false
+     */
+    hideFooter?: boolean;
+    /**
+     * 是否展示 footer 错误信息旁的错误图标
+     * @default true
+     */
+    showFooterErrorIcon?: boolean;
+    /**
+     * 确定按钮的回调。
+     *
+     * 注意：签名为 `(e: React.MouseEvent) => void`，与 SmallDialog/MediumDialog 的
+     * `onOk?: (popModal: () => void) => void` 不同。此组件的 onOk 不会自动关闭弹窗，
+     * 需要通过 `usePopModal()` hook 获取 popModal 函数手动关闭。
+     */
+    onOk?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    /**
+     * 是否内容占满整个对话框宽度。
+     * 开启后隐藏左右面板，内容区域占满对话框，左右各留 40px 的内边距。
+     * @default false
+     */
+    isContentFull?: boolean;
+    /**
+     * 左侧面板的自定义内容。
+     * 三栏布局下固定宽度 192px，使用 fixed 定位，顶部距弹窗上边缘 140px。
+     * 当 isContentFull 为 true 或处于 initializing/initializingError 状态时不渲染。
+     */
+    left?: React.ReactNode;
+    /**
+     * 左侧面板的自定义类名，用于覆盖左侧面板的默认样式。
+     * 面板默认宽度 192px，可通过此类名调整样式。
+     */
+    leftClassName?: string;
+    /**
+     * 右侧面板的自定义内容。
+     * 三栏布局下固定宽度 192px，使用 fixed 定位，顶部距弹窗上边缘 140px。
+     * 当 isContentFull 为 true 或处于 initializing/initializingError 状态时不渲染。
+     */
+    right?: React.ReactNode;
+    /**
+     * 右侧面板的自定义类名，用于覆盖右侧面板的默认样式。
+     * 面板默认宽度 192px，可通过此类名调整样式。
+     */
+    rightClassName?: string;
+    /**
+     * 底部左侧的操作区域，通常放置"上一步"按钮或其他辅助操作。
+     * 渲染在 footer 左侧，与确定/取消按钮分居两端。
+     */
+    footerLeftAction?: React.ReactNode;
+    /**
+     * 是否处于初始化加载中状态。
+     * 为 true 时标题区显示骨架屏，内容区显示 4 行骨架屏加载占位，footer 隐藏。
+     * 加载完成后设为 false 显示正常内容。
+     * @default false
+     */
+    initializing?: boolean;
+    /**
+     * 初始化错误的内容。设置后内容区显示错误提示（居中展示），
+     * 标题自动变为"加载失败"，确定按钮文本自动变为"重试"。
+     * 与 initializing 配合使用：先设 initializing=true 开始加载，
+     * 失败时设 initializing=false 并设置 initializingError。
+     */
+    initializingError?: string | React.ReactNode;
+    /**
+     * 测试标识符前缀，用于自动化测试定位元素。
+     * 派生子 testid：`${testId}-cancel`、`${testId}-ok`、`${testId}-close`
+     */
+    "data-testid"?: string;
+}>;

package/dist/src/core/Input/index.d.ts

@@ -1,7 +1,5 @@
-import { InputProps } from "antd/lib/input";
 import React from "react";
-declare const Input: React.FC<InputProps & {
-    error?: boolean;
-}>;
+import { InputProps } from "./input.type";
+declare const Input: React.FC<InputProps>;
 export default Input;
 export * from "./input.type";

package/dist/src/core/Input/input.type.d.ts

@@ -1,3 +1,4 @@
+import { InputProps as AntdInputProps } from "antd/lib/input";
 export interface AdditionOptions {
     /**
      * 使用变量控制是否显示 error 效果
@@ -11,4 +12,12 @@ export interface AdditionOptions {
      * 开启 control 后，不会显示 suffix
      */
     suffix?: string;
+    /**
+     * 数据测试 id
+     */
+    "data-testid"?: string;
 }
+export type InputProps = AntdInputProps & {
+    error?: boolean;
+    "data-testid"?: string;
+};

package/dist/src/core/InputPassword/index.d.ts

@@ -1,10 +1,15 @@
 import { PasswordProps } from "antd/lib/input";
 import React from "react";
 export declare const AntdPasswordInputStyled: import("@linaria/react").StyledMeta & React.ForwardRefExoticComponent<PasswordProps & React.RefAttributes<unknown>>;
-declare const InputPassword: React.FC<PasswordProps & {
+export type InputPasswordProps = PasswordProps & {
     /**
      * 使用变量控制是否显示 error 效果
      */
     error?: boolean;
-}>;
+    /**
+     * 数据测试 id
+     */
+    "data-testid"?: string;
+};
+declare const InputPassword: React.FC<InputPasswordProps>;
 export default InputPassword;

package/dist/src/core/KitStoreProvider/index.d.ts

@@ -9,3 +9,4 @@ export declare const useKitSelector: <Selected extends unknown>(selector: (state
 export declare const usePushModal: () => <K extends string | number>(modal: ModalType<IModalProps[K]>) => void;
 export declare const useCloseModal: () => (id: number) => void;
 export declare const usePopModal: () => () => void;
+export declare const useResetModal: () => () => void;

package/dist/src/core/LegacyModal/LegacyModal.type.d.ts

@@ -0,0 +1,71 @@
+/// <reference types="react" />
+import { ModalProps as AntdModalProps } from "antd/lib/modal";
+export type WizardSteps = {
+    /** 步骤标题 */
+    title: string;
+    /** 步骤内容渲染 */
+    render: React.ReactNode;
+    /**
+     * 自定义上一步按钮文本
+     */
+    prevText?: string | React.ReactNode;
+    /**
+     * 自定义上一步按钮事件处理
+     * @returns void
+     */
+    onPrev?: () => void;
+    /** 自定义确认按钮文本 */
+    okText?: string | React.ReactNode;
+    /** 确认按钮点击事件处理 */
+    onOk?: (e: React.MouseEvent<HTMLElement>) => void;
+    /** 是否禁用当前步骤 */
+    disabled?: boolean;
+}[];
+/**
+ * @deprecated This component is deprecated and will be removed in future versions.
+ * Please use the following alternatives:
+ * - For standard dialogs: use `MediumDialog` or `SmallDialog`
+ * - For fullscreen dialogs: use `ImmersiveDialog`
+ * - For wizard-style dialogs: use `WizardDialog`
+ * @see MediumDialog
+ * @see SmallDialog
+ * @see ImmersiveDialog
+ * @see WizardDialog
+ */
+export type LegacyModalProps = Omit<AntdModalProps, "okType"> & {
+    /** 确认按钮加载状态 */
+    confirmLoading?: boolean;
+    /** 是否全屏显示 */
+    fullscreen?: boolean;
+    /** 错误信息展示 */
+    error?: string | React.ReactNode;
+    /** 是否使用普通模式 */
+    normal?: boolean;
+    /** 模态框内容 */
+    children?: React.ReactNode;
+    /** 是否显示取消按钮 */
+    showCancel?: boolean;
+    /** 是否显示确认按钮 */
+    showOk?: boolean;
+    /** 自定义关闭图标 */
+    closeIcon?: React.ReactNode;
+    /** 向导模式配置 */
+    wizard?: {
+        /** 当前步骤 */
+        step: number;
+        /** 步骤改变时的回调 */
+        onStepChange?: (step: number) => void;
+        /** 步骤配置数组 */
+        steps: WizardSteps;
+        /** 是否隐藏左侧区域 */
+        hideLeft?: boolean;
+        /** 右侧自定义内容 */
+        right?: React.ReactNode;
+        /** 是否销毁其他步骤内容 */
+        destroyOtherStep?: boolean;
+        /** 是否禁用上一步操作 */
+        disablePrevStep?: boolean;
+    } | boolean;
+    /** 是否隐藏底部按钮边框 */
+    hideFooterButtonBorder?: boolean;
+};

package/dist/src/core/LegacyModal/index.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { LegacyModalProps } from "./LegacyModal.type";
+/**
+ * @deprecated This component is deprecated and will be removed in future versions.
+ * Please use the following alternatives:
+ * - For standard dialogs: use `MediumDialog` or `SmallDialog`
+ * - For fullscreen dialogs: use `ImmersiveDialog`
+ * - For wizard-style dialogs: use `WizardDialog`
+ * @see MediumDialog
+ * @see SmallDialog
+ * @see ImmersiveDialog
+ * @see WizardDialog
+ */
+declare const LegacyModal: React.FC<LegacyModalProps>;
+export default LegacyModal;
+export * from "./LegacyModal.type";

package/dist/src/core/LegacySelect/index.d.ts

@@ -0,0 +1,4 @@
+import { LegacySelectComponentType } from "./select.type";
+declare const LegacySelect: LegacySelectComponentType<any, HTMLElement>;
+export default LegacySelect;
+export * from "./select.type";

package/dist/src/core/LegacySelect/select.style.d.ts

@@ -0,0 +1 @@
+export declare const SelectStyle: import("@linaria/core").LinariaClassName;

package/dist/src/core/LegacySelect/select.type.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { SelectProps as AntdSelectProps } from "antd/lib/select";
+import { FieldRenderProps } from "../Fields/fields.type";
+export type KitLegacySelectProps = {
+    defaultValue?: string;
+    error?: unknown | React.ReactNode;
+    danger?: boolean;
+    multiple?: boolean;
+    scrollBottomBuffer?: number;
+    onScrollBottom?: () => void;
+    selectLimit?: number;
+    "data-testid"?: string;
+} & AntdSelectProps<string>;
+export interface LooseFieldRenderProps<V, T extends HTMLElement> {
+    input: {
+        name?: FieldRenderProps<V, T>["input"]["name"];
+        value?: FieldRenderProps<V, T>["input"]["value"];
+        onBlur?: FieldRenderProps<V, T>["input"]["onBlur"];
+        onChange?: (value: string | string[], option: {
+            object: V;
+        } | Array<{
+            object: V;
+        }>) => void;
+        onFocus?: FieldRenderProps<V, T>["input"]["onFocus"];
+        type?: FieldRenderProps<V, T>["input"]["type"];
+        checked?: FieldRenderProps<V, T>["input"]["checked"];
+        multiple?: FieldRenderProps<V, T>["input"]["multiple"];
+    };
+    meta?: FieldRenderProps<V, T>["meta"];
+    focusIndicator?: boolean;
+}
+export type LegacySelectComponentType<V = any, T extends HTMLElement = HTMLElement> = React.FunctionComponent<LooseFieldRenderProps<V, T> & KitLegacySelectProps>;

package/dist/src/core/Legend/__test__/h5_css.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/core/Legend/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { LegendColor, LegendComponentType, LegendShapes } from "./legend.type";
+export declare const LegendPresetColors: LegendColor[];
+export declare const LegendIcon: React.FC<{
+    shape: LegendShapes;
+}>;
+declare const Legend: LegendComponentType;
+export default Legend;
+export * from "./legend.type";

package/dist/src/core/Legend/legend.type.d.ts

@@ -0,0 +1,27 @@
+import { CSSProperties } from "react";
+export type LegendColor = "red" | "yellow" | "green" | "blue" | "gray" | "purple" | "success" | "danger" | "warning";
+export type LegendShapes = "circle" | "square" | "loading";
+export type LegendComponentType = React.FC<{
+    /** Text label to be displayed next to the legend item, or you can use children */
+    label?: string;
+    /** Additional CSS class name(s) to be applied to the legend item */
+    className?: string;
+    /** Custom inline styles to be applied to the legend item */
+    style?: CSSProperties;
+    /** Color of the legend item. Can be one of: 'red', 'yellow', 'green', 'blue', 'gray', 'purple', 'success', 'danger', 'warning' */
+    color?: LegendColor;
+    /** Shape of the legend item. Can be: 'circle', 'square', or 'loading' */
+    shape?: LegendShapes;
+    /** Whether the legend item should show hover effects */
+    hoverable?: boolean;
+    /** Enables tint mode styling for the legend item */
+    onTintMode?: boolean;
+    /** Numeric value to be displayed alongside the legend item */
+    number?: number;
+    /** Unique identifier for the legend item */
+    key?: string | number;
+    /** Callback function triggered when the legend item is clicked */
+    onClick?: (e: React.MouseEvent<HTMLDivElement>, key?: string | number) => void;
+    /** Test ID for automated testing */
+    "data-testid"?: string;
+}>;

package/dist/src/core/LineChart/LineChartActions.d.ts

@@ -0,0 +1,7 @@
+import { DropdownProps } from "antd5";
+import React from "react";
+declare const LineChartActions: React.FC<{
+    label: string | React.ReactNode;
+    dropdownProps?: DropdownProps;
+}>;
+export default LineChartActions;

package/dist/src/core/LineChart/LineChartLegend.d.ts

@@ -0,0 +1,18 @@
+import { ILineChartILegend, ILineChartMetricStream } from "../../core/LineChart/type";
+import React from "react";
+export declare const LineChartColorBlock: React.FC<{
+    background?: string;
+    borderd?: boolean;
+}>;
+export interface ILineChartLegendProps {
+    streams: ILineChartMetricStream[];
+    metricName: string;
+    deselected: string[];
+    hovering: string[];
+    hovereringSelf: string[];
+    onClick: (id: string) => void;
+    onHover: (method: "enter" | "leave", id: string) => void;
+    legends: ILineChartILegend[];
+}
+declare const LineChartLegend: (props: ILineChartLegendProps) => React.JSX.Element;
+export default LineChartLegend;

package/dist/src/core/LineChart/LineChartToolBar.d.ts

@@ -0,0 +1,20 @@
+import { ILineChartILegend, ILineChartMetricStream } from "../../core/LineChart/type";
+import { DropdownProps } from "antd5";
+import React from "react";
+declare const LineChartToolBar: ({ showLegend, streams, metricName, deselected, hovering, onLegendClick, onLegendHover, legends, actionsProps, dropdownProps, hoveringSelf, }: {
+    showLegend?: boolean | undefined;
+    streams: ILineChartMetricStream[];
+    metricName: string;
+    deselected: string[];
+    hovering: string[];
+    hoveringSelf: string[];
+    onLegendClick: (id: string) => void;
+    onLegendHover: (method: "enter" | "leave", id: string) => void;
+    legends: ILineChartILegend[];
+    actionsProps?: {
+        show?: boolean | undefined;
+        label: string | React.ReactNode;
+    } | undefined;
+    dropdownProps?: DropdownProps | undefined;
+}) => React.JSX.Element;
+export default LineChartToolBar;

package/dist/src/core/LineChart/Pointer.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const Pointer: React.FC<{
+    metricWidth: number | undefined;
+    uuid: string;
+}>;
+export default Pointer;

package/dist/src/core/LineChart/RenderChart.d.ts

@@ -0,0 +1,45 @@
+import { ILineChartDateRange, ILineChartGraphType, ILineChartMetric } from "../../core/LineChart/type";
+import { DropdownProps } from "antd5";
+import React from "react";
+import { TooltipProps } from "recharts";
+import { NameType, Payload, ValueType } from "recharts/types/component/DefaultTooltipContent";
+import { AxisDomain } from "recharts/types/util/types";
+export interface IChartProps<TValue extends ValueType = string, TName extends NameType = number> {
+    metricName: string;
+    yAxisAlign?: "left" | "right";
+    showXAxis?: boolean;
+    showLegend?: boolean;
+    syncId: string;
+    height: number;
+    type: ILineChartGraphType;
+    mode?: "simple" | "legend" | "single";
+    averageLine?: boolean;
+    dropdownProps?: DropdownProps;
+    onLabelsChange?: (labels: string[]) => void;
+    metric: ILineChartMetric;
+    yAxisProps?: {
+        domain?: AxisDomain;
+        ticks?: (string | number)[];
+        tickFormatter?: (value: any, index: number) => string;
+    };
+    xAxisProps?: {
+        domain?: AxisDomain;
+        ticks?: (string | number)[];
+        tickFormatter?: (value: any, index: number) => string;
+    };
+    actionsProps?: {
+        show?: boolean;
+        label: string | React.ReactNode;
+        dropdownProps?: DropdownProps;
+    };
+    tooltipProps: TooltipProps<TValue, TName> & {
+        format?: (payload: Payload<number, string>) => string;
+    };
+    dateRange?: ILineChartDateRange;
+    emptyText?: React.ReactNode | string;
+    emptyIcon?: React.ReactNode | string;
+}
+declare const RenderChart: (props: IChartProps & {
+    width: number;
+}) => React.JSX.Element;
+export default RenderChart;

package/dist/src/core/LineChart/TooltipFormatter.d.ts

@@ -0,0 +1,10 @@
+import { ILineChartLegend } from "../../core/LineChart/type";
+import React from "react";
+import { TooltipProps } from "recharts";
+import { Payload } from "recharts/types/component/DefaultTooltipContent";
+declare const TooltipFormatter: React.FC<TooltipProps<number, string> & {
+    deselected: string[];
+    legends: ILineChartLegend[];
+    format: (payload: Payload<number, string>) => string;
+}>;
+export default TooltipFormatter;

package/dist/src/core/LineChart/__test__/h5_css.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/core/LineChart/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { LineChartProps } from "./type";
+declare const LineChart: React.ForwardRefExoticComponent<LineChartProps & React.RefAttributes<HTMLDivElement>>;
+export default LineChart;
+export { default as LineChartLegend } from "./LineChartLegend";
+export * from "./LineChartLegend";
+export * from "./type";
+export * from "./utils";

package/dist/src/core/LineChart/styled.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare const MetricPlaceholderWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const MetricLegendTabStyle: import("@linaria/core").LinariaClassName;
+export declare const LegendStyle: import("@linaria/core").LinariaClassName;
+export declare const LegendItemsStyle: import("@linaria/core").LinariaClassName;
+export declare const LegendItemsStyleDropdown: import("@linaria/core").LinariaClassName;
+export declare const ColorBlockStyle: import("@linaria/core").LinariaClassName;
+export declare const ExtraResource: import("@linaria/core").LinariaClassName;
+export declare const LineChartWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const TooltipWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const TooltipColumn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const LineChartColorBlockStyle: import("@linaria/core").LinariaClassName;