@dovetail-v2/refine 0.0.66-pod-exec.0 → 0.1.0

package/dist/style.css

@@ -1508,235 +1508,6 @@
 .e1cjl2b8{border-radius:8px;border:1px solid rgba(211,218,235,0.60);}.e1cjl2b8 .monaco-editor,.e1cjl2b8 .monaco-scrollable-element,.e1cjl2b8 .overflow-guard > .margin{border-radius:8px;}
 .w1akirqw{height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
 .t30srnq{line-height:32px !important;}
-.c154n7ie{max-width:144px;}
-.c1c9j4da{width:100%;}
-.cjxv8cf{color:rgba(44,56,82,0.6);}
-.c1xsnuvk{-webkit-flex-basis:58%;-ms-flex-preferred-size:58%;flex-basis:58%;max-width:648px;width:100%;margin:0 auto;}
-.s1bsn3us{width:1px;height:16px;border-radius:1px;background:rgba(172,186,211,0.6);}
-
-.e1guqlj2{-webkit-flex:1;-ms-flex:1;flex:1;height:100%;margin-bottom:16px;}
-.f1nltbcu{margin-bottom:16px;}
-.f1qgcca6.ant-modal.fullscreen .ant-modal-header{padding:60px 128px 32px 128px;}.f1qgcca6.ant-modal.fullscreen .ant-modal-body{padding:0 128px;}.f1qgcca6.ant-modal.fullscreen .ant-modal-footer .footer-content{margin:0 128px;}
-.m1tl3wq2 .ant-modal-header{max-width:648px;width:100%;padding:60px 0 32px 0 !important;margin:auto;}.m1tl3wq2 .ant-modal-body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;padding:0 4px !important;margin:auto;}.m1tl3wq2 .ant-modal-footer .footer-content{max-width:648px;width:100%;margin:auto !important;}.m1tl3wq2 .f1nltbcu{max-width:648px;width:100%;margin-left:auto;margin-right:auto;}
-.exjt4uc{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;gap:4px;}
-/**
- * Copyright (c) 2014 The xterm.js authors. All rights reserved.
- * Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
- * https://github.com/chjj/term.js
- * @license MIT
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- *
- * Originally forked from (with the author's permission):
- *   Fabrice Bellard's javascript vt100 for jslinux:
- *   http://bellard.org/jslinux/
- *   Copyright (c) 2011 Fabrice Bellard
- *   The original design remains. The terminal itself
- *   has been extended to include xterm CSI codes, among
- *   other features.
- */
-
-/**
- *  Default styles for xterm.js
- */
-
-.xterm {
-    cursor: text;
-    position: relative;
-    user-select: none;
-    -ms-user-select: none;
-    -webkit-user-select: none;
-}
-
-.xterm.focus,
-.xterm:focus {
-    outline: none;
-}
-
-.xterm .xterm-helpers {
-    position: absolute;
-    top: 0;
-    /**
-     * The z-index of the helpers must be higher than the canvases in order for
-     * IMEs to appear on top.
-     */
-    z-index: 5;
-}
-
-.xterm .xterm-helper-textarea {
-    padding: 0;
-    border: 0;
-    margin: 0;
-    /* Move textarea out of the screen to the far left, so that the cursor is not visible */
-    position: absolute;
-    opacity: 0;
-    left: -9999em;
-    top: 0;
-    width: 0;
-    height: 0;
-    z-index: -5;
-    /** Prevent wrapping so the IME appears against the textarea at the correct position */
-    white-space: nowrap;
-    overflow: hidden;
-    resize: none;
-}
-
-.xterm .composition-view {
-    /* TODO: Composition position got messed up somewhere */
-    background: #000;
-    color: #FFF;
-    display: none;
-    position: absolute;
-    white-space: nowrap;
-    z-index: 1;
-}
-
-.xterm .composition-view.active {
-    display: block;
-}
-
-.xterm .xterm-viewport {
-    /* On OS X this is required in order for the scroll bar to appear fully opaque */
-    background-color: #000;
-    overflow-y: scroll;
-    cursor: default;
-    position: absolute;
-    right: 0;
-    left: 0;
-    top: 0;
-    bottom: 0;
-}
-
-.xterm .xterm-screen {
-    position: relative;
-}
-
-.xterm .xterm-screen canvas {
-    position: absolute;
-    left: 0;
-    top: 0;
-}
-
-.xterm .xterm-scroll-area {
-    visibility: hidden;
-}
-
-.xterm-char-measure-element {
-    display: inline-block;
-    visibility: hidden;
-    position: absolute;
-    top: 0;
-    left: -9999em;
-    line-height: normal;
-}
-
-.xterm.enable-mouse-events {
-    /* When mouse events are enabled (eg. tmux), revert to the standard pointer cursor */
-    cursor: default;
-}
-
-.xterm.xterm-cursor-pointer,
-.xterm .xterm-cursor-pointer {
-    cursor: pointer;
-}
-
-.xterm.column-select.focus {
-    /* Column selection mode */
-    cursor: crosshair;
-}
-
-.xterm .xterm-accessibility:not(.debug),
-.xterm .xterm-message {
-    position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    right: 0;
-    z-index: 10;
-    color: transparent;
-    pointer-events: none;
-}
-
-.xterm .xterm-accessibility-tree:not(.debug) *::selection {
-  color: transparent;
-}
-
-.xterm .xterm-accessibility-tree {
-  user-select: text;
-  white-space: pre;
-}
-
-.xterm .live-region {
-    position: absolute;
-    left: -9999px;
-    width: 1px;
-    height: 1px;
-    overflow: hidden;
-}
-
-.xterm-dim {
-    /* Dim should not apply to background, so the opacity of the foreground color is applied
-     * explicitly in the generated class and reset to 1 here */
-    opacity: 1 !important;
-}
-
-.xterm-underline-1 { text-decoration: underline; }
-.xterm-underline-2 { text-decoration: double underline; }
-.xterm-underline-3 { text-decoration: wavy underline; }
-.xterm-underline-4 { text-decoration: dotted underline; }
-.xterm-underline-5 { text-decoration: dashed underline; }
-
-.xterm-overline {
-    text-decoration: overline;
-}
-
-.xterm-overline.xterm-underline-1 { text-decoration: overline underline; }
-.xterm-overline.xterm-underline-2 { text-decoration: overline double underline; }
-.xterm-overline.xterm-underline-3 { text-decoration: overline wavy underline; }
-.xterm-overline.xterm-underline-4 { text-decoration: overline dotted underline; }
-.xterm-overline.xterm-underline-5 { text-decoration: overline dashed underline; }
-
-.xterm-strikethrough {
-    text-decoration: line-through;
-}
-
-.xterm-screen .xterm-decoration-container .xterm-decoration {
-	z-index: 6;
-	position: absolute;
-}
-
-.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer {
-	z-index: 7;
-}
-
-.xterm-decoration-overview-ruler {
-    z-index: 8;
-    position: absolute;
-    top: 0;
-    right: 0;
-    pointer-events: none;
-}
-
-.xterm-decoration-top {
-    z-index: 2;
-    position: relative;
-}
 .sj0ggy.ant-select{-webkit-align-self:flex-start;-ms-flex-item-align:start;align-self:flex-start;min-width:276px;max-width:100%;}.sj0ggy.ant-select .ant-select-selector{display:block;overflow:hidden;padding-right:32px;white-space:nowrap;}.sj0ggy.ant-select .ant-select-selector > span:nth-child(-n + 8):not(.ant-select-selection-search){display:inline-block;max-width:var(--tag-max-width);margin-right:4px;}.sj0ggy.ant-select .ant-select-selection-search{display:none;}.sj0ggy.ant-select .zoom-leave{opacity:0;position:absolute;}
 .d1eo8uqs{border-radius:6px;}
 .s64gojc.s64gojc.ant-input-affix-wrapper{border:unset;border-bottom:1px solid rgba(211,218,235,.6);border-radius:unset;box-shadow:unset;outline:unset;padding:5px 18px;}.s64gojc.s64gojc.ant-input-affix-wrapper:hover,.s64gojc.s64gojc.ant-input-affix-wrapper:focus{box-shadow:unset;outline:unset;}
@@ -1751,6 +1522,17 @@
 .l1ng0psc{padding:12px 24px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
 .tj6zpn4{-webkit-flex:1;-ms-flex:1;flex:1;min-height:0;}.tj6zpn4.table-wrapper{height:auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-height:0;}
 .n1rqcyjn.ant-select{margin-bottom:12px;}
+.c154n7ie{max-width:144px;}
+.c1c9j4da{width:100%;}
+.cjxv8cf{color:rgba(44,56,82,0.6);}
+.c1xsnuvk{-webkit-flex-basis:58%;-ms-flex-preferred-size:58%;flex-basis:58%;max-width:648px;width:100%;margin:0 auto;}
+.s1bsn3us{width:1px;height:16px;border-radius:1px;background:rgba(172,186,211,0.6);}
+
+.e1guqlj2{-webkit-flex:1;-ms-flex:1;flex:1;height:100%;margin-bottom:16px;}
+.f1nltbcu{margin-bottom:16px;}
+.f1qgcca6.ant-modal.fullscreen .ant-modal-header{padding:60px 128px 32px 128px;}.f1qgcca6.ant-modal.fullscreen .ant-modal-body{padding:0 128px;}.f1qgcca6.ant-modal.fullscreen .ant-modal-footer .footer-content{margin:0 128px;}
+.m1tl3wq2 .ant-modal-header{max-width:648px;width:100%;padding:60px 0 32px 0 !important;margin:auto;}.m1tl3wq2 .ant-modal-body{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:100%;padding:0 4px !important;margin:auto;}.m1tl3wq2 .ant-modal-footer .footer-content{max-width:648px;width:100%;margin:auto !important;}.m1tl3wq2 .f1nltbcu{max-width:648px;width:100%;margin-left:auto;margin-right:auto;}
+.exjt4uc{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;gap:4px;}
 .c1pvtlkp{width:100%;}
 .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);}

package/lib/src/App.js

@@ -0,0 +1,91 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { createBrowserHistory } from 'history';
+import { GlobalStore } from 'k8s-api-provider';
+import { useMemo } from 'react';
+import { I18nextProvider } from 'react-i18next';
+import { Route, Router } from 'react-router-dom';
+import { Layout } from './components';
+import { CRONJOB_INIT_VALUE, DAEMONSET_INIT_VALUE, STATEFULSET_INIT_VALUE, POD_INIT_VALUE, } from './constants/k8s';
+import { Dovetail } from './Dovetail';
+import i18n from './i18n';
+import { ConfigMapConfig } from './pages/configmaps';
+import { CronJobForm, CronJobList, CronJobShow } from './pages/cronjobs';
+import { DaemonSetForm, DaemonSetList, DaemonSetShow } from './pages/daemonsets';
+import { DeploymentForm, DeploymentList, DeploymentShow } from './pages/deployments';
+import { IngressConfig } from './pages/ingresses';
+import { JobConfig } from './pages/jobs';
+import { NetworkPolicyConfig } from './pages/networkPolicies';
+import { PodShow, PodList, PodForm } from './pages/pods';
+import { SecretsConfig } from './pages/secrets';
+import { ServicesConfig } from './pages/services';
+import { StatefulSetShow, StatefulSetList, StatefulSetForm } from './pages/statefulsets';
+import { ProviderPlugins } from './plugins';
+import { RESOURCE_GROUP, FormType } from './types';
+function App() {
+    const histroy = createBrowserHistory();
+    const resourcesConfig = useMemo(() => {
+        return [
+            {
+                name: 'cronjobs',
+                basePath: '/apis/batch/v1beta1',
+                kind: 'CronJob',
+                parent: RESOURCE_GROUP.WORKLOAD,
+                label: 'CronJobs',
+                initValue: CRONJOB_INIT_VALUE,
+                isCustom: true,
+            },
+            {
+                name: 'daemonsets',
+                basePath: '/apis/apps/v1',
+                kind: 'DaemonSet',
+                parent: RESOURCE_GROUP.WORKLOAD,
+                label: 'DaemonSets',
+                initValue: DAEMONSET_INIT_VALUE,
+                isCustom: true,
+            },
+            {
+                name: 'deployments',
+                basePath: '/apis/apps/v1',
+                kind: 'Deployment',
+                parent: RESOURCE_GROUP.WORKLOAD,
+                label: 'Deployments',
+                formType: FormType.MODAL,
+                FormModal: DeploymentForm,
+                isCustom: true,
+            },
+            {
+                name: 'statefulsets',
+                basePath: '/apis/apps/v1',
+                kind: 'StatefulSet',
+                parent: RESOURCE_GROUP.WORKLOAD,
+                label: 'StatefulSets',
+                initValue: STATEFULSET_INIT_VALUE,
+                isCustom: true,
+            },
+            {
+                name: 'pods',
+                basePath: '/api/v1',
+                kind: 'Pod',
+                parent: RESOURCE_GROUP.WORKLOAD,
+                label: 'Pods',
+                initValue: POD_INIT_VALUE,
+                isCustom: true,
+            },
+            JobConfig,
+            IngressConfig,
+            NetworkPolicyConfig,
+            ConfigMapConfig,
+            SecretsConfig,
+            ServicesConfig,
+        ];
+    }, []);
+    const globalStore = useMemo(() => {
+        return new GlobalStore({
+            apiUrl: '/api/k8s',
+            watchWsApiUrl: 'api/sks-ws/k8s',
+            prefix: 'default',
+        }, ProviderPlugins);
+    }, []);
+    return (_jsx(I18nextProvider, { i18n: i18n, children: _jsx(Dovetail, { resourcesConfig: resourcesConfig, Layout: Layout, history: histroy, globalStore: globalStore, children: _jsxs(Router, { history: histroy, children: [_jsx(Route, { path: "/cronjobs", exact: true, children: _jsx(CronJobList, {}) }), _jsx(Route, { path: "/cronjobs/show", children: _jsx(CronJobShow, {}) }), _jsx(Route, { path: "/cronjobs/create", children: _jsx(CronJobForm, {}) }), _jsx(Route, { path: "/cronjobs/edit", children: _jsx(CronJobForm, {}) }), _jsx(Route, { path: "/daemonsets", exact: true, children: _jsx(DaemonSetList, {}) }), _jsx(Route, { path: "/daemonsets/show", children: _jsx(DaemonSetShow, {}) }), _jsx(Route, { path: "/daemonsets/create", children: _jsx(DaemonSetForm, {}) }), _jsx(Route, { path: "/daemonsets/edit", children: _jsx(DaemonSetForm, {}) }), _jsx(Route, { path: "/deployments", exact: true, children: _jsx(DeploymentList, {}) }), _jsx(Route, { path: "/deployments/show", children: _jsx(DeploymentShow, {}) }), _jsx(Route, { path: "/statefulsets", exact: true, children: _jsx(StatefulSetList, {}) }), _jsx(Route, { path: "/statefulsets/show", children: _jsx(StatefulSetShow, {}) }), _jsx(Route, { path: "/statefulsets/create", children: _jsx(StatefulSetForm, {}) }), _jsx(Route, { path: "/statefulsets/edit", children: _jsx(StatefulSetForm, {}) }), _jsx(Route, { path: "/pods", exact: true, children: _jsx(PodList, {}) }), _jsx(Route, { path: "/pods/show", children: _jsx(PodShow, {}) }), _jsx(Route, { path: "/pods/create", children: _jsx(PodForm, {}) }), _jsx(Route, { path: "/pods/edit", children: _jsx(PodForm, {}) })] }) }) }));
+}
+export default App;

package/lib/src/Dovetail.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { KitStoreProvider, ModalStack } from '@cloudtower/eagle';
+import { Refine } from '@refinedev/core';
+import { dataProvider, liveProvider } from 'k8s-api-provider';
+import { keyBy } from 'lodash-es';
+import { useMemo } from 'react';
+import { Router } from 'react-router-dom';
+import ConfigsContext from 'src/contexts/configs';
+import { ResourceCRUD } from './components/ResourceCRUD';
+import GlobalStoreContext from './contexts/global-store';
+import { routerProvider } from './providers/router-provider';
+import './styles.css';
+export const Dovetail = props => {
+    const { resourcesConfig, urlPrefix = '', Layout, history, globalStore } = props;
+    const notCustomResources = useMemo(() => {
+        return resourcesConfig.filter(c => !c.isCustom);
+    }, [resourcesConfig]);
+    const content = useMemo(() => {
+        const _content = (_jsxs(_Fragment, { children: [_jsx(ModalStack, {}), _jsx(ResourceCRUD, { configs: notCustomResources, urlPrefix: urlPrefix }), props.children] }));
+        if (Layout) {
+            return _jsx(Layout, { children: _content });
+        }
+        return _content;
+    }, [Layout, notCustomResources, props.children, urlPrefix]);
+    return (_jsx(Router, { history: history, children: _jsx(KitStoreProvider, { children: _jsx(GlobalStoreContext.Provider, { value: { globalStore }, children: _jsx(ConfigsContext.Provider, { value: keyBy(resourcesConfig, 'name'), children: _jsx(Refine, { dataProvider: {
+                            default: dataProvider(globalStore),
+                        }, routerProvider: routerProvider, liveProvider: liveProvider(globalStore), options: {
+                            warnWhenUnsavedChanges: true,
+                            liveMode: 'auto',
+                        }, resources: resourcesConfig.map(c => {
+                            return {
+                                name: c.name,
+                                meta: {
+                                    resourceBasePath: c.basePath,
+                                    kind: c.kind,
+                                    parent: c.parent,
+                                    label: `${c.kind}s`,
+                                },
+                                list: `${urlPrefix}/${c.name}`,
+                                show: `${urlPrefix}/${c.name}/show`,
+                                create: `${urlPrefix}/${c.name}/create`,
+                                edit: `${urlPrefix}/${c.name}/edit`,
+                            };
+                        }), children: content }) }) }) }) }));
+};

package/lib/src/components/Breadcrumb/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { css, cx } from '@linaria/core';
+import { useBreadcrumb } from '@refinedev/core';
+import { Link } from 'react-router-dom';
+const BreadcrumbStyle = css `
+  display: flex;
+
+  .breadcrumb-item {
+    &:not(:last-of-type):after {
+      content: '>';
+      margin: 0 8px;
+    }
+  }
+`;
+export function Breadcrumb(props) {
+    const { breadcrumbs } = useBreadcrumb();
+    return (_jsx("ul", { className: cx(BreadcrumbStyle, props.className), children: breadcrumbs.map(breadcrumb => {
+            return (_jsx("li", { className: "breadcrumb-item", children: breadcrumb.href ? (_jsx(Link, { to: breadcrumb.href, children: breadcrumb.label })) : (_jsx("span", { children: breadcrumb.label })) }, `breadcrumb-${breadcrumb.label}`));
+        }) }));
+}

package/lib/src/components/ConditionsTable/ConditionsTable.js

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useUIKit } from '@cloudtower/eagle';
+import { useD2Translation } from '../../i18n';
+import { addId } from '../../utils/addId';
+import ErrorContent from '../Table/ErrorContent';
+import Time from '../Time';
+export const ConditionsTable = ({ conditions = [] }) => {
+    const kit = useUIKit();
+    const { t } = useD2Translation();
+    const conditionsWithId = addId(conditions, 'type');
+    const columns = [
+        {
+            key: 'type',
+            display: true,
+            dataIndex: 'type',
+            title: t('dovetail.condition'),
+            sortable: true,
+        },
+        {
+            key: 'status',
+            display: true,
+            dataIndex: 'status',
+            title: t('dovetail.status'),
+            sortable: true,
+        },
+        {
+            key: 'reason',
+            display: true,
+            dataIndex: 'reason',
+            title: t('dovetail.reason'),
+            sortable: true,
+        },
+        {
+            key: 'lastUpdateTime',
+            display: true,
+            dataIndex: 'lastUpdateTime',
+            title: t('dovetail.updated_time'),
+            sortable: true,
+            render: (value, record) => {
+                const time = value || record.lastTransitionTime;
+                return _jsx(Time, { date: new Date(time) });
+            },
+        },
+        {
+            key: 'message',
+            display: true,
+            dataIndex: 'message',
+            title: t('dovetail.message'),
+            sortable: true,
+        },
+    ];
+    if (conditionsWithId.length === 0) {
+        return _jsx(ErrorContent, { errorText: t('dovetail.empty'), style: { padding: '15px 0' } });
+    }
+    return (_jsx(kit.table, { loading: false, dataSource: conditionsWithId, columns: columns, rowKey: "type", empty: t('dovetail.empty') }));
+};

package/lib/src/components/ConditionsTable/index.js

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

package/lib/src/components/CreateButton/index.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useUIKit } from '@cloudtower/eagle';
+import { useOpenForm } from 'src/hooks/useOpenForm';
+import { useD2Translation } from '../../i18n';
+export function CreateButton() {
+    const kit = useUIKit();
+    const { t } = useD2Translation();
+    const openForm = useOpenForm();
+    return (_jsx(kit.button, { type: "primary", onClick: openForm, children: t('dovetail.create') }));
+}

package/lib/src/components/CronJobDropdown/index.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Icon, useUIKit } from '@cloudtower/eagle';
+import { SuspendedPause16GradientGrayIcon, VmResume16Icon, } from '@cloudtower/icons-react';
+import { useResource, useUpdate } from '@refinedev/core';
+import { useD2Translation } from '../../i18n';
+import { pruneBeforeEdit } from '../../utils/k8s';
+import K8sDropdown from '../K8sDropdown';
+export function CronJobDropdown(props) {
+    const { record } = props;
+    const { spec } = record;
+    const kit = useUIKit();
+    const { resource } = useResource();
+    const { mutate } = useUpdate();
+    const { t } = useD2Translation();
+    const suspended = Boolean(spec?.suspend);
+    return (_jsx(K8sDropdown, { record: record, children: _jsx(kit.menu.Item, { onClick: () => {
+                const v = suspended ? record.resume() : record.suspend();
+                const id = record.id;
+                pruneBeforeEdit(v);
+                mutate({
+                    id,
+                    resource: resource?.name || '',
+                    values: v,
+                });
+            }, children: _jsx(Icon, { src: suspended ? VmResume16Icon : SuspendedPause16GradientGrayIcon, children: t(suspended ? 'dovetail.resume' : 'dovetail.suspend') }) }) }));
+}

package/lib/src/components/CronjobJobsTable/index.js

@@ -0,0 +1,49 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useUIKit } from '@cloudtower/eagle';
+import { css } from '@linaria/core';
+import { useList } from '@refinedev/core';
+import { useMemo, useState } from 'react';
+import { AgeColumnRenderer, CompletionsCountColumnRenderer, DurationColumnRenderer, NameColumnRenderer, NameSpaceColumnRenderer, StateDisplayColumnRenderer, WorkloadImageColumnRenderer, } from '../../hooks/useEagleTable/columns';
+import { useD2Translation } from '../../i18n';
+import Table from '../Table';
+import { TableToolBar } from '../Table/TableToolBar';
+function matchOwner(job, owner) {
+    let match = false;
+    // TODO: use relations
+    for (const o of job.metadata?.ownerReferences || []) {
+        if (o.apiVersion === owner.apiVersion &&
+            o.kind === owner.kind &&
+            o.name === owner.name &&
+            job.namespace === owner.namespace) {
+            match = true;
+        }
+    }
+    return match;
+}
+export const CronjobJobsTable = ({ owner }) => {
+    const { i18n } = useD2Translation();
+    const kit = useUIKit();
+    const [selectedKeys, setSelectedKeys] = useState([]);
+    const [currentPage, setCurrentPage] = useState(1);
+    const { data } = useList({
+        resource: 'jobs',
+        meta: { resourceBasePath: '/apis/batch/v1', kind: 'Job' },
+    });
+    const dataSource = useMemo(() => {
+        return data?.data.filter(p => {
+            return owner ? matchOwner(p, owner) : true;
+        });
+    }, [data?.data, owner]);
+    const columns = [
+        NameColumnRenderer(i18n, 'jobs'),
+        StateDisplayColumnRenderer(i18n),
+        NameSpaceColumnRenderer(i18n),
+        WorkloadImageColumnRenderer(i18n),
+        CompletionsCountColumnRenderer(i18n),
+        DurationColumnRenderer(i18n),
+        AgeColumnRenderer(i18n),
+    ];
+    return (_jsxs(kit.space, { direction: "vertical", className: css `
+        width: 100%;
+      `, children: [_jsx(TableToolBar, { title: "Jobs", selectedKeys: selectedKeys, hideCreate: true }), _jsx(Table, { tableKey: "cronjobs", loading: !dataSource, data: dataSource || [], columns: columns, onSelect: keys => setSelectedKeys(keys), rowKey: "id", error: false, currentPage: currentPage, onPageChange: p => setCurrentPage(p), currentSize: 10, refetch: () => null })] }));
+};

package/lib/src/components/DeleteButton/index.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useUIKit } from '@cloudtower/eagle';
+import { useResource, useParsed } from '@refinedev/core';
+import { useDeleteModal } from '../../hooks/useDeleteModal';
+import { useD2Translation } from '../../i18n';
+export const DeleteButton = () => {
+    const { resource } = useResource();
+    const { id } = useParsed();
+    const kit = useUIKit();
+    const { t } = useD2Translation();
+    const { modalProps, visible, openDeleteConfirmModal } = useDeleteModal(resource?.name || '');
+    return (_jsxs(_Fragment, { children: [_jsx(kit.button, { type: "primary", danger: true, onClick: () => openDeleteConfirmModal(id || ''), children: t('dovetail.delete') }), visible ? _jsx(kit.modal, { ...modalProps }) : null] }));
+};

package/lib/src/components/DeleteManyButton/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useUIKit } from '@cloudtower/eagle';
+import { useResource } from '@refinedev/core';
+import { useCallback } from 'react';
+import { useDeleteManyModal } from '../../hooks/useDeleteModal/useDeleteManyModal';
+import { useD2Translation } from '../../i18n';
+export const DeleteManyButton = props => {
+    const { resource } = useResource();
+    const kit = useUIKit();
+    const { t } = useD2Translation();
+    const { modalProps, visible, setVisible } = useDeleteManyModal(resource?.name || '', props.ids);
+    const onClick = useCallback(() => {
+        setVisible(true);
+    }, [setVisible]);
+    return (_jsxs(_Fragment, { children: [_jsx(kit.button, { type: "primary", danger: true, onClick: onClick, children: t('dovetail.delete') }), visible ? _jsx(kit.modal, { ...modalProps }) : null] }));
+};

package/lib/src/components/DrawerShow/DrawerShow.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useUIKit } from '@cloudtower/eagle';
+import { useNavigation, useParsed, useShow } from '@refinedev/core';
+import { Drawer } from 'antd';
+import { ShowContent } from '../ShowContent';
+export const DrawerShow = (props) => {
+    const kit = useUIKit();
+    const parsed = useParsed();
+    const nav = useNavigation();
+    const { queryResult } = useShow({ id: parsed?.params?.id });
+    const { isLoading } = queryResult;
+    return (_jsx(Drawer, { title: "Show Drawer", placement: "right", onClose: () => nav.goBack(), width: "50%", visible: !!parsed?.params?.id, children: isLoading ? _jsx(kit.loading, {}) : _jsx(ShowContent, { ...props }) }));
+};

package/lib/src/components/DrawerShow/index.js

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

package/lib/src/components/EditButton/index.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useUIKit } from '@cloudtower/eagle';
+import { useParsed } from '@refinedev/core';
+import { useEdit } from '../../hooks/useEdit';
+export const EditButton = () => {
+    const { id } = useParsed();
+    const kit = useUIKit();
+    const { edit } = useEdit();
+    return (_jsx(kit.button, { type: "primary", onClick: () => {
+            if (id)
+                edit(id);
+        }, children: "Edit" }));
+};