@dovetail-v2/refine 0.0.30 → 0.0.32

package/dist/style.css

@@ -1,4 +1,12 @@
 .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);}
+.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 +31,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 +1481,24 @@
   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;}.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;}
+.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/ModalContextProvider/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+interface ModalInfo {
+    resource: string;
+    id?: string;
+}
+type ModalContextValue = ModalInfo & {
+    open: (info: ModalInfo) => void;
+    close: () => void;
+};
+export declare const ModalContext: React.Context<ModalContextValue>;
+declare function ModalContextProvider(props: React.PropsWithChildren<Record<string, unknown>>): JSX.Element;
+export default ModalContextProvider;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ServiceModel } from '../../models';
+type Props = {
+    service: ServiceModel;
+};
+export declare const ServiceInClusterAccessComponent: React.FC<Props>;
+export declare const ServiceOutClusterAccessComponent: React.FC<Props>;
+export {};

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

@@ -1,40 +1,50 @@
 import { i18n as I18nType } from 'i18next';
 import React from 'react';
-import { JobModel, ResourceModel, WorkloadModel, WorkloadBaseModel, CronJobModel, IngressModel } from '../../models';
+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<ResourceModel>;
-export declare const ClusterIpField: (i18n: I18nType) => ShowField<ResourceModel>;
-export declare const SessionAffinityField: (i18n: I18nType) => ShowField<ResourceModel>;
-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>>() => ShowTab<Model>;
+export declare const NetworkPolicyEgressRulesTab: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>() => 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/TextTags/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = {
+    value?: Record<string, string>;
+};
+export declare const TextTags: React.FC<Props>;
+export {};

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import useEagleForm from 'src/hooks/useEagleForm';
 export declare enum SchemaStrategy {
     Required = "Required",
     Optional = "Optional",
@@ -9,6 +10,7 @@ export interface YamlFormProps {
     initialValues?: Record<string, unknown>;
     schemaStrategy?: SchemaStrategy;
     isShowLayout?: boolean;
+    useFormProps?: Parameters<typeof useEagleForm>[0];
     onSaveButtonPropsChange?: (saveButtonProps: {
         disabled?: boolean;
         onClick: () => void;

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

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

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,10 +1,10 @@
 import { i18n as I18nType } from 'i18next';
 import { Column } from '../../components/Table';
-import { JobModel, PodModel, ResourceModel, WorkloadModel, WorkloadBaseModel, CronJobModel, IngressModel } 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>;
@@ -14,6 +14,10 @@ export declare const RestartCountColumnRenderer: <Model extends PodModel>(i18n:
 export declare const CompletionsCountColumnRenderer: <Model extends JobModel | CronJobModel>(i18n: I18nType) => Column<Model>;
 export declare const DurationColumnRenderer: <Model extends JobModel | CronJobModel>(i18n: I18nType) => Column<Model>;
 export declare const ServiceTypeColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => Column<Model>;
+export declare const ServiceInClusterAccessColumnRenderer: <Model extends ServiceModel>(i18n: I18nType) => Column<Model>;
+export declare const ServiceOutClusterAccessColumnRenderer: <Model extends ServiceModel>(i18n: I18nType) => Column<Model>;
 export declare const PodWorkloadColumnRenderer: <Model extends PodModel>(i18n: I18nType) => Column<Model>;
 export declare const IngressRulesColumnRenderer: <Model extends IngressModel>(i18n: I18nType) => Column<Model>;
 export declare const IngressDefaultBackendColumnRenderer: <Model extends IngressModel>(i18n: I18nType) => Column<Model>;
+export declare const IngressClassColumnRenderer: <Model extends IngressModel>(i18n: I18nType) => Column<Model>;
+export declare const IngressTlsColumnRenderer: <Model extends IngressModel>(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': {
@@ -110,7 +111,19 @@ export declare const resources: {
             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;
         };
     };
 };

package/lib/src/locales/zh-CN/index.d.ts

@@ -88,7 +88,19 @@ declare const _default: {
         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;
     };
 };
 export default _default;

package/lib/src/model/cronjob-model.d.ts

@@ -0,0 +1,9 @@
+import { CronJob } from 'kubernetes-types/batch/v1';
+import { WithId } from '../types';
+import { WorkloadModel } from './workload-model';
+export declare class CronJobModel extends WorkloadModel<CronJob> {
+    data: WithId<CronJob>;
+    constructor(data: WithId<CronJob>);
+    suspend(): WithId<CronJob>;
+    resume(): WithId<CronJob>;
+}

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

@@ -0,0 +1,6 @@
+export * from './job-model';
+export * from './pod-model';
+export * from './pod-metrics-model';
+export * from './resource-model';
+export * from './workload-model';
+export * from './cronjob-model';

package/lib/src/model/job-model.d.ts

@@ -0,0 +1,10 @@
+import { Job } from 'kubernetes-types/batch/v1';
+import { WithId } from '../types';
+import { WorkloadModel } from './workload-model';
+export declare class JobModel extends WorkloadModel<Job> {
+    rawYaml: WithId<Job>;
+    constructor(rawYaml: WithId<Job>);
+    get duration(): number;
+    get durationDisplay(): string | undefined;
+    get completionsDisplay(): string;
+}

package/lib/src/model/pod-metrics-model.d.ts

@@ -0,0 +1,7 @@
+import { PodMetrics, ResourceQuantity } from 'src/types/metric';
+import { ResourceModel } from './resource-model';
+export declare class PodMetricsModel extends ResourceModel {
+    data: PodMetrics;
+    usage: ResourceQuantity;
+    constructor(data: PodMetrics);
+}

package/lib/src/model/pod-model.d.ts

@@ -0,0 +1,15 @@
+import type { Pod } from 'kubernetes-types/core/v1';
+import { ResourceQuantity } from 'src/types/metric';
+import { WithId } from '../types';
+import { WorkloadModel } from './workload-model';
+export declare class PodModel extends WorkloadModel<Pod> {
+    rawYaml: WithId<Pod>;
+    request: ResourceQuantity;
+    limit: ResourceQuantity;
+    constructor(rawYaml: WithId<Pod>);
+    get imageNames(): string[];
+    get restartCount(): number;
+    get readyDisplay(): string;
+    get readyContainerCount(): number | undefined;
+    get containerCount(): number | undefined;
+}

package/lib/src/model/resource-model.d.ts

@@ -0,0 +1,17 @@
+import { Resource } from '../types';
+export declare class ResourceModel implements Resource {
+    rawYaml: Resource;
+    id: Resource['id'];
+    apiVersion: Resource['apiVersion'];
+    kind: Resource['kind'];
+    metadata: Resource['metadata'];
+    constructor(rawYaml: Resource);
+    get name(): string | undefined;
+    get namespace(): string | undefined;
+    get labels(): {
+        [name: string]: string;
+    } | undefined;
+    get annotations(): {
+        [name: string]: string;
+    } | undefined;
+}

package/lib/src/model/workload-model.d.ts

@@ -0,0 +1,17 @@
+import type { DaemonSet, Deployment, StatefulSet } from 'kubernetes-types/apps/v1';
+import type { CronJob, Job } from 'kubernetes-types/batch/v1';
+import { Pod } from 'kubernetes-types/core/v1';
+import { WithId } from '../types';
+import { ResourceModel } from './resource-model';
+type WorkloadTypes = Deployment | StatefulSet | Job | DaemonSet | CronJob | Pod;
+export declare class WorkloadModel<T extends WorkloadTypes = WorkloadTypes> extends ResourceModel {
+    rawYaml: WithId<T>;
+    constructor(rawYaml: WithId<T>);
+    get status(): T['status'];
+    get spec(): T['spec'];
+    get imageNames(): string[];
+    get restartCount(): number;
+    redeploy(): WithId<T>;
+    scale(value: number): WithId<T>;
+}
+export {};

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

@@ -12,3 +12,4 @@ export * from './event-model';
 export * from './deployment-model';
 export * from './daemonset-model';
 export * from './statefulset-model';
+export * from './service-model';

package/lib/src/models/service-model.d.ts

@@ -2,9 +2,18 @@ import { GlobalStore, Unstructured } from 'k8s-api-provider';
 import { Service } from 'kubernetes-types/core/v1';
 import { ResourceModel } from './resource-model';
 export type ServiceType = Required<Unstructured & Service>;
+export declare enum ServiceTypeEnum {
+    ClusterIP = "ClusterIP",
+    NodePort = "NodePort",
+    LoadBalancer = "LoadBalancer",
+    ExternalName = "ExternalName",
+    Headless = "Headless"
+}
 export declare class ServiceModel extends ResourceModel<ServiceType> {
     _rawYaml: ServiceType;
     _globalStore: GlobalStore;
     constructor(_rawYaml: ServiceType, _globalStore: GlobalStore);
-    inClusterAccess(): string | undefined;
+    get displayType(): string | undefined;
+    get dnsRecord(): string;
+    get displayPortMapping(): string[] | undefined;
 }

package/lib/src/pages/services/index.d.ts

@@ -1,4 +1,4 @@
 import { i18n } from 'i18next';
-import { ResourceModel } from '../../models';
+import { ServiceModel } from '../../models/service-model';
 import { ResourceConfig } from '../../types';
-export declare const ServicesConfig: (i18n: i18n) => ResourceConfig<ResourceModel>;
+export declare const ServicesConfig: (i18n: i18n) => ResourceConfig<ServiceModel>;

package/lib/src/pages/statefulsets/index.d.ts

@@ -1,3 +1,4 @@
-export * from './create';
-export * from './list';
-export * from './show';
+import { i18n } from 'i18next';
+import { StatefulSetModel } from 'src/models/statefulset-model';
+import { ResourceConfig } from 'src/types';
+export declare const StatefulSetConfig: (i18n: i18n) => ResourceConfig<StatefulSetModel>;

package/lib/src/types/metric.d.ts

@@ -0,0 +1,25 @@
+import { Resource } from './resource';
+type Quantity = string;
+export type ContainerMetrics = {
+    name: string;
+    usage: {
+        cpu?: Quantity;
+        memory?: Quantity;
+    };
+};
+export type PodMetrics = {
+    timestamp: string;
+    window: string;
+    containers: ContainerMetrics[];
+} & Resource;
+export type ResourceQuantity = {
+    cpu: {
+        si: string;
+        value: number;
+    };
+    memory: {
+        si: string;
+        value: number;
+    };
+};
+export {};

package/lib/src/types/resource.d.ts

@@ -7,7 +7,9 @@ export declare enum RESOURCE_GROUP {
     WORKLOAD = "WORKLOAD",
     STORAGE = "STORAGE",
     NETWORK = "NETWORK",
-    CLUSTER = "CLUSTER"
+    CLUSTER = "CLUSTER",
+    SERVICE = "SERVICE",
+    SERVICE_AND_NETWORK = "SERVICE_AND_NETWORK"
 }
 export declare enum FormType {
     PAGE = "PAGE",