@molgenis/vip-report-template 5.2.2 → 5.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@molgenis/vip-report-template",
-  "version": "5.2.2",
+  "version": "5.3.0",
   "description": "Report Template for Variant Call Format (VCF) Report Generator",
   "scripts": {
     "build": "vite build",
@@ -40,7 +40,7 @@
     "@molgenis/vip-report-vcf": "^1.3.5",
     "@solidjs/router": "^0.8.2",
     "base64-js": "^1.5.1",
-    "igv": "^2.15.3",
+    "igv": "^2.15.4",
     "solid-js": "^1.7.3"
   },
   "lint-staged": {

package/src/components/record/Info.tsx

@@ -11,6 +11,7 @@ import { isAnyCsqInfo, isCsqInfo } from "../../utils/csqUtils";
 import { Vkgl } from "./info/Vkgl";
 import { InheritanceModes } from "./info/InheritanceModes";
 import { Hpo } from "./info/Hpo";
+import { VipC } from "./info/VipC";
 
 export const Info: Component<{
   info: FieldValue;
@@ -46,6 +47,9 @@ export const Info: Component<{
       <Match when={isCsqInfo(props.infoMeta, "HPO")}>
         <Hpo {...props} />
       </Match>
+      <Match when={isCsqInfo(props.infoMeta, "VIPC")}>
+        <VipC {...props} />
+      </Match>
     </Switch>
   );
 };

package/src/components/record/info/VipC.tsx

@@ -0,0 +1,23 @@
+import { Component, Show } from "solid-js";
+import { Abbr } from "../../Abbr";
+import { FieldProps } from "../field/Field";
+import { ValueString } from "@molgenis/vip-report-vcf/src/ValueParser";
+import { getCsqInfo, getCsqInfoIndex } from "../../../utils/csqUtils";
+
+export const VipC: Component<FieldProps> = (props) => {
+  const value = () => props.info.value as ValueString;
+  const description = () => {
+    const fieldIndex = getCsqInfoIndex(props.infoMeta, "VIPP");
+    return fieldIndex !== -1 ? (getCsqInfo(props.info, fieldIndex) as ValueString[]) : null;
+  };
+
+  return (
+    <Show when={value()} keyed>
+      {(value) => (
+        <Show when={description()} fallback={value} keyed>
+          {(description) => <Abbr title={description.join(", ")} value={value} />}
+        </Show>
+      )}
+    </Show>
+  );
+};