synapse-react-client 4.0.3 → 4.0.5-b

package/dist/components/BasePortalCard/ColorfulPortalCardWithChips/ColorfulPortalCardWithChips.module.scss

@@ -23,11 +23,11 @@
 
 .ColorfulPortalCardWithChips__titleSection {
   color: #fff;
-  max-width: 225px;
+  max-width: 310px;
   top: 0;
   position: absolute;
   padding-left: 30px;
-  padding-top: 50px;
+  padding-top: 65px;
 }
 
 .ColorfulPortalCardWithChips__title:global(.MuiTypography-root) {
@@ -37,6 +37,8 @@
   -webkit-line-clamp: 4;
   -webkit-box-orient: vertical;
   overflow-wrap: break-word;
+  max-width: 225px;
+  font-weight: 600;
 }
 
 .ColorfulPortalCardWithChips__sectionTitle:global(.MuiTypography-root) {
@@ -62,11 +64,12 @@
 }
 
 .ColorfulPortalCardWithChips__sectionContainer {
-  height: 100%;
+  flex: 1;
 }
 
 .ColorfulPortalCardWithChips__bottomSection {
   min-height: 0;
+  flex: 1;
   gap: 12px;
   padding: 30px;
   align-items: flex-start;
@@ -99,6 +102,7 @@
 
 .ColorfulPortalCardWithChips__learnMoreButton:global(.MuiButton-root) {
   display: flex;
+  margin-top: auto;
   height: 36px;
   padding: 6px 16px;
   border-radius: 8px;
@@ -196,15 +200,21 @@
 }
 
 .ColorfulPortalCardWithChips__description :global(.markdown) {
+  --description-line-height: 20px;
+  --description-max-lines: 3;
+
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
-  -webkit-line-clamp: 3;
+  -webkit-line-clamp: var(--description-max-lines);
   -webkit-box-orient: vertical;
+  min-height: calc(
+    var(--description-max-lines) * var(--description-line-height)
+  );
 }
 
 .ColorfulPortalCardWithChips__description :global(.markdown) p {
   color: var(--synapse-black) !important;
   font-size: 14px;
-  line-height: 20px;
+  line-height: var(--description-line-height);
 }

package/dist/components/BasePortalCard/ColorfulPortalCardWithChips/ColorfulPortalCardWithChips.module.scss.js

@@ -1,4 +1,4 @@
-import './ColorfulPortalCardWithChips.css';const o = "_ColorfulPortalCardWithChips__titleSection_fcyoh_22", t = "_ColorfulPortalCardWithChips__title_fcyoh_22", r = "_ColorfulPortalCardWithChips__challengeName_fcyoh_52", l = "_ColorfulPortalCardWithChips__sectionContainer_fcyoh_62", i = "_ColorfulPortalCardWithChips__bottomSection_fcyoh_66", C = "_ColorfulPortalCardWithChips__descriptionTitle_fcyoh_73", _ = "_ColorfulPortalCardWithChips__registrationStatus_fcyoh_82", a = "_ColorfulPortalCardWithChips__chipsContainer_fcyoh_91", h = "_ColorfulPortalCardWithChips__learnMoreButton_fcyoh_98", s = "_ColorfulPortalCardWithChips__description_fcyoh_73", e = {
+import './ColorfulPortalCardWithChips.css';const o = "_ColorfulPortalCardWithChips__titleSection_1mhpo_22", t = "_ColorfulPortalCardWithChips__title_1mhpo_22", r = "_ColorfulPortalCardWithChips__challengeName_1mhpo_54", l = "_ColorfulPortalCardWithChips__sectionContainer_1mhpo_64", i = "_ColorfulPortalCardWithChips__bottomSection_1mhpo_68", C = "_ColorfulPortalCardWithChips__descriptionTitle_1mhpo_76", _ = "_ColorfulPortalCardWithChips__registrationStatus_1mhpo_85", a = "_ColorfulPortalCardWithChips__chipsContainer_1mhpo_94", h = "_ColorfulPortalCardWithChips__learnMoreButton_1mhpo_101", s = "_ColorfulPortalCardWithChips__description_1mhpo_76", e = {
   ColorfulPortalCardWithChips__titleSection: o,
   ColorfulPortalCardWithChips__title: t,
   ColorfulPortalCardWithChips__challengeName: r,

package/dist/components/CardContainer/CardLink.d.ts

@@ -11,6 +11,18 @@ export type CardLink = ({
 } & ({
     baseURL: string;
     URLColumnName: string;
+    /**
+     * Controls how the record identifier is appended to baseURL.
+     *
+     * - `'query-param'` (default): appends as a query string parameter, e.g.
+     *   `/<baseURL>?<URLColumnName>=<value>`
+     * - `'path-segment'`: appends as a path segment, e.g.
+     *   `/<baseURL>/<value>`
+     *
+     * Use `'path-segment'` for clean-URL detail pages that use React Router
+     * dynamic segments (`:param`) rather than `?param=` query strings.
+     */
+    urlParamStyle?: 'query-param' | 'path-segment';
     wrapValueWithParens?: boolean;
     resolveEntityName?: boolean;
 } | {

package/dist/components/CardContainer/CardLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardLink.d.ts","sourceRoot":"","sources":["../../../src/components/CardContainer/CardLink.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEpD;;GAEG;AACH,MAAM,MAAM,QAAQ,GAClB,CAAE;IAEE,eAAe,EAAE,MAAM,CAAA;IAEvB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAEhC,UAAU,EAAE,KAAK,CAAA;IAEjB,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB,GAAG,CACA;IACE,OAAO,EAAE,MAAM,CAAA;IAEf,aAAa,EAAE,MAAM,CAAA;IAGrB,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,GACD;IAEE,yBAAyB,EAAE,MAAM,CAAA;IAEjC,8BAA8B,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAA;CACjE,CACJ,CAAA,CAAA"}
+{"version":3,"file":"CardLink.d.ts","sourceRoot":"","sources":["../../../src/components/CardContainer/CardLink.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAEpD;;GAEG;AACH,MAAM,MAAM,QAAQ,GAClB,CAAE;IAEE,eAAe,EAAE,MAAM,CAAA;IAEvB,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAEhC,UAAU,EAAE,KAAK,CAAA;IAEjB,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,MAAM,CAAC,EAAE,UAAU,CAAA;CACpB,GAAG,CACA;IACE,OAAO,EAAE,MAAM,CAAA;IAEf,aAAa,EAAE,MAAM,CAAA;IACrB;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,aAAa,GAAG,cAAc,CAAA;IAG9C,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B,GACD;IAEE,yBAAyB,EAAE,MAAM,CAAA;IAEjC,8BAA8B,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,MAAM,CAAA;CACjE,CACJ,CAAA,CAAA"}

package/dist/components/ChallengeSubmission/AvailableEvaluationQueueList.js

@@ -1,10 +1,10 @@
 import { jsx as e, jsxs as u, Fragment as r } from "react/jsx-runtime";
 import { LightTooltip as b } from "../styled/LightTooltip.js";
 import { HelpOutlineTwoTone as x } from "@mui/icons-material";
-import { Typography as d, Box as c, Autocomplete as g, TextField as E, MenuItem as L, Button as S, Collapse as A, List as T, ListItem as w } from "@mui/material";
+import { Typography as d, Box as c, Autocomplete as g, TextField as E, MenuItem as L, Button as S, Collapse as w, List as A, ListItem as M } from "@mui/material";
 import { noop as h } from "lodash-es";
-import { useEffect as M, useState as p } from "react";
-import { MarkdownSynapse as y } from "../Markdown/MarkdownSynapse.js";
+import { useEffect as T, useState as p } from "react";
+import { Markdown as k } from "../Markdown/MarkdownSynapse.js";
 function m(t) {
   const { text: i, tooltipMarkdownText: n } = t;
   return /* @__PURE__ */ u(r, { children: [
@@ -19,7 +19,7 @@ function m(t) {
             sx: {
               mb: 0
             },
-            children: /* @__PURE__ */ e(y, { markdown: n })
+            children: /* @__PURE__ */ e(k, { markdown: n })
           }
         ),
         children: /* @__PURE__ */ e(
@@ -40,7 +40,7 @@ function v(t) {
   const { evaluations: i } = t;
   return /* @__PURE__ */ u(r, { children: [
     /* @__PURE__ */ e(d, { variant: "body1", children: "Available Evaluation Queues:" }),
-    /* @__PURE__ */ e(T, { dense: !0, children: i.map((n) => /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e(A, { dense: !0, children: i.map((n) => /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(
       m,
       {
         text: n.name,
@@ -49,7 +49,7 @@ function v(t) {
     ) }, n.id)) })
   ] });
 }
-function C(t) {
+function y(t) {
   const { evaluations: i, isSelectable: n } = t, [a, l] = p(!1), o = n ? 2 : 8, s = i.length >= o;
   return /* @__PURE__ */ e(
     c,
@@ -67,12 +67,12 @@ function C(t) {
             children: `${a ? "Hide" : "Show"} All Available Evaluation Queues`
           }
         ),
-        /* @__PURE__ */ e(A, { in: a, children: /* @__PURE__ */ e(v, { ...t }) })
+        /* @__PURE__ */ e(w, { in: a, children: /* @__PURE__ */ e(v, { ...t }) })
       ] }) : /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(v, { ...t }) })
     }
   );
 }
-function I(t) {
+function C(t) {
   const { evaluations: i, onChangeSelectedEvaluation: n = h } = t, [a, l] = p(null);
   return /* @__PURE__ */ e(
     g,
@@ -84,7 +84,7 @@ function I(t) {
       },
       options: i,
       getOptionLabel: (o) => o.name,
-      renderOption: (o, s, Q, f) => /* @__PURE__ */ e(L, { ...o, children: /* @__PURE__ */ e(
+      renderOption: (o, s, I, f) => /* @__PURE__ */ e(L, { ...o, children: /* @__PURE__ */ e(
         m,
         {
           text: f.getOptionLabel(s),
@@ -101,7 +101,7 @@ function z(t) {
     onChangeSelectedEvaluation: n = h,
     evaluations: a
   } = t, l = a.length;
-  if (M(() => {
+  if (T(() => {
     l === 1 && i && n(a[0]);
   }, [a, i, l, n]), l === 0)
     return /* @__PURE__ */ e(d, { variant: "body1", children: "No evaluations found" });
@@ -129,8 +129,8 @@ function z(t) {
     {
       className: "AvailableEvaluationQueueList",
       children: [
-        i && /* @__PURE__ */ e(I, { ...t }),
-        /* @__PURE__ */ e(C, { ...t })
+        i && /* @__PURE__ */ e(C, { ...t }),
+        /* @__PURE__ */ e(y, { ...t })
       ]
     }
   );

package/dist/components/ChallengeTeamWizard/CreateChallengeTeam.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateChallengeTeam.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeTeamWizard/CreateChallengeTeam.tsx"],"names":[],"mappings":"AAeA,MAAM,MAAM,wBAAwB,GAAG;IACrC,WAAW,EAAE,MAAM,CAAA;IACnB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAChD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACtC,CAAA;AAGD,eAAO,MAAM,uBAAuB,iIAC4F,CAAA;AAEhI,MAAM,MAAM,yBAAyB,GAAG;IAEtC,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,mBAAmB,gIAmL9B,CAAA"}
+{"version":3,"file":"CreateChallengeTeam.d.ts","sourceRoot":"","sources":["../../../src/components/ChallengeTeamWizard/CreateChallengeTeam.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,wBAAwB,GAAG;IACrC,WAAW,EAAE,MAAM,CAAA;IACnB,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IAChD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;CACtC,CAAA;AAGD,eAAO,MAAM,uBAAuB,iIAC4F,CAAA;AAEhI,MAAM,MAAM,yBAAyB,GAAG;IAEtC,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,mBAAmB,gIAmL9B,CAAA"}

package/dist/components/ChallengeTeamWizard/CreateChallengeTeam.js

@@ -4,8 +4,8 @@ import { Box as n, Typography as l, Alert as _ } from "@mui/material";
 import o from "../TextField/TextField.js";
 import F from "./useCreateAndRegisterChallengeTeam.js";
 import { noop as T, isEmpty as S } from "lodash-es";
-import { parse as V } from "papaparse";
-const j = 3, B = "Please limit the initial number of invited members to three. You may add additional members after the team has been created.", J = P(function(C, R) {
+import V from "papaparse";
+const { parse: j } = V, B = 3, D = "Please limit the initial number of invited members to three. You may add additional members after the team has been created.", K = P(function(C, R) {
   const { challengeId: v, onCanSubmitChange: f = T, onFinished: g = T } = C, [a, w] = p({
     name: "",
     description: ""
@@ -13,14 +13,14 @@ const j = 3, B = "Please limit the initial number of invited members to three. Y
     const i = { ...a, ...e };
     w(i);
   }, { inviteesParseResult: I, parsedInvitees: u } = N(() => {
-    const e = V(m, {
+    const e = j(m, {
       delimiter: ",",
       transform(A) {
         return A.trim();
       }
     }), i = e.data[0] || [];
     return { inviteesParseResult: e, parsedInvitees: i };
-  }, [m]), c = u.length > j, r = !!(a && a.name && a.name.length > 1 && !c);
+  }, [m]), c = u.length > B, r = !!(a && a.name && a.name.length > 1 && !c);
   O(() => {
     f(r);
   }, [r, f]);
@@ -147,14 +147,14 @@ const j = 3, B = "Please limit the initial number of invited members to three. Y
       }
     ),
     (c || !S(I.errors) || h) && /* @__PURE__ */ y(_, { severity: "error", children: [
-      c && /* @__PURE__ */ t(l, { variant: "body1", children: B }),
+      c && /* @__PURE__ */ t(l, { variant: "body1", children: D }),
       I.errors.map((e, i) => /* @__PURE__ */ t(l, { variant: "body1", children: e.message }, i)),
       h && h.map((e) => /* @__PURE__ */ t(l, { variant: "body1", children: e.reason }, e.reason))
     ] })
   ] });
 });
 export {
-  J as CreateChallengeTeam,
-  B as TOO_MANY_INVITEES_ERROR
+  K as CreateChallengeTeam,
+  D as TOO_MANY_INVITEES_ERROR
 };
 //# sourceMappingURL=CreateChallengeTeam.js.map

package/dist/components/ChallengeTeamWizard/CreateChallengeTeam.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateChallengeTeam.js","sources":["../../../src/components/ChallengeTeamWizard/CreateChallengeTeam.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { Alert, Box, Typography } from '@mui/material'\nimport TextField from '../TextField'\nimport { CreateTeamRequest, Team } from '@sage-bionetworks/synapse-types'\nimport useCreateAndRegisterChallengeTeam from './useCreateAndRegisterChallengeTeam'\nimport { isEmpty, noop } from 'lodash-es'\nimport { parse } from 'papaparse'\n\nexport type CreateChallengeTeamProps = {\n  challengeId: string\n  onCanSubmitChange?: (canSubmit: boolean) => void\n  onFinished?: (teamId: string) => void\n}\n\nconst INVITEE_LIMIT = 3\nexport const TOO_MANY_INVITEES_ERROR =\n  'Please limit the initial number of invited members to three. You may add additional members after the team has been created.'\n\nexport type CreateChallengeTeamHandle = {\n  // Allow the parent component to trigger a submit of the form, so this may be embedded in an arbitrary modal.\n  submit: () => void\n}\n\nexport const CreateChallengeTeam = forwardRef(function CreateChallengeTeam(\n  props: CreateChallengeTeamProps,\n  ref: ForwardedRef<CreateChallengeTeamHandle>,\n) {\n  const { challengeId, onCanSubmitChange = noop, onFinished = noop } = props\n  const [team, setTeam] = useState<CreateTeamRequest>({\n    name: '',\n    description: '',\n  })\n  const [invitationMessage, setInvitationMessage] = useState('')\n  const [rawInvitees, setRawInvitees] = useState('')\n\n  const handleTeamUpdate = (update: Partial<Team>) => {\n    const updatedTeam: CreateTeamRequest = { ...team, ...update }\n    setTeam(updatedTeam)\n  }\n\n  const { inviteesParseResult, parsedInvitees } = useMemo(() => {\n    const inviteesParseResult = parse<string[]>(rawInvitees, {\n      delimiter: ',',\n      transform(value) {\n        return value.trim()\n      },\n    })\n    const parsedInvitees: string[] = inviteesParseResult.data[0] || []\n\n    return { inviteesParseResult, parsedInvitees }\n  }, [rawInvitees])\n\n  const numberOfInvitees = parsedInvitees.length\n  const tooManyInvitees = numberOfInvitees > INVITEE_LIMIT\n\n  const formDataIsValid = Boolean(\n    team && team.name && team.name.length > 1 && !tooManyInvitees,\n  )\n\n  useEffect(() => {\n    onCanSubmitChange(formDataIsValid)\n  }, [formDataIsValid, onCanSubmitChange])\n\n  const {\n    createAndRegisterTeam,\n    isPending: mutationIsPending,\n    errors,\n  } = useCreateAndRegisterChallengeTeam()\n\n  useImperativeHandle(\n    ref,\n    () => {\n      return {\n        submit() {\n          if (!formDataIsValid) {\n            console.warn(\n              'Attempted to submit when form data was not valid. Nothing will happen.',\n            )\n            return\n          }\n          createAndRegisterTeam(\n            team,\n            challengeId,\n            parsedInvitees,\n            invitationMessage,\n          )\n            .then(([newTeam]) => {\n              onFinished(newTeam.id)\n            })\n            .catch(() => {\n              // The hook will return errors, so no need to handle them here\n            })\n        },\n      }\n    },\n    [\n      formDataIsValid,\n      parsedInvitees,\n      createAndRegisterTeam,\n      team,\n      challengeId,\n      invitationMessage,\n      onFinished,\n    ],\n  )\n\n  return (\n    <Box>\n      <Typography variant=\"body1\" sx={{ lineHeight: '20px' }}>\n        Create a new team for this Challenge!\n      </Typography>\n      <TextField\n        id=\"name\"\n        label=\"Team Name\"\n        value={team.name}\n        fullWidth\n        autoFocus\n        required\n        onChange={event => handleTeamUpdate({ name: event.target.value })}\n        disabled={mutationIsPending}\n      />\n      <Box\n        sx={{\n          display: 'flex',\n        }}\n      >\n        <TextField\n          id=\"description\"\n          label={\n            <Box\n              sx={{\n                display: 'flex',\n                gap: 2,\n              }}\n            >\n              <Box>Team Description</Box>\n            </Box>\n          }\n          value={team.description}\n          fullWidth\n          multiline\n          rows={4}\n          onChange={event =>\n            handleTeamUpdate({ description: event.target.value })\n          }\n          disabled={mutationIsPending}\n        />\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n        }}\n      >\n        <TextField\n          id=\"message\"\n          label={\n            <Box\n              sx={{\n                display: 'flex',\n                gap: 2,\n              }}\n            >\n              <Box>Recruitment Message</Box>\n            </Box>\n          }\n          value={invitationMessage}\n          fullWidth\n          multiline\n          rows={4}\n          onChange={event => setInvitationMessage(event.target.value)}\n          disabled={mutationIsPending}\n        />\n      </Box>\n      <TextField\n        id=\"invitees\"\n        label=\"Emails of Additional Members to Invite (max 3)\"\n        placeholder=\"Enter emails separated by comma\"\n        value={rawInvitees}\n        fullWidth\n        onChange={event => setRawInvitees(event.target.value)}\n        disabled={mutationIsPending}\n      />\n      {(tooManyInvitees || !isEmpty(inviteesParseResult.errors) || errors) && (\n        <Alert severity=\"error\">\n          {tooManyInvitees && (\n            <Typography variant={'body1'}>{TOO_MANY_INVITEES_ERROR}</Typography>\n          )}\n          {inviteesParseResult.errors.map((error, index) => (\n            <Typography key={index} variant={'body1'}>\n              {error.message}\n            </Typography>\n          ))}\n          {errors &&\n            errors.map(error => (\n              <Typography key={error.reason} variant={'body1'}>\n                {error.reason}\n              </Typography>\n            ))}\n        </Alert>\n      )}\n    </Box>\n  )\n})\n"],"names":["INVITEE_LIMIT","TOO_MANY_INVITEES_ERROR","CreateChallengeTeam","forwardRef","props","ref","challengeId","onCanSubmitChange","noop","onFinished","team","setTeam","useState","invitationMessage","setInvitationMessage","rawInvitees","setRawInvitees","handleTeamUpdate","update","updatedTeam","inviteesParseResult","parsedInvitees","useMemo","parse","value","tooManyInvitees","formDataIsValid","useEffect","createAndRegisterTeam","mutationIsPending","errors","useCreateAndRegisterChallengeTeam","useImperativeHandle","newTeam","Box","jsx","Typography","TextField","event","isEmpty","jsxs","Alert","error","index"],"mappings":"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"}
+{"version":3,"file":"CreateChallengeTeam.js","sources":["../../../src/components/ChallengeTeamWizard/CreateChallengeTeam.tsx"],"sourcesContent":["import {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { Alert, Box, Typography } from '@mui/material'\nimport TextField from '../TextField'\nimport { CreateTeamRequest, Team } from '@sage-bionetworks/synapse-types'\nimport useCreateAndRegisterChallengeTeam from './useCreateAndRegisterChallengeTeam'\nimport { isEmpty, noop } from 'lodash-es'\nimport papaparseLib from 'papaparse'\n// papaparse is CJS-only; pull named values from the default export.\nconst { parse } = papaparseLib\n\nexport type CreateChallengeTeamProps = {\n  challengeId: string\n  onCanSubmitChange?: (canSubmit: boolean) => void\n  onFinished?: (teamId: string) => void\n}\n\nconst INVITEE_LIMIT = 3\nexport const TOO_MANY_INVITEES_ERROR =\n  'Please limit the initial number of invited members to three. You may add additional members after the team has been created.'\n\nexport type CreateChallengeTeamHandle = {\n  // Allow the parent component to trigger a submit of the form, so this may be embedded in an arbitrary modal.\n  submit: () => void\n}\n\nexport const CreateChallengeTeam = forwardRef(function CreateChallengeTeam(\n  props: CreateChallengeTeamProps,\n  ref: ForwardedRef<CreateChallengeTeamHandle>,\n) {\n  const { challengeId, onCanSubmitChange = noop, onFinished = noop } = props\n  const [team, setTeam] = useState<CreateTeamRequest>({\n    name: '',\n    description: '',\n  })\n  const [invitationMessage, setInvitationMessage] = useState('')\n  const [rawInvitees, setRawInvitees] = useState('')\n\n  const handleTeamUpdate = (update: Partial<Team>) => {\n    const updatedTeam: CreateTeamRequest = { ...team, ...update }\n    setTeam(updatedTeam)\n  }\n\n  const { inviteesParseResult, parsedInvitees } = useMemo(() => {\n    const inviteesParseResult = parse<string[]>(rawInvitees, {\n      delimiter: ',',\n      transform(value) {\n        return value.trim()\n      },\n    })\n    const parsedInvitees: string[] = inviteesParseResult.data[0] || []\n\n    return { inviteesParseResult, parsedInvitees }\n  }, [rawInvitees])\n\n  const numberOfInvitees = parsedInvitees.length\n  const tooManyInvitees = numberOfInvitees > INVITEE_LIMIT\n\n  const formDataIsValid = Boolean(\n    team && team.name && team.name.length > 1 && !tooManyInvitees,\n  )\n\n  useEffect(() => {\n    onCanSubmitChange(formDataIsValid)\n  }, [formDataIsValid, onCanSubmitChange])\n\n  const {\n    createAndRegisterTeam,\n    isPending: mutationIsPending,\n    errors,\n  } = useCreateAndRegisterChallengeTeam()\n\n  useImperativeHandle(\n    ref,\n    () => {\n      return {\n        submit() {\n          if (!formDataIsValid) {\n            console.warn(\n              'Attempted to submit when form data was not valid. Nothing will happen.',\n            )\n            return\n          }\n          createAndRegisterTeam(\n            team,\n            challengeId,\n            parsedInvitees,\n            invitationMessage,\n          )\n            .then(([newTeam]) => {\n              onFinished(newTeam.id)\n            })\n            .catch(() => {\n              // The hook will return errors, so no need to handle them here\n            })\n        },\n      }\n    },\n    [\n      formDataIsValid,\n      parsedInvitees,\n      createAndRegisterTeam,\n      team,\n      challengeId,\n      invitationMessage,\n      onFinished,\n    ],\n  )\n\n  return (\n    <Box>\n      <Typography variant=\"body1\" sx={{ lineHeight: '20px' }}>\n        Create a new team for this Challenge!\n      </Typography>\n      <TextField\n        id=\"name\"\n        label=\"Team Name\"\n        value={team.name}\n        fullWidth\n        autoFocus\n        required\n        onChange={event => handleTeamUpdate({ name: event.target.value })}\n        disabled={mutationIsPending}\n      />\n      <Box\n        sx={{\n          display: 'flex',\n        }}\n      >\n        <TextField\n          id=\"description\"\n          label={\n            <Box\n              sx={{\n                display: 'flex',\n                gap: 2,\n              }}\n            >\n              <Box>Team Description</Box>\n            </Box>\n          }\n          value={team.description}\n          fullWidth\n          multiline\n          rows={4}\n          onChange={event =>\n            handleTeamUpdate({ description: event.target.value })\n          }\n          disabled={mutationIsPending}\n        />\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n        }}\n      >\n        <TextField\n          id=\"message\"\n          label={\n            <Box\n              sx={{\n                display: 'flex',\n                gap: 2,\n              }}\n            >\n              <Box>Recruitment Message</Box>\n            </Box>\n          }\n          value={invitationMessage}\n          fullWidth\n          multiline\n          rows={4}\n          onChange={event => setInvitationMessage(event.target.value)}\n          disabled={mutationIsPending}\n        />\n      </Box>\n      <TextField\n        id=\"invitees\"\n        label=\"Emails of Additional Members to Invite (max 3)\"\n        placeholder=\"Enter emails separated by comma\"\n        value={rawInvitees}\n        fullWidth\n        onChange={event => setRawInvitees(event.target.value)}\n        disabled={mutationIsPending}\n      />\n      {(tooManyInvitees || !isEmpty(inviteesParseResult.errors) || errors) && (\n        <Alert severity=\"error\">\n          {tooManyInvitees && (\n            <Typography variant={'body1'}>{TOO_MANY_INVITEES_ERROR}</Typography>\n          )}\n          {inviteesParseResult.errors.map((error, index) => (\n            <Typography key={index} variant={'body1'}>\n              {error.message}\n            </Typography>\n          ))}\n          {errors &&\n            errors.map(error => (\n              <Typography key={error.reason} variant={'body1'}>\n                {error.reason}\n              </Typography>\n            ))}\n        </Alert>\n      )}\n    </Box>\n  )\n})\n"],"names":["parse","papaparseLib","INVITEE_LIMIT","TOO_MANY_INVITEES_ERROR","CreateChallengeTeam","forwardRef","props","ref","challengeId","onCanSubmitChange","noop","onFinished","team","setTeam","useState","invitationMessage","setInvitationMessage","rawInvitees","setRawInvitees","handleTeamUpdate","update","updatedTeam","inviteesParseResult","parsedInvitees","useMemo","value","tooManyInvitees","formDataIsValid","useEffect","createAndRegisterTeam","mutationIsPending","errors","useCreateAndRegisterChallengeTeam","useImperativeHandle","newTeam","Box","jsx","Typography","TextField","event","isEmpty","jsxs","Alert","error","index"],"mappings":"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"}

package/dist/components/CitationPopover/CitationPopoverContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CitationPopoverContent.d.ts","sourceRoot":"","sources":["../../../src/components/CitationPopover/CitationPopoverContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAYL,YAAY,EACb,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,aAAa,EAAkB,MAAM,iBAAiB,CAAA;AA2B/D,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAC9C,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAA;AAE5D,eAAO,MAAM,sBAAsB,GACjC,OAAO,oBAAoB,KAC1B,KAAK,CAAC,SA2LR,CAAA;AAED,eAAe,sBAAsB,CAAA"}
+{"version":3,"file":"CitationPopoverContent.d.ts","sourceRoot":"","sources":["../../../src/components/CitationPopover/CitationPopoverContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAYL,YAAY,EACb,MAAM,eAAe,CAAA;AACtB,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,EAAE,aAAa,EAAkB,MAAM,iBAAiB,CAAA;AA2B/D,MAAM,MAAM,oBAAoB,GAAG,aAAa,GAC9C,IAAI,CAAC,YAAY,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAA;AAE5D,eAAO,MAAM,sBAAsB,GACjC,OAAO,oBAAoB,KAC1B,KAAK,CAAC,SA4LR,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/dist/components/CitationPopover/CitationPopoverContent.js

@@ -1,12 +1,12 @@
 import { jsx as e, jsxs as t, Fragment as k } from "react/jsx-runtime";
-import { Popover as O, Stack as S, Box as n, Typography as d, Alert as B, FormControl as D, Select as H, MenuItem as i, Button as L } from "@mui/material";
+import { Popover as O, Stack as S, Box as n, Typography as p, Alert as B, FormControl as D, Select as H, MenuItem as i, Button as L } from "@mui/material";
 import { useCitation as F } from "./useCitation.js";
 import { createLinkAndDownload as R } from "./CitationPopoverUtils.js";
 import { KeyboardArrowDown as A } from "@mui/icons-material";
 import E from "@mui/icons-material/Close";
 import { useState as T } from "react";
 import { CopyToClipboardIcon as W } from "../CopyToClipboardIcon.js";
-import { MarkdownSynapse as j } from "../Markdown/MarkdownSynapse.js";
+import { Markdown as j } from "../Markdown/MarkdownSynapse.js";
 const z = {
   width: "100%",
   ".MuiInputBase-root": {
@@ -44,8 +44,8 @@ const z = {
   ), {
     data: a,
     isLoading: v,
-    error: p
-  } = F(x || "", r, !0), C = (o) => {
+    error: d
+  } = F(x || "", r, !0), w = (o) => {
     if (!o)
       return;
     const y = {
@@ -54,9 +54,9 @@ const z = {
       ieee: "ris",
       nature: "ris",
       science: "ris"
-    }[r] || "txt", I = new Blob([o], { type: "text/plain" }), M = URL.createObjectURL(I);
-    R(m || "citation", y, M);
-  }, w = (o) => {
+    }[r] || "txt", M = new Blob([o], { type: "text/plain" }), I = URL.createObjectURL(M);
+    R(m || "citation", y, I);
+  }, C = (o) => {
     g(o.target.value);
   };
   return /* @__PURE__ */ e(
@@ -103,7 +103,7 @@ const z = {
           children: [
             /* @__PURE__ */ t(n, { sx: { display: "flex", alignItems: "center" }, children: [
               /* @__PURE__ */ e(
-                d,
+                p,
                 {
                   sx: { fontSize: "20px", fontWeight: 700, lineHeight: "normal" },
                   children: "Cite As:"
@@ -124,11 +124,12 @@ const z = {
                 }
               )
             ] }),
-            p && /* @__PURE__ */ e(B, { severity: "error", sx: { my: 2 }, icon: !1, children: p.message }),
+            d && /* @__PURE__ */ e(B, { severity: "error", sx: { my: 2 }, icon: !1, children: d.message }),
             /* @__PURE__ */ t(
-              d,
+              p,
               {
                 variant: "smallText1",
+                component: "div",
                 sx: {
                   lineHeight: "normal",
                   maxHeight: "300px",
@@ -171,7 +172,7 @@ const z = {
                         }
                       },
                       value: r,
-                      onChange: w,
+                      onChange: C,
                       IconComponent: A,
                       children: [
                         /* @__PURE__ */ e(i, { value: "bibtex", children: "bibtex" }),
@@ -185,7 +186,7 @@ const z = {
                   /* @__PURE__ */ e(
                     L,
                     {
-                      onClick: () => C(a || ""),
+                      onClick: () => w(a || ""),
                       variant: "contained",
                       sx: {
                         padding: "6px 16px",

package/dist/components/CitationPopover/CitationPopoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CitationPopoverContent.js","sources":["../../../src/components/CitationPopover/CitationPopoverContent.tsx"],"sourcesContent":["import {\n  Alert,\n  Box,\n  Button,\n  FormControl,\n  MenuItem,\n  Popover,\n  Select,\n  SelectChangeEvent,\n  Stack,\n  SxProps,\n  Typography,\n  PopoverProps,\n} from '@mui/material'\nimport React from 'react'\nimport { useCitation } from './useCitation'\nimport { createLinkAndDownload } from './CitationPopoverUtils'\nimport { KeyboardArrowDown } from '@mui/icons-material'\nimport CloseIcon from '@mui/icons-material/Close'\nimport { useState } from 'react'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport { CitationProps, CitationFormat } from './CitationTypes'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\nconst selectSx: SxProps = {\n  width: '100%',\n  '.MuiInputBase-root': {\n    minHeight: '38px',\n    borderRadius: 0,\n    '&:before, &:after': {\n      borderBottom: 'none !important',\n    },\n  },\n  '& .MuiOutlinedInput-notchedOutline': {\n    border: 0,\n  },\n  '&.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline': {\n    border: 'none',\n  },\n  '.MuiSelect-select': {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  '.MuiInputBase-input': {\n    padding: '7px 10px',\n  },\n}\n\nexport type CitationPopoverProps = CitationProps &\n  Pick<PopoverProps, 'anchorEl' | 'open' | 'id' | 'onClose'>\n\nexport const CitationPopoverContent = (\n  props: CitationPopoverProps,\n): React.ReactNode => {\n  const {\n    doi,\n    title,\n    boilerplateText,\n    defaultCitationFormat,\n    onClose,\n    anchorEl,\n    open,\n    id,\n  } = props\n\n  const [citationFormat, setCitationFormat] = useState<CitationFormat>(\n    defaultCitationFormat || 'bibtex',\n  )\n  const {\n    data: citation,\n    isLoading,\n    error,\n  } = useCitation(doi || '', citationFormat, true)\n\n  const handleDownload = (citation: string) => {\n    if (!citation) {\n      return\n    }\n    const extensionMap: Record<string, string> = {\n      apa: 'ris',\n      bibtex: 'bib',\n      ieee: 'ris',\n      nature: 'ris',\n      science: 'ris',\n    }\n    const fileExtension = extensionMap[citationFormat] || 'txt'\n\n    const blob = new Blob([citation], { type: 'text/plain' })\n    const url = URL.createObjectURL(blob)\n\n    createLinkAndDownload(title || 'citation', fileExtension, url)\n  }\n\n  const handleChange = (event: SelectChangeEvent<CitationFormat>) => {\n    setCitationFormat(event.target.value as CitationFormat)\n  }\n\n  return (\n    <Popover\n      aria-label=\"Citation options\"\n      role=\"dialog\"\n      id={id}\n      elevation={9}\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      anchorOrigin={{\n        vertical: 'bottom',\n        horizontal: 'left',\n      }}\n      transformOrigin={{\n        vertical: 'top',\n        horizontal: 'left',\n      }}\n      slotProps={{\n        paper: {\n          square: true,\n          sx: theme => ({\n            width: '500px',\n            position: 'relative',\n            [theme.breakpoints.down('sm')]: {\n              maxWidth: '100%',\n              maxHeight: '100%',\n              top: '0 !important',\n              left: '0 !important',\n              bottom: '0 !important',\n            },\n          }),\n        },\n      }}\n    >\n      <Stack\n        sx={{\n          gap: '20px',\n          padding: '20px',\n        }}\n      >\n        <Box sx={{ display: 'flex', alignItems: 'center' }}>\n          <Typography\n            sx={{ fontSize: '20px', fontWeight: 700, lineHeight: 'normal' }}\n          >\n            Cite As:\n          </Typography>\n          <CloseIcon\n            sx={{\n              cursor: 'pointer',\n              display: { xs: 'block', sm: 'none' },\n              marginLeft: 'auto',\n              color: '#878E95',\n            }}\n            onClick={() => {\n              onClose?.({}, 'escapeKeyDown')\n            }}\n          />\n        </Box>\n        {error && (\n          <Alert severity={'error'} sx={{ my: 2 }} icon={false}>\n            {error.message}\n          </Alert>\n        )}\n        <Typography\n          variant=\"smallText1\"\n          sx={{\n            lineHeight: 'normal',\n            maxHeight: '300px',\n            overflowY: 'scroll',\n            wordWrap: 'break-word',\n          }}\n        >\n          {boilerplateText && (\n            <>\n              <MarkdownSynapse markdown={boilerplateText} />\n              <br />\n            </>\n          )}\n          {isLoading ? (\n            <Box sx={{ fontWeight: 700 }}>\n              <br />\n              Loading citation...\n            </Box>\n          ) : (\n            citation\n          )}\n        </Typography>\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: { xs: 'column', sm: 'row' },\n            gap: { xs: '10px', sm: '8px' },\n            width: '100%',\n            maxHeight: '38px',\n          }}\n        >\n          <Box sx={{ flex: 1 }}>\n            <FormControl sx={selectSx}>\n              <Select\n                variant=\"standard\"\n                sx={{\n                  svg: {\n                    color: '#878E95',\n                    width: '24px',\n                    height: '24px',\n                    right: '10px',\n                  },\n                }}\n                value={citationFormat}\n                onChange={handleChange}\n                IconComponent={KeyboardArrowDown}\n              >\n                <MenuItem value={'bibtex'}>bibtex</MenuItem>\n                <MenuItem value={'apa'}>apa</MenuItem>\n                <MenuItem value={'ieee'}>ieee</MenuItem>\n                <MenuItem value={'nature'}>nature</MenuItem>\n                <MenuItem value={'science'}>science</MenuItem>\n              </Select>\n            </FormControl>\n          </Box>\n          <Button\n            onClick={() => handleDownload(citation || '')}\n            variant=\"contained\"\n            sx={{\n              padding: '6px 16px',\n              borderRadius: 0,\n            }}\n          >\n            Download Citation\n          </Button>\n          <CopyToClipboardIcon\n            value={citation || ''}\n            sx={{\n              borderRadius: 0,\n              padding: '6px 16px',\n              border: '1px solid',\n              borderColor: 'primary.main',\n            }}\n          />\n        </Box>\n      </Stack>\n    </Popover>\n  )\n}\n\nexport default CitationPopoverContent\n"],"names":["selectSx","CitationPopoverContent","props","doi","title","boilerplateText","defaultCitationFormat","onClose","anchorEl","open","id","citationFormat","setCitationFormat","useState","citation","isLoading","error","useCitation","handleDownload","fileExtension","blob","url","createLinkAndDownload","handleChange","event","jsx","Popover","theme","jsxs","Stack","Box","Typography","CloseIcon","Alert","Fragment","MarkdownSynapse","FormControl","Select","KeyboardArrowDown","MenuItem","Button","CopyToClipboardIcon"],"mappings":"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"}
+{"version":3,"file":"CitationPopoverContent.js","sources":["../../../src/components/CitationPopover/CitationPopoverContent.tsx"],"sourcesContent":["import {\n  Alert,\n  Box,\n  Button,\n  FormControl,\n  MenuItem,\n  Popover,\n  Select,\n  SelectChangeEvent,\n  Stack,\n  SxProps,\n  Typography,\n  PopoverProps,\n} from '@mui/material'\nimport React from 'react'\nimport { useCitation } from './useCitation'\nimport { createLinkAndDownload } from './CitationPopoverUtils'\nimport { KeyboardArrowDown } from '@mui/icons-material'\nimport CloseIcon from '@mui/icons-material/Close'\nimport { useState } from 'react'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport { CitationProps, CitationFormat } from './CitationTypes'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\nconst selectSx: SxProps = {\n  width: '100%',\n  '.MuiInputBase-root': {\n    minHeight: '38px',\n    borderRadius: 0,\n    '&:before, &:after': {\n      borderBottom: 'none !important',\n    },\n  },\n  '& .MuiOutlinedInput-notchedOutline': {\n    border: 0,\n  },\n  '&.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline': {\n    border: 'none',\n  },\n  '.MuiSelect-select': {\n    display: 'flex',\n    alignItems: 'center',\n  },\n  '.MuiInputBase-input': {\n    padding: '7px 10px',\n  },\n}\n\nexport type CitationPopoverProps = CitationProps &\n  Pick<PopoverProps, 'anchorEl' | 'open' | 'id' | 'onClose'>\n\nexport const CitationPopoverContent = (\n  props: CitationPopoverProps,\n): React.ReactNode => {\n  const {\n    doi,\n    title,\n    boilerplateText,\n    defaultCitationFormat,\n    onClose,\n    anchorEl,\n    open,\n    id,\n  } = props\n\n  const [citationFormat, setCitationFormat] = useState<CitationFormat>(\n    defaultCitationFormat || 'bibtex',\n  )\n  const {\n    data: citation,\n    isLoading,\n    error,\n  } = useCitation(doi || '', citationFormat, true)\n\n  const handleDownload = (citation: string) => {\n    if (!citation) {\n      return\n    }\n    const extensionMap: Record<string, string> = {\n      apa: 'ris',\n      bibtex: 'bib',\n      ieee: 'ris',\n      nature: 'ris',\n      science: 'ris',\n    }\n    const fileExtension = extensionMap[citationFormat] || 'txt'\n\n    const blob = new Blob([citation], { type: 'text/plain' })\n    const url = URL.createObjectURL(blob)\n\n    createLinkAndDownload(title || 'citation', fileExtension, url)\n  }\n\n  const handleChange = (event: SelectChangeEvent<CitationFormat>) => {\n    setCitationFormat(event.target.value as CitationFormat)\n  }\n\n  return (\n    <Popover\n      aria-label=\"Citation options\"\n      role=\"dialog\"\n      id={id}\n      elevation={9}\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      anchorOrigin={{\n        vertical: 'bottom',\n        horizontal: 'left',\n      }}\n      transformOrigin={{\n        vertical: 'top',\n        horizontal: 'left',\n      }}\n      slotProps={{\n        paper: {\n          square: true,\n          sx: theme => ({\n            width: '500px',\n            position: 'relative',\n            [theme.breakpoints.down('sm')]: {\n              maxWidth: '100%',\n              maxHeight: '100%',\n              top: '0 !important',\n              left: '0 !important',\n              bottom: '0 !important',\n            },\n          }),\n        },\n      }}\n    >\n      <Stack\n        sx={{\n          gap: '20px',\n          padding: '20px',\n        }}\n      >\n        <Box sx={{ display: 'flex', alignItems: 'center' }}>\n          <Typography\n            sx={{ fontSize: '20px', fontWeight: 700, lineHeight: 'normal' }}\n          >\n            Cite As:\n          </Typography>\n          <CloseIcon\n            sx={{\n              cursor: 'pointer',\n              display: { xs: 'block', sm: 'none' },\n              marginLeft: 'auto',\n              color: '#878E95',\n            }}\n            onClick={() => {\n              onClose?.({}, 'escapeKeyDown')\n            }}\n          />\n        </Box>\n        {error && (\n          <Alert severity={'error'} sx={{ my: 2 }} icon={false}>\n            {error.message}\n          </Alert>\n        )}\n        <Typography\n          variant=\"smallText1\"\n          component={'div'}\n          sx={{\n            lineHeight: 'normal',\n            maxHeight: '300px',\n            overflowY: 'scroll',\n            wordWrap: 'break-word',\n          }}\n        >\n          {boilerplateText && (\n            <>\n              <MarkdownSynapse markdown={boilerplateText} />\n              <br />\n            </>\n          )}\n          {isLoading ? (\n            <Box sx={{ fontWeight: 700 }}>\n              <br />\n              Loading citation...\n            </Box>\n          ) : (\n            citation\n          )}\n        </Typography>\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: { xs: 'column', sm: 'row' },\n            gap: { xs: '10px', sm: '8px' },\n            width: '100%',\n            maxHeight: '38px',\n          }}\n        >\n          <Box sx={{ flex: 1 }}>\n            <FormControl sx={selectSx}>\n              <Select\n                variant=\"standard\"\n                sx={{\n                  svg: {\n                    color: '#878E95',\n                    width: '24px',\n                    height: '24px',\n                    right: '10px',\n                  },\n                }}\n                value={citationFormat}\n                onChange={handleChange}\n                IconComponent={KeyboardArrowDown}\n              >\n                <MenuItem value={'bibtex'}>bibtex</MenuItem>\n                <MenuItem value={'apa'}>apa</MenuItem>\n                <MenuItem value={'ieee'}>ieee</MenuItem>\n                <MenuItem value={'nature'}>nature</MenuItem>\n                <MenuItem value={'science'}>science</MenuItem>\n              </Select>\n            </FormControl>\n          </Box>\n          <Button\n            onClick={() => handleDownload(citation || '')}\n            variant=\"contained\"\n            sx={{\n              padding: '6px 16px',\n              borderRadius: 0,\n            }}\n          >\n            Download Citation\n          </Button>\n          <CopyToClipboardIcon\n            value={citation || ''}\n            sx={{\n              borderRadius: 0,\n              padding: '6px 16px',\n              border: '1px solid',\n              borderColor: 'primary.main',\n            }}\n          />\n        </Box>\n      </Stack>\n    </Popover>\n  )\n}\n\nexport default CitationPopoverContent\n"],"names":["selectSx","CitationPopoverContent","props","doi","title","boilerplateText","defaultCitationFormat","onClose","anchorEl","open","id","citationFormat","setCitationFormat","useState","citation","isLoading","error","useCitation","handleDownload","fileExtension","blob","url","createLinkAndDownload","handleChange","event","jsx","Popover","theme","jsxs","Stack","Box","Typography","CloseIcon","Alert","Fragment","MarkdownSynapse","FormControl","Select","KeyboardArrowDown","MenuItem","Button","CopyToClipboardIcon"],"mappings":"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"}

package/dist/components/CookiesNotification/CookiesNotification.js

@@ -1,4 +1,4 @@
-import { jsx as o, jsxs as r, Fragment as l } from "react/jsx-runtime";
+import { jsx as o, Fragment as l, jsxs as r } from "react/jsx-runtime";
 import { useCookiePreferences as k, COOKIES_AGREEMENT_COOKIE_KEY as x, allowNone as u, allowAll as f } from "../../utils/hooks/useCookiePreferences.js";
 import { PRIVACY_POLICY_LINK as g, URL_TERMS_CONDITIONS_AGREEMENT as h, CHILD_MINOR_ADDENDUM_LINK as A } from "../../utils/SynapseConstants.js";
 import { Typography as m, Link as a } from "@mui/material";

package/dist/components/CreateOrUpdateAccessRequirementWizard/CreateOrUpdateAccessRequirementWizard.js

@@ -49,7 +49,6 @@ import "../../assets/icons/inSilicoModel.svg.js";
 import "../../assets/icons/modelSystem.svg.js";
 import "../../assets/mui_components/PackagableFile.svg.js";
 import "../../assets/icons/spatialProfiling.svg.js";
-import "react-select";
 import "@mui/material/Skeleton";
 import "react-hot-toast";
 import "react-transition-group";
@@ -57,7 +56,7 @@ import "react-transition-group";
 import { SetBasicAccessRequirementFields as F } from "../SetBasicAccessRequirementFields/SetBasicAccessRequirementFields.js";
 import { SetManagedAccessRequirementFields as N } from "../SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.js";
 import { getDialogTitle as q, isLastStep as v } from "./CreateOrUpdateAccessRequirementWizardUtils.js";
-function he(t) {
+function be(t) {
   const { open: E, onCancel: u, onComplete: n } = t, [o, p] = c(
     "SET_AR_COMMON_FIELDS"
   ), [l, e] = c(!1), [r, R] = c(t.accessRequirementId), a = s(null), S = s(null), A = s(null), _ = s(null), f = !!t.accessRequirementId, d = M(() => {
@@ -151,7 +150,7 @@ function he(t) {
   );
 }
 export {
-  he as CreateOrUpdateAccessRequirementWizard,
-  he as default
+  be as CreateOrUpdateAccessRequirementWizard,
+  be as default
 };
 //# sourceMappingURL=CreateOrUpdateAccessRequirementWizard.js.map

package/dist/components/CreateOrUpdateAccessRequirementWizard/CreateOrUpdateAccessRequirementWizard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOrUpdateAccessRequirementWizard.js","sources":["../../../src/components/CreateOrUpdateAccessRequirementWizard/CreateOrUpdateAccessRequirementWizard.tsx"],"sourcesContent":["import { MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE } from '@sage-bionetworks/synapse-types'\nimport { MouseEventHandler, useMemo, useRef, useState } from 'react'\nimport {\n  AccessRequirementAclEditor,\n  AccessRequirementAclEditorHandle,\n} from '../AccessRequirementAclEditor/AccessRequirementAclEditor'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport {\n  SetAccessRequirementCommonFields,\n  SetAccessRequirementCommonFieldsHandle,\n  SetAccessRequirementCommonFieldsProps,\n} from '../SetAccessRequirementCommonFields'\nimport SetBasicAccessRequirementFields, {\n  SetBasicAccessRequirementFieldsHandle,\n} from '../SetBasicAccessRequirementFields'\nimport SetManagedAccessRequirementFields, {\n  SetManagedAccessRequirementFieldsHandle,\n} from '../SetManagedAccessRequirementFields'\nimport {\n  CreateOrUpdateAccessRequirementWizardStep,\n  getDialogTitle,\n  isLastStep,\n} from './CreateOrUpdateAccessRequirementWizardUtils'\n\nexport type CreateOrUpdateAccessRequirementWizardProps = {\n  open: boolean\n  onCancel: () => void\n  onComplete: (accessRequirementID?: string) => void // return the (possibly new) Access Requirement ID\n} & Pick<\n  SetAccessRequirementCommonFieldsProps,\n  'subject' | 'accessRequirementId'\n>\n\nexport function CreateOrUpdateAccessRequirementWizard(\n  props: CreateOrUpdateAccessRequirementWizardProps,\n) {\n  const { open, onCancel, onComplete } = props\n\n  const [step, setStep] = useState<CreateOrUpdateAccessRequirementWizardStep>(\n    'SET_AR_COMMON_FIELDS',\n  )\n  const [isLoading, setIsLoading] = useState<boolean>(false)\n  const [accessRequirementId, setAccessRequirementId] = useState<\n    string | undefined\n  >(props.accessRequirementId)\n\n  const setArCommonFieldsRef =\n    useRef<SetAccessRequirementCommonFieldsHandle>(null)\n  const setManagedArFieldsRef =\n    useRef<SetManagedAccessRequirementFieldsHandle>(null)\n  const editArAclRef = useRef<AccessRequirementAclEditorHandle>(null)\n  const setBasicArFieldsRef =\n    useRef<SetBasicAccessRequirementFieldsHandle>(null)\n\n  const isEditing = Boolean(props['accessRequirementId'])\n\n  const stepContent = useMemo(() => {\n    switch (step) {\n      case 'SET_AR_COMMON_FIELDS':\n        return (\n          <SetAccessRequirementCommonFields\n            ref={setArCommonFieldsRef}\n            onSave={(accessRequirementId, accessRequirementConcreteType) => {\n              setAccessRequirementId(accessRequirementId)\n              const nextStep: CreateOrUpdateAccessRequirementWizardStep =\n                accessRequirementConcreteType ===\n                MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n                  ? 'SET_MANAGED_AR_FIELDS'\n                  : 'SET_BASIC_AR_FIELDS'\n              setStep(nextStep)\n              setIsLoading(false)\n            }}\n            onError={() => setIsLoading(false)}\n            subject={props.subject}\n            accessRequirementId={props.accessRequirementId}\n          />\n        )\n      case 'SET_MANAGED_AR_FIELDS':\n        return (\n          <SetManagedAccessRequirementFields\n            ref={setManagedArFieldsRef}\n            accessRequirementId={accessRequirementId!}\n            onSave={() => {\n              setStep('SET_MANAGED_AR_ACL_PERMISSIONS')\n              setIsLoading(false)\n            }}\n            onError={() => {\n              setIsLoading(false)\n            }}\n          />\n        )\n      case 'SET_MANAGED_AR_ACL_PERMISSIONS':\n        return (\n          <AccessRequirementAclEditor\n            ref={editArAclRef}\n            accessRequirementId={accessRequirementId!}\n            onSaveComplete={saveSuccessful => {\n              if (saveSuccessful) {\n                onComplete(accessRequirementId)\n              }\n              setIsLoading(false)\n            }}\n          />\n        )\n      case 'SET_BASIC_AR_FIELDS':\n        return (\n          <SetBasicAccessRequirementFields\n            ref={setBasicArFieldsRef}\n            accessRequirementId={accessRequirementId!}\n            onSave={() => {\n              onComplete(accessRequirementId)\n              setIsLoading(false)\n            }}\n            onError={() => setIsLoading(false)}\n          />\n        )\n    }\n  }, [\n    step,\n    props.subject,\n    props.accessRequirementId,\n    accessRequirementId,\n    onComplete,\n  ])\n\n  const onClickPrimary: MouseEventHandler<HTMLButtonElement> = e => {\n    // SWC-7055 - The default action may trigger `beforeunload` and erroneously warn the user about leaving the page.\n    e.preventDefault()\n    setIsLoading(true)\n    switch (step) {\n      case 'SET_AR_COMMON_FIELDS':\n        setArCommonFieldsRef?.current?.save()\n        return\n      case 'SET_MANAGED_AR_FIELDS':\n        setManagedArFieldsRef?.current?.save()\n        return\n      case 'SET_MANAGED_AR_ACL_PERMISSIONS':\n        editArAclRef?.current?.save()\n        return\n      case 'SET_BASIC_AR_FIELDS':\n        setBasicArFieldsRef?.current?.save()\n    }\n  }\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      onCancel={onCancel}\n      onConfirm={onClickPrimary}\n      confirmButtonProps={{\n        children: isLastStep(step) ? 'Save' : 'Save & Continue',\n        disabled: isLoading,\n      }}\n      maxWidth={'md'}\n      title={getDialogTitle(step, isEditing)}\n      content={stepContent}\n    />\n  )\n}\n\nexport default CreateOrUpdateAccessRequirementWizard\n"],"names":["CreateOrUpdateAccessRequirementWizard","props","open","onCancel","onComplete","step","setStep","useState","isLoading","setIsLoading","accessRequirementId","setAccessRequirementId","setArCommonFieldsRef","useRef","setManagedArFieldsRef","editArAclRef","setBasicArFieldsRef","isEditing","stepContent","useMemo","jsx","SetAccessRequirementCommonFields","accessRequirementConcreteType","MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE","SetManagedAccessRequirementFields","AccessRequirementAclEditor","saveSuccessful","SetBasicAccessRequirementFields","ConfirmationDialog","e","isLastStep","getDialogTitle"],"mappings":"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"}
+{"version":3,"file":"CreateOrUpdateAccessRequirementWizard.js","sources":["../../../src/components/CreateOrUpdateAccessRequirementWizard/CreateOrUpdateAccessRequirementWizard.tsx"],"sourcesContent":["import { MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE } from '@sage-bionetworks/synapse-types'\nimport { MouseEventHandler, useMemo, useRef, useState } from 'react'\nimport {\n  AccessRequirementAclEditor,\n  AccessRequirementAclEditorHandle,\n} from '../AccessRequirementAclEditor/AccessRequirementAclEditor'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport {\n  SetAccessRequirementCommonFields,\n  SetAccessRequirementCommonFieldsHandle,\n  SetAccessRequirementCommonFieldsProps,\n} from '../SetAccessRequirementCommonFields'\nimport SetBasicAccessRequirementFields, {\n  SetBasicAccessRequirementFieldsHandle,\n} from '../SetBasicAccessRequirementFields'\nimport SetManagedAccessRequirementFields, {\n  SetManagedAccessRequirementFieldsHandle,\n} from '../SetManagedAccessRequirementFields'\nimport {\n  CreateOrUpdateAccessRequirementWizardStep,\n  getDialogTitle,\n  isLastStep,\n} from './CreateOrUpdateAccessRequirementWizardUtils'\n\nexport type CreateOrUpdateAccessRequirementWizardProps = {\n  open: boolean\n  onCancel: () => void\n  onComplete: (accessRequirementID?: string) => void // return the (possibly new) Access Requirement ID\n} & Pick<\n  SetAccessRequirementCommonFieldsProps,\n  'subject' | 'accessRequirementId'\n>\n\nexport function CreateOrUpdateAccessRequirementWizard(\n  props: CreateOrUpdateAccessRequirementWizardProps,\n) {\n  const { open, onCancel, onComplete } = props\n\n  const [step, setStep] = useState<CreateOrUpdateAccessRequirementWizardStep>(\n    'SET_AR_COMMON_FIELDS',\n  )\n  const [isLoading, setIsLoading] = useState<boolean>(false)\n  const [accessRequirementId, setAccessRequirementId] = useState<\n    string | undefined\n  >(props.accessRequirementId)\n\n  const setArCommonFieldsRef =\n    useRef<SetAccessRequirementCommonFieldsHandle>(null)\n  const setManagedArFieldsRef =\n    useRef<SetManagedAccessRequirementFieldsHandle>(null)\n  const editArAclRef = useRef<AccessRequirementAclEditorHandle>(null)\n  const setBasicArFieldsRef =\n    useRef<SetBasicAccessRequirementFieldsHandle>(null)\n\n  const isEditing = Boolean(props['accessRequirementId'])\n\n  const stepContent = useMemo(() => {\n    switch (step) {\n      case 'SET_AR_COMMON_FIELDS':\n        return (\n          <SetAccessRequirementCommonFields\n            ref={setArCommonFieldsRef}\n            onSave={(accessRequirementId, accessRequirementConcreteType) => {\n              setAccessRequirementId(accessRequirementId)\n              const nextStep: CreateOrUpdateAccessRequirementWizardStep =\n                accessRequirementConcreteType ===\n                MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n                  ? 'SET_MANAGED_AR_FIELDS'\n                  : 'SET_BASIC_AR_FIELDS'\n              setStep(nextStep)\n              setIsLoading(false)\n            }}\n            onError={() => setIsLoading(false)}\n            subject={props.subject}\n            accessRequirementId={props.accessRequirementId}\n          />\n        )\n      case 'SET_MANAGED_AR_FIELDS':\n        return (\n          <SetManagedAccessRequirementFields\n            ref={setManagedArFieldsRef}\n            accessRequirementId={accessRequirementId!}\n            onSave={() => {\n              setStep('SET_MANAGED_AR_ACL_PERMISSIONS')\n              setIsLoading(false)\n            }}\n            onError={() => {\n              setIsLoading(false)\n            }}\n          />\n        )\n      case 'SET_MANAGED_AR_ACL_PERMISSIONS':\n        return (\n          <AccessRequirementAclEditor\n            ref={editArAclRef}\n            accessRequirementId={accessRequirementId!}\n            onSaveComplete={saveSuccessful => {\n              if (saveSuccessful) {\n                onComplete(accessRequirementId)\n              }\n              setIsLoading(false)\n            }}\n          />\n        )\n      case 'SET_BASIC_AR_FIELDS':\n        return (\n          <SetBasicAccessRequirementFields\n            ref={setBasicArFieldsRef}\n            accessRequirementId={accessRequirementId!}\n            onSave={() => {\n              onComplete(accessRequirementId)\n              setIsLoading(false)\n            }}\n            onError={() => setIsLoading(false)}\n          />\n        )\n    }\n  }, [\n    step,\n    props.subject,\n    props.accessRequirementId,\n    accessRequirementId,\n    onComplete,\n  ])\n\n  const onClickPrimary: MouseEventHandler<HTMLButtonElement> = e => {\n    // SWC-7055 - The default action may trigger `beforeunload` and erroneously warn the user about leaving the page.\n    e.preventDefault()\n    setIsLoading(true)\n    switch (step) {\n      case 'SET_AR_COMMON_FIELDS':\n        setArCommonFieldsRef?.current?.save()\n        return\n      case 'SET_MANAGED_AR_FIELDS':\n        setManagedArFieldsRef?.current?.save()\n        return\n      case 'SET_MANAGED_AR_ACL_PERMISSIONS':\n        editArAclRef?.current?.save()\n        return\n      case 'SET_BASIC_AR_FIELDS':\n        setBasicArFieldsRef?.current?.save()\n    }\n  }\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      onCancel={onCancel}\n      onConfirm={onClickPrimary}\n      confirmButtonProps={{\n        children: isLastStep(step) ? 'Save' : 'Save & Continue',\n        disabled: isLoading,\n      }}\n      maxWidth={'md'}\n      title={getDialogTitle(step, isEditing)}\n      content={stepContent}\n    />\n  )\n}\n\nexport default CreateOrUpdateAccessRequirementWizard\n"],"names":["CreateOrUpdateAccessRequirementWizard","props","open","onCancel","onComplete","step","setStep","useState","isLoading","setIsLoading","accessRequirementId","setAccessRequirementId","setArCommonFieldsRef","useRef","setManagedArFieldsRef","editArAclRef","setBasicArFieldsRef","isEditing","stepContent","useMemo","jsx","SetAccessRequirementCommonFields","accessRequirementConcreteType","MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE","SetManagedAccessRequirementFields","AccessRequirementAclEditor","saveSuccessful","SetBasicAccessRequirementFields","ConfirmationDialog","e","isLastStep","getDialogTitle"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCO,SAASA,GACdC,GACA;AACA,QAAM,EAAE,MAAAC,GAAM,UAAAC,GAAU,YAAAC,EAAA,IAAeH,GAEjC,CAACI,GAAMC,CAAO,IAAIC;AAAA,IACtB;AAAA,EAAA,GAEI,CAACC,GAAWC,CAAY,IAAIF,EAAkB,EAAK,GACnD,CAACG,GAAqBC,CAAsB,IAAIJ,EAEpDN,EAAM,mBAAmB,GAErBW,IACJC,EAA+C,IAAI,GAC/CC,IACJD,EAAgD,IAAI,GAChDE,IAAeF,EAAyC,IAAI,GAC5DG,IACJH,EAA8C,IAAI,GAE9CI,IAAY,EAAQhB,EAAM,qBAE1BiB,IAAcC,EAAQ,MAAM;AAChC,YAAQd,GAAA;AAAA,MACN,KAAK;AACH,eACE,gBAAAe;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,KAAKT;AAAA,YACL,QAAQ,CAACF,GAAqBY,MAAkC;AAC9D,cAAAX,EAAuBD,CAAmB,GAM1CJ,EAJEgB,MACAC,IACI,0BACA,qBACU,GAChBd,EAAa,EAAK;AAAA,YACpB;AAAA,YACA,SAAS,MAAMA,EAAa,EAAK;AAAA,YACjC,SAASR,EAAM;AAAA,YACf,qBAAqBA,EAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAGjC,KAAK;AACH,eACE,gBAAAmB;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,KAAKV;AAAA,YACL,qBAAAJ;AAAA,YACA,QAAQ,MAAM;AACZ,cAAAJ,EAAQ,gCAAgC,GACxCG,EAAa,EAAK;AAAA,YACpB;AAAA,YACA,SAAS,MAAM;AACb,cAAAA,EAAa,EAAK;AAAA,YACpB;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAW;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,KAAKV;AAAA,YACL,qBAAAL;AAAA,YACA,gBAAgB,CAAAgB,MAAkB;AAChC,cAAIA,KACFtB,EAAWM,CAAmB,GAEhCD,EAAa,EAAK;AAAA,YACpB;AAAA,UAAA;AAAA,QAAA;AAAA,MAGN,KAAK;AACH,eACE,gBAAAW;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,KAAKX;AAAA,YACL,qBAAAN;AAAA,YACA,QAAQ,MAAM;AACZ,cAAAN,EAAWM,CAAmB,GAC9BD,EAAa,EAAK;AAAA,YACpB;AAAA,YACA,SAAS,MAAMA,EAAa,EAAK;AAAA,UAAA;AAAA,QAAA;AAAA,IACnC;AAAA,EAGR,GAAG;AAAA,IACDJ;AAAA,IACAJ,EAAM;AAAA,IACNA,EAAM;AAAA,IACNS;AAAA,IACAN;AAAA,EAAA,CACD;AAqBD,SACE,gBAAAgB;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,MAAA1B;AAAA,MACA,UAAAC;AAAA,MACA,WAvByD,CAAA0B,MAAK;AAIhE,gBAFAA,EAAE,eAAA,GACFpB,EAAa,EAAI,GACTJ,GAAA;AAAA,UACN,KAAK;AACH,YAAAO,GAAsB,SAAS,KAAA;AAC/B;AAAA,UACF,KAAK;AACH,YAAAE,GAAuB,SAAS,KAAA;AAChC;AAAA,UACF,KAAK;AACH,YAAAC,GAAc,SAAS,KAAA;AACvB;AAAA,UACF,KAAK;AACH,YAAAC,GAAqB,SAAS,KAAA;AAAA,QAAK;AAAA,MAEzC;AAAA,MAOI,oBAAoB;AAAA,QAClB,UAAUc,EAAWzB,CAAI,IAAI,SAAS;AAAA,QACtC,UAAUG;AAAA,MAAA;AAAA,MAEZ,UAAU;AAAA,MACV,OAAOuB,EAAe1B,GAAMY,CAAS;AAAA,MACrC,SAASC;AAAA,IAAA;AAAA,EAAA;AAGf;"}

package/dist/components/DataGrid/MergeGridWithSourceTableButton.js

@@ -32,7 +32,7 @@ import "universal-cookie";
 import "../../utils/AppUtils/session/ApplicationSessionContext.js";
 import "../../utils/context/FullContextProvider.js";
 import "../../utils/context/DocumentMetadataContext.js";
-import '../FullWidthAlert/FullWidthAlert.css';import '../../style/components/_spinner.css';/* empty css                                   */
+import '../Plot/SynapsePlot.css';import '../FullWidthAlert/FullWidthAlert.css';import '../../style/components/_spinner.css';/* empty css                                   */
 import "react-router";
 import "@mui/icons-material/Close";
 import "../styled/StyledPopover.js";
@@ -169,7 +169,6 @@ import "@mui/x-date-pickers/AdapterDayjs";
 import "@mui/x-date-pickers/LocalizationProvider";
 import "../FeaturedDataTabs/FacetPlotsCardGrid.js";
 import "../Forum/ForumTable.js";
-import "@mui/material/IconButton";
 import "@mui/icons-material/NavigateNext";
 import "@react-google-maps/api";
 import "../Markdown/MarkdownUtils.js";
@@ -183,6 +182,7 @@ import "lodash-es/orderBy";
 import "../styled/LargeButton.js";
 import "../../assets/illustrations/diagonalLinePattern.svg.js";
 import "@upsetjs/react";
+/* empty css                       */
 import "reactflow";
 import "../ProvenanceGraph/ProvenanceUtils.js";
 import "reactflow/dist/style.css";

package/dist/components/DataGrid/SynapseGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseGrid.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/SynapseGrid.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,iBAAiB,EAElB,MAAM,kCAAkC,CAAA;AA0BzC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACpD,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,CAAA;AAED,QAAA,MAAM,WAAW,gHA6ZhB,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"SynapseGrid.d.ts","sourceRoot":"","sources":["../../../src/components/DataGrid/SynapseGrid.tsx"],"names":[],"mappings":"AAaA,OAAO,EACL,iBAAiB,EAElB,MAAM,kCAAkC,CAAA;AA0BzC,MAAM,MAAM,gBAAgB,GAAG;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,cAAc,EAAE,CAAC,OAAO,EAAE,iBAAiB,KAAK,IAAI,CAAA;IACpD,mBAAmB,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,CAAA;AAED,QAAA,MAAM,WAAW,gHAiahB,CAAA;AAED,eAAe,WAAW,CAAA"}