synapse-react-client 4.0.2 → 4.0.3

package/dist/components/row_renderers/ObservationCard.js

@@ -1,5 +1,5 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import c from "../IconSvg/IconSvg.js";
+import p from "../IconSvg/IconSvg.js";
 import "../../utils/functions/EntityTypeUtils.js";
 import "react";
 import "../../assets/icons/chart2.svg.js";
@@ -15,29 +15,30 @@ 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 h from "../ShowMore/ShowMore.js";
 import { Skeleton as d, Link as u } from "@mui/material";
 import { SkeletonTable as N } from "../Skeleton/SkeletonTable.js";
 import { UserBadge as O } from "../UserCard/UserBadge.js";
-function G({
+function H({
   data: i,
   schema: t,
-  includePortalCardClass: l = !0
+  includePortalCardClass: c = !0
 }) {
-  const p = i[t.observationSubmitterName], o = i[t.synapseId], s = i[t.observationTime], v = i[t.observationTimeUnits], n = i[t.observationText], a = i[t.observationType], b = JSON.parse(a ?? ""), m = i[t.doi];
+  const l = i[t.observationSubmitterName], o = i[t.synapseId], s = i[t.observationTime], v = i[t.observationTimeUnits], n = i[t.observationText], a = i[t.observationType], b = JSON.parse(a ?? ""), m = i[t.doi];
   return /* @__PURE__ */ e(
     "div",
     {
-      className: `ObservationCard ${l ? "SRC-portalCard" : ""}`,
+      className: `ObservationCard ${c ? "SRC-portalCard" : ""}`,
       children: [
         /* @__PURE__ */ e("div", { className: "ObservationCard__submitter", children: [
-          !o && /* @__PURE__ */ r("div", { children: p }),
+          !o && /* @__PURE__ */ r("div", { children: l }),
           o && /* @__PURE__ */ r(O, { userId: o })
         ] }),
         s && /* @__PURE__ */ e("div", { className: "ObservationCard__time", children: [
-          /* @__PURE__ */ r(c, { icon: "time" }),
+          /* @__PURE__ */ r(p, { icon: "time" }),
           /* @__PURE__ */ r("span", { children: `${s} ${v}` })
         ] }),
         n && /* @__PURE__ */ r("div", { className: "ObservationCard__text", children: /* @__PURE__ */ r(h, { summary: n }) }),
@@ -55,16 +56,16 @@ function G({
     }
   );
 }
-function H() {
+function K() {
   return /* @__PURE__ */ e("div", { className: "SRC-portalCard ObservationCard", children: [
     /* @__PURE__ */ r("div", { className: "ObservationCard__submitter", children: /* @__PURE__ */ r("span", { children: /* @__PURE__ */ r(d, { width: "100px" }) }) }),
-    /* @__PURE__ */ r("div", { className: "ObservationCard__time", children: /* @__PURE__ */ r(c, { icon: "time" }) }),
+    /* @__PURE__ */ r("div", { className: "ObservationCard__time", children: /* @__PURE__ */ r(p, { icon: "time" }) }),
     /* @__PURE__ */ r("div", { className: "ObservationCard__text", children: /* @__PURE__ */ r(N, { numCols: 1, numRows: 4 }) }),
     /* @__PURE__ */ r("div", { className: "ObservationCard__tags", children: /* @__PURE__ */ r(d, { width: "80px" }) })
   ] });
 }
 export {
-  H as LoadingObservationCard,
-  G as ObservationCard
+  K as LoadingObservationCard,
+  H as ObservationCard
 };
 //# sourceMappingURL=ObservationCard.js.map

package/dist/components/row_renderers/ObservationCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ObservationCard.js","sources":["../../../src/components/row_renderers/ObservationCard.tsx"],"sourcesContent":["import IconSvg from '../IconSvg/IconSvg'\nimport { ShowMore } from './utils'\nimport { UnitType } from 'dayjs'\nimport { Link, Skeleton } from '@mui/material'\nimport { SkeletonTable } from '../Skeleton/SkeletonTable'\nimport { UserBadge } from '../UserCard/UserBadge'\n\n/**\n * Column index values into the row values given provided in \"data\"\n */\nexport type ObservationCardSchema = {\n  observationSubmitterName: number\n  synapseId: number\n  observationTime: number\n  observationTimeUnits: number\n  observationText: number\n  observationType: number\n  doi: number\n}\n\nexport type ObservationCardProps = {\n  schema: ObservationCardSchema\n  data: (string | null)[]\n  includePortalCardClass?: boolean\n}\n\n/**\n * Specialized Observation Card, initially implemented for the NF portal.\n * Expects the following columns: submitterName, submitterUserId, time, timeUnits, text, and tag.\n */\nexport function ObservationCard({\n  data,\n  schema,\n  includePortalCardClass = true,\n}: ObservationCardProps) {\n  const submitterName = data[schema.observationSubmitterName]\n  const submitterUserId = data[schema.synapseId]\n  const time = data[schema.observationTime]\n  const timeUnits = data[schema.observationTimeUnits] as UnitType\n  const text = data[schema.observationText]\n  const tag = data[schema.observationType]\n  const tags: string[] = JSON.parse(tag ?? '')\n  const doi = data[schema.doi]\n  return (\n    <div\n      className={`ObservationCard ${\n        includePortalCardClass ? 'SRC-portalCard' : ''\n      }`}\n    >\n      <div className=\"ObservationCard__submitter\">\n        {!submitterUserId && <div>{submitterName}</div>}\n        {submitterUserId && <UserBadge userId={submitterUserId} />}\n      </div>\n      {time && (\n        <div className=\"ObservationCard__time\">\n          <IconSvg icon=\"time\" />\n          <span>{`${time} ${timeUnits}`}</span>\n        </div>\n      )}\n      {text && (\n        <div className=\"ObservationCard__text\">\n          <ShowMore summary={text} />\n        </div>\n      )}\n      {doi && (\n        <div className=\"ObservationCard__doi\">\n          <Link href={doi} target=\"_blank\">\n            Reference\n          </Link>\n        </div>\n      )}\n      <div className=\"ObservationCard__tags\">\n        {tag &&\n          tags.map((tag, index) => {\n            return (\n              <span\n                key={index}\n                className=\"SRC-tag\"\n                style={{ marginRight: '5px' }}\n              >\n                {tag}\n              </span>\n            )\n          })}\n      </div>\n    </div>\n  )\n}\n\nexport function LoadingObservationCard() {\n  return (\n    <div className=\"SRC-portalCard ObservationCard\">\n      <div className=\"ObservationCard__submitter\">\n        <span>\n          <Skeleton width=\"100px\" />\n        </span>\n      </div>\n      <div className=\"ObservationCard__time\">\n        <IconSvg icon=\"time\" />\n      </div>\n      <div className=\"ObservationCard__text\">\n        <SkeletonTable numCols={1} numRows={4} />\n      </div>\n      <div className=\"ObservationCard__tags\">\n        <Skeleton width=\"80px\" />\n      </div>\n    </div>\n  )\n}\n"],"names":["ObservationCard","data","schema","includePortalCardClass","submitterName","submitterUserId","time","timeUnits","text","tag","tags","doi","jsxs","jsx","UserBadge","IconSvg","ShowMore","Link","index","LoadingObservationCard","Skeleton","SkeletonTable"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA8BO,SAASA,EAAgB;AAAA,EAC9B,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,wBAAAC,IAAyB;AAC3B,GAAyB;AACvB,QAAMC,IAAgBH,EAAKC,EAAO,wBAAwB,GACpDG,IAAkBJ,EAAKC,EAAO,SAAS,GACvCI,IAAOL,EAAKC,EAAO,eAAe,GAClCK,IAAYN,EAAKC,EAAO,oBAAoB,GAC5CM,IAAOP,EAAKC,EAAO,eAAe,GAClCO,IAAMR,EAAKC,EAAO,eAAe,GACjCQ,IAAiB,KAAK,MAAMD,KAAO,EAAE,GACrCE,IAAMV,EAAKC,EAAO,GAAG;AAC3B,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,mBACTT,IAAyB,mBAAmB,EAC9C;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAS,EAAC,OAAA,EAAI,WAAU,8BACZ,UAAA;AAAA,UAAA,CAACP,KAAmB,gBAAAQ,EAAC,OAAA,EAAK,UAAAT,EAAA,CAAc;AAAA,UACxCC,KAAmB,gBAAAQ,EAACC,GAAA,EAAU,QAAQT,EAAA,CAAiB;AAAA,QAAA,GAC1D;AAAA,QACCC,KACC,gBAAAM,EAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAA,gBAAAC,EAACE,GAAA,EAAQ,MAAK,OAAA,CAAO;AAAA,4BACpB,QAAA,EAAM,UAAA,GAAGT,CAAI,IAAIC,CAAS,GAAA,CAAG;AAAA,QAAA,GAChC;AAAA,QAEDC,uBACE,OAAA,EAAI,WAAU,yBACb,UAAA,gBAAAK,EAACG,GAAA,EAAS,SAASR,EAAA,CAAM,EAAA,CAC3B;AAAA,QAEDG,KACC,gBAAAE,EAAC,OAAA,EAAI,WAAU,wBACb,UAAA,gBAAAA,EAACI,GAAA,EAAK,MAAMN,GAAK,QAAO,UAAS,UAAA,YAAA,CAEjC,GACF;AAAA,QAEF,gBAAAE,EAAC,SAAI,WAAU,yBACZ,eACCH,EAAK,IAAI,CAACD,GAAKS,MAEX,gBAAAL;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACV,OAAO,EAAE,aAAa,MAAA;AAAA,YAErB,UAAAJ;AAAAA,UAAA;AAAA,UAJIS;AAAA,QAAA,CAOV,EAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASC,IAAyB;AACvC,SACE,gBAAAP,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,8BACb,UAAA,gBAAAA,EAAC,QAAA,EACC,4BAACO,GAAA,EAAS,OAAM,QAAA,CAAQ,EAAA,CAC1B,GACF;AAAA,IACA,gBAAAP,EAAC,SAAI,WAAU,yBACb,4BAACE,GAAA,EAAQ,MAAK,QAAO,EAAA,CACvB;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,yBACb,UAAA,gBAAAA,EAACQ,KAAc,SAAS,GAAG,SAAS,EAAA,CAAG,EAAA,CACzC;AAAA,IACA,gBAAAR,EAAC,SAAI,WAAU,yBACb,4BAACO,GAAA,EAAS,OAAM,QAAO,EAAA,CACzB;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"ObservationCard.js","sources":["../../../src/components/row_renderers/ObservationCard.tsx"],"sourcesContent":["import IconSvg from '../IconSvg/IconSvg'\nimport { ShowMore } from './utils'\nimport { UnitType } from 'dayjs'\nimport { Link, Skeleton } from '@mui/material'\nimport { SkeletonTable } from '../Skeleton/SkeletonTable'\nimport { UserBadge } from '../UserCard/UserBadge'\n\n/**\n * Column index values into the row values given provided in \"data\"\n */\nexport type ObservationCardSchema = {\n  observationSubmitterName: number\n  synapseId: number\n  observationTime: number\n  observationTimeUnits: number\n  observationText: number\n  observationType: number\n  doi: number\n}\n\nexport type ObservationCardProps = {\n  schema: ObservationCardSchema\n  data: (string | null)[]\n  includePortalCardClass?: boolean\n}\n\n/**\n * Specialized Observation Card, initially implemented for the NF portal.\n * Expects the following columns: submitterName, submitterUserId, time, timeUnits, text, and tag.\n */\nexport function ObservationCard({\n  data,\n  schema,\n  includePortalCardClass = true,\n}: ObservationCardProps) {\n  const submitterName = data[schema.observationSubmitterName]\n  const submitterUserId = data[schema.synapseId]\n  const time = data[schema.observationTime]\n  const timeUnits = data[schema.observationTimeUnits] as UnitType\n  const text = data[schema.observationText]\n  const tag = data[schema.observationType]\n  const tags: string[] = JSON.parse(tag ?? '')\n  const doi = data[schema.doi]\n  return (\n    <div\n      className={`ObservationCard ${\n        includePortalCardClass ? 'SRC-portalCard' : ''\n      }`}\n    >\n      <div className=\"ObservationCard__submitter\">\n        {!submitterUserId && <div>{submitterName}</div>}\n        {submitterUserId && <UserBadge userId={submitterUserId} />}\n      </div>\n      {time && (\n        <div className=\"ObservationCard__time\">\n          <IconSvg icon=\"time\" />\n          <span>{`${time} ${timeUnits}`}</span>\n        </div>\n      )}\n      {text && (\n        <div className=\"ObservationCard__text\">\n          <ShowMore summary={text} />\n        </div>\n      )}\n      {doi && (\n        <div className=\"ObservationCard__doi\">\n          <Link href={doi} target=\"_blank\">\n            Reference\n          </Link>\n        </div>\n      )}\n      <div className=\"ObservationCard__tags\">\n        {tag &&\n          tags.map((tag, index) => {\n            return (\n              <span\n                key={index}\n                className=\"SRC-tag\"\n                style={{ marginRight: '5px' }}\n              >\n                {tag}\n              </span>\n            )\n          })}\n      </div>\n    </div>\n  )\n}\n\nexport function LoadingObservationCard() {\n  return (\n    <div className=\"SRC-portalCard ObservationCard\">\n      <div className=\"ObservationCard__submitter\">\n        <span>\n          <Skeleton width=\"100px\" />\n        </span>\n      </div>\n      <div className=\"ObservationCard__time\">\n        <IconSvg icon=\"time\" />\n      </div>\n      <div className=\"ObservationCard__text\">\n        <SkeletonTable numCols={1} numRows={4} />\n      </div>\n      <div className=\"ObservationCard__tags\">\n        <Skeleton width=\"80px\" />\n      </div>\n    </div>\n  )\n}\n"],"names":["ObservationCard","data","schema","includePortalCardClass","submitterName","submitterUserId","time","timeUnits","text","tag","tags","doi","jsxs","jsx","UserBadge","IconSvg","ShowMore","Link","index","LoadingObservationCard","Skeleton","SkeletonTable"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AA8BO,SAASA,EAAgB;AAAA,EAC9B,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,wBAAAC,IAAyB;AAC3B,GAAyB;AACvB,QAAMC,IAAgBH,EAAKC,EAAO,wBAAwB,GACpDG,IAAkBJ,EAAKC,EAAO,SAAS,GACvCI,IAAOL,EAAKC,EAAO,eAAe,GAClCK,IAAYN,EAAKC,EAAO,oBAAoB,GAC5CM,IAAOP,EAAKC,EAAO,eAAe,GAClCO,IAAMR,EAAKC,EAAO,eAAe,GACjCQ,IAAiB,KAAK,MAAMD,KAAO,EAAE,GACrCE,IAAMV,EAAKC,EAAO,GAAG;AAC3B,SACE,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,mBACTT,IAAyB,mBAAmB,EAC9C;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAS,EAAC,OAAA,EAAI,WAAU,8BACZ,UAAA;AAAA,UAAA,CAACP,KAAmB,gBAAAQ,EAAC,OAAA,EAAK,UAAAT,EAAA,CAAc;AAAA,UACxCC,KAAmB,gBAAAQ,EAACC,GAAA,EAAU,QAAQT,EAAA,CAAiB;AAAA,QAAA,GAC1D;AAAA,QACCC,KACC,gBAAAM,EAAC,OAAA,EAAI,WAAU,yBACb,UAAA;AAAA,UAAA,gBAAAC,EAACE,GAAA,EAAQ,MAAK,OAAA,CAAO;AAAA,4BACpB,QAAA,EAAM,UAAA,GAAGT,CAAI,IAAIC,CAAS,GAAA,CAAG;AAAA,QAAA,GAChC;AAAA,QAEDC,uBACE,OAAA,EAAI,WAAU,yBACb,UAAA,gBAAAK,EAACG,GAAA,EAAS,SAASR,EAAA,CAAM,EAAA,CAC3B;AAAA,QAEDG,KACC,gBAAAE,EAAC,OAAA,EAAI,WAAU,wBACb,UAAA,gBAAAA,EAACI,GAAA,EAAK,MAAMN,GAAK,QAAO,UAAS,UAAA,YAAA,CAEjC,GACF;AAAA,QAEF,gBAAAE,EAAC,SAAI,WAAU,yBACZ,eACCH,EAAK,IAAI,CAACD,GAAKS,MAEX,gBAAAL;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,WAAU;AAAA,YACV,OAAO,EAAE,aAAa,MAAA;AAAA,YAErB,UAAAJ;AAAAA,UAAA;AAAA,UAJIS;AAAA,QAAA,CAOV,EAAA,CACL;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASC,IAAyB;AACvC,SACE,gBAAAP,EAAC,OAAA,EAAI,WAAU,kCACb,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,8BACb,UAAA,gBAAAA,EAAC,QAAA,EACC,4BAACO,GAAA,EAAS,OAAM,QAAA,CAAQ,EAAA,CAC1B,GACF;AAAA,IACA,gBAAAP,EAAC,SAAI,WAAU,yBACb,4BAACE,GAAA,EAAQ,MAAK,QAAO,EAAA,CACvB;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAU,yBACb,UAAA,gBAAAA,EAACQ,KAAc,SAAS,GAAG,SAAS,EAAA,CAAG,EAAA,CACzC;AAAA,IACA,gBAAAR,EAAC,SAAI,WAAU,yBACb,4BAACO,GAAA,EAAS,OAAM,QAAO,EAAA,CACzB;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/row_renderers/utils/CardFooter.d.ts

@@ -1,5 +1,4 @@
 import { Component } from 'react';
-import { ColumnIconConfigs } from '../../CardContainerLogic';
 export type CardLabel = {
     columnDisplayName: string;
     value: React.ReactNode;
@@ -13,7 +12,6 @@ type CardFooterProps = {
     values: CardLabel[];
     isHeader: boolean;
     secondaryLabelLimit?: number;
-    columnIconOptions?: ColumnIconConfigs;
     className?: string;
     cardTopContent?: React.ReactNode;
 };
@@ -23,7 +21,7 @@ declare class CardFooter extends Component<CardFooterProps, State> {
     componentDidMount(): void;
     componentWillUnmount(): void;
     updatePredicate(): void;
-    renderRowValue: (key: string, value: React.ReactNode, tableColumnName?: string) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
+    renderRowValue: (value: React.ReactNode) => string | number | bigint | boolean | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
     renderRows: (values: CardLabel[], limit: number, isDesktop: boolean) => import("react/jsx-runtime").JSX.Element[];
     render(): import("react/jsx-runtime").JSX.Element;
 }

package/dist/components/row_renderers/utils/CardFooter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/row_renderers/utils/CardFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAG5D,MAAM,MAAM,SAAS,GAAG;IACtB,iBAAiB,EAAE,MAAM,CAAA;IACzB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,SAAS,EAAE,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACjC,CAAA;AAED,cAAM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE,KAAK,CAAC;gBAC5C,KAAK,EAAE,eAAe;IAUlC,cAAc;IAMd,iBAAiB;IAKjB,oBAAoB;IAIpB,eAAe;IAIf,cAAc,GACZ,KAAK,MAAM,EACX,OAAO,KAAK,CAAC,SAAS,EACtB,kBAAkB,MAAM,6WAwCzB;IACD,UAAU,GAAI,QAAQ,SAAS,EAAE,EAAE,OAAO,MAAM,EAAE,WAAW,OAAO,+CAgCnE;IAED,MAAM;CA8CP;AACD,eAAe,UAAU,CAAA"}
+{"version":3,"file":"CardFooter.d.ts","sourceRoot":"","sources":["../../../../src/components/row_renderers/utils/CardFooter.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAY,MAAM,OAAO,CAAA;AAG3C,MAAM,MAAM,SAAS,GAAG;IACtB,iBAAiB,EAAE,MAAM,CAAA;IACzB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,KAAK,KAAK,GAAG;IACX,YAAY,EAAE,OAAO,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,MAAM,EAAE,SAAS,EAAE,CAAA;IACnB,QAAQ,EAAE,OAAO,CAAA;IACjB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACjC,CAAA;AAED,cAAM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE,KAAK,CAAC;gBAC5C,KAAK,EAAE,eAAe;IAUlC,cAAc;IAMd,iBAAiB;IAKjB,oBAAoB;IAIpB,eAAe;IAIf,cAAc,GAAI,OAAO,KAAK,CAAC,SAAS,6WAevC;IACD,UAAU,GAAI,QAAQ,SAAS,EAAE,EAAE,OAAO,MAAM,EAAE,WAAW,OAAO,+CA4BnE;IAED,MAAM;CA8CP;AACD,eAAe,UAAU,CAAA"}

package/dist/components/row_renderers/utils/CardFooter.js

@@ -1,10 +1,10 @@
-import { jsx as e, jsxs as n, Fragment as p } from "react/jsx-runtime";
-import { convertDoiToLink as u } from "../../../utils/functions/RegularExpressions.js";
-import { Component as w, Fragment as S } from "react";
-import m from "../../IconSvg/IconSvg.js";
-class k extends w {
-  constructor(l) {
-    super(l), this.state = {
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { convertDoiToLink as h } from "../../../utils/functions/RegularExpressions.js";
+import { Component as m, Fragment as p } from "react";
+import w from "../../IconSvg/IconSvg.js";
+class M extends m {
+  constructor(t) {
+    super(t), this.state = {
       isShowMoreOn: !1,
       isDesktop: !1
     }, this.toggleShowMore = this.toggleShowMore.bind(this), this.updatePredicate = this.updatePredicate.bind(this);
@@ -23,46 +23,32 @@ class k extends w {
   updatePredicate() {
     this.setState({ isDesktop: window.innerWidth > 600 });
   }
-  renderRowValue = (l, t, a) => {
-    const r = this.props.columnIconOptions;
+  renderRowValue = (t) => {
     if (typeof t != "string")
       return t;
-    const o = t.trim(), s = u(o);
-    if (s)
-      return /* @__PURE__ */ e("a", { target: "_blank", rel: "noopener noreferrer", href: s, children: o });
-    if (r && r.columns && a && Object.keys(r.columns).includes(a)) {
-      const i = r.columns[a][t];
-      return i ? (i.sx = { ...i.sx, paddingRight: "0.2rem" }, /* @__PURE__ */ n(p, { children: [
-        /* @__PURE__ */ e(m, { ...i }),
-        /* @__PURE__ */ e("span", { style: { verticalAlign: "middle" }, children: t })
-      ] })) : /* @__PURE__ */ e("span", { children: t });
-    }
-    return t;
+    const r = t.trim(), i = h(r);
+    return i ? /* @__PURE__ */ e("a", { target: "_blank", rel: "noopener noreferrer", href: i, children: r }) : t;
   };
-  renderRows = (l, t, a) => l.map((r, o) => {
-    const { columnDisplayName: s, value: i, columnName: c } = r, d = o >= t ? "SRC-hidden" : "", h = this.renderRowValue(
-      s,
-      i,
-      c
-    );
-    return a ? /* @__PURE__ */ n("tr", { className: "SRC-cardRowDesktop " + d, children: [
-      /* @__PURE__ */ e("td", { className: "SRC-verticalAlignTop SRC-row-label", children: s }),
-      /* @__PURE__ */ e("td", { className: "SRC-row-data SRC-limitMaxWidth ", children: h })
-    ] }, o) : /* @__PURE__ */ n(S, { children: [
-      /* @__PURE__ */ e("tr", { className: "SRC-cardRowMobile " + d, children: /* @__PURE__ */ e("td", { className: "SRC-verticalAlignTop SRC-row-label", children: s }) }),
-      /* @__PURE__ */ e("tr", { className: "SRC-cardRowMobile " + d, children: /* @__PURE__ */ e("td", { className: "SRC-row-data SRC-limitMaxWidth", children: h }) })
-    ] }, o);
+  renderRows = (t, r, i) => t.map((o, s) => {
+    const { columnDisplayName: n, value: d } = o, l = s >= r ? "SRC-hidden" : "", c = this.renderRowValue(d);
+    return i ? /* @__PURE__ */ a("tr", { className: "SRC-cardRowDesktop " + l, children: [
+      /* @__PURE__ */ e("td", { className: "SRC-verticalAlignTop SRC-row-label", children: n }),
+      /* @__PURE__ */ e("td", { className: "SRC-row-data SRC-limitMaxWidth ", children: c })
+    ] }, s) : /* @__PURE__ */ a(p, { children: [
+      /* @__PURE__ */ e("tr", { className: "SRC-cardRowMobile " + l, children: /* @__PURE__ */ e("td", { className: "SRC-verticalAlignTop SRC-row-label", children: n }) }),
+      /* @__PURE__ */ e("tr", { className: "SRC-cardRowMobile " + l, children: /* @__PURE__ */ e("td", { className: "SRC-row-data SRC-limitMaxWidth", children: c }) })
+    ] }, s);
   });
   render() {
-    const { values: l, secondaryLabelLimit: t = 3, cardTopContent: a } = this.props, { isShowMoreOn: r, isDesktop: o } = this.state, s = l.filter((d) => !!d.value), i = s.length > t, c = !i || r ? 1 / 0 : t;
-    return /* @__PURE__ */ n(
+    const { values: t, secondaryLabelLimit: r = 3, cardTopContent: i } = this.props, { isShowMoreOn: o, isDesktop: s } = this.state, n = t.filter((c) => !!c.value), d = n.length > r, l = !d || o ? 1 / 0 : r;
+    return /* @__PURE__ */ a(
       "div",
       {
         "data-testid": "CardFooter",
         className: `SRC-cardMetadata ${this.props.className ?? ""}`,
         children: [
-          a,
-          /* @__PURE__ */ n(
+          i,
+          /* @__PURE__ */ a(
             "table",
             {
               style: {
@@ -70,13 +56,13 @@ class k extends w {
                 wordBreak: "break-word"
               },
               children: [
-                /* @__PURE__ */ n("colgroup", { children: [
+                /* @__PURE__ */ a("colgroup", { children: [
                   /* @__PURE__ */ e("col", { className: "SRC-cardMetadata-column1" }),
                   /* @__PURE__ */ e("col", { className: "SRC-cardMetadata-column2" })
                 ] }),
-                /* @__PURE__ */ n("tbody", { children: [
-                  this.renderRows(s, c, o),
-                  i && /* @__PURE__ */ e("tr", { className: "SRC-cardRow", children: /* @__PURE__ */ e("td", { children: /* @__PURE__ */ n(
+                /* @__PURE__ */ a("tbody", { children: [
+                  this.renderRows(n, l, s),
+                  d && /* @__PURE__ */ e("tr", { className: "SRC-cardRow", children: /* @__PURE__ */ e("td", { children: /* @__PURE__ */ a(
                     "a",
                     {
                       style: { textAlign: "left", margin: 0, padding: 0 },
@@ -84,11 +70,11 @@ class k extends w {
                       className: "highlight-link",
                       children: [
                         "Show ",
-                        r ? "Less" : "More",
+                        o ? "Less" : "More",
                         /* @__PURE__ */ e(
-                          m,
+                          w,
                           {
-                            icon: r ? "expandLess" : "expandMore"
+                            icon: o ? "expandLess" : "expandMore"
                           }
                         )
                       ]
@@ -104,6 +90,6 @@ class k extends w {
   }
 }
 export {
-  k as default
+  M as default
 };
 //# sourceMappingURL=CardFooter.js.map

package/dist/components/row_renderers/utils/CardFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFooter.js","sources":["../../../../src/components/row_renderers/utils/CardFooter.tsx"],"sourcesContent":["import { convertDoiToLink } from '@/utils/functions/RegularExpressions'\nimport { Component, Fragment } from 'react'\nimport { ColumnIconConfigs } from '../../CardContainerLogic'\nimport IconSVG from '../../IconSvg/IconSvg'\n\nexport type CardLabel = {\n  columnDisplayName: string\n  value: React.ReactNode\n  columnName?: string\n}\n\ntype State = {\n  isShowMoreOn: boolean\n  isDesktop: boolean\n}\n\ntype CardFooterProps = {\n  values: CardLabel[]\n  isHeader: boolean\n  secondaryLabelLimit?: number\n  columnIconOptions?: ColumnIconConfigs\n  className?: string\n  cardTopContent?: React.ReactNode\n}\n\nclass CardFooter extends Component<CardFooterProps, State> {\n  constructor(props: CardFooterProps) {\n    super(props)\n    this.state = {\n      isShowMoreOn: false,\n      isDesktop: false,\n    }\n    this.toggleShowMore = this.toggleShowMore.bind(this)\n    this.updatePredicate = this.updatePredicate.bind(this)\n  }\n\n  toggleShowMore() {\n    this.setState({\n      isShowMoreOn: !this.state.isShowMoreOn,\n    })\n  }\n\n  componentDidMount() {\n    this.updatePredicate()\n    window.addEventListener('resize', this.updatePredicate)\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('resize', this.updatePredicate)\n  }\n\n  updatePredicate() {\n    this.setState({ isDesktop: window.innerWidth > 600 })\n  }\n\n  renderRowValue = (\n    key: string,\n    value: React.ReactNode,\n    tableColumnName?: string,\n  ) => {\n    const columnIconOptions = this.props.columnIconOptions\n    if (typeof value !== 'string') {\n      // value can sometimes be a react element\n      return value\n    }\n    const valueAsString = value.trim()\n    const doiLink = convertDoiToLink(valueAsString)\n\n    if (doiLink) {\n      return (\n        <a target=\"_blank\" rel=\"noopener noreferrer\" href={doiLink}>\n          {valueAsString}\n        </a>\n      )\n    }\n    // Only display icon when columnIconOptions is set in config file\n    if (\n      columnIconOptions &&\n      columnIconOptions.columns &&\n      tableColumnName &&\n      Object.keys(columnIconOptions.columns).includes(tableColumnName)\n    ) {\n      const iconProps = columnIconOptions.columns[tableColumnName][value]\n      if (!iconProps) {\n        // if we can't find an icon to match, just return the value\n        return <span>{value}</span>\n      } else {\n        iconProps.sx = { ...iconProps.sx, paddingRight: '0.2rem' }\n        return (\n          <>\n            <IconSVG {...iconProps}></IconSVG>\n            <span style={{ verticalAlign: 'middle' }}>{value}</span>\n          </>\n        )\n      }\n    }\n\n    return value\n  }\n  renderRows = (values: CardLabel[], limit: number, isDesktop: boolean) => {\n    return values.map((label, index) => {\n      const { columnDisplayName, value: labelValue, columnName } = label\n      const hideClass = index >= limit ? 'SRC-hidden' : ''\n      const value = this.renderRowValue(\n        columnDisplayName,\n        labelValue,\n        columnName,\n      )\n      if (isDesktop) {\n        return (\n          <tr className={'SRC-cardRowDesktop ' + hideClass} key={index}>\n            <td className={'SRC-verticalAlignTop SRC-row-label'}>\n              {columnDisplayName}\n            </td>\n            <td className={'SRC-row-data SRC-limitMaxWidth '}>{value}</td>\n          </tr>\n        )\n      }\n      return (\n        <Fragment key={index}>\n          <tr className={'SRC-cardRowMobile ' + hideClass}>\n            <td className={'SRC-verticalAlignTop SRC-row-label'}>\n              {columnDisplayName}\n            </td>\n          </tr>\n          <tr className={'SRC-cardRowMobile ' + hideClass}>\n            <td className=\"SRC-row-data SRC-limitMaxWidth\">{value}</td>\n          </tr>\n        </Fragment>\n      )\n    })\n  }\n\n  render() {\n    const { values, secondaryLabelLimit = 3, cardTopContent } = this.props\n    const { isShowMoreOn, isDesktop } = this.state\n    const valuesFiltered = values.filter(el => Boolean(el.value))\n    const hasMoreValuesThanLimit = valuesFiltered.length > secondaryLabelLimit\n    const limit =\n      !hasMoreValuesThanLimit || isShowMoreOn ? Infinity : secondaryLabelLimit\n    return (\n      <div\n        data-testid=\"CardFooter\"\n        className={`SRC-cardMetadata ${this.props.className ?? ''}`}\n      >\n        {cardTopContent}\n        <table\n          style={{\n            width: '100%',\n            wordBreak: 'break-word',\n          }}\n        >\n          <colgroup>\n            <col className=\"SRC-cardMetadata-column1\" />\n            <col className=\"SRC-cardMetadata-column2\" />\n          </colgroup>\n          <tbody>\n            {this.renderRows(valuesFiltered, limit, isDesktop)}\n            {hasMoreValuesThanLimit && (\n              <tr className=\"SRC-cardRow\">\n                <td>\n                  <a\n                    style={{ textAlign: 'left', margin: 0, padding: 0 }}\n                    onClick={this.toggleShowMore}\n                    className=\"highlight-link\"\n                  >\n                    Show {isShowMoreOn ? 'Less' : 'More'}\n                    <IconSVG\n                      icon={isShowMoreOn ? 'expandLess' : 'expandMore'}\n                    />\n                  </a>\n                </td>\n              </tr>\n            )}\n          </tbody>\n        </table>\n      </div>\n    )\n  }\n}\nexport default CardFooter\n"],"names":["CardFooter","Component","props","key","value","tableColumnName","columnIconOptions","valueAsString","doiLink","convertDoiToLink","jsx","iconProps","jsxs","Fragment","IconSVG","values","limit","isDesktop","label","index","columnDisplayName","labelValue","columnName","hideClass","secondaryLabelLimit","cardTopContent","isShowMoreOn","valuesFiltered","el","hasMoreValuesThanLimit"],"mappings":"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"}
+{"version":3,"file":"CardFooter.js","sources":["../../../../src/components/row_renderers/utils/CardFooter.tsx"],"sourcesContent":["import { convertDoiToLink } from '@/utils/functions/RegularExpressions'\nimport { Component, Fragment } from 'react'\nimport IconSVG from '../../IconSvg/IconSvg'\n\nexport type CardLabel = {\n  columnDisplayName: string\n  value: React.ReactNode\n  columnName?: string\n}\n\ntype State = {\n  isShowMoreOn: boolean\n  isDesktop: boolean\n}\n\ntype CardFooterProps = {\n  values: CardLabel[]\n  isHeader: boolean\n  secondaryLabelLimit?: number\n  className?: string\n  cardTopContent?: React.ReactNode\n}\n\nclass CardFooter extends Component<CardFooterProps, State> {\n  constructor(props: CardFooterProps) {\n    super(props)\n    this.state = {\n      isShowMoreOn: false,\n      isDesktop: false,\n    }\n    this.toggleShowMore = this.toggleShowMore.bind(this)\n    this.updatePredicate = this.updatePredicate.bind(this)\n  }\n\n  toggleShowMore() {\n    this.setState({\n      isShowMoreOn: !this.state.isShowMoreOn,\n    })\n  }\n\n  componentDidMount() {\n    this.updatePredicate()\n    window.addEventListener('resize', this.updatePredicate)\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('resize', this.updatePredicate)\n  }\n\n  updatePredicate() {\n    this.setState({ isDesktop: window.innerWidth > 600 })\n  }\n\n  renderRowValue = (value: React.ReactNode) => {\n    if (typeof value !== 'string') {\n      // value can sometimes be a react element\n      return value\n    }\n    const valueAsString = value.trim()\n    const doiLink = convertDoiToLink(valueAsString)\n    if (doiLink) {\n      return (\n        <a target=\"_blank\" rel=\"noopener noreferrer\" href={doiLink}>\n          {valueAsString}\n        </a>\n      )\n    }\n    return value\n  }\n  renderRows = (values: CardLabel[], limit: number, isDesktop: boolean) => {\n    return values.map((label, index) => {\n      const { columnDisplayName, value: labelValue } = label\n      const hideClass = index >= limit ? 'SRC-hidden' : ''\n      const value = this.renderRowValue(labelValue)\n      if (isDesktop) {\n        return (\n          <tr className={'SRC-cardRowDesktop ' + hideClass} key={index}>\n            <td className={'SRC-verticalAlignTop SRC-row-label'}>\n              {columnDisplayName}\n            </td>\n            <td className={'SRC-row-data SRC-limitMaxWidth '}>{value}</td>\n          </tr>\n        )\n      }\n      return (\n        <Fragment key={index}>\n          <tr className={'SRC-cardRowMobile ' + hideClass}>\n            <td className={'SRC-verticalAlignTop SRC-row-label'}>\n              {columnDisplayName}\n            </td>\n          </tr>\n          <tr className={'SRC-cardRowMobile ' + hideClass}>\n            <td className=\"SRC-row-data SRC-limitMaxWidth\">{value}</td>\n          </tr>\n        </Fragment>\n      )\n    })\n  }\n\n  render() {\n    const { values, secondaryLabelLimit = 3, cardTopContent } = this.props\n    const { isShowMoreOn, isDesktop } = this.state\n    const valuesFiltered = values.filter(el => Boolean(el.value))\n    const hasMoreValuesThanLimit = valuesFiltered.length > secondaryLabelLimit\n    const limit =\n      !hasMoreValuesThanLimit || isShowMoreOn ? Infinity : secondaryLabelLimit\n    return (\n      <div\n        data-testid=\"CardFooter\"\n        className={`SRC-cardMetadata ${this.props.className ?? ''}`}\n      >\n        {cardTopContent}\n        <table\n          style={{\n            width: '100%',\n            wordBreak: 'break-word',\n          }}\n        >\n          <colgroup>\n            <col className=\"SRC-cardMetadata-column1\" />\n            <col className=\"SRC-cardMetadata-column2\" />\n          </colgroup>\n          <tbody>\n            {this.renderRows(valuesFiltered, limit, isDesktop)}\n            {hasMoreValuesThanLimit && (\n              <tr className=\"SRC-cardRow\">\n                <td>\n                  <a\n                    style={{ textAlign: 'left', margin: 0, padding: 0 }}\n                    onClick={this.toggleShowMore}\n                    className=\"highlight-link\"\n                  >\n                    Show {isShowMoreOn ? 'Less' : 'More'}\n                    <IconSVG\n                      icon={isShowMoreOn ? 'expandLess' : 'expandMore'}\n                    />\n                  </a>\n                </td>\n              </tr>\n            )}\n          </tbody>\n        </table>\n      </div>\n    )\n  }\n}\nexport default CardFooter\n"],"names":["CardFooter","Component","props","value","valueAsString","doiLink","convertDoiToLink","jsx","values","limit","isDesktop","label","index","columnDisplayName","labelValue","hideClass","jsxs","Fragment","secondaryLabelLimit","cardTopContent","isShowMoreOn","valuesFiltered","el","hasMoreValuesThanLimit","IconSVG"],"mappings":"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"}

package/dist/components/table/CsvPreview/CsvPreview.js

@@ -54,11 +54,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 "../../Authentication/AuthenticationMethodSelection.js";
 import "mui-one-time-password-input";
@@ -83,6 +86,7 @@ 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 "react-intersection-observer";
 import "@rjsf/utils";
 import "../../SchemaDrivenAnnotationEditor/template/AdditionalPropertyContext.js";
@@ -100,10 +104,10 @@ import "../../../assets/icons/DoubleQuotes.svg.js";
 import "../../EntityDownloadConfirmation/EntityDownloadConfirmation.js";
 import "../../QueryContext/QueryContext.js";
 import "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import "react-share";
 import "../../GenericCard/GenericCard.js";
 import "@mui/system";
 import "../../GenericCard/Linkify.js";
-import "react-share";
 import "jotai";
 import f from "lodash-es/noop";
 import "../../QueryWrapper/TableRowSelectionState.js";
@@ -202,6 +206,7 @@ import "lodash-es/set";
 import "lodash-es/trimStart";
 import "../../SynapseForm/SynapseFormSubmissionGrid.js";
 import "../../SynapseChat/AccessLevelMenu.js";
+import "react-draggable";
 import "../../TimelinePlot/phasesQueryResponseData.js";
 import "../../EntityHeaderTable/EntityHeaderTable.js";
 import "../../MuiContainer.js";
@@ -213,7 +218,7 @@ import b from "../../TanStackTable/ColumnHeader.js";
 import T from "../../TanStackTable/StyledTanStackTable.js";
 import { useGetCsvPreview as h } from "../../../synapse-queries/table/useGetCsvPreview.js";
 import { useReactTable as y, getCoreRowModel as P, createColumnHelper as R } from "@tanstack/react-table";
-function Hi(e) {
+function $i(e) {
   const {
     fileHandleId: a,
     csvTableDescriptor: i,
@@ -272,6 +277,6 @@ function S(e) {
   }));
 }
 export {
-  Hi as default
+  $i as default
 };
 //# sourceMappingURL=CsvPreview.js.map

package/dist/components/table/CsvPreview/CsvPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"CsvPreview.js","sources":["../../../../src/components/table/CsvPreview/CsvPreview.tsx"],"sourcesContent":["import { ErrorBanner } from '@/components/index'\nimport ColumnHeader from '@/components/TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '@/components/TanStackTable/StyledTanStackTable'\nimport { useGetCsvPreview } from '@/synapse-queries/table/useGetCsvPreview'\nimport Typography from '@mui/material/Typography'\nimport {\n  ColumnModel,\n  CsvTableDescriptor,\n  TableRow,\n  UploadToTablePreviewResult,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport noop from 'lodash-es/noop'\nimport { useEffect, useMemo } from 'react'\n\nexport type CsvPreviewProps = {\n  fileHandleId: string\n  csvTableDescriptor: CsvTableDescriptor\n  onCsvPreviewDataChange?: (data: UploadToTablePreviewResult) => void\n  onIsLoadingChange?: (isLoading: boolean) => void\n}\n\n/**\n * Given a file handle ID and CSV Table Descriptor, fetches and displays a preview of the CSV file as it would be parsed into a table.\n */\nexport default function CsvPreview(props: CsvPreviewProps) {\n  const {\n    fileHandleId,\n    csvTableDescriptor,\n    onCsvPreviewDataChange = noop,\n    onIsLoadingChange = noop,\n  } = props\n\n  const {\n    data: csvPreviewData,\n    isLoading,\n    error,\n  } = useGetCsvPreview({\n    concreteType:\n      'org.sagebionetworks.repo.model.table.UploadToTablePreviewRequest',\n    uploadFileHandleId: fileHandleId,\n    csvTableDescriptor,\n  })\n\n  useEffect(() => {\n    if (csvPreviewData) {\n      onCsvPreviewDataChange(csvPreviewData)\n    }\n  }, [csvPreviewData, onCsvPreviewDataChange])\n\n  useEffect(() => {\n    onIsLoadingChange(isLoading)\n  }, [isLoading, onIsLoadingChange])\n\n  const tableData = useMemo(\n    () => csvPreviewData?.sampleRows ?? [],\n    [csvPreviewData?.sampleRows],\n  )\n\n  const columns = useMemo(\n    () => getPreviewColumns(csvPreviewData?.suggestedColumns ?? []),\n    [csvPreviewData?.suggestedColumns],\n  )\n\n  const table = useReactTable({\n    getCoreRowModel: getCoreRowModel(),\n    data: tableData,\n    columns: columns,\n  })\n\n  if (error) {\n    return <ErrorBanner error={error} />\n  }\n\n  return (\n    <>\n      {isLoading && <div>Loading preview...</div>}\n      {!isLoading && csvPreviewData && table && (\n        <>\n          <Typography variant={'body1'}>\n            Scanned {csvPreviewData?.rowsScanned?.toLocaleString()} rows to\n            generate preview:\n          </Typography>\n          <StyledTanStackTable table={table} />\n        </>\n      )}\n    </>\n  )\n}\n\nfunction getPreviewColumns(columnModels: ColumnModel[]) {\n  const columnHelper = createColumnHelper<TableRow>()\n  return columnModels.map((columnModel, index) => {\n    return columnHelper.accessor(tr => tr.values![index], {\n      id: `column-${index}`,\n      header: props => (\n        <ColumnHeader\n          {...props}\n          title={`${columnModel.name} (${columnModel.columnType})`}\n        />\n      ),\n      enableColumnFilter: false,\n      enableSorting: false,\n    })\n  })\n}\n"],"names":["CsvPreview","props","fileHandleId","csvTableDescriptor","onCsvPreviewDataChange","noop","onIsLoadingChange","csvPreviewData","isLoading","error","useGetCsvPreview","useEffect","tableData","useMemo","columns","getPreviewColumns","table","useReactTable","getCoreRowModel","jsx","ErrorBanner","jsxs","Fragment","Typography","StyledTanStackTable","columnModels","columnHelper","createColumnHelper","columnModel","index","tr","ColumnHeader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAwBA,GAAWC,GAAwB;AACzD,QAAM;AAAA,IACJ,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,wBAAAC,IAAyBC;AAAA,IACzB,mBAAAC,IAAoBD;AAAA,EAAA,IAClBJ,GAEE;AAAA,IACJ,MAAMM;AAAA,IACN,WAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACEC,EAAiB;AAAA,IACnB,cACE;AAAA,IACF,oBAAoBR;AAAA,IACpB,oBAAAC;AAAA,EAAA,CACD;AAED,EAAAQ,EAAU,MAAM;AACd,IAAIJ,KACFH,EAAuBG,CAAc;AAAA,EAEzC,GAAG,CAACA,GAAgBH,CAAsB,CAAC,GAE3CO,EAAU,MAAM;AACd,IAAAL,EAAkBE,CAAS;AAAA,EAC7B,GAAG,CAACA,GAAWF,CAAiB,CAAC;AAEjC,QAAMM,IAAYC;AAAA,IAChB,MAAMN,GAAgB,cAAc,CAAA;AAAA,IACpC,CAACA,GAAgB,UAAU;AAAA,EAAA,GAGvBO,IAAUD;AAAA,IACd,MAAME,EAAkBR,GAAgB,oBAAoB,EAAE;AAAA,IAC9D,CAACA,GAAgB,gBAAgB;AAAA,EAAA,GAG7BS,IAAQC,EAAc;AAAA,IAC1B,iBAAiBC,EAAA;AAAA,IACjB,MAAMN;AAAA,IACN,SAAAE;AAAA,EAAA,CACD;AAED,SAAIL,IACK,gBAAAU,EAACC,KAAY,OAAAX,GAAc,IAIlC,gBAAAY,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAd,KAAa,gBAAAW,EAAC,SAAI,UAAA,qBAAA,CAAkB;AAAA,IACpC,CAACX,KAAaD,KAAkBS,KAC/B,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAA,EAAW,SAAS,SAAS,UAAA;AAAA,QAAA;AAAA,QACnBhB,GAAgB,aAAa,eAAA;AAAA,QAAiB;AAAA,MAAA,GAEzD;AAAA,MACA,gBAAAY,EAACK,KAAoB,OAAAR,EAAA,CAAc;AAAA,IAAA,EAAA,CACrC;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAASD,EAAkBU,GAA6B;AACtD,QAAMC,IAAeC,EAAA;AACrB,SAAOF,EAAa,IAAI,CAACG,GAAaC,MAC7BH,EAAa,SAAS,CAAAI,MAAMA,EAAG,OAAQD,CAAK,GAAG;AAAA,IACpD,IAAI,UAAUA,CAAK;AAAA,IACnB,QAAQ,CAAA5B,MACN,gBAAAkB;AAAA,MAACY;AAAA,MAAA;AAAA,QACE,GAAG9B;AAAA,QACJ,OAAO,GAAG2B,EAAY,IAAI,KAAKA,EAAY,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGzD,oBAAoB;AAAA,IACpB,eAAe;AAAA,EAAA,CAChB,CACF;AACH;"}
+{"version":3,"file":"CsvPreview.js","sources":["../../../../src/components/table/CsvPreview/CsvPreview.tsx"],"sourcesContent":["import { ErrorBanner } from '@/components/index'\nimport ColumnHeader from '@/components/TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '@/components/TanStackTable/StyledTanStackTable'\nimport { useGetCsvPreview } from '@/synapse-queries/table/useGetCsvPreview'\nimport Typography from '@mui/material/Typography'\nimport {\n  ColumnModel,\n  CsvTableDescriptor,\n  TableRow,\n  UploadToTablePreviewResult,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n} from '@tanstack/react-table'\nimport noop from 'lodash-es/noop'\nimport { useEffect, useMemo } from 'react'\n\nexport type CsvPreviewProps = {\n  fileHandleId: string\n  csvTableDescriptor: CsvTableDescriptor\n  onCsvPreviewDataChange?: (data: UploadToTablePreviewResult) => void\n  onIsLoadingChange?: (isLoading: boolean) => void\n}\n\n/**\n * Given a file handle ID and CSV Table Descriptor, fetches and displays a preview of the CSV file as it would be parsed into a table.\n */\nexport default function CsvPreview(props: CsvPreviewProps) {\n  const {\n    fileHandleId,\n    csvTableDescriptor,\n    onCsvPreviewDataChange = noop,\n    onIsLoadingChange = noop,\n  } = props\n\n  const {\n    data: csvPreviewData,\n    isLoading,\n    error,\n  } = useGetCsvPreview({\n    concreteType:\n      'org.sagebionetworks.repo.model.table.UploadToTablePreviewRequest',\n    uploadFileHandleId: fileHandleId,\n    csvTableDescriptor,\n  })\n\n  useEffect(() => {\n    if (csvPreviewData) {\n      onCsvPreviewDataChange(csvPreviewData)\n    }\n  }, [csvPreviewData, onCsvPreviewDataChange])\n\n  useEffect(() => {\n    onIsLoadingChange(isLoading)\n  }, [isLoading, onIsLoadingChange])\n\n  const tableData = useMemo(\n    () => csvPreviewData?.sampleRows ?? [],\n    [csvPreviewData?.sampleRows],\n  )\n\n  const columns = useMemo(\n    () => getPreviewColumns(csvPreviewData?.suggestedColumns ?? []),\n    [csvPreviewData?.suggestedColumns],\n  )\n\n  const table = useReactTable({\n    getCoreRowModel: getCoreRowModel(),\n    data: tableData,\n    columns: columns,\n  })\n\n  if (error) {\n    return <ErrorBanner error={error} />\n  }\n\n  return (\n    <>\n      {isLoading && <div>Loading preview...</div>}\n      {!isLoading && csvPreviewData && table && (\n        <>\n          <Typography variant={'body1'}>\n            Scanned {csvPreviewData?.rowsScanned?.toLocaleString()} rows to\n            generate preview:\n          </Typography>\n          <StyledTanStackTable table={table} />\n        </>\n      )}\n    </>\n  )\n}\n\nfunction getPreviewColumns(columnModels: ColumnModel[]) {\n  const columnHelper = createColumnHelper<TableRow>()\n  return columnModels.map((columnModel, index) => {\n    return columnHelper.accessor(tr => tr.values![index], {\n      id: `column-${index}`,\n      header: props => (\n        <ColumnHeader\n          {...props}\n          title={`${columnModel.name} (${columnModel.columnType})`}\n        />\n      ),\n      enableColumnFilter: false,\n      enableSorting: false,\n    })\n  })\n}\n"],"names":["CsvPreview","props","fileHandleId","csvTableDescriptor","onCsvPreviewDataChange","noop","onIsLoadingChange","csvPreviewData","isLoading","error","useGetCsvPreview","useEffect","tableData","useMemo","columns","getPreviewColumns","table","useReactTable","getCoreRowModel","jsx","ErrorBanner","jsxs","Fragment","Typography","StyledTanStackTable","columnModels","columnHelper","createColumnHelper","columnModel","index","tr","ColumnHeader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6BA,SAAwBA,GAAWC,GAAwB;AACzD,QAAM;AAAA,IACJ,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,wBAAAC,IAAyBC;AAAA,IACzB,mBAAAC,IAAoBD;AAAA,EAAA,IAClBJ,GAEE;AAAA,IACJ,MAAMM;AAAA,IACN,WAAAC;AAAA,IACA,OAAAC;AAAA,EAAA,IACEC,EAAiB;AAAA,IACnB,cACE;AAAA,IACF,oBAAoBR;AAAA,IACpB,oBAAAC;AAAA,EAAA,CACD;AAED,EAAAQ,EAAU,MAAM;AACd,IAAIJ,KACFH,EAAuBG,CAAc;AAAA,EAEzC,GAAG,CAACA,GAAgBH,CAAsB,CAAC,GAE3CO,EAAU,MAAM;AACd,IAAAL,EAAkBE,CAAS;AAAA,EAC7B,GAAG,CAACA,GAAWF,CAAiB,CAAC;AAEjC,QAAMM,IAAYC;AAAA,IAChB,MAAMN,GAAgB,cAAc,CAAA;AAAA,IACpC,CAACA,GAAgB,UAAU;AAAA,EAAA,GAGvBO,IAAUD;AAAA,IACd,MAAME,EAAkBR,GAAgB,oBAAoB,EAAE;AAAA,IAC9D,CAACA,GAAgB,gBAAgB;AAAA,EAAA,GAG7BS,IAAQC,EAAc;AAAA,IAC1B,iBAAiBC,EAAA;AAAA,IACjB,MAAMN;AAAA,IACN,SAAAE;AAAA,EAAA,CACD;AAED,SAAIL,IACK,gBAAAU,EAACC,KAAY,OAAAX,GAAc,IAIlC,gBAAAY,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAd,KAAa,gBAAAW,EAAC,SAAI,UAAA,qBAAA,CAAkB;AAAA,IACpC,CAACX,KAAaD,KAAkBS,KAC/B,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAD,EAACE,GAAA,EAAW,SAAS,SAAS,UAAA;AAAA,QAAA;AAAA,QACnBhB,GAAgB,aAAa,eAAA;AAAA,QAAiB;AAAA,MAAA,GAEzD;AAAA,MACA,gBAAAY,EAACK,KAAoB,OAAAR,EAAA,CAAc;AAAA,IAAA,EAAA,CACrC;AAAA,EAAA,GAEJ;AAEJ;AAEA,SAASD,EAAkBU,GAA6B;AACtD,QAAMC,IAAeC,EAAA;AACrB,SAAOF,EAAa,IAAI,CAACG,GAAaC,MAC7BH,EAAa,SAAS,CAAAI,MAAMA,EAAG,OAAQD,CAAK,GAAG;AAAA,IACpD,IAAI,UAAUA,CAAK;AAAA,IACnB,QAAQ,CAAA5B,MACN,gBAAAkB;AAAA,MAACY;AAAA,MAAA;AAAA,QACE,GAAG9B;AAAA,QACJ,OAAO,GAAG2B,EAAY,IAAI,KAAKA,EAAY,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAGzD,oBAAoB;AAAA,IACpB,eAAe;AAAA,EAAA,CAChB,CACF;AACH;"}

package/dist/components/table/CsvPreview/CsvPreviewDialog.js

@@ -53,11 +53,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 "../../Authentication/AuthenticationMethodSelection.js";
 import "mui-one-time-password-input";
@@ -82,6 +85,7 @@ 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 "react-intersection-observer";
 import "@rjsf/utils";
 import "../../styled/StyledPopover.js";
@@ -102,10 +106,10 @@ import "@mui/icons-material/Close";
 import "../../EntityDownloadConfirmation/EntityDownloadConfirmation.js";
 import "../../QueryContext/QueryContext.js";
 import "../../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import "react-share";
 import "../../GenericCard/GenericCard.js";
 import "@mui/system";
 import "../../GenericCard/Linkify.js";
-import "react-share";
 import "jotai";
 import "lodash-es/noop";
 import "../../QueryWrapper/TableRowSelectionState.js";
@@ -204,6 +208,7 @@ import "lodash-es/set";
 import "lodash-es/trimStart";
 import "../../SynapseForm/SynapseFormSubmissionGrid.js";
 import "../../SynapseChat/AccessLevelMenu.js";
+import "react-draggable";
 import "../../TimelinePlot/phasesQueryResponseData.js";
 import "../../EntityHeaderTable/EntityHeaderTable.js";
 import "../../MuiContainer.js";
@@ -219,7 +224,7 @@ import E from "@mui/material/AccordionDetails";
 import M from "@mui/material/AccordionSummary";
 import a from "@mui/material/Button";
 import j from "@mui/material/Stack";
-function Ni(u) {
+function _i(u) {
   const { open: C, onClose: l, onConfirm: v, confirmIsPending: h, errorMessage: s } = u, [i, g] = t(
     0
     /* UPLOAD_CSV */
@@ -327,6 +332,6 @@ function Ni(u) {
   );
 }
 export {
-  Ni as default
+  _i as default
 };
 //# sourceMappingURL=CsvPreviewDialog.js.map

package/dist/components/table/CsvPreview/CsvPreviewDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"CsvPreviewDialog.js","sources":["../../../../src/components/table/CsvPreview/CsvPreviewDialog.tsx"],"sourcesContent":["import { DialogBase } from '@/components/DialogBase'\nimport {\n  BasicFileHandleUpload,\n  FileUploadHandle,\n} from '@/components/file/upload/BasicFileHandleUpload'\nimport { ErrorBanner } from '@/components/index'\nimport CsvPreview from '@/components/table/CsvPreview/CsvPreview'\nimport CsvTableDescriptorForm, {\n  CsvTableDescriptorFormHandle,\n} from '@/components/table/CsvTableDescriptorForm/CsvTableDescriptorForm'\nimport { RefreshTwoTone } from '@mui/icons-material'\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\nimport Accordion from '@mui/material/Accordion'\nimport AccordionDetails from '@mui/material/AccordionDetails'\nimport AccordionSummary from '@mui/material/AccordionSummary'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport Typography from '@mui/material/Typography'\nimport {\n  ColumnModel,\n  CsvTableDescriptor,\n  UploadToTablePreviewResult,\n} from '@sage-bionetworks/synapse-client'\nimport { useCallback, useRef, useState } from 'react'\n\nenum CsvPreviewDialogStep {\n  UPLOAD_CSV = 0,\n  COLUMN_PREVIEW = 1,\n}\n\nexport type CsvPreviewDialogProps = {\n  /** Whether the dialog is open */\n  open: boolean\n  /** Callback when the dialog is closed */\n  onClose: () => void\n  /** Callback when the user confirms the column models\n   * @param dataFileHandleId - The file handle ID of the uploaded CSV\n   * @param columnModels - The confirmed column models\n   * */\n  onConfirm: (\n    dataFileHandleId: string,\n    columnModels: ColumnModel[],\n    csvTableDescriptor: CsvTableDescriptor,\n  ) => void\n  /** Whether the confirm action is pending */\n  confirmIsPending?: boolean\n  /** An optional error message to display */\n  errorMessage?: string\n}\n\nexport default function CsvPreviewDialog(props: CsvPreviewDialogProps) {\n  const { open, onClose, onConfirm, confirmIsPending, errorMessage } = props\n  const [step, setStep] = useState(CsvPreviewDialogStep.UPLOAD_CSV)\n  const [csvTableDescriptor, setCsvTableDescriptor] =\n    useState<CsvTableDescriptor>({\n      separator: ',',\n      quoteCharacter: '\"',\n      escapeCharacter: '\\\\',\n      lineEnd: '\\n',\n      isFirstLineHeader: true,\n    })\n  const [csvPreviewData, setCsvPreviewData] =\n    useState<UploadToTablePreviewResult | null>(null)\n  const [isLoadingPreview, setIsLoadingPreview] = useState(false)\n\n  const [uploadedFileHandleId, setUploadedFileHandleId] = useState<\n    string | null\n  >(null)\n\n  const onFileUploaded = useCallback((fileHandleId: string) => {\n    setUploadedFileHandleId(fileHandleId)\n    setStep(CsvPreviewDialogStep.COLUMN_PREVIEW)\n  }, [])\n\n  const uploadRef = useRef<FileUploadHandle | null>(null)\n  const csvDescriptorFormRef = useRef<CsvTableDescriptorFormHandle | null>(null)\n\n  const uploadStepContent = (\n    <BasicFileHandleUpload\n      ref={uploadRef}\n      allowMultipleUpload={false}\n      onFileUploadComplete={fileHandleId => {\n        onFileUploaded(fileHandleId)\n      }}\n      disableDragAndDrop={true}\n    />\n  )\n\n  const previewStepContent = (\n    <Stack spacing={2}>\n      {uploadedFileHandleId && (\n        <CsvPreview\n          fileHandleId={uploadedFileHandleId}\n          csvTableDescriptor={csvTableDescriptor}\n          onCsvPreviewDataChange={setCsvPreviewData}\n          onIsLoadingChange={setIsLoadingPreview}\n        />\n      )}\n      <Accordion>\n        <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n          <Typography variant={'headline3'}>Show Options</Typography>\n        </AccordionSummary>\n        <AccordionDetails>\n          <CsvTableDescriptorForm\n            defaultValue={csvTableDescriptor}\n            ref={csvDescriptorFormRef}\n          />\n          <Button\n            variant={'outlined'}\n            startIcon={<RefreshTwoTone />}\n            sx={{ mt: 2 }}\n            onClick={() => {\n              // Get the state from the form and update local state, which will re-render the preview\n              if (csvDescriptorFormRef.current) {\n                setCsvTableDescriptor(\n                  csvDescriptorFormRef.current.getFormData(),\n                )\n              }\n            }}\n          >\n            Refresh Preview\n          </Button>\n        </AccordionDetails>\n      </Accordion>\n    </Stack>\n  )\n\n  return (\n    <DialogBase\n      maxWidth={'lg'}\n      title={'Upload CSV'}\n      onCancel={onClose}\n      open={open}\n      content={\n        <>\n          {step === CsvPreviewDialogStep.UPLOAD_CSV && uploadStepContent}\n          {step === CsvPreviewDialogStep.COLUMN_PREVIEW && previewStepContent}\n          {errorMessage && <ErrorBanner error={errorMessage} />}\n        </>\n      }\n      actions={\n        <>\n          <Button\n            variant={'outlined'}\n            disabled={isLoadingPreview}\n            onClick={() => {\n              onClose()\n            }}\n          >\n            Cancel\n          </Button>\n          {step === CsvPreviewDialogStep.COLUMN_PREVIEW && (\n            <Button\n              disabled={isLoadingPreview}\n              variant={'contained'}\n              onClick={() => {\n                onConfirm(\n                  uploadedFileHandleId!,\n                  csvPreviewData!.suggestedColumns!,\n                  csvTableDescriptor,\n                )\n              }}\n              loading={confirmIsPending}\n            >\n              Confirm\n            </Button>\n          )}\n        </>\n      }\n    />\n  )\n}\n"],"names":["CsvPreviewDialog","props","open","onClose","onConfirm","confirmIsPending","errorMessage","step","setStep","useState","csvTableDescriptor","setCsvTableDescriptor","csvPreviewData","setCsvPreviewData","isLoadingPreview","setIsLoadingPreview","uploadedFileHandleId","setUploadedFileHandleId","onFileUploaded","useCallback","fileHandleId","uploadRef","useRef","csvDescriptorFormRef","jsx","DialogBase","jsxs","Fragment","BasicFileHandleUpload","Stack","CsvPreview","Accordion","AccordionSummary","ExpandMoreIcon","Typography","AccordionDetails","CsvTableDescriptorForm","Button","RefreshTwoTone","ErrorBanner"],"mappings":"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"}
+{"version":3,"file":"CsvPreviewDialog.js","sources":["../../../../src/components/table/CsvPreview/CsvPreviewDialog.tsx"],"sourcesContent":["import { DialogBase } from '@/components/DialogBase'\nimport {\n  BasicFileHandleUpload,\n  FileUploadHandle,\n} from '@/components/file/upload/BasicFileHandleUpload'\nimport { ErrorBanner } from '@/components/index'\nimport CsvPreview from '@/components/table/CsvPreview/CsvPreview'\nimport CsvTableDescriptorForm, {\n  CsvTableDescriptorFormHandle,\n} from '@/components/table/CsvTableDescriptorForm/CsvTableDescriptorForm'\nimport { RefreshTwoTone } from '@mui/icons-material'\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\nimport Accordion from '@mui/material/Accordion'\nimport AccordionDetails from '@mui/material/AccordionDetails'\nimport AccordionSummary from '@mui/material/AccordionSummary'\nimport Button from '@mui/material/Button'\nimport Stack from '@mui/material/Stack'\nimport Typography from '@mui/material/Typography'\nimport {\n  ColumnModel,\n  CsvTableDescriptor,\n  UploadToTablePreviewResult,\n} from '@sage-bionetworks/synapse-client'\nimport { useCallback, useRef, useState } from 'react'\n\nenum CsvPreviewDialogStep {\n  UPLOAD_CSV = 0,\n  COLUMN_PREVIEW = 1,\n}\n\nexport type CsvPreviewDialogProps = {\n  /** Whether the dialog is open */\n  open: boolean\n  /** Callback when the dialog is closed */\n  onClose: () => void\n  /** Callback when the user confirms the column models\n   * @param dataFileHandleId - The file handle ID of the uploaded CSV\n   * @param columnModels - The confirmed column models\n   * */\n  onConfirm: (\n    dataFileHandleId: string,\n    columnModels: ColumnModel[],\n    csvTableDescriptor: CsvTableDescriptor,\n  ) => void\n  /** Whether the confirm action is pending */\n  confirmIsPending?: boolean\n  /** An optional error message to display */\n  errorMessage?: string\n}\n\nexport default function CsvPreviewDialog(props: CsvPreviewDialogProps) {\n  const { open, onClose, onConfirm, confirmIsPending, errorMessage } = props\n  const [step, setStep] = useState(CsvPreviewDialogStep.UPLOAD_CSV)\n  const [csvTableDescriptor, setCsvTableDescriptor] =\n    useState<CsvTableDescriptor>({\n      separator: ',',\n      quoteCharacter: '\"',\n      escapeCharacter: '\\\\',\n      lineEnd: '\\n',\n      isFirstLineHeader: true,\n    })\n  const [csvPreviewData, setCsvPreviewData] =\n    useState<UploadToTablePreviewResult | null>(null)\n  const [isLoadingPreview, setIsLoadingPreview] = useState(false)\n\n  const [uploadedFileHandleId, setUploadedFileHandleId] = useState<\n    string | null\n  >(null)\n\n  const onFileUploaded = useCallback((fileHandleId: string) => {\n    setUploadedFileHandleId(fileHandleId)\n    setStep(CsvPreviewDialogStep.COLUMN_PREVIEW)\n  }, [])\n\n  const uploadRef = useRef<FileUploadHandle | null>(null)\n  const csvDescriptorFormRef = useRef<CsvTableDescriptorFormHandle | null>(null)\n\n  const uploadStepContent = (\n    <BasicFileHandleUpload\n      ref={uploadRef}\n      allowMultipleUpload={false}\n      onFileUploadComplete={fileHandleId => {\n        onFileUploaded(fileHandleId)\n      }}\n      disableDragAndDrop={true}\n    />\n  )\n\n  const previewStepContent = (\n    <Stack spacing={2}>\n      {uploadedFileHandleId && (\n        <CsvPreview\n          fileHandleId={uploadedFileHandleId}\n          csvTableDescriptor={csvTableDescriptor}\n          onCsvPreviewDataChange={setCsvPreviewData}\n          onIsLoadingChange={setIsLoadingPreview}\n        />\n      )}\n      <Accordion>\n        <AccordionSummary expandIcon={<ExpandMoreIcon />}>\n          <Typography variant={'headline3'}>Show Options</Typography>\n        </AccordionSummary>\n        <AccordionDetails>\n          <CsvTableDescriptorForm\n            defaultValue={csvTableDescriptor}\n            ref={csvDescriptorFormRef}\n          />\n          <Button\n            variant={'outlined'}\n            startIcon={<RefreshTwoTone />}\n            sx={{ mt: 2 }}\n            onClick={() => {\n              // Get the state from the form and update local state, which will re-render the preview\n              if (csvDescriptorFormRef.current) {\n                setCsvTableDescriptor(\n                  csvDescriptorFormRef.current.getFormData(),\n                )\n              }\n            }}\n          >\n            Refresh Preview\n          </Button>\n        </AccordionDetails>\n      </Accordion>\n    </Stack>\n  )\n\n  return (\n    <DialogBase\n      maxWidth={'lg'}\n      title={'Upload CSV'}\n      onCancel={onClose}\n      open={open}\n      content={\n        <>\n          {step === CsvPreviewDialogStep.UPLOAD_CSV && uploadStepContent}\n          {step === CsvPreviewDialogStep.COLUMN_PREVIEW && previewStepContent}\n          {errorMessage && <ErrorBanner error={errorMessage} />}\n        </>\n      }\n      actions={\n        <>\n          <Button\n            variant={'outlined'}\n            disabled={isLoadingPreview}\n            onClick={() => {\n              onClose()\n            }}\n          >\n            Cancel\n          </Button>\n          {step === CsvPreviewDialogStep.COLUMN_PREVIEW && (\n            <Button\n              disabled={isLoadingPreview}\n              variant={'contained'}\n              onClick={() => {\n                onConfirm(\n                  uploadedFileHandleId!,\n                  csvPreviewData!.suggestedColumns!,\n                  csvTableDescriptor,\n                )\n              }}\n              loading={confirmIsPending}\n            >\n              Confirm\n            </Button>\n          )}\n        </>\n      }\n    />\n  )\n}\n"],"names":["CsvPreviewDialog","props","open","onClose","onConfirm","confirmIsPending","errorMessage","step","setStep","useState","csvTableDescriptor","setCsvTableDescriptor","csvPreviewData","setCsvPreviewData","isLoadingPreview","setIsLoadingPreview","uploadedFileHandleId","setUploadedFileHandleId","onFileUploaded","useCallback","fileHandleId","uploadRef","useRef","csvDescriptorFormRef","jsx","DialogBase","jsxs","Fragment","BasicFileHandleUpload","Stack","CsvPreview","Accordion","AccordionSummary","ExpandMoreIcon","Typography","AccordionDetails","CsvTableDescriptorForm","Button","RefreshTwoTone","ErrorBanner"],"mappings":"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"}

package/dist/features/curator/GridPage/GridPage.js

@@ -55,11 +55,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 "../../../components/Authentication/AuthenticationMethodSelection.js";
 import "mui-one-time-password-input";
@@ -84,6 +87,7 @@ 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 "react-intersection-observer";
 import "@rjsf/utils";
 import "../../../components/SchemaDrivenAnnotationEditor/template/AdditionalPropertyContext.js";
@@ -101,10 +105,10 @@ import "../../../assets/icons/DoubleQuotes.svg.js";
 import "../../../components/EntityDownloadConfirmation/EntityDownloadConfirmation.js";
 import "../../../components/QueryContext/QueryContext.js";
 import "../../../components/QueryVisualizationWrapper/QueryVisualizationContext.js";
+import "react-share";
 import "../../../components/GenericCard/GenericCard.js";
 import "@mui/system";
 import "../../../components/GenericCard/Linkify.js";
-import "react-share";
 import "jotai";
 import "lodash-es/noop";
 import "../../../components/QueryWrapper/TableRowSelectionState.js";
@@ -203,6 +207,7 @@ import "lodash-es/set";
 import "lodash-es/trimStart";
 import "../../../components/SynapseForm/SynapseFormSubmissionGrid.js";
 import "../../../components/SynapseChat/AccessLevelMenu.js";
+import "react-draggable";
 import "../../../components/TimelinePlot/phasesQueryResponseData.js";
 import "../../../components/EntityHeaderTable/EntityHeaderTable.js";
 import "../../../components/MuiContainer.js";
@@ -231,10 +236,10 @@ function G() {
     ) })
   ] }) : /* @__PURE__ */ r(R, { error: "Missing sessionId" });
 }
-function Gi(t) {
+function Si(t) {
   return /* @__PURE__ */ r(c, { ...t, children: /* @__PURE__ */ r(G, {}) });
 }
 export {
-  Gi as default
+  Si as default
 };
 //# sourceMappingURL=GridPage.js.map

package/dist/features/curator/GridPage/GridPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridPage.js","sources":["../../../../src/features/curator/GridPage/GridPage.tsx"],"sourcesContent":["import SynapseGrid from '@/components/DataGrid/index'\nimport { ErrorBanner } from '@/components/index'\nimport GridPageRouter, {\n  GridPageRouterProps,\n} from '@/features/curator/GridPage/components/GridPageRouter'\nimport GridPageTitle from '@/features/curator/GridPage/components/GridPageTitle'\nimport {\n  GRID_PAGE_SESSION_ID_QUERY_PARAM,\n  GRID_PAGE_AGENT_REGISTRATION_ID_QUERY_PARAM,\n  GRID_PAGE_TASK_ID_QUERY_PARAM,\n} from '@/utils/SynapseConstants'\nimport { useSearchParams } from 'react-router'\n\nfunction GridPageInternal() {\n  const [searchParams] = useSearchParams()\n\n  const sessionId = decodeURIComponent(\n    searchParams.get(GRID_PAGE_SESSION_ID_QUERY_PARAM) ?? '',\n  )\n  const rawTaskId = searchParams.get(GRID_PAGE_TASK_ID_QUERY_PARAM)\n  const taskId = rawTaskId ? parseInt(rawTaskId) : undefined\n  const agentRegistrationId = searchParams.get(\n    GRID_PAGE_AGENT_REGISTRATION_ID_QUERY_PARAM,\n  )\n\n  // If no session id, error\n  if (!sessionId) {\n    return <ErrorBanner error={'Missing sessionId'} />\n  }\n\n  return (\n    <>\n      <GridPageTitle sessionId={sessionId} taskId={taskId} />\n      <div className={'pageContent'}>\n        <SynapseGrid\n          agentRegistrationId={agentRegistrationId ?? undefined}\n          ref={handle => {\n            if (handle) {\n              handle.loadExistingSession(sessionId)\n            }\n          }}\n        />\n      </div>\n    </>\n  )\n}\n\nexport type GridPageProps = Omit<GridPageRouterProps, 'children'>\n\n/**\n * A page that displays the Curator grid, with included routing logic\n */\nexport default function GridPage(props: GridPageProps) {\n  return (\n    <GridPageRouter {...props}>\n      <GridPageInternal />\n    </GridPageRouter>\n  )\n}\n"],"names":["GridPageInternal","searchParams","useSearchParams","sessionId","GRID_PAGE_SESSION_ID_QUERY_PARAM","rawTaskId","GRID_PAGE_TASK_ID_QUERY_PARAM","taskId","agentRegistrationId","GRID_PAGE_AGENT_REGISTRATION_ID_QUERY_PARAM","jsxs","Fragment","jsx","GridPageTitle","SynapseGrid","handle","ErrorBanner","GridPage","props","GridPageRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,SAASA,IAAmB;AAC1B,QAAM,CAACC,CAAY,IAAIC,EAAA,GAEjBC,IAAY;AAAA,IAChBF,EAAa,IAAIG,CAAgC,KAAK;AAAA,EAAA,GAElDC,IAAYJ,EAAa,IAAIK,CAA6B,GAC1DC,IAASF,IAAY,SAASA,CAAS,IAAI,QAC3CG,IAAsBP,EAAa;AAAA,IACvCQ;AAAA,EAAA;AAIF,SAAKN,IAKH,gBAAAO,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc,WAAAV,GAAsB,QAAAI,EAAA,CAAgB;AAAA,IACrD,gBAAAK,EAAC,OAAA,EAAI,WAAW,eACd,UAAA,gBAAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,qBAAqBN,KAAuB;AAAA,QAC5C,KAAK,CAAAO,MAAU;AACb,UAAIA,KACFA,EAAO,oBAAoBZ,CAAS;AAAA,QAExC;AAAA,MAAA;AAAA,IAAA,EACF,CACF;AAAA,EAAA,GACF,IAhBO,gBAAAS,EAACI,GAAA,EAAY,OAAO,oBAAA,CAAqB;AAkBpD;AAOA,SAAwBC,GAASC,GAAsB;AACrD,2BACGC,GAAA,EAAgB,GAAGD,GAClB,UAAA,gBAAAN,EAACZ,KAAiB,GACpB;AAEJ;"}
+{"version":3,"file":"GridPage.js","sources":["../../../../src/features/curator/GridPage/GridPage.tsx"],"sourcesContent":["import SynapseGrid from '@/components/DataGrid/index'\nimport { ErrorBanner } from '@/components/index'\nimport GridPageRouter, {\n  GridPageRouterProps,\n} from '@/features/curator/GridPage/components/GridPageRouter'\nimport GridPageTitle from '@/features/curator/GridPage/components/GridPageTitle'\nimport {\n  GRID_PAGE_SESSION_ID_QUERY_PARAM,\n  GRID_PAGE_AGENT_REGISTRATION_ID_QUERY_PARAM,\n  GRID_PAGE_TASK_ID_QUERY_PARAM,\n} from '@/utils/SynapseConstants'\nimport { useSearchParams } from 'react-router'\n\nfunction GridPageInternal() {\n  const [searchParams] = useSearchParams()\n\n  const sessionId = decodeURIComponent(\n    searchParams.get(GRID_PAGE_SESSION_ID_QUERY_PARAM) ?? '',\n  )\n  const rawTaskId = searchParams.get(GRID_PAGE_TASK_ID_QUERY_PARAM)\n  const taskId = rawTaskId ? parseInt(rawTaskId) : undefined\n  const agentRegistrationId = searchParams.get(\n    GRID_PAGE_AGENT_REGISTRATION_ID_QUERY_PARAM,\n  )\n\n  // If no session id, error\n  if (!sessionId) {\n    return <ErrorBanner error={'Missing sessionId'} />\n  }\n\n  return (\n    <>\n      <GridPageTitle sessionId={sessionId} taskId={taskId} />\n      <div className={'pageContent'}>\n        <SynapseGrid\n          agentRegistrationId={agentRegistrationId ?? undefined}\n          ref={handle => {\n            if (handle) {\n              handle.loadExistingSession(sessionId)\n            }\n          }}\n        />\n      </div>\n    </>\n  )\n}\n\nexport type GridPageProps = Omit<GridPageRouterProps, 'children'>\n\n/**\n * A page that displays the Curator grid, with included routing logic\n */\nexport default function GridPage(props: GridPageProps) {\n  return (\n    <GridPageRouter {...props}>\n      <GridPageInternal />\n    </GridPageRouter>\n  )\n}\n"],"names":["GridPageInternal","searchParams","useSearchParams","sessionId","GRID_PAGE_SESSION_ID_QUERY_PARAM","rawTaskId","GRID_PAGE_TASK_ID_QUERY_PARAM","taskId","agentRegistrationId","GRID_PAGE_AGENT_REGISTRATION_ID_QUERY_PARAM","jsxs","Fragment","jsx","GridPageTitle","SynapseGrid","handle","ErrorBanner","GridPage","props","GridPageRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,SAASA,IAAmB;AAC1B,QAAM,CAACC,CAAY,IAAIC,EAAA,GAEjBC,IAAY;AAAA,IAChBF,EAAa,IAAIG,CAAgC,KAAK;AAAA,EAAA,GAElDC,IAAYJ,EAAa,IAAIK,CAA6B,GAC1DC,IAASF,IAAY,SAASA,CAAS,IAAI,QAC3CG,IAAsBP,EAAa;AAAA,IACvCQ;AAAA,EAAA;AAIF,SAAKN,IAKH,gBAAAO,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EAAc,WAAAV,GAAsB,QAAAI,EAAA,CAAgB;AAAA,IACrD,gBAAAK,EAAC,OAAA,EAAI,WAAW,eACd,UAAA,gBAAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,qBAAqBN,KAAuB;AAAA,QAC5C,KAAK,CAAAO,MAAU;AACb,UAAIA,KACFA,EAAO,oBAAoBZ,CAAS;AAAA,QAExC;AAAA,MAAA;AAAA,IAAA,EACF,CACF;AAAA,EAAA,GACF,IAhBO,gBAAAS,EAACI,GAAA,EAAY,OAAO,oBAAA,CAAqB;AAkBpD;AAOA,SAAwBC,GAASC,GAAsB;AACrD,2BACGC,GAAA,EAAgB,GAAGD,GAClB,UAAA,gBAAAN,EAACZ,KAAiB,GACpB;AAEJ;"}