@dovetail-v2/refine 0.0.17 → 0.0.18

package/dist/style.css

@@ -1,6 +1,4 @@
 .m1u1f5zp{color:#bec1d2;}
-.m8ychfk{margin-right:8px;}
-.p1o004do{margin-left:8px;}
 .egn3dbn{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;}
 .e136jgy8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.e136jgy8 .title{margin-bottom:8px;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-image:linear-gradient(211.41deg,#929dad 0%,#d3dbe3 100%);}
 .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;}
@@ -28,11 +26,13 @@
 .t1v3ienx{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;margin-bottom:16px;}
 .c16agr8o{width:100%;}
 .c1dicff8{width:100%;}
+.esoz3jw .ant-modal-content{border-radius:16px;}.esoz3jw .ant-modal-header{border-radius:16px 16px 0 0;}
 .t13a6vox{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%;}
 .t12ikbmp{max-width:256px;overflow:hidden;text-overflow:ellipsis;}
 .t9agep2{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%;}
 .so89gfi{width:100%;overflow:auto;height:100%;width:100%;}
 .e1ohe42f{margin-top:16px;}
+.fqm4qz0{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;}
 .laykzsq{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
 .t1ng0psc.table-wrapper{height:auto;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;min-height:0;}
 .wfg6u6g{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.wfg6u6g .usage-text{width:50px;text-align:right;}.wfg6u6g .usage-bar{height:12px;width:100px;position:relative;border-radius:2px;}.wfg6u6g .request-anchor{position:absolute;left:10%;top:-3px;height:18px;width:2px;background:#777;z-index:9;}.wfg6u6g .usage-fill-bar{position:absolute;left:0;top:0;height:100%;background:rgba(0,128,255,0.6);z-index:7;}.wfg6u6g .request-bar{position:absolute;left:0;top:0;height:100%;background:#d8deeb;z-index:5;}.wfg6u6g .request-to-limit-bar{position:absolute;right:0;top:0;height:100%;background:#d8deeb;z-index:5;}.wfg6u6g .request-to-limit-bar.no-limit{background:linear-gradient(to right,#d8deeb 50%,#d8deeb 50%);background-size:4px 100%;}.wfg6u6g .request-to-limit-bar.no-limit.exceed-request{background:linear-gradient(to right,#d8deeb 50%,rgba(0,128,255,0.6) 50%);background-size:4px 100%;}

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

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { ResourceModel } from '../../models';
-import { ShowField } from '../ShowContent';
+import { ShowConfig } from '../ShowContent';
 type Props<Model extends ResourceModel> = {
-    fieldGroups: ShowField<Model>[][];
+    showConfig: ShowConfig<Model>;
     formatter?: (r: Model) => Model;
 };
 export declare const DrawerShow: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(props: Props<Model>) => JSX.Element;

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

@@ -1,12 +1,10 @@
 import React from 'react';
-import { YamlFormProps, YamlFormHandler } from 'src/components/YamlForm';
+import { YamlFormProps } from 'src/components/YamlForm';
 export type FormModalProps = {
     resource?: string;
     id?: string;
     formProps?: YamlFormProps;
-    renderForm?: (props: YamlFormProps & {
-        ref: React.MutableRefObject<YamlFormHandler | null>;
-    }) => React.ReactNode;
+    renderForm?: (props: YamlFormProps) => React.ReactNode;
 };
 export declare function FormModal(props: FormModalProps): JSX.Element;
 export default FormModal;

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { ResourceModel } from '../../models';
-import { ShowField } from '../ShowContent';
+import { ShowConfig } from '../ShowContent';
 type Props<Model extends ResourceModel> = {
-    fieldGroups: ShowField<Model>[][];
+    showConfig: ShowConfig<Model>;
     formatter?: (r: Model) => Model;
     Dropdown?: React.FC<{
         record: Model;

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

@@ -0,0 +1,8 @@
+import type { OwnerReference } from 'kubernetes-types/meta/v1';
+import React from 'react';
+type Props = {
+    ownerReference: OwnerReference;
+    namespace: string;
+};
+export declare const ReferenceLink: React.FC<Props>;
+export {};

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

@@ -1,10 +1,10 @@
 import { IResourceComponentsProps } from '@refinedev/core';
 import React from 'react';
 import { ResourceModel } from '../../../models';
-import { ShowField } from '../../ShowContent';
+import { ShowConfig } from '../../ShowContent';
 type Props<Model extends ResourceModel> = IResourceComponentsProps & {
     formatter?: (v: Model) => Model;
-    filedGroups: ShowField<Model>[][];
+    showConfig: ShowConfig<Model>;
     Dropdown?: React.FC<{
         record: Model;
     }>;

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import { ResourceModel } from '../../models';
-import { ShowField } from './fields';
+import { ShowConfig } from './fields';
 type Props<Model extends ResourceModel> = {
-    fieldGroups: ShowField<Model>[][];
+    showConfig: ShowConfig<Model>;
     formatter?: (r: Model) => Model;
     Dropdown?: React.FC<{
         record: Model;

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

@@ -4,17 +4,34 @@ export type ShowField<Model extends ResourceModel> = {
     key: string;
     title: string;
     path: string[];
-    render?: (val: unknown, record: Model) => React.ReactElement | undefined;
+    labelWidth?: string;
+    col?: number;
+    render?: (val: unknown, record: Model, field: ShowField<Model>) => React.ReactElement | undefined;
+    renderContent?: (val: unknown, record: Model, field: ShowField<Model>) => React.ReactElement | undefined;
 };
-export declare const ImageField: () => ShowField<WorkloadBaseModel>;
+export type ShowTabField<Model extends ResourceModel> = {
+    key: string;
+    title: string;
+    path: string[];
+    renderContent?: (val: unknown, record: Model, field: ShowTabField<Model>) => React.ReactElement | undefined;
+};
+export interface ShowConfig<Model extends ResourceModel = ResourceModel> {
+    title?: string;
+    descriptions?: ShowField<Model>[];
+    groups?: {
+        fields: ShowField<Model>[];
+    }[];
+    tabs?: ShowTabField<Model>[];
+}
+export declare const ImageField: <Model extends WorkloadBaseModel>() => ShowField<Model>;
 export declare const ReplicaField: () => ShowField<WorkloadModel>;
-export declare const ConditionsField: () => ShowField<ResourceModel>;
-export declare const PodsField: () => ShowField<WorkloadModel>;
-export declare const JobsField: () => ShowField<JobModel | CronJobModel>;
+export declare const ConditionsField: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>() => ShowTabField<Model>;
+export declare const PodsField: <Model extends WorkloadBaseModel>() => ShowTabField<Model>;
+export declare const JobsField: <Model extends JobModel | CronJobModel>() => ShowTabField<Model>;
 export declare const DataField: () => ShowField<ResourceModel>;
 export declare const SecretDataField: () => ShowField<ResourceModel>;
 export declare const StartTimeField: () => ShowField<JobModel>;
 export declare const ServiceTypeField: () => ShowField<ResourceModel>;
 export declare const ClusterIpField: () => ShowField<ResourceModel>;
 export declare const SessionAffinityField: () => ShowField<ResourceModel>;
-export declare const ServicePodsField: () => ShowField<ResourceModel>;
+export declare const ServicePodsField: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>() => ShowTabField<Model>;

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

@@ -1,9 +1,7 @@
 /// <reference types="react" />
-import { FormType } from 'src/types';
 import { WorkloadModel } from '../../models';
 type Props<Model extends WorkloadModel> = {
     record: Model;
-    formType?: FormType;
 };
 export declare function WorkloadDropdown<Model extends WorkloadModel>(props: Props<Model>): JSX.Element;
 export {};

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

@@ -1,5 +1,8 @@
-import React from 'react';
+/// <reference types="react" />
 import { WorkloadModel } from '../../models';
-export declare const WorkloadReplicas: React.FC<{
+export interface WorkloadReplicasProps {
     record: WorkloadModel;
-}>;
+    label?: string;
+    editable?: boolean;
+}
+export declare function WorkloadReplicas({ record, label, editable }: WorkloadReplicasProps): JSX.Element;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 export declare enum SchemaStrategy {
     Required = "Required",
     Optional = "Optional",
@@ -9,13 +9,11 @@ export interface YamlFormProps {
     initialValues?: Record<string, unknown>;
     schemaStrategy?: SchemaStrategy;
     isShowLayout?: boolean;
-    onFinish?: () => void;
-}
-export interface YamlFormHandler {
-    saveButtonProps: {
+    onSaveButtonPropsChange?: (saveButtonProps: {
         disabled?: boolean;
         onClick: () => void;
-    };
+    }) => void;
+    onFinish?: () => void;
 }
-declare const YamlForm: React.ForwardRefExoticComponent<YamlFormProps & React.RefAttributes<YamlFormHandler>>;
+declare function YamlForm(props: YamlFormProps): JSX.Element;
 export default YamlForm;

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

@@ -29,6 +29,7 @@ export * from './DrawerShow';
 export * from './Menu';
 export * from './Table';
 export * from './EditButton';
+export * from './ReferenceLink';
 export * from './NamespacesFilter';
 export * from './Tags';
 export * from './PodLog';

package/lib/src/hooks/useEagleTable/columns.d.ts

@@ -1,6 +1,6 @@
 import { Column } from '../../components/Table';
 import { JobModel, PodModel, ResourceModel, WorkloadModel, WorkloadBaseModel, CronJobModel } from '../../models';
-export declare const CommonSorter: (dataIndex: string[]) => (a: unknown, b: unknown) => 1 | 0 | -1;
+export declare const CommonSorter: (dataIndex: string[]) => (a: unknown, b: unknown) => 0 | 1 | -1;
 export declare const NameColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(resource?: string) => Column<Model>;
 export declare const NameSpaceColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>() => Column<Model>;
 export declare const StateDisplayColumnRenderer: <Model extends PodModel | WorkloadModel | CronJobModel>() => Column<Model>;
@@ -13,3 +13,4 @@ export declare const RestartCountColumnRenderer: <Model extends PodModel>() => C
 export declare const CompletionsCountColumnRenderer: <Model extends JobModel | CronJobModel>() => Column<Model>;
 export declare const DurationColumnRenderer: <Model extends JobModel | CronJobModel>() => Column<Model>;
 export declare const ServiceTypeColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>() => Column<Model>;
+export declare const PodWorkloadColumnRenderer: <Model extends PodModel>() => Column<Model>;

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

@@ -8,6 +8,7 @@ interface UseSubmitFormOptions {
 export declare function useSubmitForm(options: UseSubmitFormOptions): {
     submitting: boolean;
     errorMsgs: string[];
+    reset: () => void;
     onSubmit: () => Promise<void>;
 };
 export {};

package/lib/src/i18n.d.ts

@@ -100,6 +100,10 @@ export declare const resources: {
             waiting: string;
             create_resource: string;
             edit_resource: string;
+            sec: string;
+            min: string;
+            hr: string;
+            day: string;
         };
     };
 };

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

@@ -79,6 +79,10 @@ declare const _default: {
         waiting: string;
         create_resource: string;
         edit_resource: string;
+        sec: string;
+        min: string;
+        hr: string;
+        day: string;
     };
 };
 export default _default;

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

@@ -6,11 +6,13 @@ type RequiredJob = Required<Job> & Unstructured;
 export declare class JobModel extends WorkloadBaseModel {
     _rawYaml: RequiredJob;
     _globalStore: GlobalStore;
+    restarts: number;
     spec?: RequiredJob['spec'];
     status?: RequiredJob['status'];
     constructor(_rawYaml: RequiredJob, _globalStore: GlobalStore);
+    init(): Promise<void>;
+    private getRestarts;
     get duration(): number;
-    get durationDisplay(): string | undefined;
     get completionsDisplay(): string;
     get stateDisplay(): WorkloadState.COMPLETED | WorkloadState.FAILED | WorkloadState.SUSPENDED | WorkloadState.RUNNING;
 }

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

@@ -0,0 +1,10 @@
+import { GlobalStore, Unstructured } from 'k8s-api-provider';
+import { Service } from 'kubernetes-types/core/v1';
+import { ResourceModel } from './resource-model';
+export type ServiceType = Required<Unstructured & Service>;
+export declare class ServiceModel extends ResourceModel<ServiceType> {
+    _rawYaml: ServiceType;
+    _globalStore: GlobalStore;
+    constructor(_rawYaml: ServiceType, _globalStore: GlobalStore);
+    inClusterAccess(): string | undefined;
+}

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

@@ -11,6 +11,8 @@ export declare class WorkloadModel extends WorkloadBaseModel {
     constructor(_rawYaml: WorkloadTypes, _globalStore: GlobalStore);
     init(): Promise<void>;
     private getRestarts;
+    get replicas(): number | undefined;
+    get readyReplicas(): number | undefined;
     redeploy(): WorkloadTypes;
     scale(value: number): WorkloadTypes;
 }

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { FormModalProps } from 'src/components/FormModal';
-import { ShowField } from '../components/ShowContent';
+import { ShowConfig } from '../components/ShowContent';
 import { Column } from '../components/Table';
 import { ResourceModel } from '../models';
 export declare enum RESOURCE_GROUP {
@@ -26,7 +26,7 @@ export type ResourceConfig<Model extends ResourceModel = ResourceModel> = {
     formatter?: (v: Model) => Model;
     initValue?: Record<string, unknown>;
     columns?: () => Column<Model>[];
-    showFields?: () => ShowField<Model>[][];
+    showConfig?: () => ShowConfig<Model>;
     Dropdown?: React.FC<{
         record: Model;
     }>;

package/lib/src/utils/error.d.ts

@@ -5,7 +5,7 @@ type Cause = {
     message: string;
     field?: string;
 };
-type ErrorResponse = {
+export type ErrorResponseBody = {
     message?: string;
     code?: number;
     reason?: string;
@@ -15,6 +15,6 @@ type ErrorResponse = {
     graphQLErrors?: Cause[];
 };
 export declare function isNetworkError(errors?: Cause[]): boolean;
-export declare function getSubmitError(errorResponse: ErrorResponse | undefined, text: string, i18n: I18n): string;
-export declare function getCommonErrors(response: ErrorResponse, i18n: I18n): string[];
+export declare function getSubmitError(errorResponse: ErrorResponseBody | undefined, text: string, i18n: I18n): string;
+export declare function getCommonErrors(responseBody: ErrorResponseBody, i18n: I18n): string[];
 export {};

package/lib/src/utils/time.d.ts

@@ -1,5 +1,10 @@
 export declare function getSecondsDiff(startDate: string, endDate: string): number;
-export declare function elapsedTime(seconds: number): {
+export declare function elapsedTime(seconds: number, i18nMap: {
+    min: string;
+    sec: string;
+    hr: string;
+    day: string;
+}): {
     diff?: undefined;
     label?: undefined;
 } | {

package/lib/vite.config.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vite").UserConfigExport;
+declare const _default: import("vite").UserConfig;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.0.17",
+  "version": "0.0.18",
   "type": "module",
   "files": [
     "dist",
@@ -20,7 +20,7 @@
     "dayjs": "^1.11.10",
     "i18next": "^23.2.3",
     "js-yaml": "^4.1.0",
-    "k8s-api-provider": "0.0.15-beta.6",
+    "k8s-api-provider": "0.0.16",
     "ky": "^0.33.3",
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.1",
@@ -36,6 +36,7 @@
   "devDependencies": {
     "@babel/core": "^7.4.0",
     "@babel/preset-env": "^7.1.6",
+    "@babel/preset-typescript": "^7.10.4",
     "@kubernetes/client-node": "^0.20.0",
     "@linaria/core": "^4.5.4",
     "@linaria/react": "^4.5.4",
@@ -43,6 +44,7 @@
     "@playwright/test": "^1.39.0",
     "@refinedev/cli": "^2.9.0",
     "@types/body-parser": "^1.19.5",
+    "@types/jest": "^29",
     "@types/js-yaml": "^4.0.6",
     "@types/json-schema": "^7.0.13",
     "@types/lodash-es": "^4.17.9",
@@ -58,17 +60,15 @@
     "eslint": "^8.38.0",
     "eslint-plugin-react-hooks": "^4.6.0",
     "eslint-plugin-react-refresh": "^0.3.4",
-    "kubernetes-types": "^1.26.0",
-    "vite": "^3.2.7",
-    "vite-plugin-commonjs": "^0.10.0",
     "jest": "^29",
+    "kubernetes-types": "^1.26.0",
     "ts-jest": "^29",
-    "@types/jest": "^29",
-    "@babel/preset-typescript": "^7.10.4"
+    "vite": "^4.5.2",
+    "vite-plugin-commonjs": "^0.10.0"
   },
   "peerDependencies": {
-    "@cloudtower/eagle": "^0.26.9",
-    "@cloudtower/icons-react": "^0.26.9",
+    "@cloudtower/eagle": "^0.27.70",
+    "@cloudtower/icons-react": "^0.27.70",
     "@refinedev/core": "^4.38.0",
     "antd": "4.5.0",
     "i18next": "^23.2.3",

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

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