@dovetail-v2/refine 0.3.1 → 0.3.2

package/dist/{MonacoYamlEditor-9b8b7cef.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-e9523181.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-5e4c98ce.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-c4f4f337.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/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/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>;