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

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

@@ -0,0 +1,196 @@
+import { IChartProps } from "../../core/LineChart/RenderChart";
+import { PickerDateRange } from "../../coreX/DateRangePicker/dateRangePicker.type";
+import { Dayjs } from "dayjs";
+import { TFunction } from "i18next";
+import { ReactElement } from "react";
+export interface ILineChartMetricData {
+    id: string;
+}
+export interface ILineChartDataPoint {
+    t: number;
+    v?: number;
+    [key: DataPointValueKey]: number | undefined;
+}
+type DataPointValueKey = `v${number}`;
+export interface ILineChartILegend {
+    id: string;
+    name: string;
+    color?: string;
+    fill?: string;
+    stroke?: boolean;
+    iconSuffix?: ReactElement;
+}
+export interface ILineChartMetricStream {
+    points: ILineChartDataPoint[];
+    legend: ILineChartILegend;
+    step: number;
+    tolerance: number;
+}
+export interface ILineChartMetric {
+    sample_streams: ILineChartMetricStream[];
+    unit: ILineChartMetricUnit;
+    dropped: boolean;
+}
+export declare enum ILineChartTimeUnit {
+    Day = "DAY",
+    Hour = "HOUR",
+    Month = "MONTH"
+}
+export declare enum ILineChartMetricUnit {
+    Count = "COUNT",
+    DataRateBit = "DATA_RATE_BIT",
+    DataRateByte = "DATA_RATE_BYTE",
+    DataSize = "DATA_SIZE",
+    Frequency = "FREQUENCY",
+    Load = "LOAD",
+    Percent = "PERCENT",
+    Ratio = "RATIO",
+    Temperature = "TEMPERATURE",
+    Time = "TIME"
+}
+export declare enum ILineChartGraphType {
+    Area = "AREA",
+    Stack = "STACK"
+}
+export type ILineChartDateRange = [Dayjs, Dayjs];
+export type ChartProps = {
+    metric: string;
+    legendTooltip?: ReactElement;
+    renderThresholdTooltip?: (info: {
+        current: string;
+        max: string;
+    }) => ReactElement;
+    yAxisAlign?: "left" | "right";
+    showXaxis?: boolean;
+    showLegend?: boolean;
+    uuid: string;
+    height: number;
+    range: string;
+    type: ILineChartGraphType;
+    mode?: "simple" | "legend" | "single";
+    offScreen: boolean;
+    averageLine?: boolean;
+    addView?: () => void;
+    exportCSV?: () => void;
+    dateRange?: ILineChartDateRange;
+    formatLegendItemName?: FormatName;
+    history: History;
+};
+export interface ILineChartLegend {
+    id: string;
+    name: string;
+    color?: string;
+    fill?: string;
+    stroke?: boolean;
+}
+/**
+ * 折线图组件属性接口
+ * @description 用于展示时序数据的折线图组件，支持多种展示模式和交互功能
+ */
+export type LineChartProps = {
+    /**
+     * 数据测试 id
+     */
+    "data-testid"?: string;
+    /**
+     * 图表高度
+     * @default 154
+     */
+    height?: number;
+    /**
+     * 是否显示鼠标悬停指示器
+     * @default true
+     */
+    showPointer?: boolean;
+    /**
+     * Y轴对齐方式
+     * @default "left"
+     */
+    yAxisAlign?: "left" | "right";
+    /**
+     * 是否显示X轴
+     * @default false
+     */
+    showXaxis?: boolean;
+    /**
+     * 是否显示图例
+     * @default true
+     */
+    showLegend?: boolean;
+    /**
+     * 图表核心配置项
+     * @description 包含图表的所有核心配置，如数据、样式、交互等
+     */
+    chartProps: Omit<IChartProps, "uuid">;
+};
+/**
+ * 图例名称格式化函数类型
+ */
+export type FormatName = (params: {
+    /** 指标类型 */
+    type: string | undefined;
+    /** 指标名称 */
+    metricName: string;
+    /** 国际化函数 */
+    t: TFunction;
+    /** 数据索引 */
+    dIndex: number;
+}) => string;
+/**
+ * 指标属性接口
+ * @description 用于配置指标相关的展示和行为
+ */
+export type LineChartMetricProps = {
+    /** 指标名称 */
+    metric: string;
+    /**
+     * 图表高度
+     * @default 154
+     */
+    height?: number;
+    /**
+     * 是否显示鼠标悬停指示器
+     * @default true
+     */
+    showPointer?: boolean;
+    /**
+     * Y轴对齐方式
+     * @default 'left'
+     */
+    yAxisAlign?: "left" | "right";
+    /**
+     * 是否显示X轴
+     * @default false
+     */
+    showXaxis?: boolean;
+    /**
+     * 是否显示图例
+     * @default true
+     */
+    showLegend?: boolean;
+    /**
+     * 指标宽度配置
+     * @description 用于配置不同指标的宽度
+     */
+    metricWidth?: Record<string, number>;
+    /**
+     * 展示模式
+     * @default 'legend'
+     * - simple: 简单模式，不显示图例
+     * - legend: 图例模式，显示完整图例
+     * - single: 单一模式，适用于单指标展示
+     */
+    mode?: "simple" | "legend" | "single";
+    /**
+     * 是否显示平均线
+     * @default false
+     */
+    averageLine?: boolean;
+    /** 日期范围 */
+    dateRange?: PickerDateRange;
+    /** 图例项名称格式化函数 */
+    formatLegendItemName?: FormatName;
+    /** 历史记录对象 */
+    history: History;
+} & Pick<ChartProps, "legendTooltip" | "renderThresholdTooltip">;
+export {};

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

@@ -0,0 +1,56 @@
+import { ILineChartDataPoint, ILineChartDateRange, ILineChartGraphType, ILineChartMetric, ILineChartMetricUnit } from "../../core/LineChart/type";
+import { formatBitPerSecond, formatBps, formatBytes, formatCount, formatFrequency, formatNanoSecond, formatPercent, formatTemperature } from "../../utils/tower";
+export declare function filterLineChartPointsByDateRange(points: ILineChartDataPoint[], dateRange?: ILineChartDateRange): ILineChartDataPoint[];
+export declare const parseLineChartRange: (range: string) => {
+    span: number;
+    unit: "h" | "d";
+};
+export declare const lineChartXaxisCal: (lastTime: number, dateRange: ILineChartDateRange, width: number) => number[];
+export declare const lineChartTickFormatter: (tick: number, dateRange: ILineChartDateRange) => string;
+export declare function getLineChartXAxisDomain(dateRange: ILineChartDateRange, xaxisLastTime?: number): [number, number];
+export declare const getLineChartRangeTimestamp: (dateRange: ILineChartDateRange) => number;
+export declare const getLineChartStep: (dateRange: ILineChartDateRange) => number;
+export declare const filterLineChartDataOverlapping: <Data extends {
+    t: number;
+    v?: number | undefined;
+} = {
+    t: number;
+    v?: number | undefined;
+}>(data: Data[], startTimestamp: number, length: number, step: number, tolerance: number) => (Data | {
+    t: number;
+    v: number;
+})[];
+export declare const convertLineChartDataStruct: (streams: ILineChartDataPoint[][]) => ILineChartDataPoint[];
+export declare const filterLineChartOverlappingMetric: (metric: ILineChartMetric, dateRange: ILineChartDateRange) => {
+    sample_streams: {
+        points: (ILineChartDataPoint | {
+            t: number;
+            v: number;
+        })[];
+        legend: import("../../core/LineChart/type").ILineChartILegend;
+        step: number;
+        tolerance: number;
+    }[];
+    unit: ILineChartMetricUnit;
+    dropped: boolean;
+};
+export declare const deletePointsOutOfRange: (data: ILineChartDataPoint[], timeRange: ILineChartDateRange, now: number) => ILineChartDataPoint[];
+export declare const getFirstExpectedTimestamp: (data: ILineChartDataPoint[], timeRange: ILineChartDateRange, now: number, step: number, dateRange: ILineChartDateRange | undefined) => number;
+export declare const addMissingDataWithZero: (data: ILineChartDataPoint[], timeRange: ILineChartDateRange, unit: ILineChartMetricUnit, step: number, dateRange?: ILineChartDateRange) => ILineChartDataPoint[];
+export declare const convertLineChartUnit: (value: number, from: string, to: string, decimals?: number) => number;
+export declare const UNIT_FORMATTER: {
+    readonly PERCENT: readonly [typeof formatPercent, "%", 2, false];
+    readonly RATIO: readonly [typeof formatPercent, "%"];
+    readonly COUNT: readonly [typeof formatCount, ""];
+    readonly DATA_SIZE: readonly [typeof formatBytes, "B"];
+    readonly DATA_RATE_BYTE: readonly [typeof formatBps, "Bps"];
+    readonly DATA_RATE_BIT: readonly [typeof formatBitPerSecond, "bps"];
+    readonly TIME: readonly [typeof formatNanoSecond, "ns"];
+    readonly FREQUENCY: readonly [typeof formatFrequency, "Hz"];
+    readonly TEMPERATURE: readonly [typeof formatTemperature, "℃"];
+    readonly LOAD: readonly [typeof formatCount, ""];
+};
+export declare const getLineChartYDataMax: (dataPoints: ILineChartDataPoint[], type: ILineChartGraphType) => number;
+export declare const getYAxisUpperBound: (max: number, type: ILineChartMetricUnit) => number;
+export declare const getYAxisDomain: (dataPoints: ILineChartDataPoint[], graphType: ILineChartGraphType, unitType: ILineChartMetricUnit) => [number, number];
+export declare function lineChartYaxisTickFormatter(value?: number, unit?: ILineChartMetricUnit): string;

package/dist/src/core/Loading/loading.type.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export type LoadingComponentType = React.FunctionComponent<{
+import React from "react";
+export type LoadingComponentType = React.FunctionComponent<React.HTMLAttributes<HTMLDivElement> & {
     fullView?: boolean;
 }>;

package/dist/src/core/LocalUpload/LocalUpload.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { UploadWrapper } from "./LocalUpload.style";
+import type { LocalUploadProps } from "./LocalUpload.type";
+import { UploadButton, UploadDescription, UploadDragger, UploadFileInfo, UploadFileList, UploadLabel } from "./LocalUpload.widget";
+type UploadComponents = {
+    Wrapper: typeof UploadWrapper;
+    Label: typeof UploadLabel;
+    Description: typeof UploadDescription;
+    Button: typeof UploadButton;
+    Dragger: typeof UploadDragger;
+    FileList: typeof UploadFileList;
+    FileInfo: typeof UploadFileInfo;
+};
+export declare const LocalUpload: React.ForwardRefExoticComponent<LocalUploadProps & React.RefAttributes<HTMLDivElement>> & UploadComponents;
+export {};

package/dist/src/core/LocalUpload/LocalUpload.hooks.d.ts

@@ -0,0 +1,32 @@
+import type { LocalUploadButtonProps, LocalUploadDraggerProps, LocalUploadFile } from "./LocalUpload.type";
+/**
+ * Custom hook to handle file validation automatically.
+ * When files with status "need-validate" are detected, it validates them
+ * and updates their status based on the validation result.
+ *
+ * @param options - Configuration options
+ * @param options.fileList - Current file list
+ * @param options.setFileList - Function to update file list
+ * @param options.validate - Validation function
+ * @param options.createNewFile - Whether to create a new File object when updating (for immutability)
+ */
+export declare const useFileValidation: ({ fileList, setFileList, validate, createNewFile, }: {
+    fileList: LocalUploadFile[];
+    setFileList: (files: LocalUploadFile[]) => void;
+    validate?: LocalUploadDraggerProps["validate"] | LocalUploadButtonProps["validate"];
+    createNewFile?: boolean | undefined;
+}) => void;
+/**
+ * Custom hook to clear error message when file count changes and is within the max count limit.
+ * This hook tracks file count changes using a ref to avoid unnecessary updates.
+ *
+ * @param options - Configuration options
+ * @param options.fileList - Current file list
+ * @param options.maxCount - Maximum allowed file count
+ * @param options.setError - Function to set error message
+ */
+export declare const useFileCountErrorClear: ({ fileList, maxCount, setError, }: {
+    fileList: LocalUploadFile[];
+    maxCount: number;
+    setError: (error: string) => void;
+}) => void;

package/dist/src/core/LocalUpload/LocalUpload.style.d.ts

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

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

@@ -0,0 +1,179 @@
+/// <reference types="react" />
+import { AntdRcFile, AntdUploadProps } from "../../antd";
+/**
+ * 上传文件对象
+ * 继承自 Antd 的 RcFile，并添加额外的状态和错误信息
+ */
+export interface LocalUploadFile extends AntdRcFile {
+    /** 文件唯一标识 */
+    uid: string;
+    /** 文件大小（字节） */
+    size: number;
+    /** 文件名 */
+    name: string;
+    /** 文件类型 */
+    type: string;
+    /** 备用文件名 */
+    fileName?: string | undefined;
+    /** 文件状态 */
+    fileStatus: "error" | "success" | "need-validate" | "validating";
+    /** 自定义数据 */
+    data?: any;
+    /** 错误信息 */
+    error?: string | null;
+}
+/**
+ * 文件接受类型
+ * 限制只能是以 . 开头的文件扩展名
+ */
+export type LocalUploadAccept = `.${string}`;
+/**
+ * 上传按钮属性
+ */
+export type LocalUploadButtonProps = Pick<AntdUploadProps, "accept" | "multiple" | "disabled"> & {
+    /** 自定义类名 */
+    className?: string;
+    /** 是否隐藏图标 */
+    hideIcon?: boolean;
+    /** 文件列表 */
+    fileList: LocalUploadFile[];
+    /** 设置文件列表 */
+    setFileList: (files: LocalUploadFile[]) => void;
+    /** 最大文件数量 */
+    maxCount?: number;
+    /**
+     * 文件验证函数
+     * @param file 当前文件
+     * @param files 文件列表
+     * @returns 返回包含错误信息或自定义数据的 Promise
+     */
+    validate?: (file: LocalUploadFile, files?: LocalUploadFile[]) => Promise<{
+        error?: string;
+        data?: any;
+    }>;
+};
+/**
+ * 拖拽上传属性
+ */
+export type LocalUploadDraggerProps = Pick<AntdUploadProps, "accept" | "multiple" | "disabled"> & {
+    /** 自定义类名 */
+    className?: string;
+    /** 文件列表 */
+    fileList: LocalUploadFile[];
+    /** 设置文件列表 */
+    setFileList: (files: LocalUploadFile[]) => void;
+    /** 最大文件数量 */
+    maxCount?: number;
+    /**
+     * 文件验证函数
+     * @param file 当前文件
+     * @param files 文件列表
+     * @returns 返回包含错误信息或自定义数据的 Promise
+     */
+    validate?: (file: LocalUploadFile, files?: LocalUploadFile[]) => Promise<{
+        error?: string;
+        data?: any;
+    }>;
+};
+/**
+ * 文件列表属性
+ */
+export type LocalUploadFileListProps = {
+    /** 自定义类名 */
+    className?: string;
+    /** 文件列表 */
+    fileList: LocalUploadFile[];
+    /** 列表展示类型 */
+    type?: "list" | "info";
+    /** 移除文件回调 */
+    removeFile: (id: string) => void;
+    /** 是否禁用移除操作 */
+    disableRemove?: boolean;
+    /** 文件移除事件回调 */
+    onRemove?: (file: LocalUploadFile) => void;
+};
+/**
+ * 文件信息展示属性
+ */
+export type LocalUploadFileInfoProps = {
+    /** 文件对象 */
+    file: {
+        /** 文件状态 */
+        fileStatus?: "error" | "success" | "need-validate" | "validating";
+        /** 文件名 */
+        name: string;
+        /** 备用文件名 */
+        fileName?: string;
+        /** 文件大小 */
+        size?: number;
+        /** 文件唯一标识 */
+        uid?: string;
+        /** 错误信息 */
+        error?: string | null;
+    };
+    /** 移除文件回调 */
+    removeFile: (id: string) => void;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 文件移除事件回调 */
+    onRemove?: (file: LocalUploadFile) => void;
+};
+/**
+ * Upload 组件属性
+ */
+export type LocalUploadProps = {
+    /** 自定义类名 */
+    className?: string;
+    /**
+     * 数据测试 id
+     */
+    "data-testid"?: string;
+    /** 标签 */
+    label?: React.ReactNode;
+    /** 描述文本 */
+    description?: React.ReactNode;
+    /** 额外信息 */
+    info?: React.ReactNode;
+    /** 上传类型：按钮或拖拽 */
+    type?: "button" | "dragger";
+    /** 列表展示类型 */
+    listType?: "list" | "info";
+    /** 是否支持多选 */
+    multiple?: boolean;
+    /** 接受的文件类型 */
+    accept?: LocalUploadAccept;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 最大文件数量 */
+    maxCount?: number;
+    /** 文件列表 */
+    fileList: LocalUploadFile[];
+    /** 设置文件列表 */
+    setFileList: (files: LocalUploadFile[]) => void;
+    /** 是否禁用文件列表的移除功能 */
+    disableRemoveList?: boolean;
+    /**
+     * 文件验证函数
+     * @param file 当前文件
+     * @param files 文件列表
+     * @returns 返回包含错误信息或自定义数据的 Promise
+     *
+     * @example
+     * ```ts
+     * const validate = async (file: LocalUploadFile) => {
+     *   if (file.size > 5 * 1024 * 1024) {
+     *     return { error: "文件大小不能超过 5MB" };
+     *   }
+     *   return { data: { validated: true } };
+     * };
+     * ```
+     */
+    validate?: (file: LocalUploadFile, files?: LocalUploadFile[]) => Promise<{
+        error?: string;
+        data?: any;
+    }>;
+    /** 按钮属性 */
+    buttonProps?: Pick<LocalUploadButtonProps, "className" | "hideIcon">;
+    /** 文件移除事件回调 */
+    onRemove?: (file: LocalUploadFile) => void;
+};

package/dist/src/core/LocalUpload/LocalUpload.widget.d.ts

@@ -0,0 +1,23 @@
+import React from "react";
+import type { LocalUploadButtonProps, LocalUploadDraggerProps, LocalUploadFile, LocalUploadFileInfoProps, LocalUploadFileListProps } from "./LocalUpload.type";
+export declare const UploadLabel: React.FC<{
+    className?: string;
+    children?: React.ReactNode;
+}>;
+export declare const UploadDescription: React.FC<{
+    className?: string;
+    children?: React.ReactNode;
+}>;
+export declare const UploadButton: React.FC<LocalUploadButtonProps & {
+    children?: React.ReactNode;
+}>;
+export declare const UploadDragger: React.FC<LocalUploadDraggerProps & {
+    children?: React.ReactNode;
+}>;
+export declare const UploadFileInfo: React.FC<LocalUploadFileInfoProps>;
+export declare const FileListItem: React.FC<{
+    file: LocalUploadFile;
+    removeFile: (id: string) => void;
+    onRemove?: (file: LocalUploadFile) => void;
+}>;
+export declare const UploadFileList: React.FC<LocalUploadFileListProps>;

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

@@ -0,0 +1,2 @@
+export * from "./LocalUpload";
+export * from "./LocalUpload.type";

package/dist/src/core/MediumDialog/MediumDialog.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { MediumDialogProps } from "./MediumDialog.type";
+export declare const MediumDialog: React.FC<MediumDialogProps>;

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

@@ -0,0 +1,53 @@
+import { SmallDialogProps } from "../SmallDialog/SmallDialog.type";
+/**
+ * 720px 宽度的中型对话框，适合表单和较多内容的场景。
+ *
+ * @description
+ * MediumDialog 继承 SmallDialog 的全部功能，在此基础上提供更大的显示区域（720px 宽度、
+ * 60px 水平内边距）和更突出的标题排版（d1s_bold_title）。通过 `usePushModal` 打开弹窗，
+ * 在 `onOk` / `onCancel` 回调中调用 `popModal` 参数来关闭弹窗。
+ *
+ * @example
+ * ```tsx
+ * import { MediumDialog, Button, KitStoreProvider, ModalStack } from "@cloudtower/eagle";
+ * import { usePushModal } from "@cloudtower/eagle/KitStoreProvider";
+ *
+ * const EditVmButton: React.FC = () => {
+ *   const pushModal = usePushModal();
+ *
+ *   return (
+ *     <Button onClick={() => pushModal({
+ *       component: () => (
+ *         <MediumDialog
+ *           title="编辑虚拟机"
+ *           onOk={(popModal) => {
+ *             saveVmConfig().then(() => popModal());
+ *           }}
+ *           onCancel={(popModal) => popModal()}
+ *         >
+ *           <VmConfigForm />
+ *         </MediumDialog>
+ *       ),
+ *       props: { name: "EditVmDialog" },
+ *     })}>
+ *       编辑虚拟机
+ *     </Button>
+ *   );
+ * };
+ * ```
+ *
+ * @see SmallDialog — 更小的对话框（492px 宽度）
+ * @see ImmersiveDialog — 全屏沉浸式对话框
+ */
+export interface MediumDialogProps extends SmallDialogProps {
+    /**
+     * 内容是否尽可能占满视窗，用于适配中型弹窗的非常规尺寸。
+     *
+     * @description
+     * 开启后弹窗尺寸变为 `width: calc(100vw - 160px)`、`height: calc(100vh - 80px)`，
+     * 内容区域自动 flex 填充剩余高度，适用于需要大面积展示内容（如表格、拓扑图）的场景。
+     *
+     * @default false
+     */
+    isContentFull?: boolean;
+}

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

@@ -0,0 +1 @@
+export * from "./MediumDialog";

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

@@ -12,6 +12,7 @@ export type MetricProps = {
         unit: TimeUnit;
     } | string;
     chartProps: Omit<IChartProps, "uuid">;
+    "data-testid"?: string;
 };
 declare const Metric: (props: MetricProps) => React.JSX.Element;
 export default Metric;

package/dist/src/core/Metric/metric.d.ts

@@ -2,7 +2,7 @@ import { DateRange, IDataPoint, IMetric } from "../../core/Metric/type";
 export declare function filterPointsByDateRange(points: IDataPoint[], dateRange: DateRange): IDataPoint[];
 export declare const parseRange: (range: string) => {
     span: number;
-    unit: "d" | "h";
+    unit: "h" | "d";
 };
 export declare const xaxisCal: (lastTime: number, dateRange: DateRange) => number[];
 export declare const tickFormatter: (tick: number, dateRange: DateRange) => string;

package/dist/src/core/Nav/nav.type.d.ts

@@ -14,4 +14,6 @@ export type NavProps = {
     center?: React.ReactNode[];
     isScrolled?: boolean;
     navRef?: React.RefObject<HTMLHeadElement>;
+    className?: string;
+    "data-testid"?: string;
 };

package/dist/src/core/Pagination/pagination.type.d.ts

@@ -1,4 +1,5 @@
 export interface PaginationProps {
+    "data-testid"?: string;
     current: number;
     count: number;
     size: number;

package/dist/src/core/Progress/progress.type.d.ts

@@ -82,4 +82,8 @@ export type ProgressProps = {
     rightBottom?: React.ReactNode;
     size?: "small" | "large";
     style?: React.CSSProperties;
+    /**
+     * 用于测试的标识符，会传递到进度条根容器元素。
+     */
+    "data-testid"?: string;
 };

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

@@ -2,7 +2,9 @@ import { RadioGroupProps as AntdRadioGroupProps } from "antd/lib/radio";
 import React from "react";
 import { RadioButtonProps, RadioProps } from "./radio.type";
 declare const Radio: React.FC<RadioProps>;
-declare const RadioGroup: React.FC<AntdRadioGroupProps>;
+declare const RadioGroup: React.FC<AntdRadioGroupProps & {
+    "data-testid"?: string;
+}>;
 declare const RadioButton: React.FC<RadioButtonProps>;
 export { RadioButton, RadioGroup };
 export default Radio;

package/dist/src/core/Radio/radio.type.d.ts

@@ -4,6 +4,7 @@ import { RadioButtonProps as AntdRadioButtonProps } from "antd/lib/radio/radioBu
 export type RadioProps = AntdRadioProps & {
     description?: React.ReactNode;
     compact?: boolean;
+    "data-testid"?: string;
 };
 export type RadioButtonProps = AntdRadioButtonProps & {
     type?: "input" | "input-number";
@@ -13,4 +14,5 @@ export type RadioButtonProps = AntdRadioButtonProps & {
     placeholder?: string;
     initialValue?: string | number;
     onInputChange?: (val: number | string | undefined) => void;
+    "data-testid"?: string;
 };

package/dist/src/core/SearchInput/SearchInput.d.ts

@@ -0,0 +1,2 @@
+import type { SearchInputComponentType } from "./SearchInput.type";
+export declare const SearchInput: SearchInputComponentType;

package/dist/src/core/SearchInput/SearchInput.hook.d.ts

@@ -0,0 +1,9 @@
+import { type DebouncedFunc } from "lodash";
+import React from "react";
+import type { SearchInputProps } from "./SearchInput.type";
+export declare const searchInputRecentSearchLocalStorageKey = "search-input-recent-search";
+export declare const useRecentSearch: (recentSearchLocalStorageKey: SearchInputProps["recentSearchLocalStorageKey"], maxRecentCount: number, setValue: React.Dispatch<React.SetStateAction<string>>, onChange: SearchInputProps["onChange"]) => {
+    recentSearchKeys: string[];
+    setRecentSearchKeysDebounceRef: React.MutableRefObject<DebouncedFunc<(val: string) => void> | undefined>;
+    antd5DropdownMenu: import("antd5").MenuProps | undefined;
+};

package/dist/src/core/SearchInput/SearchInput.style.d.ts

@@ -0,0 +1,5 @@
+export declare const SearchInputStyles: import("@linaria/core").LinariaClassName;
+export declare const CountTextStyles: import("@linaria/core").LinariaClassName;
+export declare const IconContainerStyles: import("@linaria/core").LinariaClassName;
+export declare const DisabledIconStyles: import("@linaria/core").LinariaClassName;
+export declare const SearchInputDropdownStyles: import("@linaria/core").LinariaClassName;