@dovetail-v2/refine 0.3.11-alpha.1 → 0.3.11-alpha.3

package/dist/style.css

@@ -470,6 +470,10 @@
   background-color: transparent !important;
   padding: 0;
 }
+.s82411.small {
+  padding: 0 10px;
+  height: 18px;
+}
 
 .n9ja9cs.ant-tag.ant-tag-gray {
   background-color: rgba(237, 241, 250, 0.6);
@@ -3335,7 +3339,6 @@
 .b1f1s2pc {
   margin: 0 24px;
   overflow: auto;
-  margin-bottom: 16;
 }
 
 .g1qw3bxx {
@@ -3357,7 +3360,6 @@
 }
 
 .t1pt61xk {
-  padding-bottom: 16px;
   display: flex;
   flex-direction: column;
   align-items: center;

package/dist/utils/validation.d.ts

@@ -17,21 +17,21 @@ export declare function validateResourceName({ v, allNames, i18n, emptyText, dup
     isValid: boolean;
     errorMessage: string;
 };
-export declare function validateRfc1123Name({ v, allNames, i18n, emptyText, duplicatedText, isOptional, }: Omit<ValidateResourceNameOptions, 'regex' | 'formatErrorText'>): {
+export declare function validateRfc1123Name({ v, allNames, i18n, emptyText, duplicatedText, maxLength, isOptional, }: Omit<ValidateResourceNameOptions, 'regex' | 'formatErrorText'>): {
     isValid: boolean;
     errorMessage?: undefined;
 } | {
     isValid: boolean;
     errorMessage: string;
 };
-export declare function ValidateRfc1035Name({ v, allNames, i18n, emptyText, duplicatedText, isOptional, }: Omit<ValidateResourceNameOptions, 'regex' | 'formatErrorText'>): {
+export declare function ValidateRfc1035Name({ v, allNames, i18n, emptyText, duplicatedText, maxLength, isOptional, }: Omit<ValidateResourceNameOptions, 'regex' | 'formatErrorText'>): {
     isValid: boolean;
     errorMessage?: undefined;
 } | {
     isValid: boolean;
     errorMessage: string;
 };
-export declare function validateDnsSubdomainName({ v, allNames, i18n, emptyText, duplicatedText, isOptional, }: Omit<ValidateResourceNameOptions, 'regex' | 'formatErrorText'>): {
+export declare function validateDnsSubdomainName({ v, allNames, i18n, emptyText, duplicatedText, maxLength, isOptional, }: Omit<ValidateResourceNameOptions, 'regex' | 'formatErrorText'>): {
     isValid: boolean;
     errorMessage?: undefined;
 } | {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.3.11-alpha.1",
+  "version": "0.3.11-alpha.3",
   "type": "module",
   "files": [
     "dist",

package/dist/MonacoYamlDiffEditor-7a07db88.cjs

@@ -1,59 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const common = require("./common-1eb43414.cjs");
-const monaco = require("monaco-editor");
-const React = require("react");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const monaco__namespace = /* @__PURE__ */ _interopNamespaceDefault(monaco);
-const MonacoYamlDiffEditor = (props) => {
-  const ref = React.useRef(null);
-  const { origin, modified, id, height } = props;
-  React.useEffect(() => {
-    const originalUri = id ? monaco__namespace.Uri.parse(`${id}_original.yaml`) : void 0;
-    const modifiedUri = id ? monaco__namespace.Uri.parse(`${id}_modified.yaml`) : void 0;
-    const originalModel = monaco__namespace.editor.createModel(origin, "yaml", originalUri);
-    const modifiedModel = monaco__namespace.editor.createModel(modified, "yaml", modifiedUri);
-    const diffEditor = monaco__namespace.editor.createDiffEditor(ref.current, {
-      renderSideBySide: true,
-      originalEditable: false,
-      readOnly: true,
-      ignoreTrimWhitespace: false,
-      scrollBeyondLastLine: false
-    });
-    diffEditor.setModel({
-      original: originalModel,
-      modified: modifiedModel
-    });
-    return () => {
-      diffEditor.dispose();
-      originalModel.dispose();
-      modifiedModel.dispose();
-    };
-  }, [modified, origin, id]);
-  return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
-    "div",
-    {
-      ref,
-      style: {
-        width: "100%",
-        height: height || "500px"
-      }
-    }
-  );
-};
-exports.default = MonacoYamlDiffEditor;

package/dist/MonacoYamlDiffEditor-9232e9fc.js

@@ -1,42 +0,0 @@
-import { j as jsxRuntimeExports } from "./common-241b21f8.js";
-import * as monaco from "monaco-editor";
-import { useRef, useEffect } from "react";
-const MonacoYamlDiffEditor = (props) => {
-  const ref = useRef(null);
-  const { origin, modified, id, height } = props;
-  useEffect(() => {
-    const originalUri = id ? monaco.Uri.parse(`${id}_original.yaml`) : void 0;
-    const modifiedUri = id ? monaco.Uri.parse(`${id}_modified.yaml`) : void 0;
-    const originalModel = monaco.editor.createModel(origin, "yaml", originalUri);
-    const modifiedModel = monaco.editor.createModel(modified, "yaml", modifiedUri);
-    const diffEditor = monaco.editor.createDiffEditor(ref.current, {
-      renderSideBySide: true,
-      originalEditable: false,
-      readOnly: true,
-      ignoreTrimWhitespace: false,
-      scrollBeyondLastLine: false
-    });
-    diffEditor.setModel({
-      original: originalModel,
-      modified: modifiedModel
-    });
-    return () => {
-      diffEditor.dispose();
-      originalModel.dispose();
-      modifiedModel.dispose();
-    };
-  }, [modified, origin, id]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      ref,
-      style: {
-        width: "100%",
-        height: height || "500px"
-      }
-    }
-  );
-};
-export {
-  MonacoYamlDiffEditor as default
-};

package/dist/MonacoYamlEditor-88c3e93a.cjs

@@ -1,214 +0,0 @@
-"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-e5d37dbf.cjs");
-require("dayjs");
-require("i18next");
-require("@refinedev/core");
-require("qs");
-require("react-router-dom");
-require("@cloudtower/eagle");
-require("@cloudtower/icons-react");
-require("lodash-es");
-require("usehooks-ts");
-require("k8s-api-provider");
-require("@patternfly/react-log-viewer");
-require("react-hook-form");
-require("sunflower-antd");
-require("antd");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const monaco__namespace = /* @__PURE__ */ _interopNamespaceDefault(monaco);
-function MonacoYamlEditor(props) {
-  const ref = React.useRef(null);
-  const instanceRef = React.useRef({
-    editor: null
-  });
-  const {
-    defaultValue,
-    id,
-    height,
-    readOnly,
-    schemas,
-    isScrollOnFocus,
-    onChange,
-    onValidate,
-    getInstance,
-    onEditorCreate,
-    onBlur
-  } = props;
-  const uri = id ? monaco__namespace.Uri.parse(`${id}.yaml`) : void 0;
-  React.useEffect(() => {
-    if (!window._MonacoSchemaMap) {
-      window._MonacoSchemaMap = /* @__PURE__ */ new Map();
-    }
-    window._MonacoSchemaMap.set(id || "", {
-      // Id of the first schema
-      uri: String(uri),
-      // Associate with our model
-      fileMatch: [String(uri)],
-      schema: {
-        oneOf: schemas || [{ type: "object" }]
-      }
-    });
-    const finalSchemas = [...window._MonacoSchemaMap.values()];
-    monacoYaml.setDiagnosticsOptions({
-      enableSchemaRequest: false,
-      validate: true,
-      format: true,
-      isKubernetes: true,
-      schemas: finalSchemas
-    });
-    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,
-      model,
-      scrollbar: {
-        handleMouseWheel: !isScrollOnFocus,
-        alwaysConsumeMouseWheel: false
-        // https://github.com/microsoft/monaco-editor/issues/2007
-      },
-      tabSize: 2,
-      lineNumbersMinChars: 7,
-      readOnly,
-      autoIndent: {}.VITE_IS_TEST ? "none" : "advanced",
-      theme: "vs"
-    });
-    instanceRef.current.editor = editor;
-    getInstance == null ? void 0 : getInstance(editor);
-    onEditorCreate == null ? void 0 : onEditorCreate(editor);
-    return () => {
-      instanceRef.current.editor = null;
-      window._MonacoSchemaMap.delete(id || "");
-      model.dispose();
-      editor.dispose();
-    };
-  }, [id, schemas, readOnly, isScrollOnFocus, getInstance]);
-  React.useEffect(() => {
-    const editor = instanceRef.current.editor;
-    if (editor) {
-      const stop = editor.onDidChangeModelContent(() => {
-        ReactDOM.unstable_batchedUpdates(() => {
-          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, defaultValue]);
-  React.useEffect(() => {
-    const editor = instanceRef.current.editor;
-    if (editor) {
-      const stop = monaco__namespace.editor.onDidChangeMarkers((uri2) => {
-        var _a;
-        const model = (_a = instanceRef.current.editor) == null ? void 0 : _a.getModel();
-        const currentEditorUri = model == null ? void 0 : model.uri;
-        if (model && uri2.toString() === (currentEditorUri == null ? void 0 : currentEditorUri.toString())) {
-          const marks = monaco__namespace.editor.getModelMarkers({
-            owner: "yaml",
-            resource: currentEditorUri
-          });
-          const yamlMarks = marks.filter((m) => m.source === "YAML");
-          const schemaMarks = marks.filter((m) => m.source !== "YAML");
-          const yamlValid = yamlMarks.length === 0;
-          const schemaValid = schemaMarks.length === 0;
-          onValidate == null ? void 0 : onValidate(yamlValid, schemaValid);
-          if (marks.some((mark) => {
-            var _a2;
-            return (_a2 = mark.source) == null ? void 0 : _a2.includes("yaml-schema");
-          })) {
-            monaco__namespace.editor.setModelMarkers(
-              model,
-              "yaml",
-              marks.map((mark) => ({ ...mark, source: "", resource: {} }))
-            );
-          }
-        }
-      });
-      return () => {
-        stop.dispose();
-      };
-    }
-  }, [onValidate]);
-  React.useEffect(() => {
-    const editor = instanceRef.current.editor;
-    if (editor) {
-      const stop = editor.onDidBlurEditorWidget(() => {
-        ReactDOM.unstable_batchedUpdates(() => {
-          onBlur == null ? void 0 : onBlur();
-        });
-      });
-      return () => {
-        stop.dispose();
-      };
-    }
-  }, [onBlur]);
-  React.useEffect(() => {
-    const editor = instanceRef.current.editor;
-    const stops = [];
-    if (editor && isScrollOnFocus) {
-      stops.push(
-        editor.onDidFocusEditorWidget(() => {
-          editor.updateOptions({
-            scrollbar: {
-              handleMouseWheel: true
-            }
-          });
-        })
-      );
-      stops.push(
-        editor.onDidBlurEditorWidget(() => {
-          editor.updateOptions({
-            scrollbar: {
-              handleMouseWheel: false
-            }
-          });
-        })
-      );
-    }
-    return () => {
-      stops.forEach((stop) => stop.dispose());
-    };
-  }, [isScrollOnFocus]);
-  return /* @__PURE__ */ common.jsxRuntimeExports.jsx(
-    "div",
-    {
-      ref,
-      className: common.cx_default(refine.YamlEditorStyle, props.className),
-      style: {
-        width: "100%",
-        height: height || "500px"
-      }
-    }
-  );
-}
-exports.default = MonacoYamlEditor;

package/dist/MonacoYamlEditor-e113425c.js

@@ -1,197 +0,0 @@
-import { j as jsxRuntimeExports, c as cx_default } from "./common-241b21f8.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-4f353f96.js";
-import "dayjs";
-import "i18next";
-import "@refinedev/core";
-import "qs";
-import "react-router-dom";
-import "@cloudtower/eagle";
-import "@cloudtower/icons-react";
-import "lodash-es";
-import "usehooks-ts";
-import "k8s-api-provider";
-import "@patternfly/react-log-viewer";
-import "react-hook-form";
-import "sunflower-antd";
-import "antd";
-function MonacoYamlEditor(props) {
-  const ref = useRef(null);
-  const instanceRef = useRef({
-    editor: null
-  });
-  const {
-    defaultValue,
-    id,
-    height,
-    readOnly,
-    schemas,
-    isScrollOnFocus,
-    onChange,
-    onValidate,
-    getInstance,
-    onEditorCreate,
-    onBlur
-  } = props;
-  const uri = id ? monaco.Uri.parse(`${id}.yaml`) : void 0;
-  useEffect(() => {
-    if (!window._MonacoSchemaMap) {
-      window._MonacoSchemaMap = /* @__PURE__ */ new Map();
-    }
-    window._MonacoSchemaMap.set(id || "", {
-      // Id of the first schema
-      uri: String(uri),
-      // Associate with our model
-      fileMatch: [String(uri)],
-      schema: {
-        oneOf: schemas || [{ type: "object" }]
-      }
-    });
-    const finalSchemas = [...window._MonacoSchemaMap.values()];
-    setDiagnosticsOptions({
-      enableSchemaRequest: false,
-      validate: true,
-      format: true,
-      isKubernetes: true,
-      schemas: finalSchemas
-    });
-    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,
-      model,
-      scrollbar: {
-        handleMouseWheel: !isScrollOnFocus,
-        alwaysConsumeMouseWheel: false
-        // https://github.com/microsoft/monaco-editor/issues/2007
-      },
-      tabSize: 2,
-      lineNumbersMinChars: 7,
-      readOnly,
-      autoIndent: {}.VITE_IS_TEST ? "none" : "advanced",
-      theme: "vs"
-    });
-    instanceRef.current.editor = editor;
-    getInstance == null ? void 0 : getInstance(editor);
-    onEditorCreate == null ? void 0 : onEditorCreate(editor);
-    return () => {
-      instanceRef.current.editor = null;
-      window._MonacoSchemaMap.delete(id || "");
-      model.dispose();
-      editor.dispose();
-    };
-  }, [id, schemas, readOnly, isScrollOnFocus, getInstance]);
-  useEffect(() => {
-    const editor = instanceRef.current.editor;
-    if (editor) {
-      const stop = editor.onDidChangeModelContent(() => {
-        ReactDOM.unstable_batchedUpdates(() => {
-          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, defaultValue]);
-  useEffect(() => {
-    const editor = instanceRef.current.editor;
-    if (editor) {
-      const stop = monaco.editor.onDidChangeMarkers((uri2) => {
-        var _a;
-        const model = (_a = instanceRef.current.editor) == null ? void 0 : _a.getModel();
-        const currentEditorUri = model == null ? void 0 : model.uri;
-        if (model && uri2.toString() === (currentEditorUri == null ? void 0 : currentEditorUri.toString())) {
-          const marks = monaco.editor.getModelMarkers({
-            owner: "yaml",
-            resource: currentEditorUri
-          });
-          const yamlMarks = marks.filter((m) => m.source === "YAML");
-          const schemaMarks = marks.filter((m) => m.source !== "YAML");
-          const yamlValid = yamlMarks.length === 0;
-          const schemaValid = schemaMarks.length === 0;
-          onValidate == null ? void 0 : onValidate(yamlValid, schemaValid);
-          if (marks.some((mark) => {
-            var _a2;
-            return (_a2 = mark.source) == null ? void 0 : _a2.includes("yaml-schema");
-          })) {
-            monaco.editor.setModelMarkers(
-              model,
-              "yaml",
-              marks.map((mark) => ({ ...mark, source: "", resource: {} }))
-            );
-          }
-        }
-      });
-      return () => {
-        stop.dispose();
-      };
-    }
-  }, [onValidate]);
-  useEffect(() => {
-    const editor = instanceRef.current.editor;
-    if (editor) {
-      const stop = editor.onDidBlurEditorWidget(() => {
-        ReactDOM.unstable_batchedUpdates(() => {
-          onBlur == null ? void 0 : onBlur();
-        });
-      });
-      return () => {
-        stop.dispose();
-      };
-    }
-  }, [onBlur]);
-  useEffect(() => {
-    const editor = instanceRef.current.editor;
-    const stops = [];
-    if (editor && isScrollOnFocus) {
-      stops.push(
-        editor.onDidFocusEditorWidget(() => {
-          editor.updateOptions({
-            scrollbar: {
-              handleMouseWheel: true
-            }
-          });
-        })
-      );
-      stops.push(
-        editor.onDidBlurEditorWidget(() => {
-          editor.updateOptions({
-            scrollbar: {
-              handleMouseWheel: false
-            }
-          });
-        })
-      );
-    }
-    return () => {
-      stops.forEach((stop) => stop.dispose());
-    };
-  }, [isScrollOnFocus]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      ref,
-      className: cx_default(YamlEditorStyle, props.className),
-      style: {
-        width: "100%",
-        height: height || "500px"
-      }
-    }
-  );
-}
-export {
-  MonacoYamlEditor as default
-};