@cloudtower/eagle 0.0.0-testid-rc-0 → 0.0.0-theme-rc-1

package/dist/src/core/InputGroup/inputGroup.type.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { StyledMeta } from "@linaria/react";
+import { GroupProps } from "antd/lib/input";
+export type InputGroupComponentType = StyledMeta & React.FC<GroupProps>;

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

@@ -0,0 +1,10 @@
+import { InputNumberProps } from "antd/lib/input-number";
+import React from "react";
+import { AdditionOptions } from "../Input/input.type";
+export declare const AntdIntStyled: import("@linaria/react").StyledComponent<{
+    controls: boolean;
+    suffix?: string | undefined;
+    prefix?: string | undefined;
+} & InputNumberProps & React.RefAttributes<unknown>>;
+declare const InputInteger: React.FC<InputNumberProps & AdditionOptions>;
+export default InputInteger;

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

@@ -0,0 +1,10 @@
+import { InputNumberProps } from "antd/lib/input-number";
+import React from "react";
+import { AdditionOptions } from "../Input/input.type";
+export declare const AntdInputNumberStyled: import("@linaria/react").StyledComponent<{
+    controls: boolean;
+    suffix?: string | undefined;
+    prefix?: string | undefined;
+} & InputNumberProps & React.RefAttributes<unknown>>;
+declare const InputNumber: React.FC<InputNumberProps & AdditionOptions>;
+export default InputNumber;

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

@@ -0,0 +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>>;
+export type InputPasswordProps = PasswordProps & {
+    /**
+     * 使用变量控制是否显示 error 效果
+     */
+    error?: boolean;
+    /**
+     * 数据测试 id
+     */
+    "data-testid"?: string;
+};
+declare const InputPassword: React.FC<InputPasswordProps>;
+export default InputPassword;

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const InputTagItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
+export default InputTagItem;

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

@@ -0,0 +1,12 @@
+import { Actions, IModalProps, KitRootState, ModalType } from "../../store";
+import React, { PropsWithChildren } from "react";
+interface IProps {
+}
+declare const KitStoreProvider: (props: PropsWithChildren<IProps>) => React.JSX.Element;
+export default KitStoreProvider;
+export declare const useKitDispatch: () => import("redux").Dispatch<Actions>;
+export declare const useKitSelector: <Selected extends unknown>(selector: (state: KitRootState) => Selected, equalityFn?: ((previous: Selected, next: Selected) => boolean) | undefined) => Selected;
+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,36 @@
+/// <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;
+    /**
+     * @deprecated 使用 `data-testid` 代替。
+     */
+    "data-test"?: 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/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/AreaHighlightLayer.d.ts

@@ -0,0 +1,31 @@
+import React from "react";
+export interface IAreaHighlightOverlay {
+    key: string;
+    data: Array<Array<{
+        t: number;
+        value: number;
+    }>>;
+    fill: string;
+    fillOpacity: number;
+    legendId: string;
+    stroke: string;
+}
+interface IAreaHighlightLayerProps {
+    forecastStartTimestamp?: number;
+    overlay: IAreaHighlightOverlay;
+    hovering: string[];
+    offset?: {
+        top?: number;
+        left?: number;
+        width?: number;
+        height?: number;
+    };
+    xAxisMap?: Record<string, {
+        scale?: (value: number) => number;
+    }>;
+    yAxisMap?: Record<string, {
+        scale?: (value: number) => number;
+    }>;
+}
+declare const AreaHighlightLayer: React.FC<IAreaHighlightLayerProps>;
+export default AreaHighlightLayer;

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

@@ -0,0 +1,24 @@
+import { ILineChartMetricStream } from "../../core/LineChart/type";
+import React from "react";
+export declare const DEFAULT_FORECAST_LINE_STROKE_DASHARRAY = "4 4";
+interface IForecastLineLayerProps {
+    forecastStartTimestamp?: number;
+    stacked: boolean;
+    hovering: string[];
+    streams: ILineChartMetricStream[];
+    deselected: string[];
+    offset?: {
+        top?: number;
+        left?: number;
+        width?: number;
+        height?: number;
+    };
+    xAxisMap?: Record<string, {
+        scale?: (value: number) => number;
+    }>;
+    yAxisMap?: Record<string, {
+        scale?: (value: number) => number;
+    }>;
+}
+declare const ForecastLineLayer: React.FC<IForecastLineLayerProps>;
+export default ForecastLineLayer;

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/RenderChart.d.ts

@@ -0,0 +1,49 @@
+import { ILineChartAreaHighlightRange, ILineChartDateRange, ILineChartGraphType, ILineChartMetric, ILineChartThresholdLineProps, ILineChartThresholdTooltipInfo } 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;
+    areaHighlightRanges?: ILineChartAreaHighlightRange[];
+    forecastStartTimestamp?: number;
+    thresholdLineProps?: ILineChartThresholdLineProps;
+    renderThresholdTooltip?: (info: ILineChartThresholdTooltipInfo) => React.ReactElement;
+    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/ThresholdIntersectionLayer.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { type ReferenceDotProps } from "recharts";
+import { ILineChartThresholdIntersectionInfo, ILineChartThresholdIntersectionLabelProps } from "../../core/LineChart/type";
+export declare const isThresholdIntersectionLabelVisible: (labelProps: ILineChartThresholdIntersectionLabelProps | undefined, info: ILineChartThresholdIntersectionInfo) => boolean;
+type ThresholdIntersectionXAxis = NonNullable<ReferenceDotProps["xAxis"]>;
+type ThresholdIntersectionYAxis = NonNullable<ReferenceDotProps["yAxis"]>;
+interface IThresholdIntersectionLayerProps {
+    intersection: ILineChartThresholdIntersectionInfo;
+    index: number;
+    hovering: string[];
+    intersectionLabelProps?: ILineChartThresholdIntersectionLabelProps;
+    thresholdStroke?: string;
+    onMouseEnter: (info: ILineChartThresholdIntersectionInfo, left: number, top: number) => void;
+    onMouseLeave: () => void;
+    xAxisMap?: Record<string, ThresholdIntersectionXAxis>;
+    yAxisMap?: Record<string, ThresholdIntersectionYAxis>;
+}
+declare const ThresholdIntersectionLayer: React.FC<IThresholdIntersectionLayerProps>;
+export default ThresholdIntersectionLayer;

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

@@ -0,0 +1,20 @@
+import { ILineChartLegend } from "../../core/LineChart/type";
+import React from "react";
+import { TooltipProps } from "recharts";
+import { Payload } from "recharts/types/component/DefaultTooltipContent";
+export interface ILineChartTooltipItem {
+    id: string;
+    color?: string;
+    label?: React.ReactNode;
+    value?: React.ReactNode;
+}
+export declare const LineChartTooltipContent: React.FC<{
+    title: React.ReactNode;
+    items: ILineChartTooltipItem[];
+}>;
+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/areaHighlightUtils.d.ts

@@ -0,0 +1,6 @@
+import { ILineChartAreaHighlightRange, ILineChartDataPoint } from "../../core/LineChart/type";
+export interface ILineChartAreaHighlightPoint {
+    t: number;
+    value: number;
+}
+export declare const getLineChartAreaHighlightRuns: (points: ILineChartDataPoint[], range: Pick<ILineChartAreaHighlightRange, "start" | "end">) => ILineChartAreaHighlightPoint[][];

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/lineChartDisplayUtils.d.ts

@@ -0,0 +1,7 @@
+import { ILineChartMetricStream, ILineChartThresholdIntersectionInfo, ILineChartThresholdTooltipInfo } from "../../core/LineChart/type";
+import type { AxisDomain } from "recharts/types/util/types";
+export declare const DEFAULT_LINE_CHART_STROKE = "#3182bd";
+export declare const isFiniteNumber: (value: unknown) => value is number;
+export declare const getLineChartStreamStroke: (stream: ILineChartMetricStream) => string;
+export declare const getLineChartDefaultYAxisTicks: (domain: AxisDomain | undefined) => [number, number] | undefined;
+export declare const getLineChartLegacyThresholdTooltipInfo: (info: ILineChartThresholdIntersectionInfo) => ILineChartThresholdTooltipInfo;

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

@@ -0,0 +1,16 @@
+export interface ILineChartLinePoint {
+    t: number;
+    x: number;
+    y: number;
+}
+export interface ILineChartLinePointInput {
+    t?: number;
+    x?: number | null;
+    y?: number | null;
+}
+export interface ILineChartLineSegment {
+    dashed: boolean;
+    points: ILineChartLinePoint[];
+}
+export declare const getLineChartLineSegments: (points: ILineChartLinePointInput[], forecastStartTimestamp?: number) => ILineChartLineSegment[];
+export declare const getLineChartLinePath: (points: ILineChartLinePoint[]) => string;

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

@@ -0,0 +1,14 @@
+/// <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 ChartContentWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const ThresholdTooltipOverlay: 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;