Merge pull request #627 from nexB/fix/flag_fields

Fixed Boolean cell renderer, refactored renderers, hidden license text for directories

Author: OmkarPh

src/pages/TableView/CustomCellRenderers/BooleanCellRenderer.tsx

@@ -0,0 +1,12 @@
+import React from "react";
+
+interface BooleanCellRendererProps {
+  value: boolean;
+}
+const BooleanCellRenderer: React.FunctionComponent<BooleanCellRendererProps> = (
+  props
+) => {
+  return props.value ? "Yes" : "No";
+};
+
+export default BooleanCellRenderer;

src/pages/TableView/CustomCellRenderers/Licenses/DetectionOriginRenderer.tsx

@@ -16,7 +16,9 @@ enum ORIGIN {
   PACKAGE_DATA = "package_data",
 }
 
-const DetectionOriginRenderer = (props: DetectionOriginRendererProps) => {
+const DetectionOriginRenderer: React.FunctionComponent<
+  DetectionOriginRendererProps
+> = (props) => {
   const { value, data } = props;
   const { goToFileInTableView, goToPackage } = useWorkbenchDB();
 

src/pages/TableView/CustomCellRenderers/Licenses/FileLicenseCluesRenderer.tsx

@@ -7,7 +7,9 @@ interface FileLicenseCluesRendererProps {
   value: LicenseClueDetails[];
 }
 
-const FileLicenseCluesRenderer = (props: FileLicenseCluesRendererProps) => {
+const FileLicenseCluesRenderer: React.FunctionComponent<
+  FileLicenseCluesRendererProps
+> = (props) => {
   const { value } = props;
 
   const parsedValue: LicenseClueDetails[] = useMemo(() => {
@@ -24,7 +26,7 @@ const FileLicenseCluesRenderer = (props: FileLicenseCluesRendererProps) => {
 
   if (!parsedValue) return <></>;
 
-  if (!Array.isArray(parsedValue)) return value;
+  if (!Array.isArray(parsedValue)) return <>{value}</>;
 
   return (
     <>

src/pages/TableView/CustomCellRenderers/Licenses/FileLicenseDetectionsRenderer.tsx

@@ -7,9 +7,9 @@ interface FileLicenseDetectionsRendererProps {
   value: LicenseDetectionAttributes[];
 }
 
-const FileLicenseDetectionsRenderer = (
-  props: FileLicenseDetectionsRendererProps
-) => {
+const FileLicenseDetectionsRenderer: React.FunctionComponent<
+  FileLicenseDetectionsRendererProps
+> = (props) => {
   const { value } = props;
 
   const parsedValue: LicenseDetectionAttributes[] = useMemo(() => {
@@ -26,7 +26,7 @@ const FileLicenseDetectionsRenderer = (
 
   if (!parsedValue) return <></>;
 
-  if (!Array.isArray(parsedValue)) return value;
+  if (!Array.isArray(parsedValue)) return <>{value}</>;
 
   return (
     <>

src/pages/TableView/CustomCellRenderers/Licenses/FilePathRenderer.tsx

@@ -7,7 +7,9 @@ interface FilePathRendererProps {
   iconComponent?: React.ReactNode;
 }
 
-const FilePathRenderer = (props: FilePathRendererProps) => {
+const FilePathRenderer: React.FunctionComponent<FilePathRendererProps> = (
+  props
+) => {
   const { value, iconComponent } = props;
   const { goToFileInTableView } = useWorkbenchDB();
 

src/pages/TableView/CustomCellRenderers/Licenses/RegionLinesRenderer.tsx

@@ -7,7 +7,9 @@ interface RegionLinesRendererProps {
   };
 }
 
-const RegionLinesRenderer = (props: RegionLinesRendererProps) => {
+const RegionLinesRenderer: React.FunctionComponent<RegionLinesRendererProps> = (
+  props
+) => {
   const { data } = props;
   return (
     <span>

src/pages/TableView/CustomCellRenderers/ListCellRenderer.tsx

@@ -4,7 +4,9 @@ interface ListCellRendererProps {
   value: string;
 }
 
-const ListCellRenderer = (props: ListCellRendererProps) => {
+const ListCellRenderer: React.FunctionComponent<ListCellRendererProps> = (
+  props
+) => {
   const parsedValue: string[][] | string[] | string = useMemo(() => {
     if (Array.isArray(props.value)) return props.value;
 
@@ -30,11 +32,7 @@ const ListCellRenderer = (props: ListCellRendererProps) => {
         ? parsedValue.map((subValues, i) => (
             <span key={i}>
               {Array.isArray(subValues)
-                ? subValues.map((value, j) => (
-                    <span key={j}>
-                      {value}
-                    </span>
-                  ))
+                ? subValues.map((value, j) => <span key={j}>{value}</span>)
                 : subValues}
               <br />
             </span>

src/pages/TableView/CustomCellRenderers/TickRenderer.tsx

@@ -7,7 +7,7 @@ interface TickRendererProps {
   data: unknown;
 }
 
-const TickRenderer = (props: TickRendererProps) => {
+const TickRenderer: React.FunctionComponent<TickRendererProps> = (props) => {
   const { value } = props;
 
   const icon = value ? faCheck : faX;

src/pages/TableView/CustomCellRenderers/UrlListCellRenderer.tsx

@@ -1,4 +1,4 @@
-import React, { FunctionComponent, useMemo } from "react";
+import React, { useMemo } from "react";
 import { Link } from "react-router-dom";
 import CoreLink from "../../../components/CoreLink/CoreLink";
 
@@ -12,7 +12,7 @@ interface UrlListCellRendererProps {
   customDisplayTextFieldFallback?: string;
   data: any;
 }
-const UrlListCellRenderer: FunctionComponent<UrlListCellRendererProps> = (
+const UrlListCellRenderer: React.FunctionComponent<UrlListCellRendererProps> = (
   props
 ) => {
   const {
@@ -123,7 +123,7 @@ interface ListComponentProps {
   urlSuffix?: string;
   customDisplayText?: string;
 }
-const LinkComponent: FunctionComponent<ListComponentProps> = (props) => {
+const LinkComponent: React.FunctionComponent<ListComponentProps> = (props) => {
   const { value, routerLink, urlPrefix, urlSuffix, customDisplayText } = props;
   const URL = (urlPrefix || "") + value + (urlSuffix || "");
 

src/pages/TableView/CustomCellRenderers/index.tsx

@@ -1,19 +1,21 @@
+import BooleanCellRenderer from "./BooleanCellRenderer";
+import DetectionOriginRenderer from "./Licenses/DetectionOriginRenderer";
 import FileLicenseDetectionsRenderer from "./Licenses/FileLicenseDetectionsRenderer";
 import FileLicenseCluesRenderer from "./Licenses/FileLicenseCluesRenderer";
 import FilePathRenderer from "./Licenses/FilePathRenderer";
-import DetectionOriginRenderer from "./Licenses/DetectionOriginRenderer";
-import RegionLinesRenderer from "./Licenses/RegionLinesRenderer";
 import ListCellRenderer from "./ListCellRenderer";
-import UrlListCellRenderer from "./UrlListCellRenderer";
+import RegionLinesRenderer from "./Licenses/RegionLinesRenderer";
 import TickRenderer from "./TickRenderer";
+import UrlListCellRenderer from "./UrlListCellRenderer";
 
 export {
-  TickRenderer,
-  ListCellRenderer,
-  RegionLinesRenderer,
+  BooleanCellRenderer,
   DetectionOriginRenderer,
-  UrlListCellRenderer,
   FilePathRenderer,
   FileLicenseDetectionsRenderer,
   FileLicenseCluesRenderer,
+  ListCellRenderer,
+  RegionLinesRenderer,
+  TickRenderer,
+  UrlListCellRenderer,
 };