@dovetail-v2/refine 0.0.43 → 0.0.44

package/dist/{MonacoYamlDiffEditor-b2da37e8.js → MonacoYamlDiffEditor-71c3ccc4.js}

@@ -1,4 +1,4 @@
-import { j as jsxRuntimeExports } from "./index-64df5871.js";
+import { j as jsxRuntimeExports } from "./index-72d47bc9.js";
 import * as monaco from "monaco-editor";
 import { useRef, useEffect } from "react";
 import "i18next";

package/dist/{index-64df5871.js → index-72d47bc9.js}

@@ -21791,13 +21791,13 @@ const RefineFormContent = (props) => {
               meta: {}
             });
         }
-        if (action === "edit" && c2.key === "name") {
+        if (action === "edit" && c2.disabledWhenEdit) {
           ele = /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
             children: value2
           });
         }
         if (c2 == null ? void 0 : c2.render) {
-          ele = c2.render(value2, onChange, formValue, onBlur);
+          ele = c2.render(value2, onChange, formValue, onBlur, action);
         }
         return /* @__PURE__ */ jsxRuntimeExports.jsx(Form.Item, {
           label: c2.label,
@@ -22490,10 +22490,11 @@ const useRefineForm = (props) => {
     const response = (_a2 = result.refineCore.mutationResult.error) == null ? void 0 : _a2.response;
     if (response && !(response == null ? void 0 : response.bodyUsed)) {
       (_b = response.json) == null ? void 0 : _b.call(response).then((body) => {
-        setResponseErrorMsg(body.message);
+        var _a3, _b2;
+        setResponseErrorMsg(((_b2 = (_a3 = config.formConfig) == null ? void 0 : _a3.formatError) == null ? void 0 : _b2.call(_a3, body)) || body.message);
       });
     }
-  }, [(_a = result.refineCore.mutationResult.error) == null ? void 0 : _a.response]);
+  }, [config.formConfig, (_a = result.refineCore.mutationResult.error) == null ? void 0 : _a.response]);
   return { formResult: result, responseErrorMsg };
 };
 const index_12sfrn = "";
@@ -22504,7 +22505,7 @@ const Separator = () => {
   });
 };
 const MonacoYamlEditor = React__default.lazy(() => Promise.resolve().then(() => MonacoYamlEditor$2));
-const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-b2da37e8.js"));
+const MonacoYamlDiffEditor = React__default.lazy(() => import("./MonacoYamlDiffEditor-71c3ccc4.js"));
 const YamlEditorComponent = forwardRef(
   function YamlEditorComponent2(props, ref) {
     const {
@@ -23181,7 +23182,7 @@ const FullscreenModalStyle = "f1nltbcu";
 const FormDescStyle = "f1qgcca6";
 const ErrorStyle = "e1tl3wq2";
 function FormModal(props) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const {
     resource: resourceFromProps,
     id,
@@ -23197,10 +23198,8 @@ function FormModal(props) {
   const [yamlSaveButtonProps, setYamlSaveButtonProps] = useState({});
   const [isError, setIsError] = useState(false);
   const config = configs[resourceFromProps || (resource == null ? void 0 : resource.name) || ""];
-  const title = i18n2.t(id ? "dovetail.edit_resource" : "dovetail.create_resource", {
-    resource: config == null ? void 0 : config.kind
-  });
   const okText = i18n2.t(id ? "dovetail.save" : "dovetail.create");
+  const action = id ? "edit" : "create";
   const yamlFormProps = useMemo(() => {
     var _a2, _b2, _c2;
     return {
@@ -23209,7 +23208,7 @@ function FormModal(props) {
       transformApplyValues: (_b2 = config.formConfig) == null ? void 0 : _b2.transformApplyValues,
       initialValues: ((_c2 = props.formProps) == null ? void 0 : _c2.initialValues) || (config == null ? void 0 : config.initValue),
       id,
-      action: id ? "edit" : "create",
+      action,
       isShowLayout: false,
       useFormProps: {
         redirect: false
@@ -23220,7 +23219,7 @@ function FormModal(props) {
       },
       onFinish: popModal
     };
-  }, [props.formProps, setYamlSaveButtonProps, config, id]);
+  }, [props.formProps, (_a = config.formConfig) == null ? void 0 : _a.transformInitValues, (_b = config.formConfig) == null ? void 0 : _b.transformApplyValues, config == null ? void 0 : config.initValue, id, action]);
   const refineFormResult = useRefineForm({
     config,
     id,
@@ -23229,10 +23228,10 @@ function FormModal(props) {
         popModal();
       },
       redirect: false,
-      ...(_a = config.formConfig) == null ? void 0 : _a.refineCoreProps
+      ...(_c = config.formConfig) == null ? void 0 : _c.refineCoreProps
     }
   });
-  const isYamlForm = !((_b = config.formConfig) == null ? void 0 : _b.fields);
+  const isYamlForm = !((_d = config.formConfig) == null ? void 0 : _d.fields);
   const formEle = (() => {
     if (renderForm) {
       return renderForm(yamlFormProps);
@@ -23261,10 +23260,21 @@ function FormModal(props) {
       return i18n2.t(id ? "dovetail.save_failed" : "dovetail.create_failed");
     }
   })();
+  const title = useMemo(() => {
+    var _a2, _b2, _c2, _d2;
+    if (typeof ((_a2 = config.formConfig) == null ? void 0 : _a2.formTitle) === "string")
+      return (_b2 = config.formConfig) == null ? void 0 : _b2.formTitle;
+    if (typeof ((_c2 = config.formConfig) == null ? void 0 : _c2.formTitle) === "function") {
+      return (_d2 = config.formConfig) == null ? void 0 : _d2.formTitle(action);
+    }
+    return i18n2.t(id ? "dovetail.edit_resource" : "dovetail.create_resource", {
+      resource: config == null ? void 0 : config.kind
+    });
+  }, [action, config.formConfig, config == null ? void 0 : config.kind, i18n2, id]);
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(Modal, {
     className: FullscreenModalStyle,
     width: "calc(100vw - 16px)",
-    title: ((_c = config.formConfig) == null ? void 0 : _c.formTitle) || title,
+    title,
     error: errorText ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
       className: ErrorStyle,
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx(ExclamationErrorCircleFill16RedIcon, {}), " ", errorText]
@@ -23276,9 +23286,9 @@ function FormModal(props) {
     onCancel,
     destroyOnClose: true,
     fullscreen: true,
-    children: [((_d = config.formConfig) == null ? void 0 : _d.formDesc) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+    children: [((_e = config.formConfig) == null ? void 0 : _e.formDesc) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
       className: FormDescStyle,
-      children: (_e = config.formConfig) == null ? void 0 : _e.formDesc
+      children: (_f = config.formConfig) == null ? void 0 : _f.formDesc
     }) : void 0, formEle]
   });
 }
@@ -23316,7 +23326,8 @@ const RefineFormPage = (props) => {
     className: "c1pvtlkp",
     children: [/* @__PURE__ */ jsxRuntimeExports.jsx(RefineFormContent, {
       config,
-      formResult
+      formResult,
+      action
     }), ";", /* @__PURE__ */ jsxRuntimeExports.jsx(Button, {
       ...saveButtonProps,
       onClick,

package/dist/refine.js

@@ -1,4 +1,4 @@
-import { b6, bK, A, az, aB, aj, bm, aJ, G, bA, bo, at, w, C, g, bO, am, aN, Y, bQ, a0, a7, bZ, ab, bp, bn, c0, ap, aT, t, ah, aY, b$, bL, b0, D, aG, b2, b_, aH, ax, b9, bN, bP, by, ak, a1, p, o, bR, I, aQ, aw, q, bq, bT, ao, aP, ac, ad, T, ae, aA, ai, aZ, b1, U, M, bz, b5, N, H, b, ay, O, b8, aV, aU, bS, bk, e, bs, V, P, aL, s, Z, bj, aI, bX, bW, aE, aR, n, an, aK, v, aS, aF, c4, bM, b3, ba, bb, al, R, $, a5, a4, b4, a2, bY, a3, a8, f, bF, bI, bE, bD, bG, bH, bB, bt, bw, bx, bv, bu, br, bc, aq, aO, af, k, bf, i, aC, c3, m, bg, aD, l, av, aM, h, c2, as, au, aX, aW, ar, S, a$, a_, c1, bC, bl, bh, bi, X, bV, _, W, bU, a6, aa, a9, c, bJ, ag, bd, x, J, d, Q, L, K, r, a, z, y, B, E, b7, F, be, u } from "./index-64df5871.js";
+import { b6, bK, A, az, aB, aj, bm, aJ, G, bA, bo, at, w, C, g, bO, am, aN, Y, bQ, a0, a7, bZ, ab, bp, bn, c0, ap, aT, t, ah, aY, b$, bL, b0, D, aG, b2, b_, aH, ax, b9, bN, bP, by, ak, a1, p, o, bR, I, aQ, aw, q, bq, bT, ao, aP, ac, ad, T, ae, aA, ai, aZ, b1, U, M, bz, b5, N, H, b, ay, O, b8, aV, aU, bS, bk, e, bs, V, P, aL, s, Z, bj, aI, bX, bW, aE, aR, n, an, aK, v, aS, aF, c4, bM, b3, ba, bb, al, R, $, a5, a4, b4, a2, bY, a3, a8, f, bF, bI, bE, bD, bG, bH, bB, bt, bw, bx, bv, bu, br, bc, aq, aO, af, k, bf, i, aC, c3, m, bg, aD, l, av, aM, h, c2, as, au, aX, aW, ar, S, a$, a_, c1, bC, bl, bh, bi, X, bV, _, W, bU, a6, aa, a9, c, bJ, ag, bd, x, J, d, Q, L, K, r, a, z, y, B, E, b7, F, be, u } from "./index-72d47bc9.js";
 import "@cloudtower/eagle";
 import "@refinedev/core";
 import "@cloudtower/icons-react";

package/dist/refine.umd.cjs

@@ -21797,13 +21797,13 @@ var __publicField = (obj, key, value) => {
                 meta: {}
               });
           }
-          if (action === "edit" && c2.key === "name") {
+          if (action === "edit" && c2.disabledWhenEdit) {
             ele = /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
               children: value2
             });
           }
           if (c2 == null ? void 0 : c2.render) {
-            ele = c2.render(value2, onChange, formValue, onBlur);
+            ele = c2.render(value2, onChange, formValue, onBlur, action);
           }
           return /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Form.Item, {
             label: c2.label,
@@ -22496,10 +22496,11 @@ var __publicField = (obj, key, value) => {
       const response = (_a2 = result.refineCore.mutationResult.error) == null ? void 0 : _a2.response;
       if (response && !(response == null ? void 0 : response.bodyUsed)) {
         (_b = response.json) == null ? void 0 : _b.call(response).then((body) => {
-          setResponseErrorMsg(body.message);
+          var _a3, _b2;
+          setResponseErrorMsg(((_b2 = (_a3 = config.formConfig) == null ? void 0 : _a3.formatError) == null ? void 0 : _b2.call(_a3, body)) || body.message);
         });
       }
-    }, [(_a = result.refineCore.mutationResult.error) == null ? void 0 : _a.response]);
+    }, [config.formConfig, (_a = result.refineCore.mutationResult.error) == null ? void 0 : _a.response]);
     return { formResult: result, responseErrorMsg };
   };
   const index_12sfrn = "";
@@ -23187,7 +23188,7 @@ var __publicField = (obj, key, value) => {
   const FormDescStyle = "f1qgcca6";
   const ErrorStyle = "e1tl3wq2";
   function FormModal(props) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const {
       resource: resourceFromProps,
       id,
@@ -23203,10 +23204,8 @@ var __publicField = (obj, key, value) => {
     const [yamlSaveButtonProps, setYamlSaveButtonProps] = React.useState({});
     const [isError, setIsError] = React.useState(false);
     const config = configs[resourceFromProps || (resource == null ? void 0 : resource.name) || ""];
-    const title = i18n2.t(id ? "dovetail.edit_resource" : "dovetail.create_resource", {
-      resource: config == null ? void 0 : config.kind
-    });
     const okText = i18n2.t(id ? "dovetail.save" : "dovetail.create");
+    const action = id ? "edit" : "create";
     const yamlFormProps = React.useMemo(() => {
       var _a2, _b2, _c2;
       return {
@@ -23215,7 +23214,7 @@ var __publicField = (obj, key, value) => {
         transformApplyValues: (_b2 = config.formConfig) == null ? void 0 : _b2.transformApplyValues,
         initialValues: ((_c2 = props.formProps) == null ? void 0 : _c2.initialValues) || (config == null ? void 0 : config.initValue),
         id,
-        action: id ? "edit" : "create",
+        action,
         isShowLayout: false,
         useFormProps: {
           redirect: false
@@ -23226,7 +23225,7 @@ var __publicField = (obj, key, value) => {
         },
         onFinish: eagle.popModal
       };
-    }, [props.formProps, setYamlSaveButtonProps, config, id]);
+    }, [props.formProps, (_a = config.formConfig) == null ? void 0 : _a.transformInitValues, (_b = config.formConfig) == null ? void 0 : _b.transformApplyValues, config == null ? void 0 : config.initValue, id, action]);
     const refineFormResult = useRefineForm({
       config,
       id,
@@ -23235,10 +23234,10 @@ var __publicField = (obj, key, value) => {
           eagle.popModal();
         },
         redirect: false,
-        ...(_a = config.formConfig) == null ? void 0 : _a.refineCoreProps
+        ...(_c = config.formConfig) == null ? void 0 : _c.refineCoreProps
       }
     });
-    const isYamlForm = !((_b = config.formConfig) == null ? void 0 : _b.fields);
+    const isYamlForm = !((_d = config.formConfig) == null ? void 0 : _d.fields);
     const formEle = (() => {
       if (renderForm) {
         return renderForm(yamlFormProps);
@@ -23267,10 +23266,21 @@ var __publicField = (obj, key, value) => {
         return i18n2.t(id ? "dovetail.save_failed" : "dovetail.create_failed");
       }
     })();
+    const title = React.useMemo(() => {
+      var _a2, _b2, _c2, _d2;
+      if (typeof ((_a2 = config.formConfig) == null ? void 0 : _a2.formTitle) === "string")
+        return (_b2 = config.formConfig) == null ? void 0 : _b2.formTitle;
+      if (typeof ((_c2 = config.formConfig) == null ? void 0 : _c2.formTitle) === "function") {
+        return (_d2 = config.formConfig) == null ? void 0 : _d2.formTitle(action);
+      }
+      return i18n2.t(id ? "dovetail.edit_resource" : "dovetail.create_resource", {
+        resource: config == null ? void 0 : config.kind
+      });
+    }, [action, config.formConfig, config == null ? void 0 : config.kind, i18n2, id]);
     return /* @__PURE__ */ jsxRuntimeExports.jsxs(eagle.Modal, {
       className: FullscreenModalStyle,
       width: "calc(100vw - 16px)",
-      title: ((_c = config.formConfig) == null ? void 0 : _c.formTitle) || title,
+      title,
       error: errorText ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", {
         className: ErrorStyle,
         children: [/* @__PURE__ */ jsxRuntimeExports.jsx(iconsReact.ExclamationErrorCircleFill16RedIcon, {}), " ", errorText]
@@ -23282,9 +23292,9 @@ var __publicField = (obj, key, value) => {
       onCancel,
       destroyOnClose: true,
       fullscreen: true,
-      children: [((_d = config.formConfig) == null ? void 0 : _d.formDesc) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
+      children: [((_e = config.formConfig) == null ? void 0 : _e.formDesc) ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", {
         className: FormDescStyle,
-        children: (_e = config.formConfig) == null ? void 0 : _e.formDesc
+        children: (_f = config.formConfig) == null ? void 0 : _f.formDesc
       }) : void 0, formEle]
     });
   }
@@ -23322,7 +23332,8 @@ var __publicField = (obj, key, value) => {
       className: "c1pvtlkp",
       children: [/* @__PURE__ */ jsxRuntimeExports.jsx(RefineFormContent, {
         config,
-        formResult
+        formResult,
+        action
       }), ";", /* @__PURE__ */ jsxRuntimeExports.jsx(eagle.Button, {
         ...saveButtonProps,
         onClick,

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" }));
+};