@databiosphere/findable-ui 6.0.0 → 8.0.0

package/lib/components/Project/components/Contacts/contacts.js

@@ -1,20 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import { Link as EmailLink, Typography } from "@mui/material";
+import Link from "next/link";
+import React from "react";
+import { CollapsableSection } from "../../../common/Section/components/CollapsableSection/collapsableSection";
+import { SectionDetailsEmpty } from "../../../common/Section/components/SectionDetailsEmpty/sectionDetailsEmpty";
+import { SectionContentListItem } from "../../../common/Section/section.styles";
+export const Contacts = ({ contacts }) => {
+    return (React.createElement(CollapsableSection, { collapsable: true, title: "Contact" }, contacts ? (contacts.map(({ email, institution, name }, c) => (React.createElement(SectionContentListItem, { key: `${name}${c}` },
+        React.createElement(Typography, { variant: "text-body-500-2lines" }, name),
+        institution && React.createElement("span", null, institution),
+        email && (React.createElement(Link, { href: `mailto:${email}`, legacyBehavior: true, passHref: true },
+            React.createElement(EmailLink, null, email))))))) : (React.createElement(SectionDetailsEmpty, null))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Contacts = void 0;
-const material_1 = require("@mui/material");
-const link_1 = __importDefault(require("next/link"));
-const react_1 = __importDefault(require("react"));
-const collapsableSection_1 = require("../../../common/Section/components/CollapsableSection/collapsableSection");
-const sectionDetailsEmpty_1 = require("../../../common/Section/components/SectionDetailsEmpty/sectionDetailsEmpty");
-const section_styles_1 = require("../../../common/Section/section.styles");
-const Contacts = ({ contacts }) => {
-    return (react_1.default.createElement(collapsableSection_1.CollapsableSection, { collapsable: true, title: "Contact" }, contacts ? (contacts.map(({ email, institution, name }, c) => (react_1.default.createElement(section_styles_1.SectionContentListItem, { key: `${name}${c}` },
-        react_1.default.createElement(material_1.Typography, { variant: "text-body-500-2lines" }, name),
-        institution && react_1.default.createElement("span", null, institution),
-        email && (react_1.default.createElement(link_1.default, { href: `mailto:${email}`, legacyBehavior: true, passHref: true },
-            react_1.default.createElement(material_1.Link, null, email))))))) : (react_1.default.createElement(sectionDetailsEmpty_1.SectionDetailsEmpty, null))));
-};
-exports.Contacts = Contacts;

package/lib/components/Project/components/Contacts/contacts.stories.js

@@ -1,21 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContactsStory = void 0;
-const react_1 = __importDefault(require("react"));
-const contacts_1 = require("./contacts");
-exports.default = {
+import React from "react";
+import { Contacts } from "./contacts";
+export default {
     argTypes: {
         contacts: { control: "array" },
     },
-    component: contacts_1.Contacts,
+    component: Contacts,
     title: "Components/SectionContent/Content/Project",
 };
-const ContactsTemplate = (args) => (react_1.default.createElement(contacts_1.Contacts, Object.assign({}, args)));
-exports.ContactsStory = ContactsTemplate.bind({});
-exports.ContactsStory.args = {
+const ContactsTemplate = (args) => (React.createElement(Contacts, { ...args }));
+export const ContactsStory = ContactsTemplate.bind({});
+ContactsStory.args = {
     contacts: [
         {
             email: "gervaise.henry@utsouthwestern.edu",

package/lib/components/Project/components/Contributors/contributors.js

@@ -1,20 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Contributors = void 0;
-const react_1 = __importDefault(require("react"));
-const collapsableSection_1 = require("../../../common/Section/components/CollapsableSection/collapsableSection");
-const sectionDetailsEmpty_1 = require("../../../common/Section/components/SectionDetailsEmpty/sectionDetailsEmpty");
-const sup_styles_1 = require("../Sup/sup.styles");
-const Contributors = ({ contributors, }) => {
-    return (react_1.default.createElement(collapsableSection_1.CollapsableSection, { collapsable: true, title: "Contributors" }, contributors ? (react_1.default.createElement("div", null, contributors.map(({ citation, name, role }, c) => (react_1.default.createElement("div", { key: `${name}${c}` },
-        react_1.default.createElement("span", null, name),
-        role && react_1.default.createElement("span", null,
+import React from "react";
+import { CollapsableSection } from "../../../common/Section/components/CollapsableSection/collapsableSection";
+import { SectionDetailsEmpty } from "../../../common/Section/components/SectionDetailsEmpty/sectionDetailsEmpty";
+import { Sup } from "../Sup/sup.styles";
+export const Contributors = ({ contributors, }) => {
+    return (React.createElement(CollapsableSection, { collapsable: true, title: "Contributors" }, contributors ? (React.createElement("div", null, contributors.map(({ citation, name, role }, c) => (React.createElement("div", { key: `${name}${c}` },
+        React.createElement("span", null, name),
+        role && React.createElement("span", null,
             " (",
             role,
             ")"),
-        citation && react_1.default.createElement(sup_styles_1.Sup, null, citation)))))) : (react_1.default.createElement(sectionDetailsEmpty_1.SectionDetailsEmpty, null))));
+        citation && React.createElement(Sup, null, citation)))))) : (React.createElement(SectionDetailsEmpty, null))));
 };
-exports.Contributors = Contributors;

package/lib/components/Project/components/Contributors/contributors.stories.js

@@ -1,18 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContributorsStory = void 0;
-const react_1 = __importDefault(require("react"));
-const contributors_1 = require("./contributors");
-exports.default = {
-    component: contributors_1.Contributors,
+import React from "react";
+import { Contributors } from "./contributors";
+export default {
+    component: Contributors,
     title: "Components/SectionContent/Content/Project",
 };
-const ContributorsTemplate = (args) => (react_1.default.createElement(contributors_1.Contributors, Object.assign({}, args)));
-exports.ContributorsStory = ContributorsTemplate.bind({});
-exports.ContributorsStory.args = {
+const ContributorsTemplate = (args) => (React.createElement(Contributors, { ...args }));
+export const ContributorsStory = ContributorsTemplate.bind({});
+ContributorsStory.args = {
     contributors: [
         {
             citation: 1,

package/lib/components/Project/components/DataCurators/dataCurators.js

@@ -1,13 +1,6 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import React from "react";
+import { CollapsableSection } from "../../../common/Section/components/CollapsableSection/collapsableSection";
+import { SectionDetailsEmpty } from "../../../common/Section/components/SectionDetailsEmpty/sectionDetailsEmpty";
+export const DataCurators = ({ dataCurators, }) => {
+    return (React.createElement(CollapsableSection, { collapsable: true, title: "Data Curators" }, dataCurators ? (React.createElement("div", null, dataCurators.map((name, n) => (React.createElement("div", { key: `${name}${n}` }, name))))) : (React.createElement(SectionDetailsEmpty, null))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataCurators = void 0;
-const react_1 = __importDefault(require("react"));
-const collapsableSection_1 = require("../../../common/Section/components/CollapsableSection/collapsableSection");
-const sectionDetailsEmpty_1 = require("../../../common/Section/components/SectionDetailsEmpty/sectionDetailsEmpty");
-const DataCurators = ({ dataCurators, }) => {
-    return (react_1.default.createElement(collapsableSection_1.CollapsableSection, { collapsable: true, title: "Data Curators" }, dataCurators ? (react_1.default.createElement("div", null, dataCurators.map((name, n) => (react_1.default.createElement("div", { key: `${name}${n}` }, name))))) : (react_1.default.createElement(sectionDetailsEmpty_1.SectionDetailsEmpty, null))));
-};
-exports.DataCurators = DataCurators;

package/lib/components/Project/components/DataCurators/dataCurators.stories.js

@@ -1,20 +1,14 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataCuratorsStory = void 0;
-const react_1 = __importDefault(require("react"));
-const dataCurators_1 = require("./dataCurators");
-exports.default = {
+import React from "react";
+import { DataCurators } from "./dataCurators";
+export default {
     argTypes: {
         dataCurators: { control: "array" },
     },
-    component: dataCurators_1.DataCurators,
+    component: DataCurators,
     title: "Components/SectionContent/Content/Project",
 };
-const DataCuratorsTemplate = (args) => (react_1.default.createElement(dataCurators_1.DataCurators, Object.assign({}, args)));
-exports.DataCuratorsStory = DataCuratorsTemplate.bind({});
-exports.DataCuratorsStory.args = {
+const DataCuratorsTemplate = (args) => (React.createElement(DataCurators, { ...args }));
+export const DataCuratorsStory = DataCuratorsTemplate.bind({});
+DataCuratorsStory.args = {
     dataCurators: ["Schwartz Rachel", "William Sullivan", "Parisa Nejad"],
 };

package/lib/components/Project/components/DataReleasePolicy/dataReleasePolicy.js

@@ -1,20 +1,13 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataReleasePolicy = void 0;
-const material_1 = require("@mui/material");
-const link_1 = __importDefault(require("next/link"));
-const react_1 = __importDefault(require("react"));
-const collapsableSection_1 = require("../../../common/Section/components/CollapsableSection/collapsableSection");
-const DataReleasePolicy = () => {
-    return (react_1.default.createElement(collapsableSection_1.CollapsableSection, { title: "Data Access Policy" },
-        react_1.default.createElement(material_1.Typography, null,
+import { Link as PolicyLink, Typography } from "@mui/material";
+import Link from "next/link";
+import React from "react";
+import { CollapsableSection } from "../../../common/Section/components/CollapsableSection/collapsableSection";
+export const DataReleasePolicy = () => {
+    return (React.createElement(CollapsableSection, { title: "Data Access Policy" },
+        React.createElement(Typography, null,
             "For information regarding data sharing and data use, please see our",
             " ",
-            react_1.default.createElement(link_1.default, { href: "https://anvilproject.org/faq/data-security/", legacyBehavior: true, passHref: true },
-                react_1.default.createElement(material_1.Link, { target: "_blank" }, "Data Access Policy")),
+            React.createElement(Link, { href: "https://anvilproject.org/faq/data-security/", legacyBehavior: true, passHref: true },
+                React.createElement(PolicyLink, { target: "_blank" }, "Data Access Policy")),
             ".")));
 };
-exports.DataReleasePolicy = DataReleasePolicy;

package/lib/components/Project/components/DataReleasePolicy/dataReleasePolicy.stories.js

@@ -1,14 +1,8 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataReleasePolicyStory = void 0;
-const react_1 = __importDefault(require("react"));
-const dataReleasePolicy_1 = require("./dataReleasePolicy");
-exports.default = {
-    component: dataReleasePolicy_1.DataReleasePolicy,
+import React from "react";
+import { DataReleasePolicy } from "./dataReleasePolicy";
+export default {
+    component: DataReleasePolicy,
     title: "Components/SectionContent/Content/Project",
 };
-const DataReleasePolicyTemplate = () => react_1.default.createElement(dataReleasePolicy_1.DataReleasePolicy, null);
-exports.DataReleasePolicyStory = DataReleasePolicyTemplate.bind({});
+const DataReleasePolicyTemplate = () => React.createElement(DataReleasePolicy, null);
+export const DataReleasePolicyStory = DataReleasePolicyTemplate.bind({});

package/lib/components/Project/components/Description/description.js

@@ -1,14 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import { Typography } from "@mui/material";
+import React from "react";
+import { CollapsableSection } from "../../../common/Section/components/CollapsableSection/collapsableSection";
+export const Description = ({ projectDescription, }) => {
+    return (React.createElement(CollapsableSection, { title: "Description" },
+        React.createElement(Typography, null, projectDescription)));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Description = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const collapsableSection_1 = require("../../../common/Section/components/CollapsableSection/collapsableSection");
-const Description = ({ projectDescription, }) => {
-    return (react_1.default.createElement(collapsableSection_1.CollapsableSection, { title: "Description" },
-        react_1.default.createElement(material_1.Typography, null, projectDescription)));
-};
-exports.Description = Description;

package/lib/components/Project/components/Description/description.stories.js

@@ -1,17 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DescriptionStory = void 0;
-const react_1 = __importDefault(require("react"));
-const description_1 = require("./description");
-exports.default = {
-    component: description_1.Description,
+import React from "react";
+import { Description } from "./description";
+export default {
+    component: Description,
     title: "Components/SectionContent/Content/Project",
 };
-const DescriptionTemplate = (args) => (react_1.default.createElement(description_1.Description, Object.assign({}, args)));
-exports.DescriptionStory = DescriptionTemplate.bind({});
-exports.DescriptionStory.args = {
+const DescriptionTemplate = (args) => (React.createElement(Description, { ...args }));
+export const DescriptionStory = DescriptionTemplate.bind({});
+DescriptionStory.args = {
     projectDescription: "Although the function of the mammalian pancreas hinges on complex interactions of distinct cell types, gene expression profiles have primarily been described with bulk mixtures. Here we implemented a droplet-based, single-cell RNA-seq method to determine the transcriptomes of over 12,000 individual pancreatic cells from four human donors and two mouse strains. Cells could be divided into 15 clusters that matched previously characterized cell types: all endocrine cell types, including rare epsilon-cells; exocrine cell types; vascular cells; Schwann cells; quiescent and activated stellate cells; and four types of immune cells. We detected subpopulations of ductal cells with distinct expression profiles and validated their existence with immuno-histochemistry stains. Moreover, among human beta- cells, we detected heterogeneity in the regulation of genes relating to functional maturation and levels of ER stress. Finally, we deconvolved bulk gene expression samples using the single-cell data to detect disease-associated differential expression. Our dataset provides a resource for the discovery of novel cell type-specific transcription factors, signaling receptors, and medically relevant genes.",
 };

package/lib/components/Project/components/Details/details.js

@@ -1,35 +1,9 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Details = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importStar(require("react"));
-const keyValuePairs_1 = require("../../../common/KeyValuePairs/keyValuePairs");
-const collapsableSection_1 = require("../../../common/Section/components/CollapsableSection/collapsableSection");
-const sectionDetailsEmpty_1 = require("../../../common/Section/components/SectionDetailsEmpty/sectionDetailsEmpty");
-const stack_1 = require("../../../common/Stack/stack");
+import { Typography } from "@mui/material";
+import React, { Fragment } from "react";
+import { KeyValuePairs, } from "../../../common/KeyValuePairs/keyValuePairs";
+import { CollapsableSection } from "../../../common/Section/components/CollapsableSection/collapsableSection";
+import { SectionDetailsEmpty } from "../../../common/Section/components/SectionDetailsEmpty/sectionDetailsEmpty";
+import { Stack } from "../../../common/Stack/stack";
 /**
  * Wrapper element around the key.
  * @param props - Set of values accepted by this component as props.
@@ -37,9 +11,8 @@ const stack_1 = require("../../../common/Stack/stack");
  * @returns typography component with color "ink.light".
  */
 function renderKey(props) {
-    return react_1.default.createElement(material_1.Typography, { color: "ink.light" }, props.children);
+    return React.createElement(Typography, { color: "ink.light" }, props.children);
 }
-const Details = ({ keyValuePairs, title, }) => {
-    return (react_1.default.createElement(collapsableSection_1.CollapsableSection, { collapsable: true, title: title }, keyValuePairs ? (react_1.default.createElement(keyValuePairs_1.KeyValuePairs, { KeyElType: renderKey, keyValuePairs: keyValuePairs, KeyValuesElType: react_1.Fragment, KeyValueElType: stack_1.Stack })) : (react_1.default.createElement(sectionDetailsEmpty_1.SectionDetailsEmpty, null))));
+export const Details = ({ keyValuePairs, title, }) => {
+    return (React.createElement(CollapsableSection, { collapsable: true, title: title }, keyValuePairs ? (React.createElement(KeyValuePairs, { KeyElType: renderKey, keyValuePairs: keyValuePairs, KeyValuesElType: Fragment, KeyValueElType: Stack })) : (React.createElement(SectionDetailsEmpty, null))));
 };
-exports.Details = Details;

package/lib/components/Project/components/Details/details.stories.js

@@ -1,11 +1,5 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DetailsStory = void 0;
-const react_1 = __importDefault(require("react"));
-const details_1 = require("./details");
+import React from "react";
+import { Details } from "./details";
 // Template constants
 const details = new Map([
     ["Project Label", "HeterogeneityCD4TCells"],
@@ -13,17 +7,17 @@ const details = new Map([
     ["Sample Type", "specimens"],
     ["Anatomical Entity", "eye"],
 ]);
-exports.default = {
+export default {
     argTypes: {
         keyValuePairs: { control: "object" },
         title: { control: "text" },
     },
-    component: details_1.Details,
+    component: Details,
     title: "Components/SectionContent/Content/Project",
 };
-const DetailsTemplate = (args) => (react_1.default.createElement(details_1.Details, Object.assign({}, args)));
-exports.DetailsStory = DetailsTemplate.bind({});
-exports.DetailsStory.args = {
+const DetailsTemplate = (args) => (React.createElement(Details, { ...args }));
+export const DetailsStory = DetailsTemplate.bind({});
+DetailsStory.args = {
     keyValuePairs: details,
     title: "",
 };

package/lib/components/Project/components/Publications/publications.js

@@ -1,18 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+import { Typography } from "@mui/material";
+import React from "react";
+import { CollapsableSection } from "../../../common/Section/components/CollapsableSection/collapsableSection";
+import { SectionDetailsEmpty } from "../../../common/Section/components/SectionDetailsEmpty/sectionDetailsEmpty";
+import { ANCHOR_TARGET } from "../../../Links/common/entities";
+import { Link } from "../../../Links/components/Link/link";
+export const Publications = ({ publications, }) => {
+    return (React.createElement(CollapsableSection, { collapsable: true, title: "Publications" }, publications ? (React.createElement("div", null, publications.map(({ officialHcaPublication, publicationTitle, publicationUrl }, p) => (React.createElement(Typography, { key: `${publicationTitle}${p}` },
+        React.createElement(Link, { label: publicationTitle, target: ANCHOR_TARGET.BLANK, url: publicationUrl }),
+        officialHcaPublication && (React.createElement("span", null, " (Official HCA Publication)"))))))) : (React.createElement(SectionDetailsEmpty, null))));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Publications = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importDefault(require("react"));
-const collapsableSection_1 = require("../../../common/Section/components/CollapsableSection/collapsableSection");
-const sectionDetailsEmpty_1 = require("../../../common/Section/components/SectionDetailsEmpty/sectionDetailsEmpty");
-const entities_1 = require("../../../Links/common/entities");
-const link_1 = require("../../../Links/components/Link/link");
-const Publications = ({ publications, }) => {
-    return (react_1.default.createElement(collapsableSection_1.CollapsableSection, { collapsable: true, title: "Publications" }, publications ? (react_1.default.createElement("div", null, publications.map(({ officialHcaPublication, publicationTitle, publicationUrl }, p) => (react_1.default.createElement(material_1.Typography, { key: `${publicationTitle}${p}` },
-        react_1.default.createElement(link_1.Link, { label: publicationTitle, target: entities_1.ANCHOR_TARGET.BLANK, url: publicationUrl }),
-        officialHcaPublication && (react_1.default.createElement("span", null, " (Official HCA Publication)"))))))) : (react_1.default.createElement(sectionDetailsEmpty_1.SectionDetailsEmpty, null))));
-};
-exports.Publications = Publications;

package/lib/components/Project/components/Publications/publications.stories.js

@@ -1,18 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PublicationsStory = void 0;
-const react_1 = __importDefault(require("react"));
-const publications_1 = require("./publications");
-exports.default = {
-    component: publications_1.Publications,
+import React from "react";
+import { Publications } from "./publications";
+export default {
+    component: Publications,
     title: "Components/SectionContent/Content/Project",
 };
-const PublicationsTemplate = (args) => (react_1.default.createElement(publications_1.Publications, Object.assign({}, args)));
-exports.PublicationsStory = PublicationsTemplate.bind({});
-exports.PublicationsStory.args = {
+const PublicationsTemplate = (args) => (React.createElement(Publications, { ...args }));
+export const PublicationsStory = PublicationsTemplate.bind({});
+PublicationsStory.args = {
     publications: [
         {
             doi: "10.1126/science.aay3224",

package/lib/components/Project/components/Sup/sup.styles.js

@@ -1,10 +1,4 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Sup = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.Sup = styled_1.default.sup `
+import styled from "@emotion/styled";
+export const Sup = styled.sup `
   line-height: 0;
 `;

package/lib/components/Project/components/SupplementaryLinks/supplementaryLinks.js

@@ -1,45 +1,18 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SupplementaryLinks = void 0;
-const material_1 = require("@mui/material");
-const react_1 = __importStar(require("react"));
-const collapsableSection_1 = require("../../../common/Section/components/CollapsableSection/collapsableSection");
-const sectionDetailsEmpty_1 = require("../../../common/Section/components/SectionDetailsEmpty/sectionDetailsEmpty");
-const stack_1 = require("../../../common/Stack/stack");
-const entities_1 = require("../../../Links/common/entities");
-const link_1 = require("../../../Links/components/Link/link");
-const supplementaryLinks_styles_1 = require("./supplementaryLinks.styles");
-const SupplementaryLinks = ({ supplementaryLinks, }) => {
-    return (react_1.default.createElement(collapsableSection_1.CollapsableSection, { collapsable: true, title: "Supplementary Links" }, supplementaryLinks ? (react_1.default.createElement(stack_1.Stack, { gap: 2 },
-        react_1.default.createElement(material_1.Typography, null, "Supplementary links are provided by contributors and represent items such as additional data which can\u2019t be hosted here; code that was used to analyze this data; or tools and visualizations associated with this specific dataset."),
-        react_1.default.createElement(supplementaryLinks_styles_1.SupplementaryList, null, supplementaryLinks.map((link, marker) => (react_1.default.createElement(react_1.Fragment, { key: link },
-            react_1.default.createElement(supplementaryLinks_styles_1.Marker, null,
+import { Typography } from "@mui/material";
+import React, { Fragment } from "react";
+import { CollapsableSection } from "../../../common/Section/components/CollapsableSection/collapsableSection";
+import { SectionDetailsEmpty } from "../../../common/Section/components/SectionDetailsEmpty/sectionDetailsEmpty";
+import { Stack } from "../../../common/Stack/stack";
+import { ANCHOR_TARGET } from "../../../Links/common/entities";
+import { Link } from "../../../Links/components/Link/link";
+import { Marker, SupplementaryLink as EllipsisLink, SupplementaryList, } from "./supplementaryLinks.styles";
+export const SupplementaryLinks = ({ supplementaryLinks, }) => {
+    return (React.createElement(CollapsableSection, { collapsable: true, title: "Supplementary Links" }, supplementaryLinks ? (React.createElement(Stack, { gap: 2 },
+        React.createElement(Typography, null, "Supplementary links are provided by contributors and represent items such as additional data which can\u2019t be hosted here; code that was used to analyze this data; or tools and visualizations associated with this specific dataset."),
+        React.createElement(SupplementaryList, null, supplementaryLinks.map((link, marker) => (React.createElement(Fragment, { key: link },
+            React.createElement(Marker, null,
                 marker + 1,
                 "."),
-            react_1.default.createElement(supplementaryLinks_styles_1.SupplementaryLink, null,
-                react_1.default.createElement(link_1.Link, { copyable: true, label: link, noWrap: true, target: entities_1.ANCHOR_TARGET.BLANK, url: link })))))))) : (react_1.default.createElement(sectionDetailsEmpty_1.SectionDetailsEmpty, null))));
+            React.createElement(EllipsisLink, null,
+                React.createElement(Link, { copyable: true, label: link, noWrap: true, target: ANCHOR_TARGET.BLANK, url: link })))))))) : (React.createElement(SectionDetailsEmpty, null))));
 };
-exports.SupplementaryLinks = SupplementaryLinks;

package/lib/components/Project/components/SupplementaryLinks/supplementaryLinks.stories.js

@@ -1,18 +1,12 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SupplementaryLinksStory = void 0;
-const react_1 = __importDefault(require("react"));
-const supplementaryLinks_1 = require("./supplementaryLinks");
-exports.default = {
-    component: supplementaryLinks_1.SupplementaryLinks,
+import React from "react";
+import { SupplementaryLinks } from "./supplementaryLinks";
+export default {
+    component: SupplementaryLinks,
     title: "Components/SectionContent/Content/Project",
 };
-const SupplementaryLinksTemplate = (args) => react_1.default.createElement(supplementaryLinks_1.SupplementaryLinks, Object.assign({}, args));
-exports.SupplementaryLinksStory = SupplementaryLinksTemplate.bind({});
-exports.SupplementaryLinksStory.args = {
+const SupplementaryLinksTemplate = (args) => React.createElement(SupplementaryLinks, { ...args });
+export const SupplementaryLinksStory = SupplementaryLinksTemplate.bind({});
+SupplementaryLinksStory.args = {
     supplementaryLinks: [
         "https://castelobranco.shinyapps.io/MSCtrl_CCA_18/",
         "https://ki.se/en/mbb/oligointernode",

package/lib/components/Project/components/SupplementaryLinks/supplementaryLinks.styles.js

@@ -1,20 +1,14 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SupplementaryLink = exports.Marker = exports.SupplementaryList = void 0;
-const styled_1 = __importDefault(require("@emotion/styled"));
-exports.SupplementaryList = styled_1.default.div `
+import styled from "@emotion/styled";
+export const SupplementaryList = styled.div `
   display: grid;
   gap: 0 4px;
   grid-template-columns: auto 1fr;
 `;
-exports.Marker = styled_1.default.span `
+export const Marker = styled.span `
   color: ${({ theme }) => theme.palette.primary.main};
   text-align: right;
 `;
-exports.SupplementaryLink = styled_1.default.span `
+export const SupplementaryLink = styled.span `
   align-items: center;
   display: flex;
   gap: 8px;

package/lib/components/Redirect/redirect.js

@@ -1,36 +1,9 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Redirect = void 0;
-const router_1 = require("next/router");
-const react_1 = __importStar(require("react"));
-const Redirect = ({ destination, replace, }) => {
-    const router = (0, router_1.useRouter)();
-    (0, react_1.useEffect)(() => {
+import { useRouter } from "next/router";
+import React, { useEffect } from "react";
+export const Redirect = ({ destination, replace, }) => {
+    const router = useRouter();
+    useEffect(() => {
         replace ? router.replace(destination) : router.push(destination);
     }, [destination, replace, router]);
-    return react_1.default.createElement(react_1.default.Fragment, null);
+    return React.createElement(React.Fragment, null);
 };
-exports.Redirect = Redirect;