@dovetail-v2/refine 0.0.14-beta.1 → 0.0.14-beta.4

package/dist/refine.umd.cjs

@@ -5,8 +5,8 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 (function(global2, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@refinedev/core"), require("qs"), require("react"), require("react-router-dom"), require("@cloudtower/eagle"), require("js-yaml"), require("lodash-es"), require("sunflower-antd"), require("i18next"), require("@cloudtower/icons-react"), require("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("antd"), require("k8s-api-provider")) : typeof define === "function" && define.amd ? define(["exports", "@refinedev/core", "qs", "react", "react-router-dom", "@cloudtower/eagle", "js-yaml", "lodash-es", "sunflower-antd", "i18next", "@cloudtower/icons-react", "monaco-editor", "monaco-yaml", "react-dom", "antd", "k8s-api-provider"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.dovetail = {}, global2.core, global2.qs, global2.React, global2.reactRouterDom, global2.eagle, global2.yaml, global2.lodashEs, global2.sunflowerAntd, global2.i18n, global2.iconsReact, global2.monaco, global2.monacoYaml, global2.ReactDOM, global2.antd$1, global2.k8sApiProvider));
-})(this, function(exports2, core, qs, React, reactRouterDom, eagle, yaml, lodashEs, sunflowerAntd, i18n, iconsReact, monaco, monacoYaml, ReactDOM, antd$1, k8sApiProvider) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("@refinedev/core"), require("qs"), require("react"), require("react-router-dom"), require("@cloudtower/eagle"), require("js-yaml"), require("lodash-es"), require("sunflower-antd"), require("i18next"), require("@cloudtower/icons-react"), require("monaco-editor"), require("monaco-yaml"), require("react-dom"), require("antd"), require("k8s-api-provider")) : typeof define === "function" && define.amd ? define(["exports", "@refinedev/core", "qs", "react", "react-router-dom", "@cloudtower/eagle", "js-yaml", "lodash-es", "sunflower-antd", "i18next", "@cloudtower/icons-react", "monaco-editor", "monaco-yaml", "react-dom", "antd", "k8s-api-provider"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory(global2.dovetail = {}, global2.core, global2.qs, global2.React, global2.reactRouterDom, global2.eagle, global2.yaml, global2.lodashEs, global2.sunflowerAntd, global2.i18n, global2.iconsReact, global2.monaco, global2.monacoYaml, global2.ReactDOM, global2.antd, global2.k8sApiProvider));
+})(this, function(exports2, core, qs, React, reactRouterDom, eagle, yaml, lodashEs, sunflowerAntd, i18n, iconsReact, monaco, monacoYaml, ReactDOM, antd, k8sApiProvider) {
   "use strict";
   const _interopDefaultLegacy = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
   function _interopNamespace(e) {
@@ -6870,14 +6870,18 @@ var __publicField = (obj, key, value) => {
     const warnWhenUnsavedChanges = warnWhenUnsavedChangesProp != null ? warnWhenUnsavedChangesProp : warnWhenUnsavedChangesRefine;
     React__default.default.useEffect(() => {
       var _a2;
+      form.resetFields();
       if (editor.current) {
+        const editorValue = yaml__default.default.dump(form.getFieldsValue(true));
         const editorInstance = editor.current.getEditorInstance();
+        editor.current.setEditorValue(editorValue);
+        editor.current.setValue(editorValue);
         if (((_a2 = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _a2.data) && editorInstance && !isFoldRef.current) {
           fold(editorInstance);
           isFoldRef.current = true;
         }
       }
-    }, [(_a = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _a.data, id, fold]);
+    }, [(_a = queryResult == null ? void 0 : queryResult.data) == null ? void 0 : _a.data, id, form, fold]);
     React__default.default.useEffect(() => {
       var _a2, _b2;
       const response = (_a2 = useFormCoreResult.mutationResult.error) == null ? void 0 : _a2.response;
@@ -7411,7 +7415,7 @@ var __publicField = (obj, key, value) => {
     const currentReplicas = lodashEs.get(record, "spec.replicas", 0);
     const scale = (delta) => {
       const v = record.scale(currentReplicas + delta);
-      const id = v.id;
+      const id = record.id;
       pruneBeforeEdit(v);
       mutate({
         id,
@@ -8500,23 +8504,23 @@ var __publicField = (obj, key, value) => {
         filteredProps.className = options.atomic ? cx_default(options.class, filteredProps.className || className) : cx_default(filteredProps.className || className, options.class);
         const { vars } = options;
         if (vars) {
-          const style2 = {};
+          const style = {};
           for (const name2 in vars) {
             const variable = vars[name2];
             const result = variable[0];
             const unit = variable[1] || "";
             const value = typeof result === "function" ? result(props) : result;
             warnIfInvalid(value, options.name);
-            style2[`--${name2}`] = `${value}${unit}`;
+            style[`--${name2}`] = `${value}${unit}`;
           }
           const ownStyle = filteredProps.style || {};
           const keys = Object.keys(ownStyle);
           if (keys.length > 0) {
             keys.forEach((key) => {
-              style2[key] = ownStyle[key];
+              style[key] = ownStyle[key];
             });
           }
-          filteredProps.style = style2;
+          filteredProps.style = style;
         }
         if (tag.__linaria && tag !== component) {
           filteredProps.as = component;
@@ -9213,13 +9217,12 @@ var __publicField = (obj, key, value) => {
       ],
       [i18n2]
     );
-    const dataSource = React.useMemo(
-      () => addId((data2 == null ? void 0 : data2.data) || [], "metadata.uid").filter((d) => {
+    const dataSource = React.useMemo(() => {
+      return data2 == null ? void 0 : data2.data.filter((d) => {
         const objectId = `${d.regarding.namespace}/${d.regarding.name}`;
         return objectId === parsed.id;
-      }),
-      [data2 == null ? void 0 : data2.data, parsed]
-    );
+      });
+    }, [data2 == null ? void 0 : data2.data, parsed]);
     return /* @__PURE__ */ jsxRuntime.exports.jsx(
       Table,
       {
@@ -10173,7 +10176,8 @@ var __publicField = (obj, key, value) => {
     } = useEagleForm({
       editorOptions: {
         isSkipSchema: schemaStrategy === "None"
-      }
+      },
+      liveMode: "off"
     });
     const kit = eagle.useUIKit();
     const {
@@ -10521,7 +10525,7 @@ var __publicField = (obj, key, value) => {
     const { queryResult } = core.useShow({ id: (_a = parsed == null ? void 0 : parsed.params) == null ? void 0 : _a.id });
     const { isLoading } = queryResult;
     return /* @__PURE__ */ jsxRuntime.exports.jsx(
-      antd$1.Drawer,
+      antd.Drawer,
       {
         title: "Show Drawer",
         placement: "right",
@@ -14911,7 +14915,7 @@ var __publicField = (obj, key, value) => {
       return "'";
     }
   });
-  const LogViewerRow = React.memo(({ index, style: style2, data: data2, ansiUp }) => {
+  const LogViewerRow = React.memo(({ index, style, data: data2, ansiUp }) => {
     const { parsedData, searchedWordIndexes, rowInFocus } = data2;
     const context = React.useContext(LogViewerContext);
     const getData = (index2) => parsedData ? parsedData[index2] : null;
@@ -14955,7 +14959,7 @@ var __publicField = (obj, key, value) => {
     };
     return React__default.default.createElement(
       "div",
-      { style: style2, className: css(styles$1.logViewerListItem) },
+      { style, className: css(styles$1.logViewerListItem) },
       React__default.default.createElement("span", { className: css(styles$1.logViewerIndex) }, getRowIndex(index)),
       React__default.default.createElement("span", { className: css(styles$1.logViewerText), style: { width: "fit-content" }, dangerouslySetInnerHTML: { __html: ansiUp.ansi_to_html(getFormattedData()) } })
     );
@@ -15083,19 +15087,19 @@ var __publicField = (obj, key, value) => {
         this._getItemStyle = (index) => {
           const { itemSize } = this.props;
           const itemStyleCache = this._getItemStyleCache(shouldResetStyleCacheOnItemSizeChange && itemSize);
-          let style2;
+          let style;
           if (itemStyleCache.hasOwnProperty(index)) {
-            style2 = itemStyleCache[index];
+            style = itemStyleCache[index];
           } else {
             const offset = getItemOffset(this.props, index, this._instanceProps);
             const size = getItemSize(this.props, index, this._instanceProps);
-            itemStyleCache[index] = style2 = {
+            itemStyleCache[index] = style = {
               position: "absolute",
               top: offset,
               height: size
             };
           }
-          return style2;
+          return style;
         };
         this._getItemStyleCache = memoizeOne(() => ({}));
         this._onScrollVertical = (event2) => {
@@ -15212,7 +15216,7 @@ var __publicField = (obj, key, value) => {
         });
       }
       render() {
-        const { children, outerClassName, innerClassName, height, innerRef, innerElementType, innerTagName, itemCount, itemData, itemKey = defaultItemKey, outerElementType, outerTagName, style: style2, useIsScrolling, width, isTextWrapped, hasLineNumbers, indexWidth, ansiUp } = this.props;
+        const { children, outerClassName, innerClassName, height, innerRef, innerElementType, innerTagName, itemCount, itemData, itemKey = defaultItemKey, outerElementType, outerTagName, style, useIsScrolling, width, isTextWrapped, hasLineNumbers, indexWidth, ansiUp } = this.props;
         const { isScrolling } = this.state;
         const onScroll = this._onScrollVertical;
         const [startIndex, stopIndex] = this._getRangeToRender();
@@ -15235,7 +15239,7 @@ var __publicField = (obj, key, value) => {
           onScroll,
           ref: this._outerRefSetter,
           tabIndex: 0,
-          style: Object.assign({ height, paddingTop: 0, paddingBottom: 0, WebkitOverflowScrolling: "touch", overflowX: isTextWrapped ? "hidden" : "auto" }, style2)
+          style: Object.assign({ height, paddingTop: 0, paddingBottom: 0, WebkitOverflowScrolling: "touch", overflowX: isTextWrapped ? "hidden" : "auto" }, style)
         }, React.createElement(innerElementType || innerTagName || "div", {
           className: innerClassName,
           ref: innerRef,
@@ -16205,6 +16209,60 @@ var __publicField = (obj, key, value) => {
       })]
     });
   };
+  const styles = "";
+  const Dovetail = (props) => {
+    const { resourcesConfig, urlPrefix = "", Layout: Layout2, history, globalStore } = props;
+    const notCustomResources = React.useMemo(() => {
+      return resourcesConfig.filter((c) => !c.isCustom);
+    }, [resourcesConfig]);
+    const content = React.useMemo(() => {
+      const _content = /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.exports.jsx(ResourceCRUD, { configs: notCustomResources, urlPrefix }),
+        props.children
+      ] });
+      if (Layout2) {
+        return /* @__PURE__ */ jsxRuntime.exports.jsx(Layout2, { children: _content });
+      }
+      return _content;
+    }, [Layout2, notCustomResources, props.children, urlPrefix]);
+    return /* @__PURE__ */ jsxRuntime.exports.jsx(reactRouterDom.Router, { history, children: /* @__PURE__ */ jsxRuntime.exports.jsx(GlobalStoreContext.Provider, { value: { globalStore }, children: /* @__PURE__ */ jsxRuntime.exports.jsx(
+      core.Refine,
+      {
+        dataProvider: {
+          default: k8sApiProvider.dataProvider(globalStore)
+        },
+        routerProvider,
+        liveProvider: k8sApiProvider.liveProvider(globalStore),
+        options: {
+          warnWhenUnsavedChanges: true,
+          liveMode: "auto"
+        },
+        resources: resourcesConfig.map((c) => {
+          return {
+            name: c.name,
+            meta: {
+              resourceBasePath: c.basePath,
+              kind: c.kind,
+              parent: c.parent,
+              label: `${c.kind}s`
+            },
+            list: `${urlPrefix}/${c.name}`,
+            show: `${urlPrefix}/${c.name}/show`,
+            create: `${urlPrefix}/${c.name}/create`,
+            edit: `${urlPrefix}/${c.name}/edit`
+          };
+        }),
+        children: content
+      }
+    ) }) });
+  };
+  var RESOURCE_GROUP = /* @__PURE__ */ ((RESOURCE_GROUP2) => {
+    RESOURCE_GROUP2["WORKLOAD"] = "WORKLOAD";
+    RESOURCE_GROUP2["STORAGE"] = "STORAGE";
+    RESOURCE_GROUP2["NETWORK"] = "NETWORK";
+    RESOURCE_GROUP2["CLUSTER"] = "CLUSTER";
+    return RESOURCE_GROUP2;
+  })(RESOURCE_GROUP || {});
   function getSecondsDiff(startDate, endDate) {
     return Math.round(Math.abs(Date.parse(endDate) - Date.parse(startDate)) / 1e3);
   }
@@ -16362,7 +16420,8 @@ var __publicField = (obj, key, value) => {
       this.restarts = result;
     }
     redeploy() {
-      const newOne = lodash.exports.cloneDeep(this._rawYaml);
+      const rawYaml = this._globalStore.restoreItem(this);
+      const newOne = lodash.exports.cloneDeep(rawYaml);
       const path = "spec.template.metadata.annotations";
       const annotations = lodash.exports.get(newOne, path, {});
       lodash.exports.set(newOne, path, {
@@ -16372,7 +16431,8 @@ var __publicField = (obj, key, value) => {
       return newOne;
     }
     scale(value) {
-      const newOne = lodash.exports.cloneDeep(this._rawYaml);
+      const rawYaml = this._globalStore.restoreItem(this);
+      const newOne = lodash.exports.cloneDeep(rawYaml);
       if (newOne.kind === "Deployment" || newOne.kind === "StatefulSet") {
         lodash.exports.set(newOne, "spec.replicas", value);
       }
@@ -16503,13 +16563,22 @@ var __publicField = (obj, key, value) => {
       return newOne;
     }
   }
+  class EventModel extends ResourceModel {
+    constructor(_rawYaml, _globalStore) {
+      super(_rawYaml, _globalStore);
+      this._rawYaml = _rawYaml;
+      this._globalStore = _globalStore;
+      this.id = _rawYaml.metadata.uid || _rawYaml.id;
+    }
+  }
   const ModelMap = {
     Deployment: WorkloadModel,
     DaemonSet: WorkloadModel,
     StatefulSet: WorkloadModel,
     CronJob: CronJobModel,
     Job: JobModel,
-    Pod: PodModel
+    Pod: PodModel,
+    Event: EventModel
   };
   class ModelPlugin {
     constructor() {
@@ -16632,65 +16701,6 @@ var __publicField = (obj, key, value) => {
   }
   const relationPlugin = new RelationPlugin();
   const ProviderPlugins = [relationPlugin, modelPlugin];
-  const styles = "";
-  const antd = "";
-  const style = "";
-  const Dovetail = (props) => {
-    const { resourcesConfig, urlPrefix = "", Layout: Layout2, history, globalStoreParams } = props;
-    const globalStore = React.useMemo(() => {
-      return new k8sApiProvider.GlobalStore(globalStoreParams, ProviderPlugins);
-    }, [globalStoreParams]);
-    const notCustomResources = React.useMemo(() => {
-      return resourcesConfig.filter((c) => !c.isCustom);
-    }, [resourcesConfig]);
-    const content = React.useMemo(() => {
-      const _content = /* @__PURE__ */ jsxRuntime.exports.jsxs(jsxRuntime.exports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.exports.jsx(ResourceCRUD, { configs: notCustomResources, urlPrefix }),
-        props.children
-      ] });
-      if (Layout2) {
-        return /* @__PURE__ */ jsxRuntime.exports.jsx(Layout2, { children: _content });
-      }
-      return _content;
-    }, [Layout2, notCustomResources, props.children, urlPrefix]);
-    return /* @__PURE__ */ jsxRuntime.exports.jsx(reactRouterDom.Router, { history, children: /* @__PURE__ */ jsxRuntime.exports.jsx(GlobalStoreContext.Provider, { value: { globalStore }, children: /* @__PURE__ */ jsxRuntime.exports.jsx(
-      core.Refine,
-      {
-        dataProvider: {
-          default: k8sApiProvider.dataProvider(globalStore)
-        },
-        routerProvider,
-        liveProvider: k8sApiProvider.liveProvider(globalStore),
-        options: {
-          warnWhenUnsavedChanges: true,
-          liveMode: "auto"
-        },
-        resources: resourcesConfig.map((c) => {
-          return {
-            name: c.name,
-            meta: {
-              resourceBasePath: c.basePath,
-              kind: c.kind,
-              parent: c.parent,
-              label: `${c.kind}s`
-            },
-            list: `${urlPrefix}/${c.name}`,
-            show: `${urlPrefix}/${c.name}/show`,
-            create: `${urlPrefix}/${c.name}/create`,
-            edit: `${urlPrefix}/${c.name}/edit`
-          };
-        }),
-        children: content
-      }
-    ) }) });
-  };
-  var RESOURCE_GROUP = /* @__PURE__ */ ((RESOURCE_GROUP2) => {
-    RESOURCE_GROUP2["WORKLOAD"] = "WORKLOAD";
-    RESOURCE_GROUP2["STORAGE"] = "STORAGE";
-    RESOURCE_GROUP2["NETWORK"] = "NETWORK";
-    RESOURCE_GROUP2["CLUSTER"] = "CLUSTER";
-    return RESOURCE_GROUP2;
-  })(RESOURCE_GROUP || {});
   const MonacoYamlDiffEditor = (props) => {
     const ref = React.useRef(null);
     const { origin, modified, id, height } = props;
@@ -16756,6 +16766,8 @@ var __publicField = (obj, key, value) => {
   exports2.DrawerShow = DrawerShow;
   exports2.DurationColumnRenderer = DurationColumnRenderer;
   exports2.EditButton = EditButton;
+  exports2.EventModel = EventModel;
+  exports2.GlobalStoreContext = GlobalStoreContext;
   exports2.ImageField = ImageField;
   exports2.ImageNames = ImageNames;
   exports2.JOB_INIT_VALUE = JOB_INIT_VALUE;
@@ -16782,6 +16794,7 @@ var __publicField = (obj, key, value) => {
   exports2.PodMetricsModel = PodMetricsModel;
   exports2.PodModel = PodModel;
   exports2.PodsField = PodsField;
+  exports2.ProviderPlugins = ProviderPlugins;
   exports2.RESOURCE_GROUP = RESOURCE_GROUP;
   exports2.ReplicaField = ReplicaField;
   exports2.ReplicasColumnRenderer = ReplicasColumnRenderer;