@dovetail-v2/refine 0.0.53 → 0.0.54

package/lib/src/models/resource-model.js

@@ -0,0 +1,34 @@
+export class ResourceModel {
+    _rawYaml;
+    _globalStore;
+    id;
+    apiVersion;
+    kind;
+    metadata;
+    constructor(_rawYaml, _globalStore) {
+        this._rawYaml = _rawYaml;
+        this._globalStore = _globalStore;
+        Object.keys(_rawYaml).forEach(key => {
+            Object.defineProperty(this, key, {
+                value: _rawYaml[key],
+            });
+        });
+    }
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    async init() { }
+    get name() {
+        return this._rawYaml.metadata?.name;
+    }
+    get namespace() {
+        return this._rawYaml.metadata?.namespace;
+    }
+    get labels() {
+        return this._rawYaml.metadata?.labels;
+    }
+    get annotations() {
+        return this._rawYaml.metadata?.annotations;
+    }
+    restore() {
+        return this._rawYaml;
+    }
+}

package/lib/src/models/server-instance-model.d.ts

@@ -0,0 +1,10 @@
+import { GlobalStore, Unstructured } from 'k8s-api-provider';
+import { ResourceModel } from './resource-model';
+type ServerInstanceTypes = Required<Unstructured>;
+export declare class ServerInstanceModel extends ResourceModel<ServerInstanceTypes> {
+    _rawYaml: ServerInstanceTypes;
+    _globalStore: GlobalStore;
+    sshMethod: 'password' | 'privateKey';
+    constructor(_rawYaml: ServerInstanceTypes, _globalStore: GlobalStore);
+}
+export {};

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

@@ -17,6 +17,7 @@ export declare class ServiceModel extends ResourceModel<ServiceType> {
     get dnsRecord(): string;
     get displayPortMapping(): {
         servicePort: number;
+        nodePort: number | undefined;
         link: string;
         targetPort: string | number | undefined;
         protocol: string | undefined;

package/lib/src/models/service-model.js

@@ -0,0 +1,17 @@
+import { ResourceModel } from './resource-model';
+export class ServiceModel extends ResourceModel {
+    _rawYaml;
+    _globalStore;
+    constructor(_rawYaml, _globalStore) {
+        super(_rawYaml, _globalStore);
+        this._rawYaml = _rawYaml;
+        this._globalStore = _globalStore;
+    }
+    inClusterAccess() {
+        if (this._rawYaml.spec.type &&
+            ['ClusterIP', 'NodePort', 'LoadBalancer'].includes(this._rawYaml.spec.type)) {
+            return this._rawYaml.spec.clusterIP;
+        }
+        return this._rawYaml.spec.externalName;
+    }
+}

package/lib/src/models/statefulset-model.js

@@ -0,0 +1,17 @@
+import { WorkloadState } from '../constants';
+import { WorkloadModel } from './workload-model';
+export class StatefulSetModel extends WorkloadModel {
+    _rawYaml;
+    _globalStore;
+    constructor(_rawYaml, _globalStore) {
+        super(_rawYaml, _globalStore);
+        this._rawYaml = _rawYaml;
+        this._globalStore = _globalStore;
+    }
+    get stateDisplay() {
+        if (this.spec?.replicas !== this.status?.readyReplicas) {
+            return WorkloadState.UPDATEING;
+        }
+        return WorkloadState.READY;
+    }
+}

package/lib/src/models/types/index.js

@@ -0,0 +1 @@
+export * from './metric';

package/lib/src/models/types/metric.js

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

package/lib/src/models/workload-base-model.js

@@ -0,0 +1,22 @@
+import { shortenedImage } from '../utils/string';
+import { ResourceModel } from './resource-model';
+export class WorkloadBaseModel extends ResourceModel {
+    _rawYaml;
+    _globalStore;
+    constructor(_rawYaml, _globalStore) {
+        super(_rawYaml, _globalStore);
+        this._rawYaml = _rawYaml;
+        this._globalStore = _globalStore;
+    }
+    get imageNames() {
+        const containers = 
+        // cronjob
+        this._rawYaml.spec && 'jobTemplate' in this._rawYaml.spec
+            ? this._rawYaml.spec.jobTemplate.spec?.template.spec?.containers
+            : // other wokload
+                this._rawYaml.spec && 'template' in this._rawYaml.spec
+                    ? this._rawYaml.spec?.template.spec?.containers
+                    : [];
+        return containers?.map(container => shortenedImage(container.image || '')) || [];
+    }
+}

package/lib/src/models/workload-model.js

@@ -0,0 +1,51 @@
+import { cloneDeep, get, set, sumBy } from 'lodash';
+import { TIMESTAMP_LABEL } from '../constants';
+import { matchSelector } from '../utils/match-selector';
+import { WorkloadBaseModel } from './workload-base-model';
+export class WorkloadModel extends WorkloadBaseModel {
+    _rawYaml;
+    _globalStore;
+    restarts = 0;
+    constructor(_rawYaml, _globalStore) {
+        super(_rawYaml, _globalStore);
+        this._rawYaml = _rawYaml;
+        this._globalStore = _globalStore;
+    }
+    async init() {
+        await this.getRestarts();
+    }
+    async getRestarts() {
+        const pods = (await this._globalStore.get('pods', {
+            resourceBasePath: '/api/v1',
+            kind: 'Pod',
+        }));
+        const myPods = pods.items.filter(p => this.spec?.selector ? matchSelector(p, this.spec?.selector) : false);
+        const result = sumBy(myPods, 'restartCount');
+        this.restarts = result;
+    }
+    get replicas() {
+        return this.spec && 'replicas' in this.spec ? this.spec.replicas : 0;
+    }
+    get readyReplicas() {
+        return this.status && 'readyReplicas' in this.status ? this.status.readyReplicas : 0;
+    }
+    redeploy() {
+        const rawYaml = this._globalStore.restoreItem(this);
+        const newOne = cloneDeep(rawYaml);
+        const path = 'spec.template.metadata.annotations';
+        const annotations = get(newOne, path, {});
+        set(newOne, path, {
+            ...annotations,
+            [TIMESTAMP_LABEL]: new Date().toISOString().replace(/\.\d+Z$/, 'Z'),
+        });
+        return newOne;
+    }
+    scale(value) {
+        const rawYaml = this._globalStore.restoreItem(this);
+        const newOne = cloneDeep(rawYaml);
+        if (newOne.kind === 'Deployment' || newOne.kind === 'StatefulSet') {
+            set(newOne, 'spec.replicas', value);
+        }
+        return newOne;
+    }
+}

package/lib/src/pages/configmaps/index.js

@@ -0,0 +1,15 @@
+import { DataField } from '../../components/ShowContent';
+import { AgeColumnRenderer } from '../../hooks/useEagleTable/columns';
+import { RESOURCE_GROUP } from '../../types';
+export const ConfigMapConfig = (i18n) => ({
+    name: 'configmaps',
+    kind: 'ConfigMap',
+    basePath: '/api/v1',
+    apiVersion: 'v1',
+    parent: RESOURCE_GROUP.STORAGE,
+    label: 'ConfigMaps',
+    columns: () => [AgeColumnRenderer(i18n)],
+    showConfig: () => ({
+        tabs: [DataField(i18n)],
+    }),
+});

package/lib/src/pages/cronjobs/create/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import YamlForm from 'src/components/YamlForm';
+import { CRONJOB_INIT_VALUE } from 'src/constants/k8s';
+export const CronJobForm = () => {
+    return _jsx(YamlForm, { initialValues: CRONJOB_INIT_VALUE });
+};

package/lib/src/pages/cronjobs/index.js

@@ -0,0 +1,3 @@
+export * from './create';
+export * from './list';
+export * from './show';

package/lib/src/pages/cronjobs/list/index.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CronJobDropdown } from 'src/components/CronJobDropdown';
+import { ListPage } from 'src/components/ListPage';
+import Time from 'src/components/Time';
+import { useEagleTable } from 'src/hooks/useEagleTable';
+import { AgeColumnRenderer, WorkloadImageColumnRenderer, NameColumnRenderer, NameSpaceColumnRenderer, StateDisplayColumnRenderer, } from 'src/hooks/useEagleTable/columns';
+import { useD2Translation } from '../../../i18n';
+export const CronJobList = () => {
+    const { i18n } = useD2Translation();
+    const { tableProps, selectedKeys } = useEagleTable({
+        useTableParams: {},
+        columns: [
+            StateDisplayColumnRenderer(i18n),
+            NameColumnRenderer(i18n),
+            NameSpaceColumnRenderer(i18n),
+            WorkloadImageColumnRenderer(i18n),
+            {
+                key: 'schedule',
+                display: true,
+                dataIndex: ['spec', 'schedule'],
+                title: i18n.t('dovetail.schedule'),
+                sortable: true,
+            },
+            {
+                key: 'lastScheduleTime',
+                display: true,
+                dataIndex: ['status', 'lastScheduleTime'],
+                title: i18n.t('dovetail.lastScheduleTime'),
+                sortable: true,
+                render(value) {
+                    return _jsx(Time, { date: value });
+                },
+            },
+            AgeColumnRenderer(i18n),
+        ],
+        tableProps: {
+            currentSize: 10,
+        },
+        Dropdown: CronJobDropdown,
+    });
+    return _jsx(ListPage, { title: "CronJob", selectedKeys: selectedKeys, tableProps: tableProps });
+};

package/lib/src/pages/cronjobs/show/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { CronJobDropdown } from '../../../components/CronJobDropdown';
+import { PageShow } from '../../../components/PageShow';
+import { ImageField, JobsField } from '../../../components/ShowContent/fields';
+import { useD2Translation } from '../../../i18n';
+export const CronJobShow = () => {
+    const { i18n } = useD2Translation();
+    return (_jsx(PageShow, { showConfig: {
+            groups: [
+                {
+                    fields: [ImageField(i18n)],
+                },
+            ],
+            tabs: [JobsField()],
+        }, Dropdown: CronJobDropdown }));
+};

package/lib/src/pages/daemonsets/create/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import YamlForm from 'src/components/YamlForm';
+import { DAEMONSET_INIT_VALUE } from 'src/constants/k8s';
+export const DaemonSetForm = () => {
+    return _jsx(YamlForm, { initialValues: DAEMONSET_INIT_VALUE });
+};

package/lib/src/pages/daemonsets/index.js

@@ -0,0 +1,3 @@
+export * from './create';
+export * from './list';
+export * from './show';

package/lib/src/pages/daemonsets/list/index.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListPage } from 'src/components/ListPage';
+import { WorkloadDropdown } from 'src/components/WorkloadDropdown';
+import { useEagleTable } from 'src/hooks/useEagleTable';
+import { AgeColumnRenderer, WorkloadImageColumnRenderer, NameColumnRenderer, NameSpaceColumnRenderer, StateDisplayColumnRenderer, WorkloadRestartsColumnRenderer, } from 'src/hooks/useEagleTable/columns';
+import { useD2Translation } from '../../../i18n';
+export const DaemonSetList = () => {
+    const { i18n } = useD2Translation();
+    const { tableProps, selectedKeys } = useEagleTable({
+        useTableParams: {},
+        columns: [
+            StateDisplayColumnRenderer(i18n),
+            NameColumnRenderer(i18n),
+            NameSpaceColumnRenderer(i18n),
+            WorkloadImageColumnRenderer(i18n),
+            {
+                key: 'ready',
+                display: true,
+                dataIndex: ['status', 'numberReady'],
+                title: 'Ready',
+                sortable: true,
+            },
+            WorkloadRestartsColumnRenderer(i18n),
+            AgeColumnRenderer(i18n),
+        ],
+        tableProps: {
+            currentSize: 10,
+        },
+        Dropdown: WorkloadDropdown,
+    });
+    return (_jsx(ListPage, { title: "DaemonSet", selectedKeys: selectedKeys, tableProps: tableProps }));
+};

package/lib/src/pages/daemonsets/show/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WorkloadDropdown } from 'src/components/WorkloadDropdown';
+import { PageShow } from '../../../components/PageShow';
+import { ConditionsField, ImageField, PodsField, } from '../../../components/ShowContent/fields';
+import { useD2Translation } from '../../../i18n';
+export const DaemonSetShow = () => {
+    const { i18n } = useD2Translation();
+    return (_jsx(PageShow, { showConfig: {
+            groups: [
+                {
+                    fields: [ImageField(i18n)],
+                },
+            ],
+            tabs: [PodsField(), ConditionsField(i18n)],
+        }, Dropdown: WorkloadDropdown }));
+};

package/lib/src/pages/deployments/create/index.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import FormModal from 'src/components/FormModal';
+import YamlForm from 'src/components/YamlForm';
+import { DEPLOYMENT_INIT_VALUE } from 'src/constants/k8s';
+export const DeploymentForm = (props) => {
+    return (_jsx(FormModal, { ...props, renderForm: (formProps) => (_jsx(YamlForm, { ...formProps, initialValues: DEPLOYMENT_INIT_VALUE, isShowLayout: false })) }));
+};

package/lib/src/pages/deployments/index.js

@@ -0,0 +1,3 @@
+export * from './create';
+export * from './list';
+export * from './show';

package/lib/src/pages/deployments/list/index.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ListPage } from 'src/components/ListPage';
+import { WorkloadDropdown } from 'src/components/WorkloadDropdown';
+import { useEagleTable } from 'src/hooks/useEagleTable';
+import { AgeColumnRenderer, WorkloadImageColumnRenderer, NameColumnRenderer, NameSpaceColumnRenderer, ReplicasColumnRenderer, WorkloadRestartsColumnRenderer, StateDisplayColumnRenderer, } from 'src/hooks/useEagleTable/columns';
+import { useD2Translation } from '../../../i18n';
+export const DeploymentList = () => {
+    const { i18n } = useD2Translation();
+    const { tableProps, selectedKeys } = useEagleTable({
+        useTableParams: {},
+        columns: [
+            StateDisplayColumnRenderer(i18n),
+            NameColumnRenderer(i18n),
+            NameSpaceColumnRenderer(i18n),
+            WorkloadImageColumnRenderer(i18n),
+            WorkloadRestartsColumnRenderer(i18n),
+            ReplicasColumnRenderer(i18n),
+            AgeColumnRenderer(i18n),
+        ],
+        tableProps: {
+            currentSize: 10,
+        },
+        Dropdown: WorkloadDropdown,
+    });
+    return (_jsx(ListPage, { title: "Deployments", selectedKeys: selectedKeys, tableProps: tableProps }));
+};

package/lib/src/pages/deployments/show/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { PageShow } from '../../../components/PageShow';
+import { ConditionsField, EventsTableTabField, ImageField, PodsField, ReplicaField, } from '../../../components/ShowContent/fields';
+import { WorkloadDropdown } from '../../../components/WorkloadDropdown';
+import { useD2Translation } from '../../../i18n';
+export const DeploymentShow = () => {
+    const { i18n } = useD2Translation();
+    return (_jsx(PageShow, { showConfig: {
+            groups: [
+                {
+                    fields: [ImageField(i18n), ReplicaField(i18n)],
+                },
+            ],
+            tabs: [PodsField(), ConditionsField(i18n), EventsTableTabField(i18n)],
+        }, Dropdown: WorkloadDropdown }));
+};

package/lib/src/pages/ingresses/index.js

@@ -0,0 +1,26 @@
+import { IngressRulesTableTabField } from '../../components';
+import K8sDropdown from '../../components/K8sDropdown';
+import { INGRESS_INIT_VALUE } from '../../constants/k8s';
+import { AgeColumnRenderer, IngressDefaultBackendColumnRenderer, IngressRulesColumnRenderer, } from '../../hooks/useEagleTable/columns';
+import { RESOURCE_GROUP, FormType } from '../../types';
+export const IngressConfig = (i18n) => ({
+    name: 'ingresses',
+    kind: 'Ingress',
+    basePath: '/apis/networking.k8s.io/v1',
+    apiVersion: 'networking.k8s.io/v1',
+    label: 'Ingresses',
+    parent: RESOURCE_GROUP.NETWORK,
+    columns: () => [
+        IngressDefaultBackendColumnRenderer(i18n),
+        IngressRulesColumnRenderer(i18n),
+        AgeColumnRenderer(i18n),
+    ],
+    showConfig: () => ({
+        descriptions: [],
+        groups: [],
+        tabs: [IngressRulesTableTabField(i18n)],
+    }),
+    initValue: INGRESS_INIT_VALUE,
+    Dropdown: K8sDropdown,
+    formType: FormType.MODAL,
+});

package/lib/src/pages/jobs/index.js

@@ -0,0 +1,34 @@
+import { FormType } from 'src/types';
+import K8sDropdown from '../../components/K8sDropdown';
+import { ConditionsField, ImageField, PodsField, StartTimeField, } from '../../components/ShowContent';
+import { JOB_INIT_VALUE } from '../../constants/k8s';
+import { AgeColumnRenderer, WorkloadImageColumnRenderer, DurationColumnRenderer, CompletionsCountColumnRenderer, StateDisplayColumnRenderer, WorkloadRestartsColumnRenderer, } from '../../hooks/useEagleTable/columns';
+import { RESOURCE_GROUP } from '../../types';
+export const JobConfig = (i18n) => ({
+    name: 'jobs',
+    kind: 'Job',
+    basePath: '/apis/batch/v1',
+    apiVersion: 'batch/v1',
+    label: 'Jobs',
+    parent: RESOURCE_GROUP.WORKLOAD,
+    columns: () => [
+        StateDisplayColumnRenderer(i18n),
+        WorkloadImageColumnRenderer(i18n),
+        CompletionsCountColumnRenderer(i18n),
+        WorkloadRestartsColumnRenderer(i18n),
+        DurationColumnRenderer(i18n),
+        AgeColumnRenderer(i18n),
+    ],
+    showConfig: () => ({
+        descriptions: [],
+        groups: [
+            {
+                fields: [StartTimeField(i18n), ImageField(i18n)],
+            },
+        ],
+        tabs: [PodsField(), ConditionsField(i18n)],
+    }),
+    initValue: JOB_INIT_VALUE,
+    Dropdown: K8sDropdown,
+    formType: FormType.MODAL,
+});

package/lib/src/pages/networkPolicies/index.js

@@ -0,0 +1,67 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Tags } from '../../components';
+import K8sDropdown from '../../components/K8sDropdown';
+import { NetworkPolicyRulesTable } from '../../components/NetworkPolicyRulesTable';
+import { NETWORK_POLICY_INIT_VALUE } from '../../constants/k8s';
+import { AgeColumnRenderer } from '../../hooks/useEagleTable/columns';
+import { RESOURCE_GROUP, FormType } from '../../types';
+export const NetworkPolicyConfig = (i18n) => ({
+    name: 'networkpolicies',
+    kind: 'NetworkPolicy',
+    basePath: '/apis/networking.k8s.io/v1',
+    apiVersion: 'networking.k8s.io/v1',
+    label: 'NetworkPolicies',
+    parent: RESOURCE_GROUP.NETWORK,
+    columns: () => [
+        {
+            key: 'podSelector',
+            display: true,
+            dataIndex: ['spec', 'podSelector', 'matchLabels'],
+            title: 'Pod Selector',
+            sortable: false,
+            render(matchLabels) {
+                return _jsx(Tags, { value: matchLabels });
+            },
+        },
+        AgeColumnRenderer(i18n),
+    ],
+    showConfig: () => ({
+        descriptions: [],
+        groups: [
+            {
+                fields: [
+                    {
+                        key: 'podSelector',
+                        title: 'Pod Selector',
+                        path: ['spec', 'podSelector'],
+                        col: 12,
+                        renderContent: podSelector => {
+                            return _jsx(Tags, { value: podSelector.matchLabels });
+                        },
+                    },
+                ],
+            },
+        ],
+        tabs: [
+            {
+                key: 'Ingress',
+                title: 'Ingress Rules',
+                path: ['spec', 'ingress'],
+                renderContent: ingress => {
+                    return (_jsx(NetworkPolicyRulesTable, { ingressOrEgress: ingress }));
+                },
+            },
+            {
+                key: 'Egress',
+                title: 'Egress Rules',
+                path: ['spec', 'egress'],
+                renderContent: egress => {
+                    return (_jsx(NetworkPolicyRulesTable, { ingressOrEgress: egress }));
+                },
+            },
+        ],
+    }),
+    initValue: NETWORK_POLICY_INIT_VALUE,
+    Dropdown: K8sDropdown,
+    formType: FormType.MODAL,
+});

package/lib/src/pages/pods/create/index.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import YamlForm from 'src/components/YamlForm';
+import { POD_INIT_VALUE } from 'src/constants/k8s';
+export const PodForm = () => {
+    return _jsx(YamlForm, { initialValues: POD_INIT_VALUE });
+};

package/lib/src/pages/pods/index.js

@@ -0,0 +1,3 @@
+export * from './create';
+export * from './list';
+export * from './show';

package/lib/src/pages/pods/list/index.js

@@ -0,0 +1,81 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useList } from '@refinedev/core';
+import { compact } from 'lodash-es';
+import { useMemo } from 'react';
+import { ListPage } from '../../../components/ListPage';
+import { useEagleTable } from '../../../hooks/useEagleTable';
+import { AgeColumnRenderer, WorkloadImageColumnRenderer, NameColumnRenderer, NameSpaceColumnRenderer, CommonSorter, RestartCountColumnRenderer, NodeNameColumnRenderer, StateDisplayColumnRenderer, PodWorkloadColumnRenderer, } from '../../../hooks/useEagleTable/columns';
+import { useD2Translation } from '../../../i18n';
+export const PodList = () => {
+    const { i18n } = useD2Translation();
+    const { data: metricsData } = useList({
+        resource: 'podMetrics',
+        meta: {
+            resourceBasePath: '/apis/metrics.k8s.io/v1beta1',
+            kind: 'PodMetrics',
+            k8sResource: 'pods',
+        },
+    });
+    const metricsMap = useMemo(() => {
+        return (metricsData?.data || []).reduce((prev, cur) => {
+            prev[cur.id] = cur;
+            return prev;
+        }, {});
+    }, [metricsData]);
+    const supportMetrics = Boolean(metricsData);
+    const { tableProps, selectedKeys } = useEagleTable({
+        useTableParams: {},
+        columns: compact([
+            StateDisplayColumnRenderer(i18n),
+            NameColumnRenderer(i18n),
+            NameSpaceColumnRenderer(i18n),
+            WorkloadImageColumnRenderer(i18n),
+            {
+                key: 'readyDisplay',
+                display: true,
+                dataIndex: ['readyDisplay'],
+                title: 'Ready',
+                sortable: true,
+                sorter: CommonSorter(['readyDisplay']),
+            },
+            RestartCountColumnRenderer(i18n),
+            NodeNameColumnRenderer(i18n),
+            PodWorkloadColumnRenderer(i18n),
+            supportMetrics && {
+                key: 'memory_usage',
+                display: true,
+                dataIndex: ['spec'],
+                title: '内存',
+                sortable: false,
+                align: 'right',
+                render(value, record) {
+                    return metricsMap[record.id]?.usage.memory.si;
+                },
+            },
+            supportMetrics && {
+                key: 'cpu_usage',
+                display: true,
+                dataIndex: ['spec'],
+                title: 'CPU',
+                sortable: false,
+                align: 'right',
+                render(value, record) {
+                    return metricsMap[record.id]?.usage.cpu.si;
+                },
+            },
+            {
+                key: 'ip',
+                display: true,
+                dataIndex: ['status', 'podIP'],
+                title: 'IP',
+                sortable: true,
+                sorter: CommonSorter(['status', 'podIP']),
+            },
+            AgeColumnRenderer(i18n),
+        ]),
+        tableProps: {
+            currentSize: 10,
+        },
+    });
+    return _jsx(ListPage, { title: "Pod", selectedKeys: selectedKeys, tableProps: tableProps });
+};