@bcgov/plugin-catalog-dataset 0.1.0 → 0.2.5-feature.aps-4105-connect-pipelines.8e93874b

package/dist/components/CatalogDataset/AboutDatasetCard.esm.js

@@ -0,0 +1,24 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Card, CardHeader, CardContent } from '@material-ui/core';
+import { MarkdownContent } from '@backstage/core-components';
+
+const AboutDatasetCard = ({ description }) => {
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      style: {
+        borderRadius: 8,
+        marginBottom: 16,
+        border: "2px solid rgba(0,0,0,0.23)"
+      },
+      variant: "outlined",
+      children: [
+        /* @__PURE__ */ jsx(CardHeader, { title: "About this dataset" }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(MarkdownContent, { content: description ?? "No description provided." }) })
+      ]
+    }
+  );
+};
+
+export { AboutDatasetCard };
+//# sourceMappingURL=AboutDatasetCard.esm.js.map

package/dist/components/CatalogDataset/AboutDatasetCard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AboutDatasetCard.esm.js","sources":["../../../src/components/CatalogDataset/AboutDatasetCard.tsx"],"sourcesContent":["import { Card, CardHeader, CardContent } from '@material-ui/core';\nimport { MarkdownContent } from '@backstage/core-components';\n\ntype Props = {\n  description?: string;\n};\n\nexport const AboutDatasetCard = ({ description }: Props) => {\n  return (\n    <Card\n    style={{\n        borderRadius: 8,\n        marginBottom: 16,\n        border: '2px solid rgba(0,0,0,0.23)',\n    }}\n    variant=\"outlined\"\n    >\n      <CardHeader title=\"About this dataset\" />\n      <CardContent>\n        <MarkdownContent content={description ?? 'No description provided.'} />\n      </CardContent>\n    </Card>\n  );\n};"],"names":[],"mappings":";;;;AAOO,MAAM,gBAAA,GAAmB,CAAC,EAAE,WAAA,EAAY,KAAa;AAC1D,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACD,KAAA,EAAO;AAAA,QACH,YAAA,EAAc,CAAA;AAAA,QACd,YAAA,EAAc,EAAA;AAAA,QACd,MAAA,EAAQ;AAAA,OACZ;AAAA,MACA,OAAA,EAAQ,UAAA;AAAA,MAEN,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAM,oBAAA,EAAqB,CAAA;AAAA,4BACtC,WAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,mBAAgB,OAAA,EAAS,WAAA,IAAe,4BAA4B,CAAA,EACvE;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/CatalogDataset/AccessMethodsCard.esm.js

@@ -0,0 +1,72 @@
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { Card, CardHeader, CardContent, Typography, Link } from '@material-ui/core';
+import { EntityRefLink } from '@backstage/plugin-catalog-react';
+
+const AccessMethodsCard = ({
+  accessMethods,
+  apiEntityRefs
+}) => {
+  const hasApis = !!apiEntityRefs?.length;
+  const hasOther = !!accessMethods?.length;
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      style: {
+        borderRadius: 8,
+        marginBottom: 16,
+        border: "2px solid rgba(0,0,0,0.23)"
+      },
+      variant: "outlined",
+      children: [
+        /* @__PURE__ */ jsx(CardHeader, { title: "Access Methods" }),
+        /* @__PURE__ */ jsx(CardContent, { children: !hasApis && !hasOther ? /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "No access methods defined." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          hasApis && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "subtitle1",
+                style: { marginBottom: 8, fontWeight: 600 },
+                children: "APIs"
+              }
+            ),
+            /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: 20 }, children: apiEntityRefs.map((apiRef) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(EntityRefLink, { entityRef: apiRef }) }, apiRef)) })
+          ] }),
+          hasOther && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "subtitle1",
+                style: { marginTop: hasApis ? 16 : 0, marginBottom: 8, fontWeight: 600 },
+                children: "Other"
+              }
+            ),
+            /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: 20 }, children: accessMethods.map((m) => /* @__PURE__ */ jsxs("li", { style: { marginBottom: 8 }, children: [
+              /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+                /* @__PURE__ */ jsx(
+                  Link,
+                  {
+                    href: m.url,
+                    target: "_blank",
+                    rel: "noopener noreferrer",
+                    children: m.title
+                  }
+                ),
+                (m.type || m.format) && /* @__PURE__ */ jsxs(Fragment, { children: [
+                  " ",
+                  "(",
+                  m.type,
+                  m.format ? ` \u2022 ${m.format}` : "",
+                  ")"
+                ] })
+              ] }),
+              m.description && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "textSecondary", style: { whiteSpace: "pre-line" }, children: m.description })
+            ] }, m.id)) })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+};
+
+export { AccessMethodsCard };
+//# sourceMappingURL=AccessMethodsCard.esm.js.map

package/dist/components/CatalogDataset/AccessMethodsCard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccessMethodsCard.esm.js","sources":["../../../src/components/CatalogDataset/AccessMethodsCard.tsx"],"sourcesContent":["import {\n  Card,\n  CardHeader,\n  CardContent,\n  Typography,\n  Link\n} from '@material-ui/core';\nimport { EntityRefLink } from '@backstage/plugin-catalog-react';\n\ntype AccessMethod = {\n  id: string;\n  title: string;\n  url: string;\n  type?: string;\n  format?: string;\n  description?: string;\n};\n\ntype Props = {\n  accessMethods?: AccessMethod[];\n  apiEntityRefs?: string[];\n};\n\nexport const AccessMethodsCard = ({\n  accessMethods,\n  apiEntityRefs,\n}: Props) => {\n  const hasApis = !!apiEntityRefs?.length;\n  const hasOther = !!accessMethods?.length;\n\n  return (\n    <Card\n      style={{\n        borderRadius: 8,\n        marginBottom: 16,\n        border: '2px solid rgba(0,0,0,0.23)',\n      }}\n      variant=\"outlined\"\n    >\n      <CardHeader title=\"Access Methods\" />\n      <CardContent>\n        {!hasApis && !hasOther ? (\n          <Typography variant=\"body2\">\n            No access methods defined.\n          </Typography>\n        ) : (\n          <>\n            {hasApis && (\n              <>\n                <Typography\n                  variant=\"subtitle1\"\n                  style={{ marginBottom: 8, fontWeight: 600 }}\n                >\n                  APIs\n                </Typography>\n\n                <ul style={{ margin: 0, paddingLeft: 20 }}>\n                  {apiEntityRefs!.map(apiRef => (\n                    <li key={apiRef}>\n                      <EntityRefLink entityRef={apiRef} />\n                    </li>\n                  ))}\n                </ul>\n              </>\n            )}\n\n            {hasOther && (\n              <>\n                <Typography\n                  variant=\"subtitle1\"\n                  style={{ marginTop: hasApis ? 16 : 0, marginBottom: 8, fontWeight: 600 }}\n                >\n                  Other\n                </Typography>\n\n                <ul style={{ margin: 0, paddingLeft: 20 }}>\n                  {accessMethods!.map(m => (\n                    <li key={m.id} style={{ marginBottom: 8 }}>\n                    <Typography variant=\"body2\">\n                        <Link\n                        href={m.url}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        >\n                        {m.title}\n                        </Link>\n                        {(m.type || m.format) && (\n                        <>\n                            {' '}\n                            ({m.type}\n                            {m.format ? ` • ${m.format}` : ''})\n                        </>\n                        )}\n                    </Typography>\n\n                    {m.description && (\n                        <Typography variant=\"body2\" color=\"textSecondary\" style={{ whiteSpace: 'pre-line' }}>\n                        {m.description}\n                        </Typography>\n                    )}\n                    </li>\n                  ))}\n                </ul>\n              </>\n            )}\n          </>\n        )}\n      </CardContent>\n    </Card>\n  );\n};"],"names":[],"mappings":"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"}

package/dist/components/CatalogDataset/AuthoritativeDesignationCard.esm.js

@@ -0,0 +1,30 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Card, CardHeader, CardContent, Typography } from '@material-ui/core';
+
+const AuthoritativeDesignationCard = ({}) => {
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      style: {
+        borderRadius: 8,
+        marginBottom: 16,
+        border: "2px solid rgba(0,0,0,0.23)"
+      },
+      variant: "outlined",
+      children: [
+        /* @__PURE__ */ jsx(CardHeader, { title: "Authoritative Designation" }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+          "This dataset is designated authoritative. Authoritative status means:",
+          /* @__PURE__ */ jsxs("ul", { children: [
+            /* @__PURE__ */ jsx("li", { children: "Stewardship accountability is assigned." }),
+            /* @__PURE__ */ jsx("li", { children: "Change management is governed." }),
+            /* @__PURE__ */ jsx("li", { children: "Definitions are standardized and versioned." })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+};
+
+export { AuthoritativeDesignationCard };
+//# sourceMappingURL=AuthoritativeDesignationCard.esm.js.map

package/dist/components/CatalogDataset/AuthoritativeDesignationCard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthoritativeDesignationCard.esm.js","sources":["../../../src/components/CatalogDataset/AuthoritativeDesignationCard.tsx"],"sourcesContent":["import { Card, CardHeader, CardContent, Typography } from '@material-ui/core';\n\ntype Props = {\n\n};\n\nexport const AuthoritativeDesignationCard = ({ }: Props) => {\n  return (\n    <Card\n      style={{\n        borderRadius: 8,\n        marginBottom: 16,\n        border: '2px solid rgba(0,0,0,0.23)',\n      }}\n      variant=\"outlined\"\n    >\n      <CardHeader title=\"Authoritative Designation\" />\n      <CardContent>\n        <Typography variant=\"body2\">\n          This dataset is designated authoritative.\n\n          Authoritative status means:\n          <ul>\n            <li>Stewardship accountability is assigned.</li>\n            <li>Change management is governed.</li>\n            <li>Definitions are standardized and versioned.</li>\n          </ul>\n        </Typography>\n      </CardContent>\n    </Card>\n  );\n};"],"names":[],"mappings":";;;AAMO,MAAM,4BAAA,GAA+B,CAAC,EAAE,KAAa;AAC1D,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,YAAA,EAAc,CAAA;AAAA,QACd,YAAA,EAAc,EAAA;AAAA,QACd,MAAA,EAAQ;AAAA,OACV;AAAA,MACA,OAAA,EAAQ,UAAA;AAAA,MAER,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAM,2BAAA,EAA4B,CAAA;AAAA,wBAC9C,GAAA,CAAC,WAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,UAAA,EAAA,EAAW,SAAQ,OAAA,EAAQ,QAAA,EAAA;AAAA,UAAA,uEAAA;AAAA,+BAIzB,IAAA,EAAA,EACC,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,QAAG,QAAA,EAAA,yCAAA,EAAuC,CAAA;AAAA,4BAC3C,GAAA,CAAC,QAAG,QAAA,EAAA,gCAAA,EAA8B,CAAA;AAAA,4BAClC,GAAA,CAAC,QAAG,QAAA,EAAA,6CAAA,EAA2C;AAAA,WAAA,EACjD;AAAA,SAAA,EACF,CAAA,EACF;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/CatalogDataset/CatalogDatasetPage.esm.js

@@ -0,0 +1,121 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Grid, Card, CardContent, Typography, Link } from '@material-ui/core';
+import { EntityLayout, EntityRelationWarning } from '@backstage/plugin-catalog';
+import { useEntity, catalogApiRef } from '@backstage/plugin-catalog-react';
+import { useApi } from '@backstage/core-plugin-api';
+import { useAsync } from 'react-use';
+import { RELATION_PROVIDES_API } from '@backstage/catalog-model';
+import { useState, useMemo } from 'react';
+import { AboutDatasetCard } from './AboutDatasetCard.esm.js';
+import { AuthoritativeDesignationCard } from './AuthoritativeDesignationCard.esm.js';
+import { AccessMethodsCard } from './AccessMethodsCard.esm.js';
+import { SchemaCard } from './SchemaCard.esm.js';
+import { FieldsAndDefinitionCard } from './FieldsAndDefinitionCard.esm.js';
+import { MainCard } from './MainCard.esm.js';
+import { LineageAndQualityCard } from './LineageAndQualityCard.esm.js';
+import { VersioningAndChangeGovernanceCard } from './VersioningAndChangeGovernanceCard.esm.js';
+import { SupportCard } from './SupportCard.esm.js';
+import { DatasetApisDialog } from './DatasetApisDialog.esm.js';
+import { RelatedResourcesCard } from './RelatedResourcesCard.esm.js';
+
+const CatalogDatasetPage = () => {
+  const { entity } = useEntity();
+  const spec = entity.spec;
+  const catalogApi = useApi(catalogApiRef);
+  const [apisOpen, setApisOpen] = useState(false);
+  const datasetTitle = entity.metadata.title ?? entity.metadata.name;
+  const { value: ownerEntity } = useAsync(
+    async () => {
+      if (!spec.owner) {
+        return void 0;
+      }
+      return await catalogApi.getEntityByRef(spec.owner);
+    },
+    [catalogApi, spec.owner]
+  );
+  const ownerLabel = ownerEntity?.spec?.profile?.displayName ?? ownerEntity?.metadata.title ?? ownerEntity?.metadata.name ?? spec.owner;
+  const apiEntityRefs = useMemo(() => {
+    const refs = entity.relations?.filter((relation) => relation.type === RELATION_PROVIDES_API).map((relation) => relation.targetRef) ?? spec.providesApis ?? [];
+    return [...new Set(refs)];
+  }, [entity.relations, spec.providesApis]);
+  return /* @__PURE__ */ jsx(EntityLayout, { children: /* @__PURE__ */ jsx(EntityLayout.Route, { path: "/", title: "Overview", children: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(EntityRelationWarning, {}),
+    /* @__PURE__ */ jsxs(Grid, { container: true, spacing: 3, children: [
+      /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 4, children: /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", style: { marginBottom: 8 }, children: "On this page" }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", children: /* @__PURE__ */ jsx(Link, { href: "#overview", children: "Overview" }) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", children: /* @__PURE__ */ jsx(Link, { href: "#about-this-dataset", children: "About this Dataset" }) }),
+        entity.metadata.tags?.includes("authoritative-data-register") ? /* @__PURE__ */ jsx(Typography, { variant: "body2", children: /* @__PURE__ */ jsx(Link, { href: "#authoritative-designation", children: "Authoritative Designation" }) }) : null,
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", children: /* @__PURE__ */ jsx(Link, { href: "#access-methods", children: "Access Methods" }) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", children: /* @__PURE__ */ jsx(Link, { href: "#schema", children: "Schema" }) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", children: /* @__PURE__ */ jsx(Link, { href: "#fields-and-definitions", children: "Fields & definitions" }) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", children: /* @__PURE__ */ jsx(Link, { href: "#lineage-and-quality", children: "Lineage and Quality" }) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", children: /* @__PURE__ */ jsx(Link, { href: "#versioning-and-change-governance", children: "Versioning and Change Governance" }) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", children: /* @__PURE__ */ jsx(Link, { href: "#support", children: "Support" }) }),
+        /* @__PURE__ */ jsx(Typography, { variant: "body2", children: /* @__PURE__ */ jsx(Link, { href: "#related-resources", children: "Related Resources" }) })
+      ] }) }) }),
+      /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, md: 8, children: [
+        /* @__PURE__ */ jsx("div", { id: "overview", children: /* @__PURE__ */ jsx(
+          MainCard,
+          {
+            entity,
+            spec,
+            ownerLabel,
+            onViewApis: () => setApisOpen(true)
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { id: "about-this-dataset", children: /* @__PURE__ */ jsx(AboutDatasetCard, { description: spec.about?.description }) }),
+        entity.metadata.tags?.includes("authoritative-data-register") ? /* @__PURE__ */ jsx("div", { id: "authoritative-designation", children: /* @__PURE__ */ jsx(AuthoritativeDesignationCard, {}) }) : null,
+        /* @__PURE__ */ jsx("div", { id: "access-methods", children: /* @__PURE__ */ jsx(
+          AccessMethodsCard,
+          {
+            accessMethods: spec.accessMethods,
+            apiEntityRefs
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { id: "schema", children: /* @__PURE__ */ jsx(SchemaCard, { tables: spec.schema?.tables }) }),
+        /* @__PURE__ */ jsx("div", { id: "fields-and-definitions", children: /* @__PURE__ */ jsx(FieldsAndDefinitionCard, {}) }),
+        /* @__PURE__ */ jsx("div", { id: "lineage-and-quality", children: /* @__PURE__ */ jsx(
+          LineageAndQualityCard,
+          {
+            sourceSystem: spec.lineage?.sourceSystem,
+            transformation: spec.lineage?.transformation,
+            validation: spec.quality?.validation,
+            refresh: spec.lineage?.refresh,
+            qualityControls: spec.quality?.controls
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { id: "versioning-and-change-governance", children: /* @__PURE__ */ jsx(
+          VersioningAndChangeGovernanceCard,
+          {
+            currentVersion: spec.versioning?.currentVersion,
+            initialRelease: spec.versioning?.initialRelease,
+            lastUpdated: spec.versioning?.lastUpdated,
+            versioningDescription: spec.versioning?.description,
+            governanceDescription: spec.governance?.description
+          }
+        ) }),
+        /* @__PURE__ */ jsx("div", { id: "support", children: /* @__PURE__ */ jsx(SupportCard, { support: spec.support }) }),
+        /* @__PURE__ */ jsx("div", { id: "related-resources", children: /* @__PURE__ */ jsx(
+          RelatedResourcesCard,
+          {
+            relatedResources: spec.relatedResources
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      DatasetApisDialog,
+      {
+        open: apisOpen,
+        onClose: () => setApisOpen(false),
+        datasetTitle,
+        apiEntityRefs,
+        namespace: entity.metadata.namespace
+      }
+    )
+  ] }) }) });
+};
+
+export { CatalogDatasetPage };
+//# sourceMappingURL=CatalogDatasetPage.esm.js.map

package/dist/components/CatalogDataset/CatalogDatasetPage.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogDatasetPage.esm.js","sources":["../../../src/components/CatalogDataset/CatalogDatasetPage.tsx"],"sourcesContent":["import { Grid, Card, CardContent, Typography, Link } from '@material-ui/core';\nimport { EntityLayout, EntityRelationWarning } from '@backstage/plugin-catalog';\nimport { useEntity } from '@backstage/plugin-catalog-react';\nimport type { DatasetEntity } from '@bcgov/plugin-catalog-common-bc-data-catalogue';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef } from '@backstage/plugin-catalog-react';\nimport { useAsync } from 'react-use';\nimport { RELATION_PROVIDES_API } from '@backstage/catalog-model';\nimport { useMemo, useState } from 'react';\nimport { AboutDatasetCard } from './AboutDatasetCard';\nimport { AuthoritativeDesignationCard } from './AuthoritativeDesignationCard';\nimport { AccessMethodsCard } from './AccessMethodsCard';\nimport { SchemaCard } from './SchemaCard';\nimport { FieldsAndDefinitionCard } from './FieldsAndDefinitionCard';\nimport { MainCard } from './MainCard';\nimport { LineageAndQualityCard } from './LineageAndQualityCard';\nimport { VersioningAndChangeGovernanceCard } from './VersioningAndChangeGovernanceCard';\nimport { SupportCard } from './SupportCard';\nimport { DatasetApisDialog } from './DatasetApisDialog';\nimport { RelatedResourcesCard } from './RelatedResourcesCard';\n\nexport const CatalogDatasetPage = () => {\n  const { entity } = useEntity();\n  const spec = (entity as DatasetEntity).spec;\n\n  const catalogApi = useApi(catalogApiRef);\n  const [apisOpen, setApisOpen] = useState(false);\n\n  const datasetTitle = entity.metadata.title ?? entity.metadata.name;\n\n  const { value: ownerEntity } = useAsync(\n    async () => {\n      if (!spec.owner) {\n        return undefined;\n      }\n      return await catalogApi.getEntityByRef(spec.owner);\n    },\n    [catalogApi, spec.owner],\n  );\n\n  const ownerLabel =\n    (ownerEntity?.spec?.profile as { displayName?: string } | undefined)?.displayName ??\n    ownerEntity?.metadata.title ??\n    ownerEntity?.metadata.name ??\n    spec.owner;\n\n  const apiEntityRefs = useMemo(() => {\n    const refs =\n      entity.relations\n        ?.filter(relation => relation.type === RELATION_PROVIDES_API)\n        .map(relation => relation.targetRef) ??\n      spec.providesApis ??\n      [];\n\n    return [...new Set(refs)];\n  }, [entity.relations, spec.providesApis]);\n\n  return (\n    <EntityLayout>\n      <EntityLayout.Route path=\"/\" title=\"Overview\">\n        <>\n          <EntityRelationWarning />\n          <Grid container spacing={3}>\n            <Grid item xs={12} md={4}>\n              <Card>\n                <CardContent>\n                  <Typography variant=\"body2\" style={{ marginBottom: 8 }}>\n                    On this page\n                  </Typography>\n                  <Typography variant=\"body2\">\n                    <Link href=\"#overview\">\n                      Overview\n                    </Link>\n                  </Typography>\n                  <Typography variant=\"body2\">\n                    <Link href=\"#about-this-dataset\">\n                      About this Dataset\n                    </Link>\n                  </Typography>\n                  {entity.metadata.tags?.includes('authoritative-data-register') ? (\n                  <Typography variant=\"body2\">\n                    <Link href=\"#authoritative-designation\">\n                      Authoritative Designation\n                    </Link>\n                  </Typography>\n                  ) : null}\n                  <Typography variant=\"body2\">\n                    <Link href=\"#access-methods\">\n                      Access Methods\n                    </Link>\n                  </Typography>\n                  <Typography variant=\"body2\">\n                    <Link href=\"#schema\">\n                      Schema\n                    </Link>\n                  </Typography>\n                  <Typography variant=\"body2\">\n                    <Link href=\"#fields-and-definitions\">\n                      Fields &amp; definitions\n                    </Link>\n                  </Typography>\n                  <Typography variant=\"body2\">\n                    <Link href=\"#lineage-and-quality\">\n                      Lineage and Quality\n                    </Link>\n                  </Typography>\n                  <Typography variant=\"body2\">\n                    <Link href=\"#versioning-and-change-governance\">\n                      Versioning and Change Governance\n                    </Link>\n                  </Typography>\n                  <Typography variant=\"body2\">\n                    <Link href=\"#support\">\n                      Support\n                    </Link>\n                  </Typography>\n                  <Typography variant=\"body2\">\n                    <Link href=\"#related-resources\">\n                      Related Resources\n                    </Link>\n                  </Typography>\n                </CardContent>\n              </Card>\n            </Grid>\n\n            <Grid item xs={12} md={8}>\n              <div id=\"overview\">\n                <MainCard\n                  entity={entity}\n                  spec={spec}\n                  ownerLabel={ownerLabel}\n                  onViewApis={() => setApisOpen(true)}\n                />\n              </div>\n\n              <div id=\"about-this-dataset\">\n                <AboutDatasetCard description={spec.about?.description} />\n              </div>\n\n              {entity.metadata.tags?.includes('authoritative-data-register') ? (\n                <div id=\"authoritative-designation\">\n                  <AuthoritativeDesignationCard />\n                </div>\n              ) : null}\n\n              <div id=\"access-methods\">\n                <AccessMethodsCard\n                  accessMethods={spec.accessMethods}\n                  apiEntityRefs={apiEntityRefs}\n                />\n              </div>\n\n              <div id=\"schema\">\n                <SchemaCard tables={spec.schema?.tables} />\n              </div>\n\n              <div id=\"fields-and-definitions\">\n                <FieldsAndDefinitionCard />\n              </div>\n\n              <div id=\"lineage-and-quality\">\n                <LineageAndQualityCard\n                  sourceSystem={spec.lineage?.sourceSystem}\n                  transformation={spec.lineage?.transformation}\n                  validation={spec.quality?.validation}\n                  refresh={spec.lineage?.refresh}\n                  qualityControls={spec.quality?.controls}\n                />\n              </div>\n\n              <div id=\"versioning-and-change-governance\">\n                <VersioningAndChangeGovernanceCard\n                  currentVersion={spec.versioning?.currentVersion}\n                  initialRelease={spec.versioning?.initialRelease}\n                  lastUpdated={spec.versioning?.lastUpdated}\n                  versioningDescription={spec.versioning?.description}\n                  governanceDescription={spec.governance?.description}\n                />\n              </div>\n\n              <div id=\"support\">\n                <SupportCard support={spec.support} />\n              </div>\n\n              <div id=\"related-resources\">\n                <RelatedResourcesCard\n                  relatedResources={spec.relatedResources}\n                />\n              </div>\n            </Grid>\n          </Grid>\n\n          <DatasetApisDialog\n            open={apisOpen}\n            onClose={() => setApisOpen(false)}\n            datasetTitle={datasetTitle}\n            apiEntityRefs={apiEntityRefs}\n            namespace={entity.metadata.namespace}\n          />\n        </>\n      </EntityLayout.Route>\n    </EntityLayout>\n  );\n};"],"names":[],"mappings":"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"}

package/dist/components/CatalogDataset/DatasetApisDialog.esm.js

@@ -0,0 +1,141 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Dialog, DialogTitle, Typography, DialogContent, Grid, Card, CardContent, DialogActions, Button } from '@material-ui/core';
+import { useApi } from '@backstage/core-plugin-api';
+import { catalogApiRef, EntityRefLink } from '@backstage/plugin-catalog-react';
+import { stringifyEntityRef, parseEntityRef } from '@backstage/catalog-model';
+import { useAsync } from 'react-use';
+import { getOpenApiSummary } from '@bcgov/plugin-catalog-common-bc-data-catalogue';
+
+const DatasetApisDialog = ({
+  open,
+  onClose,
+  datasetTitle,
+  apiEntityRefs,
+  namespace
+}) => {
+  const catalogApi = useApi(catalogApiRef);
+  const { value: apiEntities, loading: apiEntitiesLoading } = useAsync(
+    async () => {
+      if (!open || !apiEntityRefs.length) {
+        return [];
+      }
+      const resolved = await Promise.all(
+        apiEntityRefs.map(async (apiRef) => {
+          try {
+            return await catalogApi.getEntityByRef(apiRef);
+          } catch {
+            return void 0;
+          }
+        })
+      );
+      return resolved.filter(
+        (api) => Boolean(api)
+      );
+    },
+    [open, apiEntityRefs, catalogApi]
+  );
+  const { value: apiCards = [], loading: apiCardsLoading } = useAsync(
+    async () => {
+      if (!open || !apiEntities?.length) {
+        return [];
+      }
+      return await Promise.all(
+        apiEntities.map(async (api) => {
+          const apiSpec = api.spec ?? {};
+          const openApiSummary = await getOpenApiSummary(apiSpec.definition);
+          return {
+            entityRef: stringifyEntityRef(api),
+            title: api.metadata.title ?? api.metadata.name,
+            type: apiSpec.type ?? "\u2014",
+            security: openApiSummary.securityRequirements ?? [],
+            environments: openApiSummary.environments ?? []
+          };
+        })
+      );
+    },
+    [open, apiEntities]
+  );
+  return /* @__PURE__ */ jsxs(Dialog, { open, onClose, fullWidth: true, maxWidth: "lg", children: [
+    /* @__PURE__ */ jsx(DialogTitle, { disableTypography: true, children: /* @__PURE__ */ jsx(
+      "div",
+      {
+        style: {
+          display: "flex",
+          justifyContent: "space-between",
+          alignItems: "flex-start",
+          paddingBottom: 8
+        },
+        children: /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Typography, { variant: "h3", component: "h2", gutterBottom: true, children: "APIs" }),
+          /* @__PURE__ */ jsxs(Typography, { variant: "body1", children: [
+            "Dataset: ",
+            datasetTitle
+          ] })
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(DialogContent, { dividers: true, children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "h6", gutterBottom: true, style: { marginBottom: 20 }, children: "Consumed by:" }),
+      apiEntitiesLoading || apiCardsLoading ? /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "Loading..." }) : apiCards.length ? /* @__PURE__ */ jsx(Grid, { container: true, spacing: 3, children: apiCards.map((api) => /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, md: 6, lg: 4, children: /* @__PURE__ */ jsx(
+        Card,
+        {
+          variant: "outlined",
+          style: {
+            height: "100%",
+            borderWidth: 2,
+            borderRadius: 8
+          },
+          children: /* @__PURE__ */ jsxs(CardContent, { children: [
+            /* @__PURE__ */ jsx(
+              Typography,
+              {
+                variant: "h6",
+                gutterBottom: true,
+                style: { fontWeight: 600, textDecoration: "underline" },
+                children: /* @__PURE__ */ jsx(
+                  EntityRefLink,
+                  {
+                    entityRef: api.entityRef,
+                    title: api.title
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxs(Typography, { variant: "body1", children: [
+              "Type: ",
+              api.type
+            ] }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body1", style: { marginTop: 8 }, children: /* @__PURE__ */ jsx("strong", { children: "Security:" }) }),
+            api.security.length ? /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: 20 }, children: api.security.map((s, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: s }) }, i)) }) : /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "\u2014" }),
+            /* @__PURE__ */ jsx(Typography, { variant: "body1", style: { marginTop: 8 }, children: /* @__PURE__ */ jsx("strong", { children: "Environments:" }) }),
+            api.environments.length ? /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: 20 }, children: api.environments.map((e, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: e }) }, i)) }) : /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "\u2014" })
+          ] })
+        }
+      ) }, api.entityRef)) }) : /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: 20 }, children: apiEntityRefs.map((apiRef) => {
+        const parsed = parseEntityRef(apiRef, {
+          defaultKind: "API",
+          defaultNamespace: namespace ?? "default"
+        });
+        return /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+          EntityRefLink,
+          {
+            entityRef: apiRef,
+            title: parsed.name
+          }
+        ) }, apiRef);
+      }) })
+    ] }),
+    /* @__PURE__ */ jsx(DialogActions, { children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        onClick: onClose,
+        color: "default",
+        style: { minWidth: "auto", padding: 0, textTransform: "none" },
+        children: /* @__PURE__ */ jsx(Typography, { variant: "h6", style: { textDecoration: "underline" }, children: "X Close" })
+      }
+    ) })
+  ] });
+};
+
+export { DatasetApisDialog };
+//# sourceMappingURL=DatasetApisDialog.esm.js.map

package/dist/components/CatalogDataset/DatasetApisDialog.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatasetApisDialog.esm.js","sources":["../../../src/components/CatalogDataset/DatasetApisDialog.tsx"],"sourcesContent":["import {\n  Button,\n  Card,\n  CardContent,\n  Dialog,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Grid,\n  Typography,\n} from '@material-ui/core';\nimport { useApi } from '@backstage/core-plugin-api';\nimport { catalogApiRef, EntityRefLink } from '@backstage/plugin-catalog-react';\nimport { parseEntityRef, stringifyEntityRef } from '@backstage/catalog-model';\nimport { useAsync } from 'react-use';\nimport { getOpenApiSummary } from '@bcgov/plugin-catalog-common-bc-data-catalogue';\n\ntype Props = {\n  open: boolean;\n  onClose: () => void;\n  datasetTitle: string;\n  apiEntityRefs: string[];\n  namespace?: string;\n};\n\nexport const DatasetApisDialog = ({\n  open,\n  onClose,\n  datasetTitle,\n  apiEntityRefs,\n  namespace,\n}: Props) => {\n  const catalogApi = useApi(catalogApiRef);\n\n  const { value: apiEntities, loading: apiEntitiesLoading } = useAsync(\n    async () => {\n      if (!open || !apiEntityRefs.length) {\n        return [];\n      }\n\n      const resolved = await Promise.all(\n        apiEntityRefs.map(async apiRef => {\n          try {\n            return await catalogApi.getEntityByRef(apiRef);\n          } catch {\n            return undefined;\n          }\n        }),\n      );\n\n      return resolved.filter(\n        (api): api is NonNullable<typeof api> => Boolean(api),\n      );\n    },\n    [open, apiEntityRefs, catalogApi],\n  );\n\n  const { value: apiCards = [], loading: apiCardsLoading } = useAsync(\n    async () => {\n      if (!open || !apiEntities?.length) {\n        return [];\n      }\n\n      return await Promise.all(\n        apiEntities.map(async api => {\n          const apiSpec = (api.spec ?? {}) as Record<string, any>;\n          const openApiSummary = await getOpenApiSummary(apiSpec.definition);\n\n          return {\n            entityRef: stringifyEntityRef(api),\n            title: api.metadata.title ?? api.metadata.name,\n            type: apiSpec.type ?? '—',\n            security: openApiSummary.securityRequirements ?? [],\n            environments: openApiSummary.environments ?? [],\n          };\n        }),\n      );\n    },\n    [open, apiEntities],\n  );\n\n  return (\n    <Dialog open={open} onClose={onClose} fullWidth maxWidth=\"lg\">\n      <DialogTitle disableTypography>\n        <div\n          style={{\n            display: 'flex',\n            justifyContent: 'space-between',\n            alignItems: 'flex-start',\n            paddingBottom: 8,\n          }}\n        >\n          <div>\n            <Typography variant=\"h3\" component=\"h2\" gutterBottom>\n              APIs\n            </Typography>\n            <Typography variant=\"body1\">\n              Dataset: {datasetTitle}\n            </Typography>\n          </div>\n        </div>\n      </DialogTitle>\n\n      <DialogContent dividers>\n        <Typography variant=\"h6\" gutterBottom style={{ marginBottom: 20 }}>\n          Consumed by:\n        </Typography>\n\n        {apiEntitiesLoading || apiCardsLoading ? (\n          <Typography variant=\"body2\">Loading...</Typography>\n        ) : apiCards.length ? (\n          <Grid container spacing={3}>\n            {apiCards.map(api => (\n              <Grid item xs={12} md={6} lg={4} key={api.entityRef}>\n                <Card\n                  variant=\"outlined\"\n                  style={{\n                    height: '100%',\n                    borderWidth: 2,\n                    borderRadius: 8,\n                  }}\n                >\n                  <CardContent>\n                    <Typography\n                      variant=\"h6\"\n                      gutterBottom\n                      style={{ fontWeight: 600, textDecoration: 'underline' }}\n                    >\n                      <EntityRefLink\n                        entityRef={api.entityRef}\n                        title={api.title}\n                      />\n                    </Typography>\n\n                    <Typography variant=\"body1\">\n                      Type: {api.type}\n                    </Typography>\n\n                    <Typography variant=\"body1\" style={{ marginTop: 8 }}>\n                      <strong>Security:</strong>\n                    </Typography>\n                    {api.security.length ? (\n                      <ul style={{ margin: 0, paddingLeft: 20 }}>\n                        {api.security.map((s: string, i: number) => (\n                          <li key={i}>\n                            <Typography variant=\"body2\">{s}</Typography>\n                          </li>\n                        ))}\n                      </ul>\n                    ) : (\n                      <Typography variant=\"body2\">—</Typography>\n                    )}\n\n                    <Typography variant=\"body1\" style={{ marginTop: 8 }}>\n                      <strong>Environments:</strong>\n                    </Typography>\n                    {api.environments.length ? (\n                      <ul style={{ margin: 0, paddingLeft: 20 }}>\n                        {api.environments.map((e: string, i: number) => (\n                          <li key={i}>\n                            <Typography variant=\"body2\">{e}</Typography>\n                          </li>\n                        ))}\n                      </ul>\n                    ) : (\n                      <Typography variant=\"body2\">—</Typography>\n                    )}\n                  </CardContent>\n                </Card>\n              </Grid>\n            ))}\n          </Grid>\n        ) : (\n          <ul style={{ margin: 0, paddingLeft: 20 }}>\n            {apiEntityRefs.map(apiRef => {\n              const parsed = parseEntityRef(apiRef, {\n                defaultKind: 'API',\n                defaultNamespace: namespace ?? 'default',\n              });\n\n              return (\n                <li key={apiRef}>\n                  <EntityRefLink\n                    entityRef={apiRef}\n                    title={parsed.name}\n                  />\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </DialogContent>\n\n      <DialogActions>\n        <Button\n          onClick={onClose}\n          color=\"default\"\n          style={{ minWidth: 'auto', padding: 0, textTransform: 'none' }}\n        >\n          <Typography variant=\"h6\" style={{ textDecoration: 'underline' }}>\n            X Close\n          </Typography>\n        </Button>\n      </DialogActions>\n    </Dialog>\n  );\n};"],"names":[],"mappings":"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"}

package/dist/components/CatalogDataset/FieldsAndDefinitionCard.esm.js

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Card, CardHeader, CardContent, Typography } from '@material-ui/core';
+
+const FieldsAndDefinitionCard = ({}) => {
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      style: {
+        borderRadius: 8,
+        marginBottom: 16,
+        border: "2px solid rgba(0,0,0,0.23)"
+      },
+      variant: "outlined",
+      children: [
+        /* @__PURE__ */ jsx(CardHeader, { title: "Fields & Definitions" }),
+        /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "GAP<fieldsAndDefinitions>" }) })
+      ]
+    }
+  );
+};
+
+export { FieldsAndDefinitionCard };
+//# sourceMappingURL=FieldsAndDefinitionCard.esm.js.map

package/dist/components/CatalogDataset/FieldsAndDefinitionCard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsAndDefinitionCard.esm.js","sources":["../../../src/components/CatalogDataset/FieldsAndDefinitionCard.tsx"],"sourcesContent":["import {\n  Card,\n  CardHeader,\n  CardContent,\n  Typography,\n} from '@material-ui/core';\n\ntype Props = {\n};\n\nexport const FieldsAndDefinitionCard = ({ }: Props) => {\n  return (\n    <Card\n      style={{\n        borderRadius: 8,\n        marginBottom: 16,\n        border: '2px solid rgba(0,0,0,0.23)',\n      }}\n      variant=\"outlined\"\n    >\n      <CardHeader title=\"Fields & Definitions\" />\n      <CardContent>\n        <Typography variant=\"body2\">{'GAP<fieldsAndDefinitions>'}</Typography>\n      </CardContent>\n    </Card>\n  );\n};"],"names":[],"mappings":";;;AAUO,MAAM,uBAAA,GAA0B,CAAC,EAAE,KAAa;AACrD,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,YAAA,EAAc,CAAA;AAAA,QACd,YAAA,EAAc,EAAA;AAAA,QACd,MAAA,EAAQ;AAAA,OACV;AAAA,MACA,OAAA,EAAQ,UAAA;AAAA,MAER,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAM,sBAAA,EAAuB,CAAA;AAAA,4BACxC,WAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,cAAW,OAAA,EAAQ,OAAA,EAAS,uCAA4B,CAAA,EAC3D;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/components/CatalogDataset/LineageAndQualityCard.esm.js

@@ -0,0 +1,52 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Card, CardHeader, CardContent, Typography } from '@material-ui/core';
+
+const LineageAndQualityCard = ({
+  sourceSystem,
+  transformation,
+  validation,
+  refresh,
+  qualityControls
+}) => {
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      style: {
+        borderRadius: 8,
+        marginBottom: 16,
+        border: "2px solid rgba(0,0,0,0.23)"
+      },
+      variant: "outlined",
+      children: [
+        /* @__PURE__ */ jsx(CardHeader, { title: "Lineage & Quality" }),
+        /* @__PURE__ */ jsxs(CardContent, { children: [
+          /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+            /* @__PURE__ */ jsx("strong", { children: "Source:" }),
+            " ",
+            sourceSystem ?? "N/A"
+          ] }),
+          /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
+            /* @__PURE__ */ jsx("strong", { children: "Transformation:" }),
+            " ",
+            transformation ?? "N/A"
+          ] }),
+          /* @__PURE__ */ jsxs(Typography, { variant: "body2", style: { marginBottom: 8 }, children: [
+            /* @__PURE__ */ jsx("strong", { children: "Validation:" }),
+            " ",
+            validation ?? "N/A"
+          ] }),
+          /* @__PURE__ */ jsxs(Typography, { variant: "body2", style: { marginBottom: 8 }, children: [
+            /* @__PURE__ */ jsx("strong", { children: "Lineage Refresh:" }),
+            " ",
+            refresh ?? "N/A"
+          ] }),
+          /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "Quality controls include:" }),
+          qualityControls?.length ? /* @__PURE__ */ jsx("ul", { style: { margin: 0, paddingLeft: 20 }, children: qualityControls.map((qc, i) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: qc }) }, i)) }) : /* @__PURE__ */ jsx(Typography, { variant: "body2", children: "N/A" })
+        ] })
+      ]
+    }
+  );
+};
+
+export { LineageAndQualityCard };
+//# sourceMappingURL=LineageAndQualityCard.esm.js.map

package/dist/components/CatalogDataset/LineageAndQualityCard.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineageAndQualityCard.esm.js","sources":["../../../src/components/CatalogDataset/LineageAndQualityCard.tsx"],"sourcesContent":["import {\n  Card,\n  CardHeader,\n  CardContent,\n  Typography,\n} from '@material-ui/core';\n\ntype Props = {\n  sourceSystem?: string;\n  transformation?: string;\n  validation?: string;\n  refresh?: string;\n  qualityControls?: string[];\n};\n\nexport const LineageAndQualityCard = ({\n  sourceSystem,\n  transformation,\n  validation,\n  refresh,\n  qualityControls,\n}: Props) => {\n  return (\n    <Card\n      style={{\n        borderRadius: 8,\n        marginBottom: 16,\n        border: '2px solid rgba(0,0,0,0.23)',\n      }}\n      variant=\"outlined\"\n    >\n      <CardHeader title=\"Lineage & Quality\" />\n      <CardContent>\n        <Typography variant=\"body2\">\n          <strong>Source:</strong> {sourceSystem ?? 'N/A'}\n        </Typography>\n        <Typography variant=\"body2\">\n          <strong>Transformation:</strong> {transformation ?? 'N/A'}\n        </Typography>\n        <Typography variant=\"body2\" style={{ marginBottom: 8 }}>\n          <strong>Validation:</strong> {validation ?? 'N/A'}\n        </Typography>\n        <Typography variant=\"body2\" style={{ marginBottom: 8 }}>\n          <strong>Lineage Refresh:</strong> {refresh ?? 'N/A'}\n        </Typography>\n        <Typography variant=\"body2\">\n          Quality controls include:\n        </Typography>\n        {qualityControls?.length ? (\n          <ul style={{ margin: 0, paddingLeft: 20 }}>\n            {qualityControls.map((qc, i) => (\n              <li key={i}>\n                <Typography variant=\"body2\">{qc}</Typography>\n              </li>\n            ))}\n          </ul>\n        ) : (\n          <Typography variant=\"body2\">N/A</Typography>\n        )}\n      </CardContent>\n    </Card>\n  );\n};"],"names":[],"mappings":";;;AAeO,MAAM,wBAAwB,CAAC;AAAA,EACpC,YAAA;AAAA,EACA,cAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,KAAa;AACX,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,YAAA,EAAc,CAAA;AAAA,QACd,YAAA,EAAc,EAAA;AAAA,QACd,MAAA,EAAQ;AAAA,OACV;AAAA,MACA,OAAA,EAAQ,UAAA;AAAA,MAER,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAM,mBAAA,EAAoB,CAAA;AAAA,6BACrC,WAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,IAAA,CAAC,UAAA,EAAA,EAAW,SAAQ,OAAA,EAClB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAO,QAAA,EAAA,SAAA,EAAO,CAAA;AAAA,YAAS,GAAA;AAAA,YAAE,YAAA,IAAgB;AAAA,WAAA,EAC5C,CAAA;AAAA,0BACA,IAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAClB,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAO,QAAA,EAAA,iBAAA,EAAe,CAAA;AAAA,YAAS,GAAA;AAAA,YAAE,cAAA,IAAkB;AAAA,WAAA,EACtD,CAAA;AAAA,0BACA,IAAA,CAAC,cAAW,OAAA,EAAQ,OAAA,EAAQ,OAAO,EAAE,YAAA,EAAc,GAAE,EACnD,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAO,QAAA,EAAA,aAAA,EAAW,CAAA;AAAA,YAAS,GAAA;AAAA,YAAE,UAAA,IAAc;AAAA,WAAA,EAC9C,CAAA;AAAA,0BACA,IAAA,CAAC,cAAW,OAAA,EAAQ,OAAA,EAAQ,OAAO,EAAE,YAAA,EAAc,GAAE,EACnD,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,YAAO,QAAA,EAAA,kBAAA,EAAgB,CAAA;AAAA,YAAS,GAAA;AAAA,YAAE,OAAA,IAAW;AAAA,WAAA,EAChD,CAAA;AAAA,0BACA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAQ,QAAA,EAAA,2BAAA,EAE5B,CAAA;AAAA,UACC,eAAA,EAAiB,MAAA,mBAChB,GAAA,CAAC,IAAA,EAAA,EAAG,OAAO,EAAE,MAAA,EAAQ,CAAA,EAAG,WAAA,EAAa,EAAA,EAAG,EACrC,QAAA,EAAA,eAAA,CAAgB,GAAA,CAAI,CAAC,EAAA,EAAI,CAAA,qBACxB,GAAA,CAAC,IAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAS,cAAG,CAAA,EAAA,EADzB,CAET,CACD,CAAA,EACH,CAAA,mBAEA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,SAAQ,QAAA,EAAA,KAAA,EAAG;AAAA,SAAA,EAEnC;AAAA;AAAA;AAAA,GACF;AAEJ;;;;"}