@dovetail-v2/refine 0.0.47 → 0.0.48-alpha.0

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

@@ -2,6 +2,7 @@ import type { NetworkPolicyIngressRule, NetworkPolicyEgressRule } from 'kubernet
 import React from 'react';
 type Props = {
     ingressOrEgress: NetworkPolicyIngressRule[] | NetworkPolicyEgressRule[];
+    kind?: string;
 };
-export declare const NetworkPolicyRulesTable: React.FC<Props>;
+export declare const NetworkPolicyRulesViewer: React.FC<Props>;
 export {};

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

@@ -1,7 +1,6 @@
 import { LabelSelector } from 'kubernetes-types/meta/v1';
 import React from 'react';
 interface WorkloadPodsTableProps {
-    namespace?: string;
     selector?: LabelSelector;
     hideToolbar?: boolean;
 }

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { FormAction } from '@refinedev/core';
 import useEagleForm from 'src/hooks/useEagleForm';
 export declare enum SchemaStrategy {
     Required = "Required",
@@ -7,7 +8,9 @@ export declare enum SchemaStrategy {
 }
 export interface YamlFormProps {
     id?: string;
+    action?: FormAction;
     initialValues?: Record<string, unknown>;
+    transformValues?: (values: Record<string, unknown>) => Record<string, unknown>;
     schemaStrategy?: SchemaStrategy;
     isShowLayout?: boolean;
     useFormProps?: Parameters<typeof useEagleForm>[0];
@@ -15,6 +18,7 @@ export interface YamlFormProps {
         disabled?: boolean;
         onClick: () => void;
     }) => void;
+    onErrorsChange?: (errors: string[]) => void;
     onFinish?: () => void;
 }
 declare function YamlForm(props: YamlFormProps): JSX.Element;

package/lib/src/hooks/useEagleForm.d.ts

@@ -20,6 +20,7 @@ export type UseFormProps<TQueryFnData extends BaseRecord = BaseRecord, TError ex
         isSkipSchema?: boolean;
     };
     initialValuesForCreate?: Record<string, unknown>;
+    transformValues?: (values: Record<string, unknown>) => Record<string, unknown>;
 };
 export type UseFormReturnType<TQueryFnData extends BaseRecord = BaseRecord, TError extends HttpError = HttpError, TVariables extends object = object, TData extends BaseRecord = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError> = UseFormReturnTypeCore<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError> & {
     form: FormInstance;
@@ -43,5 +44,5 @@ declare const useEagleForm: <TQueryFnData extends Unstructured = Unstructured &
     [prop: string]: unknown;
 } = {
     [prop: string]: unknown;
-}, TData extends Unstructured = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError>({ action, resource, onMutationSuccess: onMutationSuccessProp, onMutationError, submitOnEnter, warnWhenUnsavedChanges: warnWhenUnsavedChangesProp, redirect, successNotification, errorNotification, meta, metaData, queryMeta, mutationMeta, liveMode, liveParams, mutationMode, dataProviderName, onLiveEvent, invalidates, undoableTimeout, queryOptions, createMutationOptions, updateMutationOptions, id: idFromProps, overtimeOptions, editorOptions, initialValuesForCreate, }?: UseFormProps<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>) => UseFormReturnType<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>;
+}, TData extends Unstructured = TQueryFnData, TResponse extends BaseRecord = TData, TResponseError extends HttpError = TError>({ action: actionFromProps, resource, onMutationSuccess: onMutationSuccessProp, onMutationError, submitOnEnter, warnWhenUnsavedChanges: warnWhenUnsavedChangesProp, redirect, successNotification, errorNotification, meta, metaData, queryMeta, mutationMeta, liveMode, liveParams, mutationMode, dataProviderName, onLiveEvent, invalidates, undoableTimeout, queryOptions, createMutationOptions, updateMutationOptions, id: idFromProps, overtimeOptions, editorOptions, initialValuesForCreate, transformValues, }?: UseFormProps<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>) => UseFormReturnType<TQueryFnData, TError, TVariables, TData, TResponse, TResponseError>;
 export default useEagleForm;

package/lib/src/hooks/useNamespaceFilter.d.ts

@@ -0,0 +1,5 @@
+import { CrudFilters } from '@refinedev/core';
+declare function useNamespaceRefineFilter(): {
+    permanent: CrudFilters;
+};
+export default useNamespaceRefineFilter;

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/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/utils/match-selector.d.ts

@@ -1,3 +1,3 @@
 import { LabelSelector } from 'kubernetes-types/meta/v1';
 import { PodModel } from '../models/pod-model';
-export declare function matchSelector(pod: PodModel, selector?: LabelSelector, namespace?: string): boolean;
+export declare function matchSelector(pod: PodModel, selector: LabelSelector): boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.0.47",
+  "version": "0.0.48-alpha.0",
   "type": "module",
   "files": [
     "dist",
@@ -21,7 +21,7 @@
     "dayjs": "^1.11.10",
     "i18next": "^23.2.3",
     "js-yaml": "^4.1.0",
-    "k8s-api-provider": "0.0.21",
+    "k8s-api-provider": "0.0.23-alpha.0",
     "ky": "^0.33.3",
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.1",

package/lib/src/App.js

@@ -1,91 +0,0 @@
-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

@@ -1,45 +0,0 @@
-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

@@ -1,20 +0,0 @@
-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

@@ -1,56 +0,0 @@
-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

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

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

@@ -1,10 +0,0 @@
-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

@@ -1,26 +0,0 @@
-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

@@ -1,49 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

@@ -1,16 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

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

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

@@ -1,13 +0,0 @@
-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" }));
-};

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

@@ -1,47 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useUIKit, pushModal, popModal } from '@cloudtower/eagle';
-import { css } from '@linaria/core';
-import { useCallback } from 'react';
-import { FormErrorAlert } from 'src/components/FormErrorAlert';
-import { useSubmitForm } from 'src/hooks/useSubmitForm';
-import { useD2Translation } from '../../i18n';
-const EditFieldModalStyle = css `
-.ant-modal-content {
-  border-radius: 16px;
-}
-
-.ant-modal-header {
-  border-radius: 16px 16px 0 0;
-}
-`;
-const EditButtonStyle = css `
-  &.ant-btn.ant-btn-link {
-    height: 22px;
-    margin-left: 8px;
-  }
-`;
-export function EditFieldModal(props) {
-    const { title, formRef: form, renderContent } = props;
-    const kit = useUIKit();
-    const { i18n } = useD2Translation();
-    const { submitting, errorMsgs, reset, onSubmit, } = useSubmitForm({
-        formRef: form,
-        onSubmitSuccess: popModal
-    });
-    const close = useCallback(() => {
-        popModal();
-        reset();
-    }, [reset]);
-    return (_jsxs(kit.modal, { className: EditFieldModalStyle, title: title || i18n.t('dovetail.edit'), confirmLoading: submitting, onOk: onSubmit, onCancel: close, normal: true, destroyOnClose: true, children: [renderContent(), _jsx(FormErrorAlert, { style: { marginTop: 16 }, errorMsgs: errorMsgs })] }));
-}
-export function EditField(props) {
-    const { modalProps } = props;
-    const kit = useUIKit();
-    const { i18n } = useD2Translation();
-    return (_jsx(kit.button, { className: EditButtonStyle, type: "link", onClick: () => {
-            pushModal({
-                component: EditFieldModal,
-                props: modalProps
-            });
-        }, children: i18n.t('dovetail.edit') }));
-}