@dovetail-v2/refine 0.3.0 → 0.3.2

package/dist/{MonacoYamlEditor-1ed09191.cjs → MonacoYamlEditor-bdd52136.cjs}

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const common = require("./common-1eb43414.cjs");
+const yaml = require("js-yaml");
 const monaco = require("monaco-editor");
 const monacoYaml = require("monaco-yaml");
 const React = require("react");
 const ReactDOM = require("react-dom");
-const refine = require("./index-7c78ef6f.cjs");
+const refine = require("./index-ec66ac8f.cjs");
 require("dayjs");
 require("i18next");
 require("@refinedev/core");
@@ -14,7 +15,6 @@ require("react-router-dom");
 require("@cloudtower/eagle");
 require("@cloudtower/icons-react");
 require("lodash-es");
-require("js-yaml");
 require("usehooks-ts");
 require("k8s-api-provider");
 require("@patternfly/react-log-viewer");
@@ -38,7 +38,7 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const monaco__namespace = /* @__PURE__ */ _interopNamespaceDefault(monaco);
-const MonacoYamlEditor = (props) => {
+function MonacoYamlEditor(props) {
   const ref = React.useRef(null);
   const instanceRef = React.useRef({
     editor: null
@@ -78,7 +78,8 @@ const MonacoYamlEditor = (props) => {
       isKubernetes: true,
       schemas: finalSchemas
     });
-    const model = monaco__namespace.editor.createModel(defaultValue, "yaml", uri);
+    const defaultValueString = typeof defaultValue === "string" ? defaultValue : yaml.dump(defaultValue);
+    const model = monaco__namespace.editor.createModel(defaultValueString, "yaml", uri);
     const editor = monaco__namespace.editor.create(ref.current, {
       automaticLayout: true,
       scrollBeyondLastLine: false,
@@ -109,14 +110,21 @@ const MonacoYamlEditor = (props) => {
     if (editor) {
       const stop = editor.onDidChangeModelContent(() => {
         ReactDOM.unstable_batchedUpdates(() => {
-          onChange == null ? void 0 : onChange(editor.getValue());
+          const editorValue = editor.getValue();
+          const newValue = typeof defaultValue === "string" ? editorValue : yaml.load(editorValue) || {};
+          if (typeof defaultValue !== "string" && typeof newValue === "string") {
+            onValidate == null ? void 0 : onValidate(false, true);
+          } else {
+            onValidate == null ? void 0 : onValidate(true, true);
+            onChange == null ? void 0 : onChange(newValue);
+          }
         });
       });
       return () => {
         stop.dispose();
       };
     }
-  }, [onChange]);
+  }, [onChange, defaultValue]);
   React.useEffect(() => {
     const editor = instanceRef.current.editor;
     if (editor) {
@@ -202,5 +210,5 @@ const MonacoYamlEditor = (props) => {
       }
     }
   );
-};
+}
 exports.default = MonacoYamlEditor;

package/dist/{MonacoYamlEditor-74ecf0d5.js → MonacoYamlEditor-d09e7de9.js}

@@ -1,9 +1,10 @@
 import { j as jsxRuntimeExports, c as cx_default } from "./common-feae5742.js";
+import yaml from "js-yaml";
 import * as monaco from "monaco-editor";
 import { setDiagnosticsOptions } from "monaco-yaml";
 import { useRef, useEffect } from "react";
 import ReactDOM from "react-dom";
-import { Y as YamlEditorStyle } from "./index-23ef5f69.js";
+import { Y as YamlEditorStyle } from "./index-3126e84d.js";
 import "dayjs";
 import "i18next";
 import "@refinedev/core";
@@ -12,14 +13,13 @@ import "react-router-dom";
 import "@cloudtower/eagle";
 import "@cloudtower/icons-react";
 import "lodash-es";
-import "js-yaml";
 import "usehooks-ts";
 import "k8s-api-provider";
 import "@patternfly/react-log-viewer";
 import "react-hook-form";
 import "sunflower-antd";
 import "antd";
-const MonacoYamlEditor = (props) => {
+function MonacoYamlEditor(props) {
   const ref = useRef(null);
   const instanceRef = useRef({
     editor: null
@@ -59,7 +59,8 @@ const MonacoYamlEditor = (props) => {
       isKubernetes: true,
       schemas: finalSchemas
     });
-    const model = monaco.editor.createModel(defaultValue, "yaml", uri);
+    const defaultValueString = typeof defaultValue === "string" ? defaultValue : yaml.dump(defaultValue);
+    const model = monaco.editor.createModel(defaultValueString, "yaml", uri);
     const editor = monaco.editor.create(ref.current, {
       automaticLayout: true,
       scrollBeyondLastLine: false,
@@ -90,14 +91,21 @@ const MonacoYamlEditor = (props) => {
     if (editor) {
       const stop = editor.onDidChangeModelContent(() => {
         ReactDOM.unstable_batchedUpdates(() => {
-          onChange == null ? void 0 : onChange(editor.getValue());
+          const editorValue = editor.getValue();
+          const newValue = typeof defaultValue === "string" ? editorValue : yaml.load(editorValue) || {};
+          if (typeof defaultValue !== "string" && typeof newValue === "string") {
+            onValidate == null ? void 0 : onValidate(false, true);
+          } else {
+            onValidate == null ? void 0 : onValidate(true, true);
+            onChange == null ? void 0 : onChange(newValue);
+          }
         });
       });
       return () => {
         stop.dispose();
       };
     }
-  }, [onChange]);
+  }, [onChange, defaultValue]);
   useEffect(() => {
     const editor = instanceRef.current.editor;
     if (editor) {
@@ -183,7 +191,7 @@ const MonacoYamlEditor = (props) => {
       }
     }
   );
-};
+}
 export {
   MonacoYamlEditor as default
 };

package/dist/components/Form/FormModal.d.ts

@@ -1,3 +1,4 @@
+import { BaseRecord, CreateResponse, UpdateResponse } from '@refinedev/core';
 import React from 'react';
 import { YamlFormProps } from './YamlForm';
 export type SaveButtonProps = {
@@ -16,5 +17,6 @@ export type FormModalProps = {
     resource?: string;
     id?: string;
     yamlFormProps?: YamlFormProps;
+    onSuccess?: (data: UpdateResponse<BaseRecord> | CreateResponse<BaseRecord>) => void;
 };
 export declare function FormModal(props: FormModalProps): JSX.Element;

package/dist/components/Form/RefineFormContainer.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { BaseRecord, CreateResponse, UpdateResponse } from '@refinedev/core';
 import { type SaveButtonProps } from 'src/components/Form/FormModal';
 import { ResourceConfig } from 'src/types';
 import { CommonFormConfig, RefineFormConfig } from 'src/types';
@@ -11,7 +12,7 @@ interface RefineFormContainerProps {
     customYamlFormProps?: YamlFormProps;
     onSaveButtonPropsChange?: (props: SaveButtonProps) => void;
     onError?: () => void;
-    onSuccess?: () => void;
+    onSuccess?: (data: UpdateResponse<BaseRecord> | CreateResponse<BaseRecord>) => void;
 }
 declare function RefineFormContainer({ id, config, customYamlFormProps, formConfig, isYamlMode, onSuccess, onError, onSaveButtonPropsChange, }: RefineFormContainerProps): JSX.Element;
 export default RefineFormContainer;

package/dist/components/Form/YamlForm.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { FormAction } from '@refinedev/core';
+import { BaseRecord, CreateResponse, FormAction, UpdateResponse } from '@refinedev/core';
 import { Unstructured } from 'k8s-api-provider';
 import { ResourceModel } from 'src/models';
 import { ResourceConfig } from 'src/types';
@@ -30,6 +30,6 @@ export interface YamlFormProps<Model extends ResourceModel = ResourceModel> {
         };
     }) => void;
     onErrorsChange?: (errors: string[]) => void;
-    onFinish?: () => void;
+    onFinish?: (data: UpdateResponse<BaseRecord> | CreateResponse<BaseRecord>) => void;
 }
 export declare function YamlForm<Model extends ResourceModel = ResourceModel>(props: YamlFormProps<Model>): JSX.Element;

package/dist/components/Form/YamlFormContainer.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { BaseRecord, CreateResponse, UpdateResponse } from '@refinedev/core';
 import { type SaveButtonProps } from 'src/components/Form/FormModal';
 import { ResourceConfig } from 'src/types';
 import { CommonFormConfig } from 'src/types';
@@ -9,9 +10,9 @@ interface YamlFormContainerProps {
     config: ResourceConfig;
     customYamlFormProps?: YamlFormProps;
     formConfig?: YamlFormConfig & CommonFormConfig;
-    onSuccess?: () => void;
+    onSuccess?: (data: UpdateResponse<BaseRecord> | CreateResponse<BaseRecord>) => void;
     onError?: () => void;
     onSaveButtonPropsChange?: (props: SaveButtonProps) => void;
 }
-declare function YamlFormContainer({ id, customYamlFormProps, config, formConfig, onSuccess, onError, onSaveButtonPropsChange }: YamlFormContainerProps): JSX.Element;
+declare function YamlFormContainer({ id, customYamlFormProps, config, formConfig, onSuccess, onError, onSaveButtonPropsChange, }: YamlFormContainerProps): JSX.Element;
 export default YamlFormContainer;

package/dist/components/Form/type.d.ts

@@ -1,10 +1,17 @@
 import React from 'react';
 import { Control, UseFormTrigger, FieldValues, ControllerRenderProps } from 'react-hook-form';
 import { FormType } from 'src/types/resource';
+export declare enum FormItemLayout {
+    VERTICAL = "VERTICAL",
+    HORIZONTAL = "HORIZONTAL"
+}
 export type RefineFormValidator = (value: unknown, formValue: unknown, formMode: FormType) => {
     isValid: boolean;
     errorMsg: string;
-};
+} | Promise<{
+    isValid: boolean;
+    errorMsg: string;
+}>;
 export type RefineFormFieldRenderProps = {
     field: ControllerRenderProps<FieldValues, string>;
     fieldConfig: RefineFormField;
@@ -20,7 +27,10 @@ export type RefineFormField = {
     helperText?: React.ReactNode;
     type?: 'number';
     validators?: RefineFormValidator[];
+    isSkipValidationInYaml?: boolean;
     disabledWhenEdit?: boolean;
+    layout?: FormItemLayout;
+    isHideErrorStatus?: boolean;
     render?: (props: RefineFormFieldRenderProps) => React.ReactElement;
     /**
      * 表单项条件渲染函数

package/dist/components/KeyValueTableForm/index.d.ts

@@ -0,0 +1,34 @@
+import { TableFormColumn } from '@cloudtower/eagle';
+import React from 'react';
+export type KeyValuePair = {
+    key: string;
+    value?: string;
+};
+interface KeyValueTableFormProps<T extends KeyValuePair> {
+    value?: T[];
+    defaultValue: T[];
+    onChange?: (value: T[]) => void;
+    extraColumns?: TableFormColumn[];
+    addButtonText?: string;
+    noValueValidation?: boolean;
+    isHideLabelFormatPopover?: boolean;
+    isValueOptional?: boolean;
+    canImportFromFile?: boolean;
+    minSize?: number;
+    validateKey?: (key: string) => {
+        isValid: boolean;
+        errorMessage?: string;
+    };
+    validateValue?: (value: string) => {
+        isValid: boolean;
+        errorMessage?: string;
+    };
+    onSubmit?: (value: T[]) => Promise<unknown> | undefined;
+}
+export type KeyValueTableFormHandle<T extends KeyValuePair = KeyValuePair> = {
+    validate: () => Promise<boolean>;
+    submit: () => Promise<unknown> | undefined;
+    setValue: (value: T[]) => void;
+};
+export declare const KeyValueTableForm: React.ForwardRefExoticComponent<KeyValueTableFormProps<KeyValuePair> & React.RefAttributes<KeyValueTableFormHandle<KeyValuePair>>>;
+export {};

package/dist/components/ShowContent/ShowContent.d.ts

@@ -1,18 +1,6 @@
-import React from 'react';
+/// <reference types="react" />
 import { ResourceModel } from '../../models';
-import { ShowConfig } from './fields';
-type Props<Model extends ResourceModel> = {
-    showConfig: ShowConfig<Model>;
-    formatter?: (r: Model) => Model;
-    Dropdown?: React.FC<{
-        record: Model;
-    }>;
-};
-type ShowGroupComponentProps = React.PropsWithChildren<{
-    title: string;
-    className?: string;
-    operationEle?: React.ReactElement | null;
-}>;
-export declare function ShowGroupComponent(props: ShowGroupComponentProps): JSX.Element;
-export declare const ShowContent: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(props: Props<Model>) => JSX.Element | null;
+import { ShowContentViewProps } from './ShowContentView';
+type Props<Model extends ResourceModel> = Omit<ShowContentViewProps<Model>, 'id' | 'resourceName'>;
+export declare const ShowContent: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(props: Props<Model>) => JSX.Element;
 export {};

package/dist/components/ShowContent/ShowContentView.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { ResourceModel } from '../../models';
+import { ShowConfig } from './fields';
+export type ShowContentViewProps<Model extends ResourceModel> = {
+    id: string;
+    resourceName: string;
+    showConfig: ShowConfig<Model>;
+    formatter?: (r: Model) => Model;
+    Dropdown?: React.FC<{
+        record: Model;
+    }>;
+    hideBackButton?: boolean;
+};
+type ShowGroupComponentProps = React.PropsWithChildren<{
+    title: string;
+    className?: string;
+    operationEle?: React.ReactElement | null;
+}>;
+export declare function ShowGroupComponent(props: ShowGroupComponentProps): JSX.Element;
+export declare const ShowContentView: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(props: ShowContentViewProps<Model>) => JSX.Element | null;
+export {};

package/dist/components/ShowContent/fields.d.ts

@@ -33,6 +33,7 @@ export type ShowTab<Model extends ResourceModel> = {
     groups: ShowGroup<Model>[];
 };
 export interface ShowConfig<Model extends ResourceModel = ResourceModel> {
+    basicGroup?: ShowGroup<Model>;
     tabs?: ShowTab<Model>[];
     renderExtraButton?: (record: Model) => React.ReactNode;
     resourceStateMap?: {

package/dist/components/ShowContent/index.d.ts

@@ -2,3 +2,4 @@ export * from './fields';
 export * from './tabs';
 export * from './groups';
 export * from './ShowContent';
+export * from './ShowContentView';

package/dist/components/YamlEditor/MonacoYamlEditor.d.ts

@@ -1,12 +1,12 @@
+/// <reference types="react" />
 import { type JSONSchema7 } from 'json-schema';
 import * as monaco from 'monaco-editor';
-import React from 'react';
-type Props = {
+type Props<T extends string | Record<string, unknown> = string> = {
     className?: string;
     id?: string;
-    defaultValue: string;
+    defaultValue: T;
     height?: string;
-    onChange?: (val: string) => void;
+    onChange?: (val: T) => void;
     onValidate?: (valid: boolean, schemaValid: boolean) => void;
     isScrollOnFocus?: boolean;
     onEditorCreate?: (editor: monaco.editor.IStandaloneCodeEditor) => void;
@@ -15,5 +15,5 @@ type Props = {
     schemas?: JSONSchema7[] | null;
     readOnly?: boolean;
 };
-declare const MonacoYamlEditor: React.FC<Props>;
+declare function MonacoYamlEditor<T extends string | Record<string, unknown> = string>(props: Props<T>): JSX.Element;
 export default MonacoYamlEditor;

package/dist/components/YamlEditor/YamlEditorComponent.d.ts

@@ -1,11 +1,11 @@
 import { JSONSchema7 } from 'json-schema';
 import { type editor } from 'monaco-editor';
 import React from 'react';
-export type YamlEditorProps = {
+export type YamlEditorProps<T extends string | Record<string, unknown> = string> = {
     eleRef?: React.MutableRefObject<HTMLDivElement>;
     title?: string;
-    value?: string;
-    defaultValue?: string;
+    value?: T;
+    defaultValue?: T;
     errorMsgs?: string[];
     schemas?: JSONSchema7[] | null;
     id?: string;
@@ -16,15 +16,17 @@ export type YamlEditorProps = {
     readOnly?: boolean;
     debounceTime?: number;
     isScrollOnFocus?: boolean;
-    onChange?: (value: string) => void;
+    onChange?: (value: T) => void;
     onValidate?: (valid: boolean, schemaValid: boolean) => void;
     onEditorCreate?: (editor: editor.IStandaloneCodeEditor) => void;
     onBlur?: () => void;
 };
-export type YamlEditorHandle = {
-    setValue: (value: string) => void;
+export type YamlEditorHandle<T extends string | Record<string, unknown> = string> = {
+    setValue: (value: T) => void;
     setEditorValue: (value: string) => void;
     getEditorValue: () => string;
     getEditorInstance: () => editor.IStandaloneCodeEditor | null;
 };
-export declare const YamlEditorComponent: React.ForwardRefExoticComponent<YamlEditorProps & React.RefAttributes<YamlEditorHandle>>;
+export declare const YamlEditorComponent: <T extends string | Record<string, unknown> = string>(props: YamlEditorProps<T> & {
+    ref?: React.Ref<YamlEditorHandle<T>> | undefined;
+}) => React.ReactElement;

package/dist/components/index.d.ts

@@ -50,3 +50,4 @@ export * from './PodShellModal';
 export * from './ResourceTable';
 export * from './ErrorContent';
 export { default as ErrorContent } from './ErrorContent';
+export * from './KeyValueTableForm';

package/dist/hooks/useEagleTable/columns.d.ts

@@ -6,7 +6,7 @@ export declare const CommonSorter: (dataIndex: string[]) => (a: unknown, b: unkn
 export declare const NameColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType, resource?: string) => Column<Model>;
 export declare const PlainTextNameColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => Column<Model>;
 export declare const NameSpaceColumnRenderer: <Model extends ResourceModel<import("k8s-api-provider").Unstructured>>(i18n: I18nType) => Column<Model>;
-export declare const StateDisplayColumnRenderer: <Model extends PodModel | JobModel | WorkloadModel | CronJobModel | DaemonSetModel | ServiceModel>(i18n: I18nType) => Column<Model>;
+export declare const StateDisplayColumnRenderer: <Model extends PodModel | JobModel | ServiceModel | WorkloadModel | CronJobModel | DaemonSetModel>(i18n: I18nType) => Column<Model>;
 export declare const WorkloadImageColumnRenderer: <Model extends WorkloadBaseModel>(i18n: I18nType) => Column<Model>;
 export declare const RestartsColumnRenderer: <Model extends WorkloadModel>(i18n: I18nType) => Column<Model>;
 export declare const ReplicasColumnRenderer: <Model extends WorkloadModel>(i18n: I18nType) => Column<Model>;

package/dist/hooks/useOpenForm.d.ts

@@ -1,5 +1,8 @@
-interface UseOpenFormOptions {
+import { CreateResponse, UpdateResponse, BaseRecord } from '@refinedev/core';
+interface OpenFormOptions {
     id?: string;
+    resourceName?: string;
+    onSuccess?: (data: UpdateResponse<BaseRecord> | CreateResponse<BaseRecord>) => void;
 }
-export declare function useOpenForm(options?: UseOpenFormOptions): (resourceName?: string) => void;
+export declare function useOpenForm(): (options?: OpenFormOptions) => void;
 export {};

package/dist/i18n.d.ts

@@ -490,6 +490,7 @@ export declare const resources: {
             cant_delete_resource: string;
             cant_delete_resource_with_name: string;
             close: string;
+            import_from_file: string;
         };
     };
 };