@dovetail-v2/refine 0.0.31 → 0.0.32-beta.0

package/dist/style.css

@@ -1,4 +1,13 @@
 .b142d7q8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.b142d7q8 .breadcrumb-item:not(:last-of-type):after{content:'>';margin:0 8px;}
+.woio6qj{width:100%;}
+.h1pmxp8z{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px;}
+.h1btthoz{margin-right:8px;line-height:18px;}
+.ewkumn1.ant-btn.ant-btn-link{height:18px;line-height:18px;font-size:12px;}
+.c1in0x5n{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:8px 10px;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:8px;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;border-radius:4px;background:rgba(237,241,250,0.60);}.c1in0x5n:not(:last-of-type){margin-bottom:8px;}
+.klhq5sj{color:rgba(44,56,82,0.60);}
+.v15ask3m{word-break:break-all;}
+.t13a6vox{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;}
+.t12ikbmp{overflow:hidden;text-overflow:ellipsis;}
 .eckm4od{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;}
 .e1hl982n{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.e1hl982n .title{margin-bottom:8px;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(211.41deg,#929dad 0%,#d3dbe3 100%);}
 .ax1qopv{position:absolute;top:0;left:0;bottom:0;width:1px;background:$blue-60;-webkit-transform:translateX(-9999px);-ms-transform:translateX(-9999px);transform:translateX(-9999px);z-index:999;}.ax1qopv::before{content:'';position:absolute;height:34px;width:3px;top:0;left:-1px;background:$blue-60;}
@@ -23,34 +32,20 @@
 .e1tqaxpu{-webkit-flex:1;-ms-flex:1;flex:1;height:100%;margin-bottom:16px;}
 .fbinl28.ant-modal.fullscreen .ant-modal-header{padding:60px 128px 32px 128px;}.fbinl28.ant-modal.fullscreen .ant-modal-body{padding:0 128px;}.fbinl28.ant-modal.fullscreen .ant-modal-footer{padding:15px 128px;}
 .t1v3ienx{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:16px;}
-.c16agr8o{width:100%;}
+.w16agr8o.ant-space{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
 .m1u1f5zp{color:#bec1d2;}
 .c1dicff8{width:100%;vertical-align:top;}
 .esoz3jw .ant-modal-content{border-radius:16px;}.esoz3jw .ant-modal-header{border-radius:16px 16px 0 0;}
 .e1m0bgls.ant-btn.ant-btn-link{height:22px;margin-left:8px;}
-.woio6qj{width:100%;}
-.h1pmxp8z{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:space-justify;-webkit-justify-content:space-space-between;-ms-flex-pack:space-justify;justify-content:space-space-between;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px;}
-.h1btthoz{-webkit-flex:1;-ms-flex:1;flex:1;}
-.ewkumn1.ant-btn.ant-btn-link{height:22px;font-size:12px;}
-.c1in0x5n{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:8px 10px;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;gap:8px;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;border-radius:4px;background:rgba(237,241,250,0.60);}.c1in0x5n:not(:last-of-type){margin-bottom:8px;}
-.klhq5sj{color:rgba(44,56,82,0.60);}
-.t13a6vox{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;}
-.t12ikbmp{overflow:hidden;text-overflow:ellipsis;}
-.s9agep2 .ant-row{margin-right:0 !important;}
-.to89gfi{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;}
-.s1ohe42f{width:100%;height:100%;}
-.eqm4qz0{margin-top:16px;}
-.ficl0qc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
-.to9uwk1.ant-tabs .ant-tabs-nav{margin-bottom:0;}
-.se26ou0{margin-left:8px;}
-.laykzsq{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
-.t1ng0psc.table-wrapper{height:auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-height:0;}
-.wfg6u6g{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.wfg6u6g .usage-text{width:50px;text-align:right;}.wfg6u6g .usage-bar{height:12px;width:100px;position:relative;border-radius:2px;}.wfg6u6g .request-anchor{position:absolute;left:10%;top:-3px;height:18px;width:2px;background:#777;z-index:9;}.wfg6u6g .usage-fill-bar{position:absolute;left:0;top:0;height:100%;background:rgba(0,128,255,0.6);z-index:7;}.wfg6u6g .request-bar{position:absolute;left:0;top:0;height:100%;background:#d8deeb;z-index:5;}.wfg6u6g .request-to-limit-bar{position:absolute;right:0;top:0;height:100%;background:#d8deeb;z-index:5;}.wfg6u6g .request-to-limit-bar.no-limit{background:linear-gradient(to right,#d8deeb 50%,#d8deeb 50%);background-size:4px 100%;}.wfg6u6g .request-to-limit-bar.no-limit.exceed-request{background:linear-gradient(to right,#d8deeb 50%,rgba(0,128,255,0.6) 50%);background-size:4px 100%;}
-.mdppgn0.ant-menu{background:#edf0f7;padding:8px;}.mdppgn0.ant-menu .ant-menu-item-selected{background:linear-gradient(90deg,#0080ff,#005ed1);border-radius:6px;box-shadow:0 1px 2px rgba(184,192,204,0.6);color:#fff;}.mdppgn0.ant-menu .ant-menu-item-selected a:hover{color:#fff;}.mdppgn0.ant-menu .ant-menu-item:not(.ant-menu-item-selected):hover{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0.6));border-radius:6px;box-shadow:0 0 4px rgba(235,239,245,0.6),0 8px 16px rgba(129,138,153,0.18);}
-.h16z07g.ant-layout-header{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border-bottom:2px solid #edf0f7;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:50px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 24px 0 14px;position:relative;z-index:10;}
-.c1i80kj{height:100%;}
-.s18sezq1.ant-layout-sider{background:#edf0f7;}
-.cyc9hl2.ant-layout-content{padding:16px;background:#fff;}
+.w8ychfk{border-radius:8px;border:1px solid rgba(211,218,235,0.60);padding:16px;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.d1o004do{width:70px;height:70px;margin-right:16px;}
+.dfo80qq{width:100%;}
+.d1i11os3{position:absolute;left:35px;top:35px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
+.r1bm8olw{color:#00122E;}
+.r1oqudbh{color:rgba(44,56,82,0.60);}
+.c18i6jtg{margin:auto 0;position:relative;}
+.lpm22il{margin-right:40px;}
+.s8qkbck.ant-tag{padding:3px 16px;height:24px;}.s8qkbck.no-background{background-color:transparent !important;padding:0;}
 .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main {
   --pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
   --pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
@@ -1487,6 +1482,27 @@
   height: 1em;
   vertical-align: -0.125em;
 }.tve7dfm{margin-bottom:8px;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.tve7dfm > *{margin-right:8px !important;}.tve7dfm .ant-select{width:256px !important;}
+.s9agep2{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background:linear-gradient(180deg,#FFF 0%,#EDF0F7 100%);}.s9agep2 .ant-row{margin-right:0 !important;}
+.bo89gfi{color:rgba(0,21,64,0.3);line-height:18px;cursor:pointer;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;}
+.t1ohe42f{padding:16px 24px 8px 24px;background-color:#fff;}
+.nqm4qz0{margin-right:8px;}
+.ticl0qc{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;}
+.so9uwk1{width:100%;}
+.ge26ou0{padding:12px 16px;border-radius:8px;border:1px solid rgba(211,218,235,0.60);box-shadow:0px 0px 2.003px 0px rgba(107,125,153,0.15),0px 0px 16px 0px rgba(107,125,153,0.08);background-color:#fff;margin:16px 24px;overflow:auto;}.ge26ou0:not(:last-of-type){margin-bottom:24px;}
+.g17f8vl9{color:#1D326C;margin-bottom:12px;}
+.fykgn2i{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
+.tngr745.ant-tabs{-webkit-flex:1;-ms-flex:1;flex:1;min-height:0;}.tngr745.ant-tabs .ant-tabs-nav{margin-bottom:0;}.tngr745.ant-tabs .ant-tabs-nav-list{margin-left:24px;}.tngr745.ant-tabs .ant-tabs-content-holder{overflow:auto;}
+.laykzsq{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:16px;}
+.t1ng0psc.table-wrapper{height:auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-height:0;}
+.c11jjg12{-webkit-flex-basis:58%;-ms-flex-preferred-size:58%;flex-basis:58%;width:100%;}
+.c10fy1is{width:100%;}
+.f9vv20f.ant-modal.fullscreen .ant-modal-header{padding:60px 128px 32px 128px;}.f9vv20f.ant-modal.fullscreen .ant-modal-body{padding:0 128px;}.f9vv20f.ant-modal.fullscreen .ant-modal-footer{padding:15px 128px;}
+.wfg6u6g{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.wfg6u6g .usage-text{width:50px;text-align:right;}.wfg6u6g .usage-bar{height:12px;width:100px;position:relative;border-radius:2px;}.wfg6u6g .request-anchor{position:absolute;left:10%;top:-3px;height:18px;width:2px;background:#777;z-index:9;}.wfg6u6g .usage-fill-bar{position:absolute;left:0;top:0;height:100%;background:rgba(0,128,255,0.6);z-index:7;}.wfg6u6g .request-bar{position:absolute;left:0;top:0;height:100%;background:#d8deeb;z-index:5;}.wfg6u6g .request-to-limit-bar{position:absolute;right:0;top:0;height:100%;background:#d8deeb;z-index:5;}.wfg6u6g .request-to-limit-bar.no-limit{background:linear-gradient(to right,#d8deeb 50%,#d8deeb 50%);background-size:4px 100%;}.wfg6u6g .request-to-limit-bar.no-limit.exceed-request{background:linear-gradient(to right,#d8deeb 50%,rgba(0,128,255,0.6) 50%);background-size:4px 100%;}
+.mdppgn0.ant-menu{background:#edf0f7;padding:8px;}.mdppgn0.ant-menu .ant-menu-item-selected{background:linear-gradient(90deg,#0080ff,#005ed1);border-radius:6px;box-shadow:0 1px 2px rgba(184,192,204,0.6);color:#fff;}.mdppgn0.ant-menu .ant-menu-item-selected a:hover{color:#fff;}.mdppgn0.ant-menu .ant-menu-item:not(.ant-menu-item-selected):hover{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0.6));border-radius:6px;box-shadow:0 0 4px rgba(235,239,245,0.6),0 8px 16px rgba(129,138,153,0.18);}
+.h16z07g.ant-layout-header{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;border-bottom:2px solid #edf0f7;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:50px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding:0 24px 0 14px;position:relative;z-index:10;}
+.c1i80kj{height:100%;}
+.s18sezq1.ant-layout-sider{background:#edf0f7;}
+.cyc9hl2.ant-layout-content{background:#fff;}
 body,
 #root {
   height: 100%;

package/lib/src/components/CronJobDropdown/index.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
 import { CronJobModel } from '../../models';
+import { DropdownSize } from '../K8sDropdown';
 type Props<Model extends CronJobModel> = {
     record: Model;
+    size?: DropdownSize;
 };
 export declare function CronJobDropdown<Model extends CronJobModel>(props: Props<Model>): JSX.Element;
 export {};

package/lib/src/components/CronjobJobsTable/index.d.ts

@@ -4,4 +4,5 @@ export declare const CronjobJobsTable: React.FC<{
     owner?: OwnerReference & {
         namespace: string;
     };
+    hideToolBar?: boolean;
 }>;

package/lib/src/components/K8sDropdown/index.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import { ResourceModel } from '../../models';
+export type DropdownSize = 'normal' | 'large';
 interface K8sDropdownProps {
     record: ResourceModel;
+    size?: DropdownSize;
 }
 declare function K8sDropdown(props: React.PropsWithChildren<K8sDropdownProps>): JSX.Element;
 export default K8sDropdown;

package/lib/src/components/RefineForm/RefineFormContent.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { Control } from 'react-hook-form';
+import { ResourceModel } from '../../models';
+import { ResourceConfig } from '../../types';
+type Props<Model extends ResourceModel> = {
+    config?: ResourceConfig<Model>;
+    control: Control;
+};
+export declare const RefineFormContent: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(props: Props<Model>) => JSX.Element;
+export {};

package/lib/src/components/RefineForm/RefineFormModal.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { ResourceConfig } from '../../types';
+export type RefineFormModalProps = {
+    config: ResourceConfig;
+    id?: string;
+};
+export declare function RefineFormModal(props: RefineFormModalProps): JSX.Element;
+export default RefineFormModal;

package/lib/src/components/RefineForm/RefineFormPage.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ResourceConfig } from '../../types';
+type Props = {
+    config: ResourceConfig<any>;
+};
+export declare const RefineFormPage: (props: Props) => JSX.Element;
+export {};

package/lib/src/components/RefineForm/index.d.ts

@@ -0,0 +1,3 @@
+export * from './RefineFormPage';
+export * from './RefineFormModal';
+export * from './type';

package/lib/src/components/RefineForm/type.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+export type RefineFormValidator = (value: unknown, formValue: unknown) => {
+    isValid: boolean;
+    errorMsg: string;
+};
+export type RefineFormField = {
+    path: string[];
+    key: string;
+    label: string;
+    type?: 'number';
+    validators?: RefineFormValidator[];
+    render?: React.FC<{
+        value: unknown;
+        onChange: (event: unknown) => void;
+        onBlur: () => void;
+    }>;
+};
+export type RefineFormConfig = {
+    fields: RefineFormField[];
+};

package/lib/src/components/RefineForm/useRefineForm.d.ts

@@ -0,0 +1,10 @@
+import { UseFormProps } from '@refinedev/core';
+import { ResourceConfig } from '../../types';
+export declare const useRefineForm: (props: {
+    config: ResourceConfig;
+    id?: string;
+    refineProps?: UseFormProps;
+}) => {
+    formResult: import("@refinedev/react-hook-form").UseFormReturnType<import("@refinedev/core").BaseRecord, import("@refinedev/core").HttpError, Record<string, unknown>, {}, import("@refinedev/core").BaseRecord, import("@refinedev/core").BaseRecord, import("@refinedev/core").HttpError>;
+    responseErrorMsg: string;
+};

package/lib/src/components/ShowContent/fields.d.ts

@@ -3,38 +3,48 @@ import React from 'react';
 import { JobModel, ResourceModel, WorkloadModel, WorkloadBaseModel, CronJobModel, IngressModel, ServiceModel } from '../../models';
 export type ShowField<Model extends ResourceModel> = {
     key: string;
-    title: string;
+    title?: string;
     path: string[];
     labelWidth?: string;
     col?: number;
     render?: (val: unknown, record: Model, field: ShowField<Model>) => React.ReactElement | undefined;
     renderContent?: (val: unknown, record: Model, field: ShowField<Model>) => React.ReactElement | undefined;
 };
-export type ShowTabField<Model extends ResourceModel> = {
-    key: string;
+export declare enum AreaType {
+    Inline = "Inline",
+    Grid = "Grid"
+}
+export type ShowArea<Model extends ResourceModel> = {
+    type?: AreaType;
+    fields: ShowField<Model>[];
+};
+export type ShowGroup<Model extends ResourceModel> = {
+    title?: string;
+    areas: ShowArea<Model>[];
+};
+export type ShowTab<Model extends ResourceModel> = {
     title: string;
-    path: string[];
-    renderContent?: (val: unknown, record: Model, field: ShowTabField<Model>) => React.ReactElement | undefined;
+    key: string;
+    groups: ShowGroup<Model>[];
 };
 export interface ShowConfig<Model extends ResourceModel = ResourceModel> {
-    title?: string;
-    descriptions?: ShowField<Model>[];
-    groups?: {
-        fields: ShowField<Model>[];
-    }[];
-    tabs?: ShowTabField<Model>[];
+    tabs?: ShowTab<Model>[];
 }
 export declare const ImageField: <Model extends WorkloadBaseModel>(i18n: I18nType) => ShowField<Model>;
-export declare const ReplicaField: (i18n: I18nType) => ShowField<WorkloadModel>;
-export declare const ConditionsField: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => ShowTabField<Model>;
-export declare const PodsField: <Model extends WorkloadBaseModel>() => ShowTabField<Model>;
-export declare const JobsField: <Model extends JobModel | CronJobModel>() => ShowTabField<Model>;
-export declare const DataField: (i18n: I18nType) => ShowField<ResourceModel>;
-export declare const SecretDataField: (i18n: I18nType) => ShowField<ResourceModel>;
+export declare const ReplicaField: <Model extends WorkloadModel>() => ShowField<Model>;
+export declare const ConditionsField: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>() => ShowField<Model>;
+export declare const PodsField: <Model extends WorkloadBaseModel>() => ShowField<Model>;
+export declare const JobsField: <Model extends JobModel | CronJobModel>() => ShowField<Model>;
+export declare const DataField: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>() => ShowField<Model>;
+export declare const SecretDataField: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>() => ShowField<Model>;
 export declare const StartTimeField: (i18n: I18nType) => ShowField<JobModel>;
-export declare const ServiceTypeField: (i18n: I18nType) => ShowField<ServiceModel>;
-export declare const ClusterIpField: (i18n: I18nType) => ShowField<ServiceModel>;
-export declare const SessionAffinityField: (i18n: I18nType) => ShowField<ServiceModel>;
-export declare const ServicePodsField: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>() => ShowTabField<Model>;
-export declare const IngressRulesTableTabField: <Model extends IngressModel>(i18n: I18nType) => ShowTabField<Model>;
-export declare const EventsTableTabField: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => ShowTabField<Model>;
+export declare const ServiceTypeField: <Model extends ServiceModel>(i18n: I18nType) => ShowField<Model>;
+export declare const ClusterIpField: <Model extends ServiceModel>(i18n: I18nType) => ShowField<Model>;
+export declare const SessionAffinityField: <Model extends ServiceModel>(i18n: I18nType) => ShowField<Model>;
+export declare const ServicePodsField: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>() => ShowField<Model>;
+export declare const IngressRulesTableTabField: <Model extends IngressModel>() => ShowField<Model>;
+export declare const EventsTableTabField: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>() => ShowField<Model>;
+export declare const NamespaceField: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => ShowField<Model>;
+export declare const AgeField: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => ShowField<Model>;
+export declare const LabelsField: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => ShowField<Model>;
+export declare const AnnotationsField: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => ShowField<Model>;

package/lib/src/components/ShowContent/groups.d.ts

@@ -0,0 +1,11 @@
+import { i18n as I18nType } from 'i18next';
+import { ResourceModel, WorkloadBaseModel, ServiceModel } from 'src/models';
+import { ShowField, ShowArea, ShowGroup } from './fields';
+export declare const BasicGroup: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType, { upAreas, downAreas, basicFields }?: {
+    upAreas?: ShowArea<Model>[] | undefined;
+    downAreas?: ShowArea<Model>[] | undefined;
+    basicFields?: ShowField<Model>[] | undefined;
+}) => ShowGroup<Model>;
+export declare const PodsGroup: <Model extends WorkloadBaseModel>() => ShowGroup<Model>;
+export declare const ServicePodsGroup: <Model extends ServiceModel>() => ShowGroup<Model>;
+export declare const ConditionsGroup: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => ShowGroup<Model>;

package/lib/src/components/ShowContent/index.d.ts

@@ -1,2 +1,4 @@
 export * from './fields';
+export * from './tabs';
+export * from './groups';
 export * from './ShowContent';

package/lib/src/components/ShowContent/tabs.d.ts

@@ -0,0 +1,12 @@
+import { i18n as I18nType } from 'i18next';
+import { ResourceModel, IngressModel, JobModel, CronJobModel, PodModel } from 'src/models';
+import { ShowTab } from './fields';
+export declare const SecretDataTab: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => ShowTab<Model>;
+export declare const EventsTab: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => ShowTab<Model>;
+export declare const IngressRulesTab: <Model extends IngressModel>(i18n: I18nType) => ShowTab<Model>;
+export declare const NetworkPolicyIngressRulesTab: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => ShowTab<Model>;
+export declare const NetworkPolicyEgressRulesTab: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => ShowTab<Model>;
+export declare const DataTab: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => ShowTab<Model>;
+export declare const JobsTab: <Model extends JobModel | CronJobModel>() => ShowTab<Model>;
+export declare const PodContainersTab: <Model extends PodModel>(i18n: I18nType) => ShowTab<Model>;
+export declare const PodLogTab: <Model extends PodModel>(i18n: I18nType) => ShowTab<Model>;

package/lib/src/components/StateTag/StateTag.d.ts

@@ -3,6 +3,7 @@ import { WorkloadState } from '../../constants';
 type Props = {
     state?: WorkloadState;
     className?: string;
+    hideBackground?: boolean;
 };
 export declare const StateTag: React.FC<Props>;
 export {};

package/lib/src/components/Tabs/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export type TabsProps = {
+    tabs: {
+        title: string;
+        key: string;
+        children: React.ReactNode;
+    }[];
+    className?: string;
+};
+export declare function Tabs(props: TabsProps): JSX.Element;

package/lib/src/components/Time/index.d.ts

@@ -2,8 +2,7 @@ import React from 'react';
 declare const Time: React.FunctionComponent<{
     className?: string;
     date?: string | number | Date | null;
-    dateTemplate?: string | null;
-    timeTemplate?: string | null;
-    plainText?: boolean;
+    dateTemplate?: string;
+    timeTemplate?: string;
 }>;
 export default Time;

package/lib/src/components/WorkloadDropdown/index.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
 import { WorkloadModel } from '../../models';
+import { DropdownSize } from '../K8sDropdown';
 type Props<Model extends WorkloadModel> = {
     record: Model;
+    size?: DropdownSize;
 };
 export declare function WorkloadDropdown<Model extends WorkloadModel>(props: Props<Model>): JSX.Element;
 export {};

package/lib/src/components/WorkloadReplicas/index.d.ts

@@ -2,7 +2,6 @@
 import { WorkloadModel } from '../../models';
 export interface WorkloadReplicasProps {
     record: WorkloadModel;
-    label?: string;
     editable?: boolean;
 }
-export declare function WorkloadReplicas({ record, label, editable }: WorkloadReplicasProps): JSX.Element;
+export declare function WorkloadReplicas({ record, editable }: WorkloadReplicasProps): JSX.Element;

package/lib/src/components/index.d.ts

@@ -32,9 +32,11 @@ export * from './EditButton';
 export * from './ReferenceLink';
 export * from './ResourceLink';
 export * from './NamespacesFilter';
+export * from './RefineForm';
 export * from './ServiceComponents';
 export * from './Tags';
 export * from './TextTags';
 export * from './PodLog';
 export * from './FormModal';
 export * from './NetworkPolicyRulesTable';
+export * from './Tabs';

package/lib/src/constants/k8s.d.ts

@@ -266,4 +266,27 @@ export declare const NETWORK_POLICY_INIT_VALUE: {
     apiVersion: string;
     kind: string;
 };
+export declare const SERVER_INSTANCE_INIT_VALUE: {
+    spec: {
+        address: {
+            host: string;
+            port: number;
+            protocol: string;
+            credentials: {
+                ssh: {
+                    username: string;
+                    password: string;
+                };
+            };
+        };
+    };
+    metadata: {
+        name: string;
+        namespace: string;
+        annotations: {};
+        labels: {};
+    };
+    apiVersion: string;
+    kind: string;
+};
 export declare const TIMESTAMP_LABEL = "sks.user.kubesmart.smtx.io/timestamp";

package/lib/src/contexts/component.d.ts

@@ -1,6 +1,8 @@
 /// <reference types="react" />
 import Table from 'src/components/Table';
+import { Tabs } from 'src/components/Tabs';
 declare const ComponentContext: import("react").Context<{
     Table?: typeof Table | undefined;
+    Tabs?: typeof Tabs | undefined;
 }>;
 export default ComponentContext;

package/lib/src/hooks/useEagleTable/columns.d.ts

@@ -1,14 +1,16 @@
 import { i18n as I18nType } from 'i18next';
 import { Column } from '../../components/Table';
-import { JobModel, PodModel, ResourceModel, WorkloadModel, WorkloadBaseModel, CronJobModel, IngressModel, ServiceModel } from '../../models';
+import { JobModel, PodModel, ResourceModel, WorkloadModel, WorkloadBaseModel, CronJobModel, IngressModel, ServiceModel, DaemonSetModel } from '../../models';
 export declare const CommonSorter: (dataIndex: string[]) => (a: unknown, b: unknown) => 0 | 1 | -1;
 export declare const NameColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType, resource?: string) => Column<Model>;
 export declare const NameSpaceColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => Column<Model>;
-export declare const StateDisplayColumnRenderer: <Model extends PodModel | WorkloadModel | CronJobModel>(i18n: I18nType) => Column<Model>;
+export declare const StateDisplayColumnRenderer: <Model extends PodModel | JobModel | WorkloadModel | CronJobModel | DaemonSetModel | ServiceModel>(i18n: I18nType) => Column<Model>;
 export declare const WorkloadImageColumnRenderer: <Model extends WorkloadBaseModel>(i18n: I18nType) => Column<Model>;
 export declare const WorkloadRestartsColumnRenderer: <Model extends WorkloadModel>(i18n: I18nType) => Column<Model>;
 export declare const ReplicasColumnRenderer: <Model extends WorkloadModel>(i18n: I18nType) => Column<Model>;
-export declare const AgeColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => Column<Model>;
+export declare const AgeColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType, config?: {
+    title?: string;
+}) => Column<Model>;
 export declare const NodeNameColumnRenderer: <Model extends PodModel>(i18n: I18nType, options?: Partial<Column<Model>> | undefined) => Column<Model>;
 export declare const RestartCountColumnRenderer: <Model extends PodModel>(i18n: I18nType) => Column<Model>;
 export declare const CompletionsCountColumnRenderer: <Model extends JobModel | CronJobModel>(i18n: I18nType) => Column<Model>;

package/lib/src/i18n.d.ts

@@ -1,3 +1,4 @@
+import 'dayjs/locale/zh';
 import i18n from 'i18next';
 export declare const resources: {
     'en-US': {
@@ -17,7 +18,101 @@ export declare const resources: {
             retry: string;
             create_resource: string;
             edit_resource: string;
-            status: string;
+            state: string;
+            name: string;
+            pod: string;
+            cancel: string;
+            delete: string;
+            create: string;
+            confirm_delete_text: string;
+            edit: string;
+            namespace: string;
+            image: string;
+            created_time: string;
+            label: string;
+            annotation: string;
+            type: string;
+            event: string;
+            reason: string;
+            object: string;
+            note: string;
+            condition: string;
+            download_yaml: string;
+            detail: string;
+            restarts: string;
+            updated_time: string;
+            message: string;
+            save: string;
+            more: string;
+            workload: string;
+            all_namespaces: string;
+            empty: string;
+            schedule: string;
+            lastScheduleTime: string;
+            duration: string;
+            started: string;
+            init_container: string;
+            regular_container: string;
+            container: string;
+            redeploy: string;
+            data: string;
+            suspend: string;
+            resume: string;
+            clusterIp: string;
+            sessionAffinity: string;
+            log: string;
+            select_container: string;
+            wrap: string;
+            resume_log: string;
+            log_new_lines: string;
+            ready: string;
+            updating: string;
+            completed: string;
+            failed: string;
+            suspended: string;
+            running: string;
+            terminating: string;
+            terminated: string;
+            succeeded: string;
+            unknown: string;
+            pending: string;
+            waiting: string;
+            sec: string;
+            min: string;
+            hr: string;
+            day: string;
+            expand: string;
+            fold: string;
+            rule: string;
+            default_backend: string;
+            ingress_class: string;
+            port: string;
+            pod_ready_num: string;
+            pod_replicas_num: string;
+            edit_replicas: string;
+            cert: string;
+            dns_record: string;
+            port_mapping: string;
+            out_cluster_access: string;
+            in_cluster_access: string;
+            any_node_ip: string;
+            fail_get_detail: string;
+            basic_info: string;
+            pod_selector: string;
+            ingress_rule: string;
+            egress_rule: string;
+            ip_address: string;
+            last_seen: string;
+            service_port: string;
+            pod_port: string;
+            node_port: string;
+            protocol: string;
+            key: string;
+            value: string;
+            path_type: string;
+            path: string;
+            backend: string;
+            belong_to_node: string;
         };
     };
     'zh-CN': {
@@ -40,10 +135,7 @@ export declare const resources: {
             namespace: string;
             name: string;
             state: string;
-            status: string;
-            phase: string;
             image: string;
-            replicas: string;
             created_time: string;
             label: string;
             annotation: string;
@@ -55,7 +147,6 @@ export declare const resources: {
             condition: string;
             download_yaml: string;
             detail: string;
-            node_name: string;
             restarts: string;
             updated_time: string;
             message: string;
@@ -67,17 +158,14 @@ export declare const resources: {
             schedule: string;
             lastScheduleTime: string;
             duration: string;
-            completions: string;
             started: string;
             init_container: string;
+            regular_container: string;
             container: string;
             redeploy: string;
             data: string;
             suspend: string;
             resume: string;
-            cluster: string;
-            storage: string;
-            network: string;
             clusterIp: string;
             sessionAffinity: string;
             log: string;
@@ -96,6 +184,7 @@ export declare const resources: {
             running: string;
             terminating: string;
             succeeded: string;
+            terminated: string;
             unknown: string;
             pending: string;
             waiting: string;
@@ -109,15 +198,41 @@ export declare const resources: {
             fold: string;
             rule: string;
             default_backend: string;
-            ingress_rule_type: string;
             ingress_class: string;
             port: string;
+            pod_ready_num: string;
+            pod_replicas_num: string;
+            edit_replicas: string;
             cert: string;
             dns_record: string;
             port_mapping: string;
             out_cluster_access: string;
             in_cluster_access: string;
             any_node_ip: string;
+            fail_get_detail: string;
+            basic_info: string;
+            pod: string;
+            pod_selector: string;
+            ingress_rule: string;
+            egress_rule: string;
+            ip_address: string;
+            last_seen: string;
+            service_port: string;
+            pod_port: string;
+            node_port: string;
+            protocol: string;
+            key: string;
+            value: string;
+            path_type: string;
+            path: string;
+            backend: string;
+            belong_to_node: string;
+            name_can_not_be_empty: string;
+            password: string;
+            username: string;
+            host: string;
+            create_resource_success: string;
+            edit_resource_success: string;
         };
     };
 };