Split KubeObject related components into seperate folders (#3533)

src/renderer/components/kube-object-meta/index.ts

@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) 2021 OpenLens Authors
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+export * from "./kube-object-meta";

src/renderer/components/kube-object-meta/kube-object-meta.tsx

@@ -0,0 +1,110 @@
+/**
+ * Copyright (c) 2021 OpenLens Authors
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of
+ * this software and associated documentation files (the "Software"), to deal in
+ * the Software without restriction, including without limitation the rights to
+ * use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+ * the Software, and to permit persons to whom the Software is furnished to do so,
+ * subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all
+ * copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+ * FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+ * COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+ * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+ * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+import React from "react";
+import type { KubeMetaField, KubeObject } from "../../api/kube-object";
+import { DrawerItem, DrawerItemLabels } from "../drawer";
+import { lookupApiLink } from "../../api/kube-api";
+import { Link } from "react-router-dom";
+import { KubeObjectStatusIcon } from "../kube-object-status-icon";
+import { LocaleDate } from "../locale-date";
+import { getDetailsUrl } from "../kube-detail-params";
+
+export interface KubeObjectMetaProps {
+  object: KubeObject;
+  hideFields?: KubeMetaField[];
+}
+
+export class KubeObjectMeta extends React.Component<KubeObjectMetaProps> {
+  static defaultHiddenFields: KubeMetaField[] = [
+    "uid", "resourceVersion", "selfLink"
+  ];
+
+  isHidden(field: KubeMetaField): boolean {
+    const { hideFields = KubeObjectMeta.defaultHiddenFields } = this.props;
+
+    return hideFields.includes(field);
+  }
+
+  render() {
+    const { object } = this.props;
+    const {
+      getNs, getLabels, getResourceVersion, selfLink, getAnnotations,
+      getFinalizers, getId, getAge, getName, metadata: { creationTimestamp },
+    } = object;
+    const ownerRefs = object.getOwnerRefs();
+
+    return (
+      <>
+        <DrawerItem name="Created" hidden={this.isHidden("creationTimestamp")}>
+          {getAge(true, false)} ago ({<LocaleDate date={creationTimestamp} />})
+        </DrawerItem>
+        <DrawerItem name="Name" hidden={this.isHidden("name")}>
+          {getName()}
+          <KubeObjectStatusIcon key="icon" object={object} />
+        </DrawerItem>
+        <DrawerItem name="Namespace" hidden={this.isHidden("namespace") || !getNs()}>
+          {getNs()}
+        </DrawerItem>
+        <DrawerItem name="UID" hidden={this.isHidden("uid")}>
+          {getId()}
+        </DrawerItem>
+        <DrawerItem name="Link" hidden={this.isHidden("selfLink")}>
+          {selfLink}
+        </DrawerItem>
+        <DrawerItem name="Resource Version" hidden={this.isHidden("resourceVersion")}>
+          {getResourceVersion()}
+        </DrawerItem>
+        <DrawerItemLabels
+          name="Labels"
+          labels={getLabels()}
+          hidden={this.isHidden("labels")}
+        />
+        <DrawerItemLabels
+          name="Annotations"
+          labels={getAnnotations()}
+          hidden={this.isHidden("annotations")}
+        />
+        <DrawerItemLabels
+          name="Finalizers"
+          labels={getFinalizers()}
+          hidden={this.isHidden("finalizers")}
+        />
+        {ownerRefs?.length > 0 &&
+        <DrawerItem name="Controlled By" hidden={this.isHidden("ownerReferences")}>
+          {
+            ownerRefs.map(ref => {
+              const { name, kind } = ref;
+              const ownerDetailsUrl = getDetailsUrl(lookupApiLink(ref, object));
+
+              return (
+                <p key={name}>
+                  {kind} <Link to={ownerDetailsUrl}>{name}</Link>
+                </p>
+              );
+            })
+          }
+        </DrawerItem>
+        }
+      </>
+    );
+  }
+}