synapse-react-client 4.0.2 → 4.0.4

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

@@ -3,6 +3,8 @@
 
 .BasePortalCard__root:global(.MuiCard-root) {
   position: relative;
+  display: flex;
+  flex-direction: column;
 }
 
 .BasePortalCard__contentBelow {
@@ -11,14 +13,24 @@
 
 .BasePortalCard__content:global(.MuiCardContent-root):last-child {
   padding: 0;
+  flex: 1;
+  display: flex;
+  flex-direction: column;
 }
 
-.BasePortalCard__media:global(.MuiCardMedia-root) {
+.BasePortalCard__media {
   height: 50%;
+  flex-shrink: 0;
+  overflow: hidden;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
 
   @media (min-width: map.get(SrcVariables.$breakpoints, 'medium')) {
     height: 60%;
   }
+
+  :global(.MuiCardMedia-root) {
+    height: 100%;
+  }
 }
 
 .small {

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

@@ -1,20 +1,20 @@
-import './BasePortalCard.css';const a = "_BasePortalCard__root_tra5b_1", t = "_BasePortalCard__contentBelow_tra5b_5", _ = "_BasePortalCard__content_tra5b_5", r = "_BasePortalCard__media_tra5b_13", o = "_small_tra5b_22", e = "_medium_tra5b_33", l = "_large_tra5b_44", s = {
+import './BasePortalCard.css';const a = "_BasePortalCard__root_1hm6w_1", _ = "_BasePortalCard__contentBelow_1hm6w_7", t = "_BasePortalCard__content_1hm6w_7", o = "_BasePortalCard__media_1hm6w_18", e = "_small_1hm6w_33", r = "_medium_1hm6w_44", l = "_large_1hm6w_55", s = {
   BasePortalCard__root: a,
-  BasePortalCard__contentBelow: t,
-  BasePortalCard__content: _,
-  BasePortalCard__media: r,
-  small: o,
-  medium: e,
+  BasePortalCard__contentBelow: _,
+  BasePortalCard__content: t,
+  BasePortalCard__media: o,
+  small: e,
+  medium: r,
   large: l
 };
 export {
-  _ as BasePortalCard__content,
-  t as BasePortalCard__contentBelow,
-  r as BasePortalCard__media,
+  t as BasePortalCard__content,
+  _ as BasePortalCard__contentBelow,
+  o as BasePortalCard__media,
   a as BasePortalCard__root,
   s as default,
   l as large,
-  e as medium,
-  o as small
+  r as medium,
+  e as small
 };
 //# sourceMappingURL=BasePortalCard.module.scss.js.map

package/dist/components/BasePortalCard/ColorfulPortalCardWithChips/ColorfulPortalCardWithChips.css

@@ -1 +1 @@
-._ColorfulPortalCardWithChips__root_fcyoh_1{position:relative}._ColorfulPortalCardWithChips__container_fcyoh_5{height:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:20px;flex-wrap:wrap}@media(min-width:1024px){._ColorfulPortalCardWithChips__container_fcyoh_5{flex-direction:row;align-items:flex-start;padding:40px 100px 20px}}._ColorfulPortalCardWithChips__titleSection_fcyoh_22{color:#fff;max-width:225px;top:0;position:absolute;padding-left:30px;padding-top:50px}._ColorfulPortalCardWithChips__title_fcyoh_22.MuiTypography-root{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow-wrap:break-word}._ColorfulPortalCardWithChips__sectionTitle_fcyoh_40.MuiTypography-root{color:var(--synapse-black);margin-bottom:25px;font-size:48px;line-height:80px;text-align:center}._ColorfulPortalCardWithChips__backgroundImage_fcyoh_48.MuiCardMedia-root{background-size:contain}._ColorfulPortalCardWithChips__challengeName_fcyoh_52.MuiTypography-root{font-weight:300;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:break-word}._ColorfulPortalCardWithChips__sectionContainer_fcyoh_62{height:100%}._ColorfulPortalCardWithChips__bottomSection_fcyoh_66{min-height:0;gap:12px;padding:30px;align-items:flex-start}._ColorfulPortalCardWithChips__descriptionTitle_fcyoh_73.MuiTypography-root{color:var(--synapse-black);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}._ColorfulPortalCardWithChips__registrationStatus_fcyoh_82.MuiChip-root{color:var(--synapse-gray-900);position:absolute;top:0;right:0;margin:26px 20px 0 0}._ColorfulPortalCardWithChips__chipsContainer_fcyoh_91{display:flex;gap:5px;flex-wrap:wrap;max-width:400px}._ColorfulPortalCardWithChips__learnMoreButton_fcyoh_98.MuiButton-root{display:flex;height:36px;padding:6px 16px;border-radius:8px;color:var(--synapse-black)!important;border:1px solid var(--synapse-black)!important}@media(max-width:768px){._ColorfulPortalCardWithChips__learnMoreButton_fcyoh_98.MuiButton-root{width:100%}}._ColorfulPortalCardWithChips__chip_fcyoh_91{flex-direction:row-reverse;padding-right:0;gap:5px;margin-bottom:5px}._ColorfulPortalCardWithChips__chip_fcyoh_91.MuiChip-root .MuiChip-label{padding-right:0;color:var(--synapse-gray-900)}._ColorfulPortalCardWithChips__chip_fcyoh_91.MuiChip-root .MuiChip-icon{margin-left:0;margin-right:5px;padding-right:5px;color:var(--synapse-black)}._ColorfulPortalCardWithChips__triangleImage_fcyoh_131{position:absolute;left:10%;bottom:100%;transform:translate(-50%);z-index:1}@media(min-width:1024px){._ColorfulPortalCardWithChips__triangleImage_fcyoh_131{left:35%}}._ColorfulPortalCardWithChips__circleImage_fcyoh_144{position:absolute;left:10%;top:4%;transform:translate(-50%);z-index:1}@media(min-width:1024px){._ColorfulPortalCardWithChips__circleImage_fcyoh_144{left:35%;top:7%}}._ColorfulPortalCardWithChips__doubleLineImage_fcyoh_158{display:flex;position:absolute;left:42%;top:5%;transform:translate(-50%);z-index:1}@media(min-width:1024px){._ColorfulPortalCardWithChips__doubleLineImage_fcyoh_158{left:45%;top:10%}}._ColorfulPortalCardWithChips__longLineImage_fcyoh_173{position:absolute;right:10%;bottom:100%;transform:translate(-50%);z-index:1}@media(min-width:1024px){._ColorfulPortalCardWithChips__longLineImage_fcyoh_173{right:5%;left:62%}}._ColorfulPortalCardWithChips__shortLineImage_fcyoh_187{position:absolute;right:7%;transform:translate(-50%);z-index:1}@media(min-width:1024px){._ColorfulPortalCardWithChips__shortLineImage_fcyoh_187{right:2%;left:63%}}._ColorfulPortalCardWithChips__description_fcyoh_73 .markdown{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}._ColorfulPortalCardWithChips__description_fcyoh_73 .markdown p{color:var(--synapse-black)!important;font-size:14px;line-height:20px}
+._ColorfulPortalCardWithChips__root_1uazc_1{position:relative}._ColorfulPortalCardWithChips__container_1uazc_5{height:100%;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:20px;flex-wrap:wrap}@media(min-width:1024px){._ColorfulPortalCardWithChips__container_1uazc_5{flex-direction:row;align-items:flex-start;padding:40px 100px 20px}}._ColorfulPortalCardWithChips__titleSection_1uazc_22{color:#fff;max-width:310px;top:0;position:absolute;padding-left:30px;padding-top:65px}._ColorfulPortalCardWithChips__title_1uazc_22.MuiTypography-root{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow-wrap:break-word}._ColorfulPortalCardWithChips__sectionTitle_1uazc_40.MuiTypography-root{color:var(--synapse-black);margin-bottom:25px;font-size:48px;line-height:80px;text-align:center}._ColorfulPortalCardWithChips__backgroundImage_1uazc_48.MuiCardMedia-root{background-size:contain}._ColorfulPortalCardWithChips__challengeName_1uazc_52.MuiTypography-root{font-weight:300;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow-wrap:break-word}._ColorfulPortalCardWithChips__sectionContainer_1uazc_62{flex:1}._ColorfulPortalCardWithChips__bottomSection_1uazc_66{min-height:0;flex:1;gap:12px;padding:30px;align-items:flex-start}._ColorfulPortalCardWithChips__descriptionTitle_1uazc_74.MuiTypography-root{color:var(--synapse-black);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}._ColorfulPortalCardWithChips__registrationStatus_1uazc_83.MuiChip-root{color:var(--synapse-gray-900);position:absolute;top:0;right:0;margin:26px 20px 0 0}._ColorfulPortalCardWithChips__chipsContainer_1uazc_92{display:flex;gap:5px;flex-wrap:wrap;max-width:400px}._ColorfulPortalCardWithChips__learnMoreButton_1uazc_99.MuiButton-root{display:flex;margin-top:auto;height:36px;padding:6px 16px;border-radius:8px;color:var(--synapse-black)!important;border:1px solid var(--synapse-black)!important}@media(max-width:768px){._ColorfulPortalCardWithChips__learnMoreButton_1uazc_99.MuiButton-root{width:100%}}._ColorfulPortalCardWithChips__chip_1uazc_92{flex-direction:row-reverse;padding-right:0;gap:5px;margin-bottom:5px}._ColorfulPortalCardWithChips__chip_1uazc_92.MuiChip-root .MuiChip-label{padding-right:0;color:var(--synapse-gray-900)}._ColorfulPortalCardWithChips__chip_1uazc_92.MuiChip-root .MuiChip-icon{margin-left:0;margin-right:5px;padding-right:5px;color:var(--synapse-black)}._ColorfulPortalCardWithChips__triangleImage_1uazc_133{position:absolute;left:10%;bottom:100%;transform:translate(-50%);z-index:1}@media(min-width:1024px){._ColorfulPortalCardWithChips__triangleImage_1uazc_133{left:35%}}._ColorfulPortalCardWithChips__circleImage_1uazc_146{position:absolute;left:10%;top:4%;transform:translate(-50%);z-index:1}@media(min-width:1024px){._ColorfulPortalCardWithChips__circleImage_1uazc_146{left:35%;top:7%}}._ColorfulPortalCardWithChips__doubleLineImage_1uazc_160{display:flex;position:absolute;left:42%;top:5%;transform:translate(-50%);z-index:1}@media(min-width:1024px){._ColorfulPortalCardWithChips__doubleLineImage_1uazc_160{left:45%;top:10%}}._ColorfulPortalCardWithChips__longLineImage_1uazc_175{position:absolute;right:10%;bottom:100%;transform:translate(-50%);z-index:1}@media(min-width:1024px){._ColorfulPortalCardWithChips__longLineImage_1uazc_175{right:5%;left:62%}}._ColorfulPortalCardWithChips__shortLineImage_1uazc_189{position:absolute;right:7%;transform:translate(-50%);z-index:1}@media(min-width:1024px){._ColorfulPortalCardWithChips__shortLineImage_1uazc_189{right:2%;left:63%}}._ColorfulPortalCardWithChips__description_1uazc_74 .markdown{--description-line-height: 20px;--description-max-lines: 3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:var(--description-max-lines);-webkit-box-orient:vertical;min-height:calc(var(--description-max-lines) * var(--description-line-height))}._ColorfulPortalCardWithChips__description_1uazc_74 .markdown p{color:var(--synapse-black)!important;font-size:14px;line-height:var(--description-line-height)}

package/dist/components/BasePortalCard/ColorfulPortalCardWithChips/ColorfulPortalCardWithChips.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorfulPortalCardWithChips.d.ts","sourceRoot":"","sources":["../../../../src/components/BasePortalCard/ColorfulPortalCardWithChips/ColorfulPortalCardWithChips.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,KAAK,gCAAgC,GAAG;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACxC,CAAA;AA6BD,QAAA,MAAM,2BAA2B,GAAI,0KAclC,gCAAgC,KAAG,KAAK,CAAC,SAqE3C,CAAA;AAED,eAAe,2BAA2B,CAAA"}
+{"version":3,"file":"ColorfulPortalCardWithChips.d.ts","sourceRoot":"","sources":["../../../../src/components/BasePortalCard/ColorfulPortalCardWithChips/ColorfulPortalCardWithChips.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,KAAK,gCAAgC,GAAG;IACtC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACxC,CAAA;AA6BD,QAAA,MAAM,2BAA2B,GAAI,0KAclC,gCAAgC,KAAG,KAAK,CAAC,SAqE3C,CAAA;AAED,eAAe,2BAA2B,CAAA"}

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

@@ -1,17 +1,17 @@
 import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import W from "../BasePortalCard.js";
-import { Stack as s, Chip as u, Typography as i, Button as v, Box as x } from "@mui/material";
-import a from "./ColorfulPortalCardWithChips.module.scss.js";
+import { Markdown as W } from "../../Markdown/MarkdownSynapse.js";
+import { hashCode as v } from "../../../utils/functions/StringUtils.js";
+import { useImageUrl as x } from "../../../utils/hooks/useImageUrlUtils.js";
 import b from "@mui/icons-material/ArrowForward";
-import { useImageUrl as B } from "../../../utils/hooks/useImageUrlUtils.js";
-import { hashCode as y } from "../../../utils/functions/StringUtils.js";
-import { MarkdownSynapse as k } from "../../Markdown/MarkdownSynapse.js";
-const p = ["#F8CC7D", "#BFE8F4", "#CEFBDD"], w = (o) => o.map((e) => {
-  const l = y(e), t = Math.abs(l) % p.length;
-  return p[t];
+import { Stack as s, Chip as u, Typography as i, Button as B, Box as k } from "@mui/material";
+import w from "../BasePortalCard.js";
+import a from "./ColorfulPortalCardWithChips.module.scss.js";
+const C = ["#F8CC7D", "#BFE8F4", "#CEFBDD"], y = (o) => o.map((e) => {
+  const l = v(e), t = Math.abs(l) % C.length;
+  return C[t];
 }), F = ({ values: o }) => {
-  const e = w(o);
-  return /* @__PURE__ */ r(x, { className: a.ColorfulPortalCardWithChips__chipsContainer, children: o.map((l, t) => /* @__PURE__ */ r(
+  const e = y(o);
+  return /* @__PURE__ */ r(k, { className: a.ColorfulPortalCardWithChips__chipsContainer, children: o.map((l, t) => /* @__PURE__ */ r(
     u,
     {
       label: /* @__PURE__ */ r(i, { variant: "smallText1", children: l }),
@@ -26,35 +26,35 @@ const p = ["#F8CC7D", "#BFE8F4", "#CEFBDD"], w = (o) => o.map((e) => {
   subtitle: e,
   description: l,
   descriptionTitle: t,
-  learnMoreLink: C,
+  learnMoreLink: c,
   buttonOverrideText: f,
   chips: h,
-  backgroundImage: c,
-  backgroundColor: d,
-  tag: m,
+  backgroundImage: d,
+  backgroundColor: m,
+  tag: p,
   entityId: _,
   borderRadiusPx: g,
   cardSize: P = "medium"
 }) => {
-  const N = B(c ?? "", _ ?? "") ?? c;
+  const N = x(d ?? "", _ ?? "") ?? d;
   return /* @__PURE__ */ r(
-    W,
+    w,
     {
       cardSize: P,
       borderRadiusPx: g,
       backgroundImage: N,
-      backgroundColor: d ?? "",
+      backgroundColor: m || C[0],
       contentBelowCard: h && h.length > 0 && /* @__PURE__ */ r(F, { values: h }),
       children: /* @__PURE__ */ n(s, { className: a.ColorfulPortalCardWithChips__sectionContainer, children: [
         /* @__PURE__ */ n(s, { children: [
-          m && /* @__PURE__ */ r(
+          p && /* @__PURE__ */ r(
             u,
             {
               color: "secondary",
               variant: "filled",
               className: a.ColorfulPortalCardWithChips__registrationStatus,
-              sx: { backgroundColor: d },
-              label: m
+              sx: { backgroundColor: m },
+              label: p
             }
           ),
           /* @__PURE__ */ n(s, { className: a.ColorfulPortalCardWithChips__titleSection, children: [
@@ -90,16 +90,16 @@ const p = ["#F8CC7D", "#BFE8F4", "#CEFBDD"], w = (o) => o.map((e) => {
             {
               variant: "smallText1",
               className: a.ColorfulPortalCardWithChips__description,
-              children: /* @__PURE__ */ r(k, { markdown: l ?? "" })
+              children: /* @__PURE__ */ r(W, { markdown: l ?? "" })
             }
           ),
-          C && /* @__PURE__ */ r(
-            v,
+          c && /* @__PURE__ */ r(
+            B,
             {
               className: a.ColorfulPortalCardWithChips__learnMoreButton,
               variant: "outlined",
               endIcon: /* @__PURE__ */ r(b, {}),
-              href: C,
+              href: c,
               target: "_blank",
               rel: "noopener noreferrer",
               children: f ?? "Learn more"

package/dist/components/BasePortalCard/ColorfulPortalCardWithChips/ColorfulPortalCardWithChips.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorfulPortalCardWithChips.js","sources":["../../../../src/components/BasePortalCard/ColorfulPortalCardWithChips/ColorfulPortalCardWithChips.tsx"],"sourcesContent":["import React from 'react'\nimport BasePortalCard from '../BasePortalCard'\nimport { Chip, Box, Button, Stack, Typography } from '@mui/material'\nimport styles from './ColorfulPortalCardWithChips.module.scss'\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward'\nimport { useImageUrl } from '@/utils/hooks/useImageUrlUtils'\nimport { hashCode } from '@/utils/functions/StringUtils'\nimport MarkdownSynapse from '@/components/Markdown/MarkdownSynapse'\n\ntype ColorfulPortalCardWithChipsProps = {\n  title?: string\n  subtitle?: string\n  description?: string\n  descriptionTitle?: string\n  learnMoreLink?: string\n  buttonOverrideText?: string\n  chips?: string[]\n  backgroundImage?: string\n  backgroundColor?: string\n  tag?: string\n  entityId?: string\n  borderRadiusPx?: number\n  cardSize?: 'small' | 'medium' | 'large'\n}\n\nconst colors = ['#F8CC7D', '#BFE8F4', '#CEFBDD']\n\nconst getChicletColors = (chips: string[]) => {\n  return chips.map(chip => {\n    const hash = hashCode(chip)\n    const index = Math.abs(hash) % colors.length\n    return colors[index]\n  })\n}\n\nconst Chips = ({ values }: { values: string[] }): React.ReactNode => {\n  const chipColors = getChicletColors(values)\n  return (\n    <Box className={styles.ColorfulPortalCardWithChips__chipsContainer}>\n      {values.map((chip, index) => (\n        <Chip\n          key={chip}\n          label={<Typography variant=\"smallText1\">{chip}</Typography>}\n          variant=\"filled\"\n          style={{ backgroundColor: chipColors[index] }}\n          className={styles.ChallengePortalCard__chip}\n        />\n      ))}\n    </Box>\n  )\n}\n\nconst ColorfulPortalCardWithChips = ({\n  title,\n  subtitle,\n  description,\n  descriptionTitle,\n  learnMoreLink,\n  buttonOverrideText,\n  chips,\n  backgroundImage,\n  backgroundColor,\n  tag,\n  entityId,\n  borderRadiusPx,\n  cardSize = 'medium',\n}: ColorfulPortalCardWithChipsProps): React.ReactNode => {\n  const imageUrl = useImageUrl(backgroundImage ?? '', entityId ?? '')\n  const backgroundImageValue = imageUrl ?? backgroundImage\n\n  return (\n    <BasePortalCard\n      cardSize={cardSize}\n      borderRadiusPx={borderRadiusPx}\n      backgroundImage={backgroundImageValue}\n      backgroundColor={backgroundColor ?? ''}\n      contentBelowCard={chips && chips.length > 0 && <Chips values={chips} />}\n    >\n      <Stack className={styles.ColorfulPortalCardWithChips__sectionContainer}>\n        <Stack>\n          {tag && (\n            <Chip\n              color=\"secondary\"\n              variant=\"filled\"\n              className={styles.ColorfulPortalCardWithChips__registrationStatus}\n              sx={{ backgroundColor }}\n              label={tag}\n            />\n          )}\n          <Stack className={styles.ColorfulPortalCardWithChips__titleSection}>\n            <Typography\n              variant=\"headline1\"\n              className={styles.ColorfulPortalCardWithChips__title}\n            >\n              {title}\n            </Typography>\n            <Typography\n              variant=\"headline1\"\n              className={styles.ColorfulPortalCardWithChips__challengeName}\n            >\n              {subtitle}\n            </Typography>\n          </Stack>\n        </Stack>\n        <Stack className={styles.ColorfulPortalCardWithChips__bottomSection}>\n          {descriptionTitle && (\n            <Typography\n              variant=\"headline1\"\n              className={styles.ColorfulPortalCardWithChips__descriptionTitle}\n            >\n              {descriptionTitle}\n            </Typography>\n          )}\n          <Typography\n            variant=\"smallText1\"\n            className={styles.ColorfulPortalCardWithChips__description}\n          >\n            <MarkdownSynapse markdown={description ?? ''} />\n          </Typography>\n          {learnMoreLink && (\n            <Button\n              className={styles.ColorfulPortalCardWithChips__learnMoreButton}\n              variant=\"outlined\"\n              endIcon={<ArrowForwardIcon />}\n              href={learnMoreLink}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              {buttonOverrideText ?? 'Learn more'}\n            </Button>\n          )}\n        </Stack>\n      </Stack>\n    </BasePortalCard>\n  )\n}\n\nexport default ColorfulPortalCardWithChips\n"],"names":["colors","getChicletColors","chips","chip","hash","hashCode","index","Chips","values","chipColors","jsx","Box","styles","Chip","Typography","ColorfulPortalCardWithChips","title","subtitle","description","descriptionTitle","learnMoreLink","buttonOverrideText","backgroundImage","backgroundColor","tag","entityId","borderRadiusPx","cardSize","backgroundImageValue","useImageUrl","BasePortalCard","jsxs","Stack","MarkdownSynapse","Button","ArrowForwardIcon"],"mappings":"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"}
+{"version":3,"file":"ColorfulPortalCardWithChips.js","sources":["../../../../src/components/BasePortalCard/ColorfulPortalCardWithChips/ColorfulPortalCardWithChips.tsx"],"sourcesContent":["import MarkdownSynapse from '@/components/Markdown/MarkdownSynapse'\nimport { hashCode } from '@/utils/functions/StringUtils'\nimport { useImageUrl } from '@/utils/hooks/useImageUrlUtils'\nimport ArrowForwardIcon from '@mui/icons-material/ArrowForward'\nimport { Box, Button, Chip, Stack, Typography } from '@mui/material'\nimport React from 'react'\nimport BasePortalCard from '../BasePortalCard'\nimport styles from './ColorfulPortalCardWithChips.module.scss'\n\ntype ColorfulPortalCardWithChipsProps = {\n  title?: string\n  subtitle?: string\n  description?: string\n  descriptionTitle?: string\n  learnMoreLink?: string\n  buttonOverrideText?: string\n  chips?: string[]\n  backgroundImage?: string\n  backgroundColor?: string\n  tag?: string\n  entityId?: string\n  borderRadiusPx?: number\n  cardSize?: 'small' | 'medium' | 'large'\n}\n\nconst colors = ['#F8CC7D', '#BFE8F4', '#CEFBDD']\n\nconst getChicletColors = (chips: string[]) => {\n  return chips.map(chip => {\n    const hash = hashCode(chip)\n    const index = Math.abs(hash) % colors.length\n    return colors[index]\n  })\n}\n\nconst Chips = ({ values }: { values: string[] }): React.ReactNode => {\n  const chipColors = getChicletColors(values)\n  return (\n    <Box className={styles.ColorfulPortalCardWithChips__chipsContainer}>\n      {values.map((chip, index) => (\n        <Chip\n          key={chip}\n          label={<Typography variant=\"smallText1\">{chip}</Typography>}\n          variant=\"filled\"\n          style={{ backgroundColor: chipColors[index] }}\n          className={styles.ChallengePortalCard__chip}\n        />\n      ))}\n    </Box>\n  )\n}\n\nconst ColorfulPortalCardWithChips = ({\n  title,\n  subtitle,\n  description,\n  descriptionTitle,\n  learnMoreLink,\n  buttonOverrideText,\n  chips,\n  backgroundImage,\n  backgroundColor,\n  tag,\n  entityId,\n  borderRadiusPx,\n  cardSize = 'medium',\n}: ColorfulPortalCardWithChipsProps): React.ReactNode => {\n  const imageUrl = useImageUrl(backgroundImage ?? '', entityId ?? '')\n  const backgroundImageValue = imageUrl ?? backgroundImage\n\n  return (\n    <BasePortalCard\n      cardSize={cardSize}\n      borderRadiusPx={borderRadiusPx}\n      backgroundImage={backgroundImageValue}\n      backgroundColor={backgroundColor || colors[0]}\n      contentBelowCard={chips && chips.length > 0 && <Chips values={chips} />}\n    >\n      <Stack className={styles.ColorfulPortalCardWithChips__sectionContainer}>\n        <Stack>\n          {tag && (\n            <Chip\n              color=\"secondary\"\n              variant=\"filled\"\n              className={styles.ColorfulPortalCardWithChips__registrationStatus}\n              sx={{ backgroundColor }}\n              label={tag}\n            />\n          )}\n          <Stack className={styles.ColorfulPortalCardWithChips__titleSection}>\n            <Typography\n              variant=\"headline1\"\n              className={styles.ColorfulPortalCardWithChips__title}\n            >\n              {title}\n            </Typography>\n            <Typography\n              variant=\"headline1\"\n              className={styles.ColorfulPortalCardWithChips__challengeName}\n            >\n              {subtitle}\n            </Typography>\n          </Stack>\n        </Stack>\n        <Stack className={styles.ColorfulPortalCardWithChips__bottomSection}>\n          {descriptionTitle && (\n            <Typography\n              variant=\"headline1\"\n              className={styles.ColorfulPortalCardWithChips__descriptionTitle}\n            >\n              {descriptionTitle}\n            </Typography>\n          )}\n          <Typography\n            variant=\"smallText1\"\n            className={styles.ColorfulPortalCardWithChips__description}\n          >\n            <MarkdownSynapse markdown={description ?? ''} />\n          </Typography>\n          {learnMoreLink && (\n            <Button\n              className={styles.ColorfulPortalCardWithChips__learnMoreButton}\n              variant=\"outlined\"\n              endIcon={<ArrowForwardIcon />}\n              href={learnMoreLink}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n            >\n              {buttonOverrideText ?? 'Learn more'}\n            </Button>\n          )}\n        </Stack>\n      </Stack>\n    </BasePortalCard>\n  )\n}\n\nexport default ColorfulPortalCardWithChips\n"],"names":["colors","getChicletColors","chips","chip","hash","hashCode","index","Chips","values","chipColors","jsx","Box","styles","Chip","Typography","ColorfulPortalCardWithChips","title","subtitle","description","descriptionTitle","learnMoreLink","buttonOverrideText","backgroundImage","backgroundColor","tag","entityId","borderRadiusPx","cardSize","backgroundImageValue","useImageUrl","BasePortalCard","jsxs","Stack","MarkdownSynapse","Button","ArrowForwardIcon"],"mappings":";;;;;;;;AAyBA,MAAMA,IAAS,CAAC,WAAW,WAAW,SAAS,GAEzCC,IAAmB,CAACC,MACjBA,EAAM,IAAI,CAAAC,MAAQ;AACvB,QAAMC,IAAOC,EAASF,CAAI,GACpBG,IAAQ,KAAK,IAAIF,CAAI,IAAIJ,EAAO;AACtC,SAAOA,EAAOM,CAAK;AACrB,CAAC,GAGGC,IAAQ,CAAC,EAAE,QAAAC,QAAoD;AACnE,QAAMC,IAAaR,EAAiBO,CAAM;AAC1C,SACE,gBAAAE,EAACC,KAAI,WAAWC,EAAO,6CACpB,UAAAJ,EAAO,IAAI,CAACL,GAAMG,MACjB,gBAAAI;AAAA,IAACG;AAAA,IAAA;AAAA,MAEC,OAAO,gBAAAH,EAACI,GAAA,EAAW,SAAQ,cAAc,UAAAX,GAAK;AAAA,MAC9C,SAAQ;AAAA,MACR,OAAO,EAAE,iBAAiBM,EAAWH,CAAK,EAAA;AAAA,MAC1C,WAAWM,EAAO;AAAA,IAAA;AAAA,IAJbT;AAAA,EAAA,CAMR,GACH;AAEJ,GAEMY,IAA8B,CAAC;AAAA,EACnC,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,OAAAnB;AAAA,EACA,iBAAAoB;AAAA,EACA,iBAAAC;AAAA,EACA,KAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAAyD;AAEvD,QAAMC,IADWC,EAAYP,KAAmB,IAAIG,KAAY,EAAE,KACzBH;AAEzC,SACE,gBAAAZ;AAAA,IAACoB;AAAA,IAAA;AAAA,MACC,UAAAH;AAAA,MACA,gBAAAD;AAAA,MACA,iBAAiBE;AAAA,MACjB,iBAAiBL,KAAmBvB,EAAO,CAAC;AAAA,MAC5C,kBAAkBE,KAASA,EAAM,SAAS,KAAK,gBAAAQ,EAACH,GAAA,EAAM,QAAQL,GAAO;AAAA,MAErE,UAAA,gBAAA6B,EAACC,GAAA,EAAM,WAAWpB,EAAO,+CACvB,UAAA;AAAA,QAAA,gBAAAmB,EAACC,GAAA,EACE,UAAA;AAAA,UAAAR,KACC,gBAAAd;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,OAAM;AAAA,cACN,SAAQ;AAAA,cACR,WAAWD,EAAO;AAAA,cAClB,IAAI,EAAE,iBAAAW,EAAA;AAAA,cACN,OAAOC;AAAA,YAAA;AAAA,UAAA;AAAA,UAGX,gBAAAO,EAACC,GAAA,EAAM,WAAWpB,EAAO,2CACvB,UAAA;AAAA,YAAA,gBAAAF;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,WAAWF,EAAO;AAAA,gBAEjB,UAAAI;AAAA,cAAA;AAAA,YAAA;AAAA,YAEH,gBAAAN;AAAA,cAACI;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,WAAWF,EAAO;AAAA,gBAEjB,UAAAK;AAAA,cAAA;AAAA,YAAA;AAAA,UACH,EAAA,CACF;AAAA,QAAA,GACF;AAAA,QACA,gBAAAc,EAACC,GAAA,EAAM,WAAWpB,EAAO,4CACtB,UAAA;AAAA,UAAAO,KACC,gBAAAT;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,WAAWF,EAAO;AAAA,cAEjB,UAAAO;AAAA,YAAA;AAAA,UAAA;AAAA,UAGL,gBAAAT;AAAA,YAACI;AAAA,YAAA;AAAA,cACC,SAAQ;AAAA,cACR,WAAWF,EAAO;AAAA,cAElB,UAAA,gBAAAF,EAACuB,GAAA,EAAgB,UAAUf,KAAe,GAAA,CAAI;AAAA,YAAA;AAAA,UAAA;AAAA,UAE/CE,KACC,gBAAAV;AAAA,YAACwB;AAAA,YAAA;AAAA,cACC,WAAWtB,EAAO;AAAA,cAClB,SAAQ;AAAA,cACR,2BAAUuB,GAAA,EAAiB;AAAA,cAC3B,MAAMf;AAAA,cACN,QAAO;AAAA,cACP,KAAI;AAAA,cAEH,UAAAC,KAAsB;AAAA,YAAA;AAAA,UAAA;AAAA,QACzB,EAAA,CAEJ;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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) {
@@ -62,11 +62,12 @@
 }
 
 .ColorfulPortalCardWithChips__sectionContainer {
-  height: 100%;
+  flex: 1;
 }
 
 .ColorfulPortalCardWithChips__bottomSection {
   min-height: 0;
+  flex: 1;
   gap: 12px;
   padding: 30px;
   align-items: flex-start;
@@ -99,6 +100,7 @@
 
 .ColorfulPortalCardWithChips__learnMoreButton:global(.MuiButton-root) {
   display: flex;
+  margin-top: auto;
   height: 36px;
   padding: 6px 16px;
   border-radius: 8px;
@@ -196,15 +198,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,23 +1,23 @@
-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_1uazc_22", t = "_ColorfulPortalCardWithChips__title_1uazc_22", r = "_ColorfulPortalCardWithChips__challengeName_1uazc_52", l = "_ColorfulPortalCardWithChips__sectionContainer_1uazc_62", i = "_ColorfulPortalCardWithChips__bottomSection_1uazc_66", C = "_ColorfulPortalCardWithChips__descriptionTitle_1uazc_74", a = "_ColorfulPortalCardWithChips__registrationStatus_1uazc_83", _ = "_ColorfulPortalCardWithChips__chipsContainer_1uazc_92", h = "_ColorfulPortalCardWithChips__learnMoreButton_1uazc_99", s = "_ColorfulPortalCardWithChips__description_1uazc_74", e = {
   ColorfulPortalCardWithChips__titleSection: o,
   ColorfulPortalCardWithChips__title: t,
   ColorfulPortalCardWithChips__challengeName: r,
   ColorfulPortalCardWithChips__sectionContainer: l,
   ColorfulPortalCardWithChips__bottomSection: i,
   ColorfulPortalCardWithChips__descriptionTitle: C,
-  ColorfulPortalCardWithChips__registrationStatus: _,
-  ColorfulPortalCardWithChips__chipsContainer: a,
+  ColorfulPortalCardWithChips__registrationStatus: a,
+  ColorfulPortalCardWithChips__chipsContainer: _,
   ColorfulPortalCardWithChips__learnMoreButton: h,
   ColorfulPortalCardWithChips__description: s
 };
 export {
   i as ColorfulPortalCardWithChips__bottomSection,
   r as ColorfulPortalCardWithChips__challengeName,
-  a as ColorfulPortalCardWithChips__chipsContainer,
+  _ as ColorfulPortalCardWithChips__chipsContainer,
   s as ColorfulPortalCardWithChips__description,
   C as ColorfulPortalCardWithChips__descriptionTitle,
   h as ColorfulPortalCardWithChips__learnMoreButton,
-  _ as ColorfulPortalCardWithChips__registrationStatus,
+  a as ColorfulPortalCardWithChips__registrationStatus,
   l as ColorfulPortalCardWithChips__sectionContainer,
   t as ColorfulPortalCardWithChips__title,
   o as ColorfulPortalCardWithChips__titleSection,

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/CardContainerLogic/CardContainerLogic.d.ts

@@ -4,6 +4,7 @@ import { LockedColumn, UniqueFacetIdentifier } from '@/utils';
 import { SQLOperator } from '@/utils/functions/SqlFunctions';
 import { Query, SelectColumn, SortDirection } from '@sage-bionetworks/synapse-types';
 import React from 'react';
+import { SxProps } from '@mui/material';
 import { IconSvgProps } from '../IconSvg';
 import { QueryVisualizationWrapperProps } from '../QueryVisualizationWrapper';
 /**
@@ -51,10 +52,13 @@ export type MapValueToReactComponentConfig = {
     isMapValueToReactNodeConfig: true;
 };
 export type LabelLinkConfig = (MarkdownLink | CardLink | ColumnSpecifiedLink | EntityImage | MapValueToReactComponentConfig)[];
+export type ColumnIconConfig = IconSvgProps & {
+    containerSx?: SxProps;
+};
 export type ColumnIconConfigs = {
     columns: {
         [index: string]: {
-            [index: string]: IconSvgProps;
+            [index: string]: ColumnIconConfig;
         };
     };
 };

package/dist/components/CardContainerLogic/CardContainerLogic.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardContainerLogic.d.ts","sourceRoot":"","sources":["../../../src/components/CardContainerLogic/CardContainerLogic.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CardContainerLogic.d.ts","sourceRoot":"","sources":["../../../src/components/CardContainerLogic/CardContainerLogic.tsx"],"names":[],"mappings":"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"}

package/dist/components/CardContainerLogic/CardContainerLogic.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContainerLogic.js","sources":["../../../src/components/CardContainerLogic/CardContainerLogic.tsx"],"sourcesContent":["import { CardConfiguration } from '@/components/CardContainer/CardConfiguration'\nimport { CardLink } from '@/components/CardContainer/CardLink'\nimport { LockedColumn, SynapseConstants, UniqueFacetIdentifier } from '@/utils'\nimport {\n  getAdditionalFilters,\n  parseEntityIdFromSqlStatement,\n  SQLOperator,\n} from '@/utils/functions/SqlFunctions'\nimport { DEFAULT_PAGE_SIZE } from '@/utils/SynapseConstants'\nimport {\n  Query,\n  QueryBundleRequest,\n  SelectColumn,\n  SortDirection,\n} from '@sage-bionetworks/synapse-types'\nimport React, { useMemo } from 'react'\nimport ColumnFilter from '../ColumnFilter/ColumnFilter'\nimport { IconSvgProps } from '../IconSvg'\nimport QuerySortSelector from '../QuerySortSelector'\nimport {\n  QueryVisualizationWrapper,\n  QueryVisualizationWrapperProps,\n} from '../QueryVisualizationWrapper'\nimport { QueryWrapper } from '../QueryWrapper'\nimport { QueryWrapperErrorBoundary } from '../QueryWrapperErrorBoundary'\nimport { RowSetView } from '../QueryWrapperPlotNav/RowSetView'\nimport { NoContentPlaceholderType } from '../SynapseTable/NoContentPlaceholderType'\n\n/**\n *  Used when a column value should link to an external URL defined by a value in another column.\n *  Currently only works in SynapseTable (not cards!)\n */\nexport interface ColumnSpecifiedLink {\n  isMarkdown: false\n  /* The column which should have the displayed value */\n  matchColumnName: string\n  /* The column which has the link. If the link is empty, the value will be displayed without a link. */\n  linkColumnName: string\n  // If set, also show a tooltip\n  tooltipText?: string\n}\n\n/**\n *  Used when a column value should be previewed\n *  Currently only works in SynapseTable (not cards!)\n */\nexport interface EntityImage {\n  // the columns whos value will be used for the markdown\n  matchColumnName: string\n  isEntityImage: boolean\n}\n\nexport type MarkdownLink = {\n  isMarkdown: true\n  // the columns whos value will be used for the markdown\n  matchColumnName: string\n  // If set, also show a tooltip\n  tooltipText?: string\n}\n\nexport type SortConfiguration = {\n  // the column that the query should be sorted on by default\n  defaultColumn: string\n  // the direction that the defaultColumn should be sorted on by default\n  defaultDirection: SortDirection\n  // the columns that the UI should surface as sortable\n  sortableColumns: string[]\n}\n\nexport type CTACardLink = {\n  // link text\n  text: string\n  // column name to use for href\n  link: string\n}\n\nexport type DescriptionConfig = {\n  isMarkdown?: boolean\n  showFullDescriptionByDefault?: boolean\n}\n\nexport type MapValueToReactComponentConfig = {\n  // The column to apply the mapping to\n  matchColumnName: string\n  Component: React.ComponentType<{\n    /* The value of the table cell. If the column is a _LIST type, then the LIST will be parsed and this will be a string array. */\n    value: string | string[] | null\n    selectColumn: SelectColumn\n  }>\n  // discriminator\n  isMapValueToReactNodeConfig: true\n}\n\n// Specify the indices in the values [] that should be rendered specially\nexport type LabelLinkConfig = (\n  | MarkdownLink\n  | CardLink\n  | ColumnSpecifiedLink\n  | EntityImage\n  | MapValueToReactComponentConfig\n)[]\n\nexport type ColumnIconConfigs = {\n  columns: {\n    [index: string]: {\n      [index: string]: IconSvgProps\n    }\n  }\n}\n\nexport type QueryOrDeprecatedSearchParams = {\n  /** The initial SQL query which will be used to populate the data in the component */\n  query?: Query\n  /** @deprecated use `query` */\n  sql?: string\n  /** Optional limit for the number of cards shown per page\n   * @deprecated use `query */\n  limit?: number\n  /** Applies filters to the query where the key is the column name and the value is the value to filter on.\n   * The filter function is controlled by sqlOperator.\n   * @deprecated use `query` */\n  searchParams?: Record<string, string>\n  /** Operator used in the filter created using the searchParams prop\n   * @deprecated use `query` */\n  sqlOperator?: SQLOperator\n}\n\nexport type CardContainerLogicProps = QueryOrDeprecatedSearchParams & {\n  /** Optional title to display above the component */\n  title?: string\n  isAlignToLeftNav?: boolean\n  /** Provide a `SortConfiguration` that can be used to render UI to toggle the sorting of the cards. */\n  sortConfig?: SortConfiguration\n  /** Configuration used to render UI that can be used to alter a filter against a column with enumerated facets. */\n  topLevelEnumeratedFacetToFilter?: UniqueFacetIdentifier\n  /** Optional column to 'lock'; Values and filter controls for a locked column will not be displayed in the UI. */\n  lockedColumn?: LockedColumn\n  /** Optionally limit the initial number of cards shown on the first page */\n  initialLimit?: number\n  multiCardList?: boolean\n  cardConfiguration: CardConfiguration\n} & Pick<\n    QueryVisualizationWrapperProps,\n    | 'rgbIndex'\n    | 'unitDescription'\n    | 'columnAliases'\n    | 'noContentPlaceholderType'\n    | 'additionalFiltersSessionStorageKey'\n  >\n\n/**\n * Class wraps around CardContainer and serves as a standalone logic container for rendering cards.\n */\nexport function CardContainerLogic(props: CardContainerLogicProps) {\n  const { sql: deprecatedSql } = props\n  const sql = props.query?.sql ?? deprecatedSql ?? ''\n  const entityId = parseEntityIdFromSqlStatement(sql)\n\n  const { sortConfig, columnAliases, topLevelEnumeratedFacetToFilter } = props\n  const defaultSortItems = useMemo(\n    () =>\n      sortConfig\n        ? [\n            {\n              column: sortConfig.defaultColumn,\n              direction: sortConfig.defaultDirection,\n            },\n          ]\n        : undefined,\n    [sortConfig],\n  )\n\n  const initQueryRequest: QueryBundleRequest = useMemo(() => {\n    let query: Query\n    if (props.query) {\n      query = {\n        sort: defaultSortItems,\n        limit: DEFAULT_PAGE_SIZE,\n        ...props.query,\n      }\n    } else {\n      // Deprecated props were used\n      const queryFilters = getAdditionalFilters(\n        props.searchParams,\n        props.sqlOperator,\n        props.additionalFiltersSessionStorageKey,\n      )\n      query = {\n        sql: props.sql!,\n        limit: props.limit ?? DEFAULT_PAGE_SIZE,\n        sort: defaultSortItems,\n        additionalFilters: queryFilters,\n      }\n    }\n\n    return {\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n      entityId: entityId,\n      query: query,\n      partMask:\n        SynapseConstants.BUNDLE_MASK_QUERY_RESULTS |\n        SynapseConstants.BUNDLE_MASK_QUERY_COUNT |\n        SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n        SynapseConstants.BUNDLE_MASK_QUERY_MAX_ROWS_PER_PAGE |\n        SynapseConstants.BUNDLE_MASK_QUERY_COLUMN_MODELS |\n        SynapseConstants.BUNDLE_MASK_QUERY_FACETS |\n        SynapseConstants.BUNDLE_MASK_SUM_FILES_SIZE_BYTES |\n        SynapseConstants.BUNDLE_MASK_LAST_UPDATED_ON,\n    }\n  }, [\n    defaultSortItems,\n    entityId,\n    props.additionalFiltersSessionStorageKey,\n    props.limit,\n    props.query,\n    props.searchParams,\n    props.sql,\n    props.sqlOperator,\n  ])\n\n  /**\n   * Fully re-render the uncontrolled QueryWrapper component when the initial query changes. This eliminates a class of\n   * bugs where our 'derived' state (the current query), which should be reset, is out of sync with props.\n   *\n   * See https://legacy.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key\n   */\n  const queryWrapperKey = JSON.stringify(initQueryRequest)\n\n  return (\n    <QueryWrapper\n      {...props}\n      initQueryRequest={initQueryRequest}\n      isInfinite\n      key={queryWrapperKey}\n    >\n      <QueryVisualizationWrapper\n        rgbIndex={props.rgbIndex}\n        unitDescription={props.unitDescription}\n        columnAliases={columnAliases}\n        noContentPlaceholderType={\n          props.noContentPlaceholderType ?? NoContentPlaceholderType.STATIC\n        }\n      >\n        <QueryWrapperErrorBoundary>\n          {sortConfig && <QuerySortSelector sortConfig={sortConfig} />}\n          {topLevelEnumeratedFacetToFilter && (\n            <ColumnFilter\n              topLevelEnumeratedFacetToFilter={topLevelEnumeratedFacetToFilter}\n            />\n          )}\n          <RowSetView\n            cardConfiguration={props.cardConfiguration}\n            initialLimit={props.initialLimit}\n            multiCardList={props.multiCardList}\n          />\n        </QueryWrapperErrorBoundary>\n      </QueryVisualizationWrapper>\n    </QueryWrapper>\n  )\n}\n\nexport default CardContainerLogic\n"],"names":["CardContainerLogic","props","deprecatedSql","sql","entityId","parseEntityIdFromSqlStatement","sortConfig","columnAliases","topLevelEnumeratedFacetToFilter","defaultSortItems","useMemo","initQueryRequest","query","DEFAULT_PAGE_SIZE","queryFilters","getAdditionalFilters","SynapseConstants.BUNDLE_MASK_QUERY_RESULTS","SynapseConstants.BUNDLE_MASK_QUERY_COUNT","SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS","SynapseConstants.BUNDLE_MASK_QUERY_MAX_ROWS_PER_PAGE","SynapseConstants.BUNDLE_MASK_QUERY_COLUMN_MODELS","SynapseConstants.BUNDLE_MASK_QUERY_FACETS","SynapseConstants.BUNDLE_MASK_SUM_FILES_SIZE_BYTES","SynapseConstants.BUNDLE_MASK_LAST_UPDATED_ON","queryWrapperKey","createElement","QueryWrapper","jsx","QueryVisualizationWrapper","NoContentPlaceholderType","QueryWrapperErrorBoundary","QuerySortSelector","ColumnFilter","RowSetView"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyJO,SAASA,GAAmBC,GAAgC;AACjE,QAAM,EAAE,KAAKC,EAAA,IAAkBD,GACzBE,IAAMF,EAAM,OAAO,OAAOC,KAAiB,IAC3CE,IAAWC,EAA8BF,CAAG,GAE5C,EAAE,YAAAG,GAAY,eAAAC,GAAe,iCAAAC,EAAA,IAAoCP,GACjEQ,IAAmBC;AAAA,IACvB,MACEJ,IACI;AAAA,MACE;AAAA,QACE,QAAQA,EAAW;AAAA,QACnB,WAAWA,EAAW;AAAA,MAAA;AAAA,IACxB,IAEF;AAAA,IACN,CAACA,CAAU;AAAA,EAAA,GAGPK,IAAuCD,EAAQ,MAAM;AACzD,QAAIE;AACJ,QAAIX,EAAM;AACR,MAAAW,IAAQ;AAAA,QACN,MAAMH;AAAA,QACN,OAAOI;AAAA,QACP,GAAGZ,EAAM;AAAA,MAAA;AAAA,SAEN;AAEL,YAAMa,IAAeC;AAAA,QACnBd,EAAM;AAAA,QACNA,EAAM;AAAA,QACNA,EAAM;AAAA,MAAA;AAER,MAAAW,IAAQ;AAAA,QACN,KAAKX,EAAM;AAAA,QACX,OAAOA,EAAM,SAASY;AAAA,QACtB,MAAMJ;AAAA,QACN,mBAAmBK;AAAA,MAAA;AAAA,IAEvB;AAEA,WAAO;AAAA,MACL,cAAc;AAAA,MACd,UAAAV;AAAA,MACA,OAAAQ;AAAA,MACA,UACEI,IACAC,IACAC,IACAC,IACAC,IACAC,IACAC,IACAC;AAAAA,IAAiB;AAAA,EAEvB,GAAG;AAAA,IACDd;AAAA,IACAL;AAAA,IACAH,EAAM;AAAA,IACNA,EAAM;AAAA,IACNA,EAAM;AAAA,IACNA,EAAM;AAAA,IACNA,EAAM;AAAA,IACNA,EAAM;AAAA,EAAA,CACP,GAQKuB,IAAkB,KAAK,UAAUb,CAAgB;AAEvD,SACE,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGzB;AAAA,MACJ,kBAAAU;AAAA,MACA,YAAU;AAAA,MACV,KAAKa;AAAA,IAAA;AAAA,IAEL,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAU3B,EAAM;AAAA,QAChB,iBAAiBA,EAAM;AAAA,QACvB,eAAAM;AAAA,QACA,0BACEN,EAAM,4BAA4B4B,EAAyB;AAAA,QAG7D,4BAACC,GAAA,EACE,UAAA;AAAA,UAAAxB,KAAc,gBAAAqB,EAACI,KAAkB,YAAAzB,EAAA,CAAwB;AAAA,UACzDE,KACC,gBAAAmB;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,iCAAAxB;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJ,gBAAAmB;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,mBAAmBhC,EAAM;AAAA,cACzB,cAAcA,EAAM;AAAA,cACpB,eAAeA,EAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACvB,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAGN;"}
+{"version":3,"file":"CardContainerLogic.js","sources":["../../../src/components/CardContainerLogic/CardContainerLogic.tsx"],"sourcesContent":["import { CardConfiguration } from '@/components/CardContainer/CardConfiguration'\nimport { CardLink } from '@/components/CardContainer/CardLink'\nimport { LockedColumn, SynapseConstants, UniqueFacetIdentifier } from '@/utils'\nimport {\n  getAdditionalFilters,\n  parseEntityIdFromSqlStatement,\n  SQLOperator,\n} from '@/utils/functions/SqlFunctions'\nimport { DEFAULT_PAGE_SIZE } from '@/utils/SynapseConstants'\nimport {\n  Query,\n  QueryBundleRequest,\n  SelectColumn,\n  SortDirection,\n} from '@sage-bionetworks/synapse-types'\nimport React, { useMemo } from 'react'\nimport ColumnFilter from '../ColumnFilter/ColumnFilter'\nimport { SxProps } from '@mui/material'\nimport { IconSvgProps } from '../IconSvg'\nimport QuerySortSelector from '../QuerySortSelector'\nimport {\n  QueryVisualizationWrapper,\n  QueryVisualizationWrapperProps,\n} from '../QueryVisualizationWrapper'\nimport { QueryWrapper } from '../QueryWrapper'\nimport { QueryWrapperErrorBoundary } from '../QueryWrapperErrorBoundary'\nimport { RowSetView } from '../QueryWrapperPlotNav/RowSetView'\nimport { NoContentPlaceholderType } from '../SynapseTable/NoContentPlaceholderType'\n\n/**\n *  Used when a column value should link to an external URL defined by a value in another column.\n *  Currently only works in SynapseTable (not cards!)\n */\nexport interface ColumnSpecifiedLink {\n  isMarkdown: false\n  /* The column which should have the displayed value */\n  matchColumnName: string\n  /* The column which has the link. If the link is empty, the value will be displayed without a link. */\n  linkColumnName: string\n  // If set, also show a tooltip\n  tooltipText?: string\n}\n\n/**\n *  Used when a column value should be previewed\n *  Currently only works in SynapseTable (not cards!)\n */\nexport interface EntityImage {\n  // the columns whos value will be used for the markdown\n  matchColumnName: string\n  isEntityImage: boolean\n}\n\nexport type MarkdownLink = {\n  isMarkdown: true\n  // the columns whos value will be used for the markdown\n  matchColumnName: string\n  // If set, also show a tooltip\n  tooltipText?: string\n}\n\nexport type SortConfiguration = {\n  // the column that the query should be sorted on by default\n  defaultColumn: string\n  // the direction that the defaultColumn should be sorted on by default\n  defaultDirection: SortDirection\n  // the columns that the UI should surface as sortable\n  sortableColumns: string[]\n}\n\nexport type CTACardLink = {\n  // link text\n  text: string\n  // column name to use for href\n  link: string\n}\n\nexport type DescriptionConfig = {\n  isMarkdown?: boolean\n  showFullDescriptionByDefault?: boolean\n}\n\nexport type MapValueToReactComponentConfig = {\n  // The column to apply the mapping to\n  matchColumnName: string\n  Component: React.ComponentType<{\n    /* The value of the table cell. If the column is a _LIST type, then the LIST will be parsed and this will be a string array. */\n    value: string | string[] | null\n    selectColumn: SelectColumn\n  }>\n  // discriminator\n  isMapValueToReactNodeConfig: true\n}\n\n// Specify the indices in the values [] that should be rendered specially\nexport type LabelLinkConfig = (\n  | MarkdownLink\n  | CardLink\n  | ColumnSpecifiedLink\n  | EntityImage\n  | MapValueToReactComponentConfig\n)[]\n\nexport type ColumnIconConfig = IconSvgProps & {\n  containerSx?: SxProps\n}\n\nexport type ColumnIconConfigs = {\n  columns: {\n    [index: string]: {\n      [index: string]: ColumnIconConfig\n    }\n  }\n}\n\nexport type QueryOrDeprecatedSearchParams = {\n  /** The initial SQL query which will be used to populate the data in the component */\n  query?: Query\n  /** @deprecated use `query` */\n  sql?: string\n  /** Optional limit for the number of cards shown per page\n   * @deprecated use `query */\n  limit?: number\n  /** Applies filters to the query where the key is the column name and the value is the value to filter on.\n   * The filter function is controlled by sqlOperator.\n   * @deprecated use `query` */\n  searchParams?: Record<string, string>\n  /** Operator used in the filter created using the searchParams prop\n   * @deprecated use `query` */\n  sqlOperator?: SQLOperator\n}\n\nexport type CardContainerLogicProps = QueryOrDeprecatedSearchParams & {\n  /** Optional title to display above the component */\n  title?: string\n  isAlignToLeftNav?: boolean\n  /** Provide a `SortConfiguration` that can be used to render UI to toggle the sorting of the cards. */\n  sortConfig?: SortConfiguration\n  /** Configuration used to render UI that can be used to alter a filter against a column with enumerated facets. */\n  topLevelEnumeratedFacetToFilter?: UniqueFacetIdentifier\n  /** Optional column to 'lock'; Values and filter controls for a locked column will not be displayed in the UI. */\n  lockedColumn?: LockedColumn\n  /** Optionally limit the initial number of cards shown on the first page */\n  initialLimit?: number\n  multiCardList?: boolean\n  cardConfiguration: CardConfiguration\n} & Pick<\n    QueryVisualizationWrapperProps,\n    | 'rgbIndex'\n    | 'unitDescription'\n    | 'columnAliases'\n    | 'noContentPlaceholderType'\n    | 'additionalFiltersSessionStorageKey'\n  >\n\n/**\n * Class wraps around CardContainer and serves as a standalone logic container for rendering cards.\n */\nexport function CardContainerLogic(props: CardContainerLogicProps) {\n  const { sql: deprecatedSql } = props\n  const sql = props.query?.sql ?? deprecatedSql ?? ''\n  const entityId = parseEntityIdFromSqlStatement(sql)\n\n  const { sortConfig, columnAliases, topLevelEnumeratedFacetToFilter } = props\n  const defaultSortItems = useMemo(\n    () =>\n      sortConfig\n        ? [\n            {\n              column: sortConfig.defaultColumn,\n              direction: sortConfig.defaultDirection,\n            },\n          ]\n        : undefined,\n    [sortConfig],\n  )\n\n  const initQueryRequest: QueryBundleRequest = useMemo(() => {\n    let query: Query\n    if (props.query) {\n      query = {\n        sort: defaultSortItems,\n        limit: DEFAULT_PAGE_SIZE,\n        ...props.query,\n      }\n    } else {\n      // Deprecated props were used\n      const queryFilters = getAdditionalFilters(\n        props.searchParams,\n        props.sqlOperator,\n        props.additionalFiltersSessionStorageKey,\n      )\n      query = {\n        sql: props.sql!,\n        limit: props.limit ?? DEFAULT_PAGE_SIZE,\n        sort: defaultSortItems,\n        additionalFilters: queryFilters,\n      }\n    }\n\n    return {\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n      entityId: entityId,\n      query: query,\n      partMask:\n        SynapseConstants.BUNDLE_MASK_QUERY_RESULTS |\n        SynapseConstants.BUNDLE_MASK_QUERY_COUNT |\n        SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n        SynapseConstants.BUNDLE_MASK_QUERY_MAX_ROWS_PER_PAGE |\n        SynapseConstants.BUNDLE_MASK_QUERY_COLUMN_MODELS |\n        SynapseConstants.BUNDLE_MASK_QUERY_FACETS |\n        SynapseConstants.BUNDLE_MASK_SUM_FILES_SIZE_BYTES |\n        SynapseConstants.BUNDLE_MASK_LAST_UPDATED_ON,\n    }\n  }, [\n    defaultSortItems,\n    entityId,\n    props.additionalFiltersSessionStorageKey,\n    props.limit,\n    props.query,\n    props.searchParams,\n    props.sql,\n    props.sqlOperator,\n  ])\n\n  /**\n   * Fully re-render the uncontrolled QueryWrapper component when the initial query changes. This eliminates a class of\n   * bugs where our 'derived' state (the current query), which should be reset, is out of sync with props.\n   *\n   * See https://legacy.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key\n   */\n  const queryWrapperKey = JSON.stringify(initQueryRequest)\n\n  return (\n    <QueryWrapper\n      {...props}\n      initQueryRequest={initQueryRequest}\n      isInfinite\n      key={queryWrapperKey}\n    >\n      <QueryVisualizationWrapper\n        rgbIndex={props.rgbIndex}\n        unitDescription={props.unitDescription}\n        columnAliases={columnAliases}\n        noContentPlaceholderType={\n          props.noContentPlaceholderType ?? NoContentPlaceholderType.STATIC\n        }\n      >\n        <QueryWrapperErrorBoundary>\n          {sortConfig && <QuerySortSelector sortConfig={sortConfig} />}\n          {topLevelEnumeratedFacetToFilter && (\n            <ColumnFilter\n              topLevelEnumeratedFacetToFilter={topLevelEnumeratedFacetToFilter}\n            />\n          )}\n          <RowSetView\n            cardConfiguration={props.cardConfiguration}\n            initialLimit={props.initialLimit}\n            multiCardList={props.multiCardList}\n          />\n        </QueryWrapperErrorBoundary>\n      </QueryVisualizationWrapper>\n    </QueryWrapper>\n  )\n}\n\nexport default CardContainerLogic\n"],"names":["CardContainerLogic","props","deprecatedSql","sql","entityId","parseEntityIdFromSqlStatement","sortConfig","columnAliases","topLevelEnumeratedFacetToFilter","defaultSortItems","useMemo","initQueryRequest","query","DEFAULT_PAGE_SIZE","queryFilters","getAdditionalFilters","SynapseConstants.BUNDLE_MASK_QUERY_RESULTS","SynapseConstants.BUNDLE_MASK_QUERY_COUNT","SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS","SynapseConstants.BUNDLE_MASK_QUERY_MAX_ROWS_PER_PAGE","SynapseConstants.BUNDLE_MASK_QUERY_COLUMN_MODELS","SynapseConstants.BUNDLE_MASK_QUERY_FACETS","SynapseConstants.BUNDLE_MASK_SUM_FILES_SIZE_BYTES","SynapseConstants.BUNDLE_MASK_LAST_UPDATED_ON","queryWrapperKey","createElement","QueryWrapper","jsx","QueryVisualizationWrapper","NoContentPlaceholderType","QueryWrapperErrorBoundary","QuerySortSelector","ColumnFilter","RowSetView"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8JO,SAASA,GAAmBC,GAAgC;AACjE,QAAM,EAAE,KAAKC,EAAA,IAAkBD,GACzBE,IAAMF,EAAM,OAAO,OAAOC,KAAiB,IAC3CE,IAAWC,EAA8BF,CAAG,GAE5C,EAAE,YAAAG,GAAY,eAAAC,GAAe,iCAAAC,EAAA,IAAoCP,GACjEQ,IAAmBC;AAAA,IACvB,MACEJ,IACI;AAAA,MACE;AAAA,QACE,QAAQA,EAAW;AAAA,QACnB,WAAWA,EAAW;AAAA,MAAA;AAAA,IACxB,IAEF;AAAA,IACN,CAACA,CAAU;AAAA,EAAA,GAGPK,IAAuCD,EAAQ,MAAM;AACzD,QAAIE;AACJ,QAAIX,EAAM;AACR,MAAAW,IAAQ;AAAA,QACN,MAAMH;AAAA,QACN,OAAOI;AAAA,QACP,GAAGZ,EAAM;AAAA,MAAA;AAAA,SAEN;AAEL,YAAMa,IAAeC;AAAA,QACnBd,EAAM;AAAA,QACNA,EAAM;AAAA,QACNA,EAAM;AAAA,MAAA;AAER,MAAAW,IAAQ;AAAA,QACN,KAAKX,EAAM;AAAA,QACX,OAAOA,EAAM,SAASY;AAAA,QACtB,MAAMJ;AAAA,QACN,mBAAmBK;AAAA,MAAA;AAAA,IAEvB;AAEA,WAAO;AAAA,MACL,cAAc;AAAA,MACd,UAAAV;AAAA,MACA,OAAAQ;AAAA,MACA,UACEI,IACAC,IACAC,IACAC,IACAC,IACAC,IACAC,IACAC;AAAAA,IAAiB;AAAA,EAEvB,GAAG;AAAA,IACDd;AAAA,IACAL;AAAA,IACAH,EAAM;AAAA,IACNA,EAAM;AAAA,IACNA,EAAM;AAAA,IACNA,EAAM;AAAA,IACNA,EAAM;AAAA,IACNA,EAAM;AAAA,EAAA,CACP,GAQKuB,IAAkB,KAAK,UAAUb,CAAgB;AAEvD,SACE,gBAAAc;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGzB;AAAA,MACJ,kBAAAU;AAAA,MACA,YAAU;AAAA,MACV,KAAKa;AAAA,IAAA;AAAA,IAEL,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAU3B,EAAM;AAAA,QAChB,iBAAiBA,EAAM;AAAA,QACvB,eAAAM;AAAA,QACA,0BACEN,EAAM,4BAA4B4B,EAAyB;AAAA,QAG7D,4BAACC,GAAA,EACE,UAAA;AAAA,UAAAxB,KAAc,gBAAAqB,EAACI,KAAkB,YAAAzB,EAAA,CAAwB;AAAA,UACzDE,KACC,gBAAAmB;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,iCAAAxB;AAAA,YAAA;AAAA,UAAA;AAAA,UAGJ,gBAAAmB;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,mBAAmBhC,EAAM;AAAA,cACzB,cAAcA,EAAM;AAAA,cACpB,eAAeA,EAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACvB,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAGN;"}

package/dist/components/CardContainerLogic/index.d.ts

@@ -1,3 +1,3 @@
-export type { SortConfiguration, ColumnIconConfigs, MarkdownLink, LabelLinkConfig, DescriptionConfig, ColumnSpecifiedLink, CardContainerLogicProps, } from './CardContainerLogic';
+export type { SortConfiguration, ColumnIconConfig, ColumnIconConfigs, MarkdownLink, LabelLinkConfig, DescriptionConfig, ColumnSpecifiedLink, CardContainerLogicProps, } from './CardContainerLogic';
 export { default, CardContainerLogic } from './CardContainerLogic';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/CardContainerLogic/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CardContainerLogic/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CardContainerLogic/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,iBAAiB,EACjB,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,sBAAsB,CAAA;AAC7B,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA"}

package/dist/components/CardDeck/TableQueryCardDeck.js

@@ -41,11 +41,14 @@ import "@mui/material/SvgIcon";
 import "../../assets/icons/AccessPending.svg.js";
 import "../../assets/icons/AccessPendingCloud.svg.js";
 import "../../assets/icons/FileWithShield.svg.js";
+import "../../assets/icons/MultiFile.svg.js";
+import "../../assets/icons/UnpackagableFile.svg.js";
 import "../../assets/icons/bioChemicalPhysical.svg.js";
 import "../../assets/icons/computationalTool.svg.js";
 import "../../assets/icons/dataReuse.svg.js";
 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 "@mui/icons-material";
 import "react-error-boundary";
@@ -57,7 +60,7 @@ import "react-transition-group";
 import "@mui/system";
 import "../GenericCard/Linkify.js";
 import "../GenericCard/GenericCard.js";
-function Wt(I) {
+function to(I) {
   const {
     entityId: r,
     titleColumnName: f,
@@ -68,7 +71,7 @@ function Wt(I) {
     headerImageFileHandleColumnName: x,
     cardDeckType: a,
     linkConfig: B
-  } = I, s = b(r), h = {
+  } = I, p = b(r), h = {
     concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
     entityId: r,
     partMask: G | K,
@@ -94,14 +97,14 @@ function Wt(I) {
     (i) => {
       const o = i.values;
       o.some((m) => m === null) && console.warn("Row has null value(s) when no nulls expected");
-      const T = o[q], k = o[H], w = o[L], A = o[U] ?? "", _ = o[E] ?? "", S = o[F] ?? "", p = {};
+      const T = o[q], k = o[H], w = o[L], A = o[U] ?? "", _ = o[E] ?? "", S = o[F] ?? "", s = {};
       t?.queryResult.queryResults.headers.forEach(
         (m, Q) => {
-          p[m.name] = Q;
+          s[m.name] = Q;
         }
       );
-      const { href: v } = V(A, B, o, p), l = d(
-        s.data,
+      const { href: v } = V(A, B, o, s), l = d(
+        p.data,
         _,
         `syn${i.rowId}`
       ), D = l ? /* @__PURE__ */ n(
@@ -110,7 +113,7 @@ function Wt(I) {
           fileHandleAssociation: l
         }
       ) : void 0, c = d(
-        s.data,
+        p.data,
         S,
         `syn${i.rowId}`
       );
@@ -133,7 +136,7 @@ function Wt(I) {
   return /* @__PURE__ */ n(M, { cards: N || [], cardDeckType: a });
 }
 export {
-  Wt as TableQueryCardDeck,
-  Wt as default
+  to as TableQueryCardDeck,
+  to as default
 };
 //# sourceMappingURL=TableQueryCardDeck.js.map

package/dist/components/CardDeck/TableQueryCardDeck.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableQueryCardDeck.js","sources":["../../../src/components/CardDeck/TableQueryCardDeck.tsx"],"sourcesContent":["import { CardDeck } from '@/components/CardDeck/CardDeck'\nimport { CardDeckCardProps } from '@/components/CardDeck/CardDeckCardProps'\nimport { ImageFileHandle } from '@/components/widgets/ImageFileHandle'\nimport { useGetEntity } from '@/synapse-queries/entity/useEntity'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { CardLink } from '../CardContainer/CardLink'\nimport { getFileHandleAssociation, getLinkParams } from '../GenericCard'\n\nexport type TableQueryCardDeckProps = {\n  entityId: string /* The table entity which should be queried */\n  titleColumnName: string /* The column name for the title */\n  descriptionColumnName: string /* The column name for the description */\n  ctaButtonTextColumnName: string /* The column name for the call to action button text */\n  ctaButtonURLColumnName: string /* The column name for the call to action button URL */\n  titleIconFileHandleColumnName?: string /* The column name for the title icon image file */\n  headerImageFileHandleColumnName?: string /* The column name for the header image file */\n  cardDeckType?: 'cckp' | 'b2ai' /* The type of card deck (cckp or b2ai)*/\n  linkConfig: CardLink /* The link configuration */\n}\n\n/**\n * Transforms a Synapse table into a card deck.\n */\nexport function TableQueryCardDeck(props: TableQueryCardDeckProps) {\n  const {\n    entityId,\n    titleColumnName,\n    descriptionColumnName,\n    ctaButtonTextColumnName,\n    ctaButtonURLColumnName,\n    titleIconFileHandleColumnName,\n    headerImageFileHandleColumnName,\n    cardDeckType,\n    linkConfig,\n  } = props\n  const entity = useGetEntity(entityId)\n  const queryBundleRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    query: {\n      sql: `select * from ${entityId}`,\n    },\n  }\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const titleColumnIndex = getFieldIndex(titleColumnName, queryResultBundle)\n  const descriptionColumnIndex = getFieldIndex(\n    descriptionColumnName,\n    queryResultBundle,\n  )\n  const ctaButtonTextColumnIndex = getFieldIndex(\n    ctaButtonTextColumnName,\n    queryResultBundle,\n  )\n  const ctaButtonURLColumnIndex = getFieldIndex(\n    ctaButtonURLColumnName,\n    queryResultBundle,\n  )\n  const titleIconColumnIndex = getFieldIndex(\n    titleIconFileHandleColumnName,\n    queryResultBundle,\n  )\n  const headerImageColumnIndex = getFieldIndex(\n    headerImageFileHandleColumnName,\n    queryResultBundle,\n  )\n\n  const cards = queryResultBundle?.queryResult!.queryResults.rows.map(\n    (el): CardDeckCardProps => {\n      const values = el.values as string[]\n      if (values.some(value => value === null)) {\n        // We cast values above assuming there are no null values, emit a warning just in case.\n        console.warn('Row has null value(s) when no nulls expected')\n      }\n\n      const title = values[titleColumnIndex]\n      const description = values[descriptionColumnIndex]\n      const ctaButtonText = values[ctaButtonTextColumnIndex]\n      const ctaButtonURL = values[ctaButtonURLColumnIndex] ?? ''\n      const titleIconFileHandleIdValue = values[titleIconColumnIndex] ?? ''\n      const headerImageFileHandleIdValue = values[headerImageColumnIndex] ?? ''\n\n      const schema: Record<string, number> = {}\n      queryResultBundle?.queryResult!.queryResults.headers.forEach(\n        (header, colIndex) => {\n          schema[header.name] = colIndex\n        },\n      )\n      const { href } = getLinkParams(ctaButtonURL, linkConfig, values, schema)\n\n      const titleIconFileHandleAssociation = getFileHandleAssociation(\n        entity.data,\n        titleIconFileHandleIdValue,\n        `syn${el.rowId}`,\n      )\n\n      const titleIcon = titleIconFileHandleAssociation ? (\n        <ImageFileHandle\n          fileHandleAssociation={titleIconFileHandleAssociation}\n        />\n      ) : undefined\n\n      const headerImageFileHandleAssociation = getFileHandleAssociation(\n        entity.data,\n        headerImageFileHandleIdValue,\n        `syn${el.rowId}`,\n      )\n\n      const headerImage = headerImageFileHandleAssociation ? (\n        <ImageFileHandle\n          fileHandleAssociation={headerImageFileHandleAssociation}\n        />\n      ) : undefined\n\n      return {\n        title,\n        description,\n        ctaButtonText,\n        ctaButtonURL: href,\n        titleIcon,\n        headerImage,\n        cardDeckType,\n      } satisfies CardDeckCardProps\n    },\n  )\n\n  return <CardDeck cards={cards || []} cardDeckType={cardDeckType} />\n}\n\nexport default TableQueryCardDeck\n"],"names":["TableQueryCardDeck","props","entityId","titleColumnName","descriptionColumnName","ctaButtonTextColumnName","ctaButtonURLColumnName","titleIconFileHandleColumnName","headerImageFileHandleColumnName","cardDeckType","linkConfig","entity","useGetEntity","queryBundleRequest","SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS","SynapseConstants.BUNDLE_MASK_QUERY_RESULTS","queryResultBundle","useGetQueryResultBundle","titleColumnIndex","getFieldIndex","descriptionColumnIndex","ctaButtonTextColumnIndex","ctaButtonURLColumnIndex","titleIconColumnIndex","headerImageColumnIndex","cards","el","values","value","title","description","ctaButtonText","ctaButtonURL","titleIconFileHandleIdValue","headerImageFileHandleIdValue","schema","header","colIndex","href","getLinkParams","titleIconFileHandleAssociation","getFileHandleAssociation","titleIcon","jsx","ImageFileHandle","headerImageFileHandleAssociation","CardDeck"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,SAASA,GAAmBC,GAAgC;AACjE,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,iCAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACET,GACEU,IAASC,EAAaV,CAAQ,GAC9BW,IAAyC;AAAA,IAC7C,cAAc;AAAA,IACd,UAAAX;AAAA,IACA,UACEY,IACAC;AAAAA,IACF,OAAO;AAAA,MACL,KAAK,iBAAiBb,CAAQ;AAAA,IAAA;AAAA,EAChC,GAEI,EAAE,MAAMc,MACZC,EAAwBJ,CAAkB,GAEtCK,IAAmBC,EAAchB,GAAiBa,CAAiB,GACnEI,IAAyBD;AAAA,IAC7Bf;AAAA,IACAY;AAAA,EAAA,GAEIK,IAA2BF;AAAA,IAC/Bd;AAAA,IACAW;AAAA,EAAA,GAEIM,IAA0BH;AAAA,IAC9Bb;AAAA,IACAU;AAAA,EAAA,GAEIO,IAAuBJ;AAAA,IAC3BZ;AAAA,IACAS;AAAA,EAAA,GAEIQ,IAAyBL;AAAA,IAC7BX;AAAA,IACAQ;AAAA,EAAA,GAGIS,IAAQT,GAAmB,YAAa,aAAa,KAAK;AAAA,IAC9D,CAACU,MAA0B;AACzB,YAAMC,IAASD,EAAG;AAClB,MAAIC,EAAO,KAAK,CAAAC,MAASA,MAAU,IAAI,KAErC,QAAQ,KAAK,8CAA8C;AAG7D,YAAMC,IAAQF,EAAOT,CAAgB,GAC/BY,IAAcH,EAAOP,CAAsB,GAC3CW,IAAgBJ,EAAON,CAAwB,GAC/CW,IAAeL,EAAOL,CAAuB,KAAK,IAClDW,IAA6BN,EAAOJ,CAAoB,KAAK,IAC7DW,IAA+BP,EAAOH,CAAsB,KAAK,IAEjEW,IAAiC,CAAA;AACvC,MAAAnB,GAAmB,YAAa,aAAa,QAAQ;AAAA,QACnD,CAACoB,GAAQC,MAAa;AACpB,UAAAF,EAAOC,EAAO,IAAI,IAAIC;AAAA,QACxB;AAAA,MAAA;AAEF,YAAM,EAAE,MAAAC,EAAA,IAASC,EAAcP,GAActB,GAAYiB,GAAQQ,CAAM,GAEjEK,IAAiCC;AAAA,QACrC9B,EAAO;AAAA,QACPsB;AAAA,QACA,MAAMP,EAAG,KAAK;AAAA,MAAA,GAGVgB,IAAYF,IAChB,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,uBAAuBJ;AAAA,QAAA;AAAA,MAAA,IAEvB,QAEEK,IAAmCJ;AAAA,QACvC9B,EAAO;AAAA,QACPuB;AAAA,QACA,MAAMR,EAAG,KAAK;AAAA,MAAA;AAShB,aAAO;AAAA,QACL,OAAAG;AAAA,QACA,aAAAC;AAAA,QACA,eAAAC;AAAA,QACA,cAAcO;AAAA,QACd,WAAAI;AAAA,QACA,aAZkBG,IAClB,gBAAAF;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,uBAAuBC;AAAA,UAAA;AAAA,QAAA,IAEvB;AAAA,QASF,cAAApC;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGF,2BAAQqC,GAAA,EAAS,OAAOrB,KAAS,CAAA,GAAI,cAAAhB,GAA4B;AACnE;"}
+{"version":3,"file":"TableQueryCardDeck.js","sources":["../../../src/components/CardDeck/TableQueryCardDeck.tsx"],"sourcesContent":["import { CardDeck } from '@/components/CardDeck/CardDeck'\nimport { CardDeckCardProps } from '@/components/CardDeck/CardDeckCardProps'\nimport { ImageFileHandle } from '@/components/widgets/ImageFileHandle'\nimport { useGetEntity } from '@/synapse-queries/entity/useEntity'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { CardLink } from '../CardContainer/CardLink'\nimport { getFileHandleAssociation, getLinkParams } from '../GenericCard'\n\nexport type TableQueryCardDeckProps = {\n  entityId: string /* The table entity which should be queried */\n  titleColumnName: string /* The column name for the title */\n  descriptionColumnName: string /* The column name for the description */\n  ctaButtonTextColumnName: string /* The column name for the call to action button text */\n  ctaButtonURLColumnName: string /* The column name for the call to action button URL */\n  titleIconFileHandleColumnName?: string /* The column name for the title icon image file */\n  headerImageFileHandleColumnName?: string /* The column name for the header image file */\n  cardDeckType?: 'cckp' | 'b2ai' /* The type of card deck (cckp or b2ai)*/\n  linkConfig: CardLink /* The link configuration */\n}\n\n/**\n * Transforms a Synapse table into a card deck.\n */\nexport function TableQueryCardDeck(props: TableQueryCardDeckProps) {\n  const {\n    entityId,\n    titleColumnName,\n    descriptionColumnName,\n    ctaButtonTextColumnName,\n    ctaButtonURLColumnName,\n    titleIconFileHandleColumnName,\n    headerImageFileHandleColumnName,\n    cardDeckType,\n    linkConfig,\n  } = props\n  const entity = useGetEntity(entityId)\n  const queryBundleRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    query: {\n      sql: `select * from ${entityId}`,\n    },\n  }\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const titleColumnIndex = getFieldIndex(titleColumnName, queryResultBundle)\n  const descriptionColumnIndex = getFieldIndex(\n    descriptionColumnName,\n    queryResultBundle,\n  )\n  const ctaButtonTextColumnIndex = getFieldIndex(\n    ctaButtonTextColumnName,\n    queryResultBundle,\n  )\n  const ctaButtonURLColumnIndex = getFieldIndex(\n    ctaButtonURLColumnName,\n    queryResultBundle,\n  )\n  const titleIconColumnIndex = getFieldIndex(\n    titleIconFileHandleColumnName,\n    queryResultBundle,\n  )\n  const headerImageColumnIndex = getFieldIndex(\n    headerImageFileHandleColumnName,\n    queryResultBundle,\n  )\n\n  const cards = queryResultBundle?.queryResult!.queryResults.rows.map(\n    (el): CardDeckCardProps => {\n      const values = el.values as string[]\n      if (values.some(value => value === null)) {\n        // We cast values above assuming there are no null values, emit a warning just in case.\n        console.warn('Row has null value(s) when no nulls expected')\n      }\n\n      const title = values[titleColumnIndex]\n      const description = values[descriptionColumnIndex]\n      const ctaButtonText = values[ctaButtonTextColumnIndex]\n      const ctaButtonURL = values[ctaButtonURLColumnIndex] ?? ''\n      const titleIconFileHandleIdValue = values[titleIconColumnIndex] ?? ''\n      const headerImageFileHandleIdValue = values[headerImageColumnIndex] ?? ''\n\n      const schema: Record<string, number> = {}\n      queryResultBundle?.queryResult!.queryResults.headers.forEach(\n        (header, colIndex) => {\n          schema[header.name] = colIndex\n        },\n      )\n      const { href } = getLinkParams(ctaButtonURL, linkConfig, values, schema)\n\n      const titleIconFileHandleAssociation = getFileHandleAssociation(\n        entity.data,\n        titleIconFileHandleIdValue,\n        `syn${el.rowId}`,\n      )\n\n      const titleIcon = titleIconFileHandleAssociation ? (\n        <ImageFileHandle\n          fileHandleAssociation={titleIconFileHandleAssociation}\n        />\n      ) : undefined\n\n      const headerImageFileHandleAssociation = getFileHandleAssociation(\n        entity.data,\n        headerImageFileHandleIdValue,\n        `syn${el.rowId}`,\n      )\n\n      const headerImage = headerImageFileHandleAssociation ? (\n        <ImageFileHandle\n          fileHandleAssociation={headerImageFileHandleAssociation}\n        />\n      ) : undefined\n\n      return {\n        title,\n        description,\n        ctaButtonText,\n        ctaButtonURL: href,\n        titleIcon,\n        headerImage,\n        cardDeckType,\n      } satisfies CardDeckCardProps\n    },\n  )\n\n  return <CardDeck cards={cards || []} cardDeckType={cardDeckType} />\n}\n\nexport default TableQueryCardDeck\n"],"names":["TableQueryCardDeck","props","entityId","titleColumnName","descriptionColumnName","ctaButtonTextColumnName","ctaButtonURLColumnName","titleIconFileHandleColumnName","headerImageFileHandleColumnName","cardDeckType","linkConfig","entity","useGetEntity","queryBundleRequest","SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS","SynapseConstants.BUNDLE_MASK_QUERY_RESULTS","queryResultBundle","useGetQueryResultBundle","titleColumnIndex","getFieldIndex","descriptionColumnIndex","ctaButtonTextColumnIndex","ctaButtonURLColumnIndex","titleIconColumnIndex","headerImageColumnIndex","cards","el","values","value","title","description","ctaButtonText","ctaButtonURL","titleIconFileHandleIdValue","headerImageFileHandleIdValue","schema","header","colIndex","href","getLinkParams","titleIconFileHandleAssociation","getFileHandleAssociation","titleIcon","jsx","ImageFileHandle","headerImageFileHandleAssociation","CardDeck"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,SAASA,GAAmBC,GAAgC;AACjE,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,+BAAAC;AAAA,IACA,iCAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACET,GACEU,IAASC,EAAaV,CAAQ,GAC9BW,IAAyC;AAAA,IAC7C,cAAc;AAAA,IACd,UAAAX;AAAA,IACA,UACEY,IACAC;AAAAA,IACF,OAAO;AAAA,MACL,KAAK,iBAAiBb,CAAQ;AAAA,IAAA;AAAA,EAChC,GAEI,EAAE,MAAMc,MACZC,EAAwBJ,CAAkB,GAEtCK,IAAmBC,EAAchB,GAAiBa,CAAiB,GACnEI,IAAyBD;AAAA,IAC7Bf;AAAA,IACAY;AAAA,EAAA,GAEIK,IAA2BF;AAAA,IAC/Bd;AAAA,IACAW;AAAA,EAAA,GAEIM,IAA0BH;AAAA,IAC9Bb;AAAA,IACAU;AAAA,EAAA,GAEIO,IAAuBJ;AAAA,IAC3BZ;AAAA,IACAS;AAAA,EAAA,GAEIQ,IAAyBL;AAAA,IAC7BX;AAAA,IACAQ;AAAA,EAAA,GAGIS,IAAQT,GAAmB,YAAa,aAAa,KAAK;AAAA,IAC9D,CAACU,MAA0B;AACzB,YAAMC,IAASD,EAAG;AAClB,MAAIC,EAAO,KAAK,CAAAC,MAASA,MAAU,IAAI,KAErC,QAAQ,KAAK,8CAA8C;AAG7D,YAAMC,IAAQF,EAAOT,CAAgB,GAC/BY,IAAcH,EAAOP,CAAsB,GAC3CW,IAAgBJ,EAAON,CAAwB,GAC/CW,IAAeL,EAAOL,CAAuB,KAAK,IAClDW,IAA6BN,EAAOJ,CAAoB,KAAK,IAC7DW,IAA+BP,EAAOH,CAAsB,KAAK,IAEjEW,IAAiC,CAAA;AACvC,MAAAnB,GAAmB,YAAa,aAAa,QAAQ;AAAA,QACnD,CAACoB,GAAQC,MAAa;AACpB,UAAAF,EAAOC,EAAO,IAAI,IAAIC;AAAA,QACxB;AAAA,MAAA;AAEF,YAAM,EAAE,MAAAC,EAAA,IAASC,EAAcP,GAActB,GAAYiB,GAAQQ,CAAM,GAEjEK,IAAiCC;AAAA,QACrC9B,EAAO;AAAA,QACPsB;AAAA,QACA,MAAMP,EAAG,KAAK;AAAA,MAAA,GAGVgB,IAAYF,IAChB,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,uBAAuBJ;AAAA,QAAA;AAAA,MAAA,IAEvB,QAEEK,IAAmCJ;AAAA,QACvC9B,EAAO;AAAA,QACPuB;AAAA,QACA,MAAMR,EAAG,KAAK;AAAA,MAAA;AAShB,aAAO;AAAA,QACL,OAAAG;AAAA,QACA,aAAAC;AAAA,QACA,eAAAC;AAAA,QACA,cAAcO;AAAA,QACd,WAAAI;AAAA,QACA,aAZkBG,IAClB,gBAAAF;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,uBAAuBC;AAAA,UAAA;AAAA,QAAA,IAEvB;AAAA,QASF,cAAApC;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGF,2BAAQqC,GAAA,EAAS,OAAOrB,KAAS,CAAA,GAAI,cAAAhB,GAA4B;AACnE;"}