synapse-react-client 4.0.2 → 4.0.4

package/dist/components/GenericCard/CollapsibleDescription.js

@@ -1,37 +1,37 @@
-import { jsxs as a, Fragment as p, jsx as r } from "react/jsx-runtime";
+import { jsxs as a, Fragment as p, jsx as i } from "react/jsx-runtime";
 import { useState as f } from "react";
-import { MarkdownSynapse as u } from "../Markdown/MarkdownSynapse.js";
+import { Markdown as u } from "../Markdown/MarkdownSynapse.js";
 import { Link as S } from "@mui/material";
-const h = 400, m = "SRC-short-description", w = "SRC-long-description", g = (t, n) => {
+const h = 400, w = "SRC-short-description", m = "SRC-long-description", g = (t, n) => {
   let e = "";
-  const i = t.split(" ");
+  const r = t.split(" ");
   let o = 0;
-  for (; e.length < n && o < i.length; )
-    e += `${i[o]} `, o += 1;
+  for (; e.length < n && o < r.length; )
+    e += `${r[o]} `, o += 1;
   return e = e.trim(), { previewText: e };
 };
 function D(t) {
   const {
     description: n,
     hasClickedShowMore: e,
-    descriptionSubTitle: i,
+    descriptionSubTitle: r,
     descriptionConfig: o,
     toggleShowMore: c,
     charCountCutoff: s = h
   } = t;
   let l = n;
-  o?.isMarkdown && (l == null || typeof l == "string") && (l = /* @__PURE__ */ r(u, { markdown: l }));
+  o?.isMarkdown && (l == null || typeof l == "string") && (l = /* @__PURE__ */ i(u, { markdown: l }));
   const d = e || o?.showFullDescriptionByDefault, C = c && !o?.showFullDescriptionByDefault && n.length >= s;
   return /* @__PURE__ */ a("div", { className: d ? "" : "SRC-hidden", children: [
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ i(
       "span",
       {
-        "data-search-handle": i,
-        className: `SRC-font-size-base ${w}`,
+        "data-search-handle": r,
+        className: `SRC-font-size-base ${m}`,
         children: l
       }
     ),
-    C && /* @__PURE__ */ r(
+    C && /* @__PURE__ */ i(
       S,
       {
         style: {
@@ -49,21 +49,21 @@ function R(t) {
   const {
     description: n,
     hasClickedShowMore: e,
-    descriptionSubTitle: i,
+    descriptionSubTitle: r,
     descriptionConfig: o,
     toggleShowMore: c,
     charCountCutoff: s = h
   } = t;
-  return o?.showFullDescriptionByDefault ? /* @__PURE__ */ r(p, {}) : /* @__PURE__ */ a("div", { className: e ? "SRC-hidden" : "", children: [
-    /* @__PURE__ */ r(
+  return o?.showFullDescriptionByDefault ? /* @__PURE__ */ i(p, {}) : /* @__PURE__ */ a("div", { className: e ? "SRC-hidden" : "", children: [
+    /* @__PURE__ */ i(
       "span",
       {
-        "data-search-handle": i,
-        className: `SRC-font-size-base ${m} SRC-short-description`,
+        "data-search-handle": r,
+        className: `SRC-font-size-base ${w} SRC-short-description`,
         children: g(n, s).previewText
       }
     ),
-    n.length >= s && /* @__PURE__ */ r(
+    n.length >= s && /* @__PURE__ */ i(
       S,
       {
         style: {
@@ -81,11 +81,11 @@ function _({
   description: t,
   descriptionSubTitle: n,
   descriptionConfig: e,
-  charCountCutoff: i = h
+  charCountCutoff: r = h
 }) {
   const [o, c] = f(!1), s = () => c((l) => !l);
   return /* @__PURE__ */ a(p, { children: [
-    t && /* @__PURE__ */ r(
+    t && /* @__PURE__ */ i(
       R,
       {
         description: t,
@@ -93,10 +93,10 @@ function _({
         descriptionSubTitle: n,
         descriptionConfig: e,
         toggleShowMore: s,
-        charCountCutoff: i
+        charCountCutoff: r
       }
     ),
-    t && /* @__PURE__ */ r(
+    t && /* @__PURE__ */ i(
       D,
       {
         description: t,
@@ -104,14 +104,14 @@ function _({
         descriptionSubTitle: n,
         descriptionConfig: e,
         toggleShowMore: s,
-        charCountCutoff: i
+        charCountCutoff: r
       }
     )
   ] });
 }
 export {
-  w as CARD_LONG_DESCRIPTION_CSS,
-  m as CARD_SHORT_DESCRIPTION_CSS,
+  m as CARD_LONG_DESCRIPTION_CSS,
+  w as CARD_SHORT_DESCRIPTION_CSS,
   _ as CollapsibleDescription,
   D as LongDescription,
   R as ShortDescription,

package/dist/components/GenericCard/GenericCard.d.ts

@@ -1,7 +1,7 @@
 import { CardLabel } from '@/components/row_renderers/utils/CardFooter';
 import { FileHandleAssociation } from '@sage-bionetworks/synapse-types';
 import React from 'react';
-import { ColumnIconConfigs, DescriptionConfig } from '../CardContainerLogic';
+import { DescriptionConfig } from '../CardContainerLogic';
 import { HeaderCardVariant } from '../HeaderCard';
 import { SustainabilityScorecardProps } from '../SustainabilityScorecard/SustainabilityScorecard';
 /** Resolved CTA link configuration with actual href values (as opposed to CTACardLink which uses column names) */
@@ -58,10 +58,6 @@ export type GenericCardProps = {
      * The initial number of labels to display in the footer of the card
      */
     secondaryLabelLimit?: number;
-    /**
-     * Options for displaying icons with the labels in the card footer
-     */
-    columnIconOptions?: ColumnIconConfigs;
     /**
      * Optional configuration for displaying CTA button(s) on the card. Accepts a single config or an array.
      */
@@ -78,6 +74,10 @@ export type GenericCardProps = {
      * Optional ReactNode to be rendered next to the card type
      */
     cardTypeAdornment?: React.ReactNode;
+    /**
+     * Optional content to render to the right of the title/subtitle/description area.
+     */
+    titleAreaRightContent?: React.ReactNode;
     /**
      * Character count threshold for truncating description
      * @default 400

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

@@ -1 +1 @@
-{"version":3,"file":"GenericCard.d.ts","sourceRoot":"","sources":["../../../src/components/GenericCard/GenericCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,6CAA6C,CAAA;AAEvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,KAAoC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAC5E,OAAmB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAI7D,OAAO,EAAE,4BAA4B,EAAE,MAAM,oDAAoD,CAAA;AAGjG,kHAAkH;AAClH,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,0FAA0F;IAC1F,IAAI,EAAE,MAAM,CAAA;IACZ,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,sBAAsB,CAAC,EAAE;QACvB,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;IACD,6FAA6F;IAC7F,kCAAkC,CAAC,EAAE;QACnC,sEAAsE;QACtE,qBAAqB,EAAE,qBAAqB,CAAA;QAC5C,gDAAgD;QAChD,gBAAgB,EAAE,OAAO,CAAA;KAC1B,CAAA;IACD,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iDAAiD;IACjD,WAAW,EAAE,MAAM,CAAA;IACnB,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,8DAA8D;IAC9D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,qEAAqE;IACrE,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC;wBACoB;IACpB,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,EAAE,CAAA;IACpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;OAEG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,GAAG,aAAa,EAAE,CAAA;IAC/C;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC;;OAEG;IACH,uBAAuB,CAAC,EAAE,4BAA4B,CAAA;IACtD;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAID;;GAEG;AACH,eAAO,MAAM,WAAW,yFA+JtB,CAAA;AAEF,eAAe,WAAW,CAAA"}
+{"version":3,"file":"GenericCard.d.ts","sourceRoot":"","sources":["../../../src/components/GenericCard/GenericCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,6CAA6C,CAAA;AAEvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,KAAoC,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AACzD,OAAmB,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAG7D,OAAO,EAAE,4BAA4B,EAAE,MAAM,oDAAoD,CAAA;AAIjG,kHAAkH;AAClH,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,0FAA0F;IAC1F,IAAI,EAAE,MAAM,CAAA;IACZ,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAA;IACb,mEAAmE;IACnE,sBAAsB,CAAC,EAAE;QACvB,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,MAAM,CAAA;KACf,CAAA;IACD,6FAA6F;IAC7F,kCAAkC,CAAC,EAAE;QACnC,sEAAsE;QACtE,qBAAqB,EAAE,qBAAqB,CAAA;QAC5C,gDAAgD;QAChD,gBAAgB,EAAE,OAAO,CAAA;KAC1B,CAAA;IACD,uDAAuD;IACvD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iDAAiD;IACjD,WAAW,EAAE,MAAM,CAAA;IACnB,mEAAmE;IACnE,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,8DAA8D;IAC9D,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,qEAAqE;IACrE,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAChC,uDAAuD;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC;wBACoB;IACpB,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,EAAE,CAAA;IACpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;OAEG;IACH,aAAa,CAAC,EAAE,aAAa,GAAG,aAAa,EAAE,CAAA;IAC/C;;OAEG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC;;OAEG;IACH,uBAAuB,CAAC,EAAE,4BAA4B,CAAA;IACtD;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACnC;;OAEG;IACH,qBAAqB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvC;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB,CAAA;AAID;;GAEG;AACH,eAAO,MAAM,WAAW,yFAyKtB,CAAA;AAEF,eAAe,WAAW,CAAA"}

package/dist/components/GenericCard/GenericCard.js

@@ -1,6 +1,6 @@
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
 import { GenericCardTitle as H } from "./GenericCardTitle.js";
-import { Box as v, Stack as I } from "@mui/material";
+import { Box as l, Stack as I } from "@mui/material";
 import { forwardRef as B } from "react";
 import F from "../HeaderCard.js";
 import G from "../row_renderers/utils/CardFooter.js";
@@ -17,80 +17,84 @@ import "../../assets/icons/study-complete.svg.js";
 import "../../assets/icons/translational.svg.js";
 import "../../assets/icons/tree_horizontal.svg.js";
 import "../../assets/icons/standardDataModel.svg.js";
+import "../../assets/icons/Challenge.svg.js";
 import "@mui/material/SvgIcon";
 import "../../utils/SynapseConstants.js";
 import "../../assets/ArcusBioIcon.svg.js";
 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 { FileHandleLink as _ } from "../widgets/FileHandleLink.js";
-import { CollapsibleDescription as j } from "./CollapsibleDescription.js";
-import { SmartLink as E } from "../SmartLink/SmartLink.js";
-const M = [], Ar = B(function(S, d) {
+import { SmartLink as _ } from "../SmartLink/SmartLink.js";
+import { FileHandleLink as j } from "../widgets/FileHandleLink.js";
+import { CollapsibleDescription as E } from "./CollapsibleDescription.js";
+const M = [], br = B(function(R, c) {
   const {
-    icon: c,
-    type: f,
+    icon: f,
+    type: h,
     title: n,
-    titleLinkConfiguration: e,
+    titleLinkConfiguration: o,
     titleAsFileHandleLinkConfiguration: a,
-    subtitle: l,
-    description: h,
-    descriptionSubTitle: A = "",
-    descriptionConfig: C,
-    cardTopContent: x,
+    subtitle: s,
+    description: C,
+    descriptionSubTitle: S = "",
+    descriptionConfig: x,
+    cardTopContent: g,
     cardTopButtons: p,
-    isHeader: s = !1,
-    headerCardVariant: L,
+    isHeader: m = !1,
+    headerCardVariant: T,
     useStylesForDisplayedImage: u = !1,
-    labels: m = M,
-    secondaryLabelLimit: g,
-    columnIconOptions: R,
-    ctaLinkConfig: t,
-    renderedIconList: T,
+    labels: d = M,
+    secondaryLabelLimit: v,
+    ctaLinkConfig: i,
+    renderedIconList: L,
     sustainabilityScorecard: b,
-    cardTypeAdornment: w,
-    charCountCutoff: N
-  } = S, y = m.length > 0, k = {
+    cardTypeAdornment: N,
+    titleAreaRightContent: y,
+    charCountCutoff: w
+  } = R, A = d.length > 0, D = {
     // undefined, take default value from class
-    marginTop: s ? "0px" : void 0,
-    marginBottom: s ? "0px" : void 0,
-    paddingBottom: y || u ? void 0 : "15px"
+    marginTop: m ? "0px" : void 0,
+    marginBottom: m ? "0px" : void 0,
+    paddingBottom: A || u ? void 0 : "15px"
   };
-  return s ? /* @__PURE__ */ r(
+  return m ? /* @__PURE__ */ r(
     F,
     {
-      ref: d,
-      headerCardVariant: L,
-      descriptionConfig: C,
-      charCountCutoff: N,
+      ref: c,
+      headerCardVariant: T,
+      descriptionConfig: x,
+      charCountCutoff: w,
       title: n,
-      subTitle: l,
-      description: h,
-      type: f,
-      icon: c,
-      values: m,
-      href: e?.href,
-      target: e?.target,
-      ctaLinkConfig: t,
+      subTitle: s,
+      description: C,
+      type: h,
+      icon: f,
+      values: d,
+      href: o?.href,
+      target: o?.target,
+      ctaLinkConfig: i,
       isAlignToLeftNav: !0,
-      secondaryLabelLimit: g,
+      secondaryLabelLimit: v,
       cardTopButtons: p,
-      cardTopContent: x,
+      cardTopContent: g,
       sustainabilityScorecard: b
     }
-  ) : /* @__PURE__ */ o("div", { style: k, ref: d, className: "SRC-portalCard", children: [
-    /* @__PURE__ */ o("div", { className: "SRC-portalCardMain", children: [
-      c,
-      /* @__PURE__ */ o("div", { className: "SRC-cardContent", children: [
+  ) : /* @__PURE__ */ t("div", { style: D, ref: c, className: "SRC-portalCard", children: [
+    /* @__PURE__ */ t("div", { className: "SRC-portalCardMain", children: [
+      f,
+      /* @__PURE__ */ t("div", { className: "SRC-cardContent", children: [
         p && /* @__PURE__ */ r(
-          v,
+          l,
           {
             sx: {
               position: "absolute",
@@ -103,7 +107,7 @@ const M = [], Ar = B(function(S, d) {
             children: p
           }
         ),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ t(
           I,
           {
             sx: {
@@ -112,74 +116,84 @@ const M = [], Ar = B(function(S, d) {
               gap: "10px"
             },
             children: [
-              /* @__PURE__ */ r("div", { className: "SRC-type", children: f }),
-              w
+              /* @__PURE__ */ r("div", { className: "SRC-type", children: h }),
+              N
             ]
           }
         ),
-        T,
-        /* @__PURE__ */ r("div", { children: /* @__PURE__ */ o(
-          "h3",
-          {
-            className: "SRC-boldText SRC-blackText",
-            style: { margin: "none" },
-            children: [
-              !a && /* @__PURE__ */ r(
-                H,
-                {
-                  title: n,
-                  href: e?.href,
-                  target: e?.target
-                }
-              ),
-              a && /* @__PURE__ */ r(
-                _,
-                {
-                  fileHandleAssociation: a.fileHandleAssociation,
-                  showDownloadIcon: a.showDownloadIcon,
-                  displayValue: n
-                }
-              )
-            ]
-          }
-        ) }),
-        l && /* @__PURE__ */ r("div", { className: "SRC-author", children: l }),
-        /* @__PURE__ */ r(
-          j,
-          {
-            description: h,
-            descriptionSubTitle: A,
-            descriptionConfig: C
-          }
-        ),
-        t && /* @__PURE__ */ r(v, { sx: { mt: "20px", display: "flex", gap: 2, flexWrap: "wrap" }, children: (Array.isArray(t) ? t : [t]).map(
-          (i, D) => i.text && i.href && /* @__PURE__ */ r(
-            E,
-            {
-              href: i.href,
-              target: i.target,
-              children: i.text
-            },
-            D
-          )
-        ) })
+        L,
+        /* @__PURE__ */ t(l, { className: "SRC-cardTitleArea", children: [
+          /* @__PURE__ */ t(l, { sx: { flex: 1, minWidth: 0 }, children: [
+            /* @__PURE__ */ r("div", { children: /* @__PURE__ */ t(
+              "h3",
+              {
+                className: "SRC-boldText SRC-blackText",
+                style: { margin: "none" },
+                children: [
+                  !a && /* @__PURE__ */ r(
+                    H,
+                    {
+                      title: n,
+                      href: o?.href,
+                      target: o?.target
+                    }
+                  ),
+                  a && /* @__PURE__ */ r(
+                    j,
+                    {
+                      fileHandleAssociation: a.fileHandleAssociation,
+                      showDownloadIcon: a.showDownloadIcon,
+                      displayValue: n
+                    }
+                  )
+                ]
+              }
+            ) }),
+            s && /* @__PURE__ */ r("div", { className: "SRC-author", children: s }),
+            /* @__PURE__ */ r(
+              E,
+              {
+                description: C,
+                descriptionSubTitle: S,
+                descriptionConfig: x
+              }
+            ),
+            i && /* @__PURE__ */ r(
+              l,
+              {
+                sx: { mt: "20px", display: "flex", gap: 2, flexWrap: "wrap" },
+                children: (Array.isArray(i) ? i : [i]).map(
+                  (e, k) => e.text && e.href && /* @__PURE__ */ r(
+                    _,
+                    {
+                      href: e.href,
+                      target: e.target,
+                      children: e.text
+                    },
+                    k
+                  )
+                )
+              }
+            )
+          ] }),
+          y && /* @__PURE__ */ r("div", { className: "SRC-cardTitleAreaDetails", children: y })
+        ] })
       ] })
     ] }),
-    y && /* @__PURE__ */ r(
+    A && /* @__PURE__ */ r(
       G,
       {
         isHeader: !1,
-        secondaryLabelLimit: g,
-        values: m,
-        columnIconOptions: R,
+        secondaryLabelLimit: v,
+        values: d,
         className: u ? void 0 : "hasIcon",
-        cardTopContent: x
+        cardTopContent: g
       }
     )
   ] });
 });
 export {
-  Ar as GenericCard,
-  Ar as default
+  br as GenericCard,
+  br as default
 };
 //# sourceMappingURL=GenericCard.js.map

package/dist/components/GenericCard/GenericCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenericCard.js","sources":["../../../src/components/GenericCard/GenericCard.tsx"],"sourcesContent":["import { GenericCardTitle } from '@/components/GenericCard/GenericCardTitle'\nimport { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport { Box, Stack } from '@mui/material'\nimport { FileHandleAssociation } from '@sage-bionetworks/synapse-types'\nimport React, { CSSProperties, forwardRef } from 'react'\nimport { ColumnIconConfigs, DescriptionConfig } from '../CardContainerLogic'\nimport HeaderCard, { HeaderCardVariant } from '../HeaderCard'\nimport { CardFooter } from '../row_renderers/utils'\nimport { FileHandleLink } from '../widgets/FileHandleLink'\nimport { CollapsibleDescription } from './CollapsibleDescription'\nimport { SustainabilityScorecardProps } from '../SustainabilityScorecard/SustainabilityScorecard'\nimport { SmartLink } from '../SmartLink/SmartLink'\n\n/** Resolved CTA link configuration with actual href values (as opposed to CTACardLink which uses column names) */\nexport type CTALinkConfig = {\n  text: React.ReactNode\n  href?: string\n  target?: string\n}\n\nexport type GenericCardProps = {\n  /** String representing the 'type' of object. This is displayed as a label on the card. */\n  type: string\n  /** The title displayed on the card. */\n  title: string\n  /** Optionally provide href/target if the title should be a link */\n  titleLinkConfiguration?: {\n    href: string\n    target: string\n  }\n  /** Optionally provide configuration if the title should be a link to a Synapse FileHandle */\n  titleAsFileHandleLinkConfiguration?: {\n    /** The FileHandleAssociation used to get access to the file handle */\n    fileHandleAssociation: FileHandleAssociation\n    /** Whether a 'download' icon should be shown */\n    showDownloadIcon: boolean\n  }\n  /** An optional subtitle to be displayed on the card */\n  subtitle?: string\n  /** An description to be displayed on the card */\n  description: string\n  /** An optional description subtitle to be displayed on the card */\n  descriptionSubTitle?: string\n  /** Configuration for altering the display of the description prop */\n  descriptionConfig?: DescriptionConfig\n  /** Optional slot for adding content to the top of the card */\n  cardTopContent?: React.ReactNode\n  /** Optional slot for adding action buttons to the top of the card */\n  cardTopButtons?: React.ReactNode\n  /** If true, a HeaderCard component will be rendered */\n  isHeader?: boolean\n  /** The variant of HeaderCard to render if `isHeader` is true */\n  headerCardVariant?: HeaderCardVariant\n  /** Set to true if the icon is an arbitrary image. The card styles will be updated to accommodate the image\n   * @default false */\n  useStylesForDisplayedImage?: boolean\n  /**\n   * The rendered icon on the card\n   */\n  icon: React.ReactNode\n  /**\n   * The card labels to be displayed in the footer of the card\n   */\n  labels?: CardLabel[]\n  /**\n   * The initial number of labels to display in the footer of the card\n   */\n  secondaryLabelLimit?: number\n  /**\n   * Options for displaying icons with the labels in the card footer\n   */\n  columnIconOptions?: ColumnIconConfigs\n  /**\n   * Optional configuration for displaying CTA button(s) on the card. Accepts a single config or an array.\n   */\n  ctaLinkConfig?: CTALinkConfig | CTALinkConfig[]\n  /**\n   * The rendered icon list on the card\n   */\n  renderedIconList?: React.ReactNode\n  /**\n   * Optional sustainability scorecard to be displayed on the header card\n   */\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  /**\n   * Optional ReactNode to be rendered next to the card type\n   */\n  cardTypeAdornment?: React.ReactNode\n  /**\n   * Character count threshold for truncating description\n   * @default 400\n   */\n  charCountCutoff?: number\n}\n\nconst EMPTY_CARD_LABEL_ARRAY: CardLabel[] = []\n\n/**\n * Generic portal card UI component with a predefined layout\n */\nexport const GenericCard = forwardRef(function GenericCard(\n  props: GenericCardProps,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const {\n    icon,\n    type,\n    title,\n    titleLinkConfiguration,\n    titleAsFileHandleLinkConfiguration,\n    subtitle,\n    description,\n    descriptionSubTitle = '',\n    descriptionConfig,\n    cardTopContent,\n    cardTopButtons,\n    isHeader = false,\n    headerCardVariant,\n    useStylesForDisplayedImage = false,\n    labels = EMPTY_CARD_LABEL_ARRAY,\n    secondaryLabelLimit,\n    columnIconOptions,\n    ctaLinkConfig,\n    renderedIconList,\n    sustainabilityScorecard,\n    cardTypeAdornment,\n    charCountCutoff,\n  } = props\n\n  const showFooter = labels.length > 0\n\n  const style: CSSProperties = {\n    // undefined, take default value from class\n    marginTop: isHeader ? '0px' : undefined,\n    marginBottom: isHeader ? '0px' : undefined,\n    paddingBottom:\n      showFooter || useStylesForDisplayedImage ? undefined : '15px',\n  }\n\n  if (isHeader) {\n    return (\n      <HeaderCard\n        ref={ref}\n        headerCardVariant={headerCardVariant}\n        descriptionConfig={descriptionConfig}\n        charCountCutoff={charCountCutoff}\n        title={title}\n        subTitle={subtitle}\n        description={description}\n        type={type}\n        icon={icon}\n        values={labels}\n        href={titleLinkConfiguration?.href}\n        target={titleLinkConfiguration?.target}\n        ctaLinkConfig={ctaLinkConfig}\n        isAlignToLeftNav={true}\n        secondaryLabelLimit={secondaryLabelLimit}\n        cardTopButtons={cardTopButtons}\n        cardTopContent={cardTopContent}\n        sustainabilityScorecard={sustainabilityScorecard}\n      />\n    )\n  }\n\n  return (\n    <div style={style} ref={ref} className={'SRC-portalCard'}>\n      <div className={'SRC-portalCardMain'}>\n        {icon}\n        <div className=\"SRC-cardContent\">\n          {cardTopButtons && (\n            <Box\n              sx={{\n                position: 'absolute',\n                right: '24px',\n                display: 'flex',\n                float: 'right',\n                flexDirection: 'row',\n                gap: '10px',\n              }}\n            >\n              {cardTopButtons}\n            </Box>\n          )}\n          <Stack\n            sx={{\n              flexDirection: 'row',\n              alignItems: 'center',\n              gap: '10px',\n            }}\n          >\n            <div className=\"SRC-type\">{type}</div>\n            {cardTypeAdornment}\n          </Stack>\n          {renderedIconList}\n          <div>\n            <h3\n              className=\"SRC-boldText SRC-blackText\"\n              style={{ margin: 'none' }}\n            >\n              {!titleAsFileHandleLinkConfiguration && (\n                <GenericCardTitle\n                  title={title}\n                  href={titleLinkConfiguration?.href}\n                  target={titleLinkConfiguration?.target}\n                />\n              )}\n              {titleAsFileHandleLinkConfiguration && (\n                <FileHandleLink\n                  fileHandleAssociation={\n                    titleAsFileHandleLinkConfiguration.fileHandleAssociation\n                  }\n                  showDownloadIcon={\n                    titleAsFileHandleLinkConfiguration.showDownloadIcon\n                  }\n                  displayValue={title}\n                />\n              )}\n            </h3>\n          </div>\n          {subtitle && <div className=\"SRC-author\">{subtitle}</div>}\n          <CollapsibleDescription\n            description={description}\n            descriptionSubTitle={descriptionSubTitle}\n            descriptionConfig={descriptionConfig}\n          />\n          {ctaLinkConfig && (\n            <Box sx={{ mt: '20px', display: 'flex', gap: 2, flexWrap: 'wrap' }}>\n              {(Array.isArray(ctaLinkConfig)\n                ? ctaLinkConfig\n                : [ctaLinkConfig]\n              ).map(\n                (config, index) =>\n                  config.text &&\n                  config.href && (\n                    <SmartLink\n                      key={index}\n                      href={config.href}\n                      target={config.target}\n                    >\n                      {config.text}\n                    </SmartLink>\n                  ),\n              )}\n            </Box>\n          )}\n        </div>\n      </div>\n      {showFooter && (\n        <CardFooter\n          isHeader={false}\n          secondaryLabelLimit={secondaryLabelLimit}\n          values={labels}\n          columnIconOptions={columnIconOptions}\n          className={useStylesForDisplayedImage ? undefined : 'hasIcon'}\n          cardTopContent={cardTopContent}\n        />\n      )}\n    </div>\n  )\n})\n\nexport default GenericCard\n"],"names":["EMPTY_CARD_LABEL_ARRAY","GenericCard","forwardRef","props","ref","icon","type","title","titleLinkConfiguration","titleAsFileHandleLinkConfiguration","subtitle","description","descriptionSubTitle","descriptionConfig","cardTopContent","cardTopButtons","isHeader","headerCardVariant","useStylesForDisplayedImage","labels","secondaryLabelLimit","columnIconOptions","ctaLinkConfig","renderedIconList","sustainabilityScorecard","cardTypeAdornment","charCountCutoff","showFooter","style","jsx","HeaderCard","jsxs","Box","Stack","GenericCardTitle","FileHandleLink","CollapsibleDescription","config","index","SmartLink","CardFooter"],"mappings":"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"}
+{"version":3,"file":"GenericCard.js","sources":["../../../src/components/GenericCard/GenericCard.tsx"],"sourcesContent":["import { GenericCardTitle } from '@/components/GenericCard/GenericCardTitle'\nimport { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport { Box, Stack } from '@mui/material'\nimport { FileHandleAssociation } from '@sage-bionetworks/synapse-types'\nimport React, { CSSProperties, forwardRef } from 'react'\nimport { DescriptionConfig } from '../CardContainerLogic'\nimport HeaderCard, { HeaderCardVariant } from '../HeaderCard'\nimport { CardFooter } from '../row_renderers/utils'\nimport { SmartLink } from '../SmartLink/SmartLink'\nimport { SustainabilityScorecardProps } from '../SustainabilityScorecard/SustainabilityScorecard'\nimport { FileHandleLink } from '../widgets/FileHandleLink'\nimport { CollapsibleDescription } from './CollapsibleDescription'\n\n/** Resolved CTA link configuration with actual href values (as opposed to CTACardLink which uses column names) */\nexport type CTALinkConfig = {\n  text: React.ReactNode\n  href?: string\n  target?: string\n}\n\nexport type GenericCardProps = {\n  /** String representing the 'type' of object. This is displayed as a label on the card. */\n  type: string\n  /** The title displayed on the card. */\n  title: string\n  /** Optionally provide href/target if the title should be a link */\n  titleLinkConfiguration?: {\n    href: string\n    target: string\n  }\n  /** Optionally provide configuration if the title should be a link to a Synapse FileHandle */\n  titleAsFileHandleLinkConfiguration?: {\n    /** The FileHandleAssociation used to get access to the file handle */\n    fileHandleAssociation: FileHandleAssociation\n    /** Whether a 'download' icon should be shown */\n    showDownloadIcon: boolean\n  }\n  /** An optional subtitle to be displayed on the card */\n  subtitle?: string\n  /** An description to be displayed on the card */\n  description: string\n  /** An optional description subtitle to be displayed on the card */\n  descriptionSubTitle?: string\n  /** Configuration for altering the display of the description prop */\n  descriptionConfig?: DescriptionConfig\n  /** Optional slot for adding content to the top of the card */\n  cardTopContent?: React.ReactNode\n  /** Optional slot for adding action buttons to the top of the card */\n  cardTopButtons?: React.ReactNode\n  /** If true, a HeaderCard component will be rendered */\n  isHeader?: boolean\n  /** The variant of HeaderCard to render if `isHeader` is true */\n  headerCardVariant?: HeaderCardVariant\n  /** Set to true if the icon is an arbitrary image. The card styles will be updated to accommodate the image\n   * @default false */\n  useStylesForDisplayedImage?: boolean\n  /**\n   * The rendered icon on the card\n   */\n  icon: React.ReactNode\n  /**\n   * The card labels to be displayed in the footer of the card\n   */\n  labels?: CardLabel[]\n  /**\n   * The initial number of labels to display in the footer of the card\n   */\n  secondaryLabelLimit?: number\n  /**\n   * Optional configuration for displaying CTA button(s) on the card. Accepts a single config or an array.\n   */\n  ctaLinkConfig?: CTALinkConfig | CTALinkConfig[]\n  /**\n   * The rendered icon list on the card\n   */\n  renderedIconList?: React.ReactNode\n  /**\n   * Optional sustainability scorecard to be displayed on the header card\n   */\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  /**\n   * Optional ReactNode to be rendered next to the card type\n   */\n  cardTypeAdornment?: React.ReactNode\n  /**\n   * Optional content to render to the right of the title/subtitle/description area.\n   */\n  titleAreaRightContent?: React.ReactNode\n  /**\n   * Character count threshold for truncating description\n   * @default 400\n   */\n  charCountCutoff?: number\n}\n\nconst EMPTY_CARD_LABEL_ARRAY: CardLabel[] = []\n\n/**\n * Generic portal card UI component with a predefined layout\n */\nexport const GenericCard = forwardRef(function GenericCard(\n  props: GenericCardProps,\n  ref: React.Ref<HTMLDivElement>,\n) {\n  const {\n    icon,\n    type,\n    title,\n    titleLinkConfiguration,\n    titleAsFileHandleLinkConfiguration,\n    subtitle,\n    description,\n    descriptionSubTitle = '',\n    descriptionConfig,\n    cardTopContent,\n    cardTopButtons,\n    isHeader = false,\n    headerCardVariant,\n    useStylesForDisplayedImage = false,\n    labels = EMPTY_CARD_LABEL_ARRAY,\n    secondaryLabelLimit,\n    ctaLinkConfig,\n    renderedIconList,\n    sustainabilityScorecard,\n    cardTypeAdornment,\n    titleAreaRightContent,\n    charCountCutoff,\n  } = props\n\n  const showFooter = labels.length > 0\n\n  const style: CSSProperties = {\n    // undefined, take default value from class\n    marginTop: isHeader ? '0px' : undefined,\n    marginBottom: isHeader ? '0px' : undefined,\n    paddingBottom:\n      showFooter || useStylesForDisplayedImage ? undefined : '15px',\n  }\n\n  if (isHeader) {\n    return (\n      <HeaderCard\n        ref={ref}\n        headerCardVariant={headerCardVariant}\n        descriptionConfig={descriptionConfig}\n        charCountCutoff={charCountCutoff}\n        title={title}\n        subTitle={subtitle}\n        description={description}\n        type={type}\n        icon={icon}\n        values={labels}\n        href={titleLinkConfiguration?.href}\n        target={titleLinkConfiguration?.target}\n        ctaLinkConfig={ctaLinkConfig}\n        isAlignToLeftNav={true}\n        secondaryLabelLimit={secondaryLabelLimit}\n        cardTopButtons={cardTopButtons}\n        cardTopContent={cardTopContent}\n        sustainabilityScorecard={sustainabilityScorecard}\n      />\n    )\n  }\n\n  return (\n    <div style={style} ref={ref} className={'SRC-portalCard'}>\n      <div className={'SRC-portalCardMain'}>\n        {icon}\n        <div className=\"SRC-cardContent\">\n          {cardTopButtons && (\n            <Box\n              sx={{\n                position: 'absolute',\n                right: '24px',\n                display: 'flex',\n                float: 'right',\n                flexDirection: 'row',\n                gap: '10px',\n              }}\n            >\n              {cardTopButtons}\n            </Box>\n          )}\n          <Stack\n            sx={{\n              flexDirection: 'row',\n              alignItems: 'center',\n              gap: '10px',\n            }}\n          >\n            <div className=\"SRC-type\">{type}</div>\n            {cardTypeAdornment}\n          </Stack>\n          {renderedIconList}\n          <Box className=\"SRC-cardTitleArea\">\n            <Box sx={{ flex: 1, minWidth: 0 }}>\n              <div>\n                <h3\n                  className=\"SRC-boldText SRC-blackText\"\n                  style={{ margin: 'none' }}\n                >\n                  {!titleAsFileHandleLinkConfiguration && (\n                    <GenericCardTitle\n                      title={title}\n                      href={titleLinkConfiguration?.href}\n                      target={titleLinkConfiguration?.target}\n                    />\n                  )}\n                  {titleAsFileHandleLinkConfiguration && (\n                    <FileHandleLink\n                      fileHandleAssociation={\n                        titleAsFileHandleLinkConfiguration.fileHandleAssociation\n                      }\n                      showDownloadIcon={\n                        titleAsFileHandleLinkConfiguration.showDownloadIcon\n                      }\n                      displayValue={title}\n                    />\n                  )}\n                </h3>\n              </div>\n              {subtitle && <div className=\"SRC-author\">{subtitle}</div>}\n              <CollapsibleDescription\n                description={description}\n                descriptionSubTitle={descriptionSubTitle}\n                descriptionConfig={descriptionConfig}\n              />\n              {ctaLinkConfig && (\n                <Box\n                  sx={{ mt: '20px', display: 'flex', gap: 2, flexWrap: 'wrap' }}\n                >\n                  {(Array.isArray(ctaLinkConfig)\n                    ? ctaLinkConfig\n                    : [ctaLinkConfig]\n                  ).map(\n                    (config, index) =>\n                      config.text &&\n                      config.href && (\n                        <SmartLink\n                          key={index}\n                          href={config.href}\n                          target={config.target}\n                        >\n                          {config.text}\n                        </SmartLink>\n                      ),\n                  )}\n                </Box>\n              )}\n            </Box>\n            {titleAreaRightContent && (\n              <div className=\"SRC-cardTitleAreaDetails\">\n                {titleAreaRightContent}\n              </div>\n            )}\n          </Box>\n        </div>\n      </div>\n      {showFooter && (\n        <CardFooter\n          isHeader={false}\n          secondaryLabelLimit={secondaryLabelLimit}\n          values={labels}\n          className={useStylesForDisplayedImage ? undefined : 'hasIcon'}\n          cardTopContent={cardTopContent}\n        />\n      )}\n    </div>\n  )\n})\n\nexport default GenericCard\n"],"names":["EMPTY_CARD_LABEL_ARRAY","GenericCard","forwardRef","props","ref","icon","type","title","titleLinkConfiguration","titleAsFileHandleLinkConfiguration","subtitle","description","descriptionSubTitle","descriptionConfig","cardTopContent","cardTopButtons","isHeader","headerCardVariant","useStylesForDisplayedImage","labels","secondaryLabelLimit","ctaLinkConfig","renderedIconList","sustainabilityScorecard","cardTypeAdornment","titleAreaRightContent","charCountCutoff","showFooter","style","jsx","HeaderCard","jsxs","Box","Stack","GenericCardTitle","FileHandleLink","CollapsibleDescription","config","index","SmartLink","CardFooter"],"mappings":"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"}

package/dist/components/GenericCard/LabelMaybeWithIcon.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { ColumnIconConfigs } from '../CardContainerLogic';
+type LabelMaybeWithIconProps = {
+    children: ReactNode;
+    value: string;
+    iconConfig: ColumnIconConfigs['columns'][string] | undefined;
+};
+export declare function LabelMaybeWithIcon({ children, value, iconConfig, }: LabelMaybeWithIconProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=LabelMaybeWithIcon.d.ts.map

package/dist/components/GenericCard/LabelMaybeWithIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelMaybeWithIcon.d.ts","sourceRoot":"","sources":["../../../src/components/GenericCard/LabelMaybeWithIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAGzD,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,GAAG,SAAS,CAAA;CAC7D,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,KAAK,EACL,UAAU,GACX,EAAE,uBAAuB,2CAqBzB"}

package/dist/components/GenericCard/LabelMaybeWithIcon.js

@@ -0,0 +1,33 @@
+import { jsx as n, Fragment as e, jsxs as a } from "react/jsx-runtime";
+import { Box as l } from "@mui/material";
+import m from "../IconSvg/IconSvg.js";
+function g({
+  children: r,
+  value: i,
+  iconConfig: o
+}) {
+  const t = o?.[i];
+  if (!t) return /* @__PURE__ */ n(e, { children: r });
+  const { containerSx: s, ...c } = t;
+  return /* @__PURE__ */ a(e, { children: [
+    /* @__PURE__ */ n(
+      l,
+      {
+        sx: {
+          display: "inline-flex",
+          alignItems: "center",
+          justifyContent: "center",
+          verticalAlign: "middle",
+          marginRight: "7px",
+          ...s
+        },
+        children: /* @__PURE__ */ n(m, { wrap: !1, ...c })
+      }
+    ),
+    r
+  ] });
+}
+export {
+  g as LabelMaybeWithIcon
+};
+//# sourceMappingURL=LabelMaybeWithIcon.js.map

package/dist/components/GenericCard/LabelMaybeWithIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelMaybeWithIcon.js","sources":["../../../src/components/GenericCard/LabelMaybeWithIcon.tsx"],"sourcesContent":["import { Box } from '@mui/material'\nimport { ReactNode } from 'react'\nimport { ColumnIconConfigs } from '../CardContainerLogic'\nimport IconSVG from '../IconSvg/IconSvg'\n\ntype LabelMaybeWithIconProps = {\n  children: ReactNode\n  value: string\n  iconConfig: ColumnIconConfigs['columns'][string] | undefined\n}\n\nexport function LabelMaybeWithIcon({\n  children,\n  value,\n  iconConfig,\n}: LabelMaybeWithIconProps) {\n  const iconProps = iconConfig?.[value]\n  if (!iconProps) return <>{children}</>\n  const { containerSx, ...svgProps } = iconProps\n  return (\n    <>\n      <Box\n        sx={{\n          display: 'inline-flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          verticalAlign: 'middle',\n          marginRight: '7px',\n          ...containerSx,\n        }}\n      >\n        <IconSVG wrap={false} {...svgProps} />\n      </Box>\n      {children}\n    </>\n  )\n}\n"],"names":["LabelMaybeWithIcon","children","value","iconConfig","iconProps","jsx","Fragment","containerSx","svgProps","jsxs","Box","IconSVG"],"mappings":";;;AAWO,SAASA,EAAmB;AAAA,EACjC,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AACF,GAA4B;AAC1B,QAAMC,IAAYD,IAAaD,CAAK;AACpC,MAAI,CAACE,EAAW,QAAO,gBAAAC,EAAAC,GAAA,EAAG,UAAAL,EAAA,CAAS;AACnC,QAAM,EAAE,aAAAM,GAAa,GAAGC,EAAA,IAAaJ;AACrC,SACE,gBAAAK,EAAAH,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAD;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,IAAI;AAAA,UACF,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,gBAAgB;AAAA,UAChB,eAAe;AAAA,UACf,aAAa;AAAA,UACb,GAAGH;AAAA,QAAA;AAAA,QAGL,UAAA,gBAAAF,EAACM,GAAA,EAAQ,MAAM,IAAQ,GAAGH,EAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAErCP;AAAA,EAAA,GACH;AAEJ;"}

package/dist/components/GenericCard/SynapseCardLabel.d.ts

@@ -1,6 +1,6 @@
 import { CardLink } from '@/components/CardContainer/CardLink';
 import { ColumnModel, Row, SelectColumn } from '@sage-bionetworks/synapse-types';
-import { ColumnSpecifiedLink, MarkdownLink } from '../CardContainerLogic';
+import { ColumnIconConfigs, ColumnSpecifiedLink, MarkdownLink } from '../CardContainerLogic';
 import { EntityImage, MapValueToReactComponentConfig } from '../CardContainerLogic/CardContainerLogic';
 type SynapseCardLabelProps = {
     value: string;
@@ -12,6 +12,7 @@ type SynapseCardLabelProps = {
     className?: string;
     rowData: Row['values'];
     rowId?: string;
+    columnIconOptions?: ColumnIconConfigs;
 };
 export declare function SynapseCardLabel(props: SynapseCardLabelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/GenericCard/SynapseCardLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseCardLabel.d.ts","sourceRoot":"","sources":["../../../src/components/GenericCard/SynapseCardLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAA;AAK9D,OAAO,EACL,WAAW,EAEX,GAAG,EACH,YAAY,EACb,MAAM,iCAAiC,CAAA;AAIxC,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEzE,OAAO,EACL,WAAW,EACX,8BAA8B,EAC/B,MAAM,0CAA0C,CAAA;AAQjD,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EACL,QAAQ,GACR,YAAY,GACZ,mBAAmB,GACnB,WAAW,GACX,8BAA8B,GAC9B,SAAS,CAAA;IACb,aAAa,EAAE,YAAY,EAAE,GAAG,SAAS,CAAA;IACzC,YAAY,EAAE,WAAW,EAAE,GAAG,SAAS,CAAA;IACvC,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AACD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAkO5D"}
+{"version":3,"file":"SynapseCardLabel.d.ts","sourceRoot":"","sources":["../../../src/components/GenericCard/SynapseCardLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,qCAAqC,CAAA;AAM9D,OAAO,EACL,WAAW,EAEX,GAAG,EACH,YAAY,EACb,MAAM,iCAAiC,CAAA;AAIxC,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACnB,YAAY,EACb,MAAM,uBAAuB,CAAA;AAC9B,OAAO,EACL,WAAW,EACX,8BAA8B,EAC/B,MAAM,0CAA0C,CAAA;AASjD,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAA;IACb,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EACL,QAAQ,GACR,YAAY,GACZ,mBAAmB,GACnB,WAAW,GACX,8BAA8B,GAC9B,SAAS,CAAA;IACb,aAAa,EAAE,YAAY,EAAE,GAAG,SAAS,CAAA;IACzC,YAAY,EAAE,WAAW,EAAE,GAAG,SAAS,CAAA;IACvC,QAAQ,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;CACtC,CAAA;AACD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CA6P5D"}