@dovetail-v2/refine 0.3.11-alpha.2 → 0.3.12-alpha.0

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);
@@ -584,6 +588,60 @@
 /*  box shadow   */
 /*  fisheye   */
 /* z-index */
+.smzfpl7 {
+  color: #00122e;
+}
+
+.d85h4vb {
+  border-bottom: 1px dashed rgba(107, 128, 167, 0.6);
+  padding-bottom: 1px;
+}/* // basic */
+/* FishEye Color Variables and Functions */
+/*
+ --------------------------- Primary Color ---------------------------
+*/
+/*
+ ---------------------------When necessary to add at any time---------------------------
+*/
+/* computed */
+/* blue */
+/* green */
+/* yellow */
+/* red */
+/* purple */
+/*  palette    global token*/
+/* color opaque */
+/* color transparent */
+/* blue transparent  */
+/* green transparent  */
+/* yellow transparent  */
+/* red transparent  */
+/* gray transparent */
+/* white transparent */
+/* gradient opaque */
+/* blue radial gradient */
+/* blue linear gradient */
+/* green radial gradient */
+/* yellow radial gradient */
+/* red radial gradient */
+/* gray radial gradient */
+/* white to gray radial gradient */
+/*  white to gray  linear gradient */
+/* gradient transparent */
+/* secondary palette */
+/* purple radial gradient */
+/*  refine alias color   */
+/*  text   */
+/*  link   */
+/*  fill   */
+/*  fill  element  */
+/*  fill  interaction  */
+/*  stroke   */
+/*  background   */
+/*  dim   */
+/*  box shadow   */
+/*  fisheye   */
+/* z-index */
 .b142d7q8 {
   display: flex;
 }
@@ -1855,6 +1913,62 @@
 
 .v1ixr1me {
   color: #00122E;
+}/* // basic */
+/* FishEye Color Variables and Functions */
+/*
+ --------------------------- Primary Color ---------------------------
+*/
+/*
+ ---------------------------When necessary to add at any time---------------------------
+*/
+/* computed */
+/* blue */
+/* green */
+/* yellow */
+/* red */
+/* purple */
+/*  palette    global token*/
+/* color opaque */
+/* color transparent */
+/* blue transparent  */
+/* green transparent  */
+/* yellow transparent  */
+/* red transparent  */
+/* gray transparent */
+/* white transparent */
+/* gradient opaque */
+/* blue radial gradient */
+/* blue linear gradient */
+/* green radial gradient */
+/* yellow radial gradient */
+/* red radial gradient */
+/* gray radial gradient */
+/* white to gray radial gradient */
+/*  white to gray  linear gradient */
+/* gradient transparent */
+/* secondary palette */
+/* purple radial gradient */
+/*  refine alias color   */
+/*  text   */
+/*  link   */
+/*  fill   */
+/*  fill  element  */
+/*  fill  interaction  */
+/*  stroke   */
+/*  background   */
+/*  dim   */
+/*  box shadow   */
+/*  fisheye   */
+/* z-index */
+.i1hk9uwu {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.c1wn08fn {
+  display: flex;
+  flex-direction: column;
 }.pf-v5-t-light {
   --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
   --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
@@ -3333,9 +3447,8 @@
 }
 
 .b1f1s2pc {
-  margin: 0 24px;
+  margin: 0 24px 0 24px;
   overflow: auto;
-  margin-bottom: 16;
 }
 
 .g1qw3bxx {
@@ -3347,7 +3460,6 @@
 }
 
 .flfewds {
-  background-color: #fff;
   height: 100%;
 }
 
@@ -3357,7 +3469,6 @@
 }
 
 .t1pt61xk {
-  padding-bottom: 16px;
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -3372,6 +3483,7 @@
 .tca5959.ant-tabs {
   flex: 1;
   min-height: 0;
+  margin-top: 16px;
 }
 .tca5959.ant-tabs .ant-tabs-nav {
   margin-bottom: 0;
@@ -3388,14 +3500,18 @@
   height: 100%;
 }
 
-.k3dcesi {
+.s3dcesi.ant-tabs {
+  margin-top: 12px;
+}
+
+.kzyzuo8 {
   margin: auto 0;
   margin-right: 8px;
   border: 1px solid rgba(172, 186, 211, 0.6);
   background-color: white;
 }
 
-.czyzuo8 {
+.cxd8k68 {
   padding: 4px 0;
 }/* // basic */
 /* FishEye Color Variables and Functions */
@@ -4641,12 +4757,7 @@
 /*  box shadow   */
 /*  fisheye   */
 /* z-index */
-.dh5j833 {
-  border-bottom: 1px dashed rgba(107, 128, 167, 0.6);
-  padding-bottom: 1px;
-}
-
-.s1fcgan.ant-tooltip .ant-tooltip-inner {
+.sh5j833.ant-tooltip .ant-tooltip-inner {
   width: 256px;
 }body,
 #root {

package/dist/styles/show.d.ts

@@ -0,0 +1,2 @@
+export declare const SmallSectionTitleStyle: import("@linaria/core").LinariaClassName;
+export declare const DashedTitleStyle: import("@linaria/core").LinariaClassName;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dovetail-v2/refine",
-  "version": "0.3.11-alpha.2",
+  "version": "0.3.12-alpha.0",
   "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-3d613ea5.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-2db85ce1.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
-};