synapse-react-client 4.0.2 → 4.0.4

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":";;;;AAyBA,MAAMA,UAAmBC,EAAkC;AAAA,EACzD,YAAYC,GAAwB;AAClC,UAAMA,CAAK,GACX,KAAK,QAAQ;AAAA,MACX,cAAc;AAAA,MACd,WAAW;AAAA,IAAA,GAEb,KAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI,GACnD,KAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;AAAA,EACvD;AAAA,EAEA,iBAAiB;AACf,SAAK,SAAS;AAAA,MACZ,cAAc,CAAC,KAAK,MAAM;AAAA,IAAA,CAC3B;AAAA,EACH;AAAA,EAEA,oBAAoB;AAClB,SAAK,gBAAA,GACL,OAAO,iBAAiB,UAAU,KAAK,eAAe;AAAA,EACxD;AAAA,EAEA,uBAAuB;AACrB,WAAO,oBAAoB,UAAU,KAAK,eAAe;AAAA,EAC3D;AAAA,EAEA,kBAAkB;AAChB,SAAK,SAAS,EAAE,WAAW,OAAO,aAAa,KAAK;AAAA,EACtD;AAAA,EAEA,iBAAiB,CACfC,GACAC,GACAC,MACG;AACH,UAAMC,IAAoB,KAAK,MAAM;AACrC,QAAI,OAAOF,KAAU;AAEnB,aAAOA;AAET,UAAMG,IAAgBH,EAAM,KAAA,GACtBI,IAAUC,EAAiBF,CAAa;AAE9C,QAAIC;AACF,aACE,gBAAAE,EAAC,OAAE,QAAO,UAAS,KAAI,uBAAsB,MAAMF,GAChD,UAAAD,EAAA,CACH;AAIJ,QACED,KACAA,EAAkB,WAClBD,KACA,OAAO,KAAKC,EAAkB,OAAO,EAAE,SAASD,CAAe,GAC/D;AACA,YAAMM,IAAYL,EAAkB,QAAQD,CAAe,EAAED,CAAK;AAClE,aAAKO,KAIHA,EAAU,KAAK,EAAE,GAAGA,EAAU,IAAI,cAAc,SAAA,GAE9C,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAH,EAACI,GAAA,EAAS,GAAGH,GAAW;AAAA,0BACvB,QAAA,EAAK,OAAO,EAAE,eAAe,SAAA,GAAa,UAAAP,EAAA,CAAM;AAAA,MAAA,GACnD,KAPK,gBAAAM,EAAC,UAAM,UAAAN,EAAA,CAAM;AAAA,IAUxB;AAEA,WAAOA;AAAA,EACT;AAAA,EACA,aAAa,CAACW,GAAqBC,GAAeC,MACzCF,EAAO,IAAI,CAACG,GAAOC,MAAU;AAClC,UAAM,EAAE,mBAAAC,GAAmB,OAAOC,GAAY,YAAAC,MAAeJ,GACvDK,IAAYJ,KAASH,IAAQ,eAAe,IAC5CZ,IAAQ,KAAK;AAAA,MACjBgB;AAAA,MACAC;AAAA,MACAC;AAAA,IAAA;AAEF,WAAIL,IAEA,gBAAAL,EAAC,MAAA,EAAG,WAAW,wBAAwBW,GACrC,UAAA;AAAA,MAAA,gBAAAb,EAAC,MAAA,EAAG,WAAW,sCACZ,UAAAU,GACH;AAAA,MACA,gBAAAV,EAAC,MAAA,EAAG,WAAW,mCAAoC,UAAAN,EAAA,CAAM;AAAA,IAAA,EAAA,GAJJe,CAKvD,IAIF,gBAAAP,EAACC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAH,EAAC,MAAA,EAAG,WAAW,uBAAuBa,GACpC,4BAAC,MAAA,EAAG,WAAW,sCACZ,UAAAH,EAAA,CACH,EAAA,CACF;AAAA,MACA,gBAAAV,EAAC,MAAA,EAAG,WAAW,uBAAuBa,GACpC,4BAAC,MAAA,EAAG,WAAU,kCAAkC,UAAAnB,EAAA,CAAM,EAAA,CACxD;AAAA,IAAA,EAAA,GARae,CASf;AAAA,EAEJ,CAAC;AAAA,EAGH,SAAS;AACP,UAAM,EAAE,QAAAJ,GAAQ,qBAAAS,IAAsB,GAAG,gBAAAC,EAAA,IAAmB,KAAK,OAC3D,EAAE,cAAAC,GAAc,WAAAT,EAAA,IAAc,KAAK,OACnCU,IAAiBZ,EAAO,OAAO,OAAM,EAAQa,EAAG,KAAM,GACtDC,IAAyBF,EAAe,SAASH,GACjDR,IACJ,CAACa,KAA0BH,IAAe,QAAWF;AACvD,WACE,gBAAAZ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAW,oBAAoB,KAAK,MAAM,aAAa,EAAE;AAAA,QAExD,UAAA;AAAA,UAAAa;AAAA,UACD,gBAAAb;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO;AAAA,gBACL,OAAO;AAAA,gBACP,WAAW;AAAA,cAAA;AAAA,cAGb,UAAA;AAAA,gBAAA,gBAAAA,EAAC,YAAA,EACC,UAAA;AAAA,kBAAA,gBAAAF,EAAC,OAAA,EAAI,WAAU,2BAAA,CAA2B;AAAA,kBAC1C,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BAAA,CAA2B;AAAA,gBAAA,GAC5C;AAAA,kCACC,SAAA,EACE,UAAA;AAAA,kBAAA,KAAK,WAAWiB,GAAgBX,GAAOC,CAAS;AAAA,kBAChDY,KACC,gBAAAnB,EAAC,MAAA,EAAG,WAAU,eACZ,4BAAC,MAAA,EACC,UAAA,gBAAAE;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,OAAO,EAAE,WAAW,QAAQ,QAAQ,GAAG,SAAS,EAAA;AAAA,sBAChD,SAAS,KAAK;AAAA,sBACd,WAAU;AAAA,sBACX,UAAA;AAAA,wBAAA;AAAA,wBACOc,IAAe,SAAS;AAAA,wBAC9B,gBAAAhB;AAAA,0BAACI;AAAAA,0BAAA;AAAA,4BACC,MAAMY,IAAe,eAAe;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBACtC;AAAA,oBAAA;AAAA,kBAAA,GAEJ,EAAA,CACF;AAAA,gBAAA,EAAA,CAEJ;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
+{"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/styled/HoverPopover.css

@@ -0,0 +1 @@
+._triggerWrapper_9prk2_1{display:inline-block}._paper_9prk2_5{display:flex;flex-direction:column;overflow:hidden}

package/dist/components/styled/HoverPopover.d.ts

@@ -0,0 +1,28 @@
+import { ButtonProps } from '@mui/material';
+import { PropsWithChildren, ReactNode } from 'react';
+export type HoverPopoverPlacement = 'top' | 'bottom' | 'left' | 'right';
+export type HoverPopoverProps = PropsWithChildren<{
+    popoverContent: ReactNode;
+    /** Optional title rendered as a sticky header above the scrollable content */
+    title?: string;
+    placement?: HoverPopoverPlacement;
+    maxWidth?: string | number;
+    minWidth?: string | number;
+    /** Max height of the scrollable content area. Default 400px. */
+    maxHeight?: string | number;
+    actionButton?: {
+        content: ReactNode;
+        color?: ButtonProps['color'];
+        variant?: ButtonProps['variant'];
+        onClick: () => void;
+        /** If true, closes the popover after the button is clicked */
+        closeOnClick?: boolean;
+    };
+}>;
+/**
+ * A popover that opens when the user hovers over the trigger child and remains
+ * open as long as the mouse is over either the trigger or the popover itself.
+ * The content area is scrollable, avoiding any interaction with browser scroll.
+ */
+export declare function HoverPopover({ children, popoverContent, title, placement, maxWidth, minWidth, maxHeight, actionButton, }: HoverPopoverProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=HoverPopover.d.ts.map

package/dist/components/styled/HoverPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverPopover.d.ts","sourceRoot":"","sources":["../../../src/components/styled/HoverPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,WAAW,EAMZ,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAA;AAGtE,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;AAiCvE,MAAM,MAAM,iBAAiB,GAAG,iBAAiB,CAAC;IAChD,cAAc,EAAE,SAAS,CAAA;IACzB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,qBAAqB,CAAA;IAEjC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,YAAY,CAAC,EAAE;QACb,OAAO,EAAE,SAAS,CAAA;QAClB,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;QAC5B,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;QAChC,OAAO,EAAE,MAAM,IAAI,CAAA;QACnB,8DAA8D;QAC9D,YAAY,CAAC,EAAE,OAAO,CAAA;KACvB,CAAA;CACF,CAAC,CAAA;AAEF;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,cAAc,EACd,KAAK,EACL,SAAmB,EACnB,QAAc,EACd,QAAc,EACd,SAAe,EACf,YAAY,GACb,EAAE,iBAAiB,2CAgFnB"}

package/dist/components/styled/HoverPopover.js

@@ -0,0 +1,103 @@
+import { jsxs as s, Fragment as O, jsx as e } from "react/jsx-runtime";
+import { Box as z, Popover as C, DialogTitle as E, DialogContent as b, DialogActions as k, Button as L } from "@mui/material";
+import { useState as M, useRef as S } from "react";
+import u from "./HoverPopover.module.scss.js";
+function T(t) {
+  switch (t) {
+    case "top":
+      return {
+        anchorOrigin: { vertical: "top", horizontal: "center" },
+        transformOrigin: { vertical: "bottom", horizontal: "center" }
+      };
+    case "bottom":
+      return {
+        anchorOrigin: { vertical: "bottom", horizontal: "center" },
+        transformOrigin: { vertical: "top", horizontal: "center" }
+      };
+    case "left":
+      return {
+        anchorOrigin: { vertical: "center", horizontal: "left" },
+        transformOrigin: { vertical: "center", horizontal: "right" }
+      };
+    case "right":
+      return {
+        anchorOrigin: { vertical: "center", horizontal: "right" },
+        transformOrigin: { vertical: "center", horizontal: "left" }
+      };
+  }
+}
+const A = 150;
+function y({
+  children: t,
+  popoverContent: p,
+  title: l,
+  placement: h = "right",
+  maxWidth: g = 500,
+  minWidth: m = 300,
+  maxHeight: f = 400,
+  actionButton: r
+}) {
+  const [c, n] = M(null), o = S(null), i = () => {
+    o.current !== null && (clearTimeout(o.current), o.current = null);
+  }, a = () => {
+    i(), o.current = setTimeout(() => {
+      n(null);
+    }, A);
+  }, { anchorOrigin: d, transformOrigin: v } = T(h);
+  return /* @__PURE__ */ s(O, { children: [
+    /* @__PURE__ */ e(
+      z,
+      {
+        component: "span",
+        onMouseEnter: (x) => {
+          i(), n(x.currentTarget);
+        },
+        onMouseLeave: a,
+        className: u.triggerWrapper,
+        children: t
+      }
+    ),
+    /* @__PURE__ */ s(
+      C,
+      {
+        open: c !== null,
+        anchorEl: c,
+        anchorOrigin: d,
+        transformOrigin: v,
+        onClose: () => n(null),
+        disableAutoFocus: !0,
+        disableEnforceFocus: !0,
+        disableScrollLock: !0,
+        slotProps: {
+          backdrop: { sx: { pointerEvents: "none" } },
+          paper: {
+            onMouseEnter: i,
+            onMouseLeave: a,
+            className: u.paper,
+            sx: { maxWidth: g, minWidth: m }
+          }
+        },
+        children: [
+          l && /* @__PURE__ */ e(E, { sx: { fontSize: "18px", padding: "16px 10px" }, children: l }),
+          /* @__PURE__ */ e(b, { sx: { maxHeight: f, padding: "10px" }, children: p }),
+          r && /* @__PURE__ */ e(k, { sx: { paddingX: "10px" }, children: /* @__PURE__ */ e(
+            L,
+            {
+              color: r.color ?? "primary",
+              variant: r.variant ?? "contained",
+              fullWidth: !0,
+              onClick: () => {
+                r.onClick(), r.closeOnClick && n(null);
+              },
+              children: r.content
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  y as HoverPopover
+};
+//# sourceMappingURL=HoverPopover.js.map

package/dist/components/styled/HoverPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverPopover.js","sources":["../../../src/components/styled/HoverPopover.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  ButtonProps,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Popover,\n  PopoverOrigin,\n} from '@mui/material'\nimport { PropsWithChildren, ReactNode, useRef, useState } from 'react'\nimport styles from './HoverPopover.module.scss'\n\nexport type HoverPopoverPlacement = 'top' | 'bottom' | 'left' | 'right'\n\nfunction getOrigins(placement: HoverPopoverPlacement): {\n  anchorOrigin: PopoverOrigin\n  transformOrigin: PopoverOrigin\n} {\n  switch (placement) {\n    case 'top':\n      return {\n        anchorOrigin: { vertical: 'top', horizontal: 'center' },\n        transformOrigin: { vertical: 'bottom', horizontal: 'center' },\n      }\n    case 'bottom':\n      return {\n        anchorOrigin: { vertical: 'bottom', horizontal: 'center' },\n        transformOrigin: { vertical: 'top', horizontal: 'center' },\n      }\n    case 'left':\n      return {\n        anchorOrigin: { vertical: 'center', horizontal: 'left' },\n        transformOrigin: { vertical: 'center', horizontal: 'right' },\n      }\n    case 'right':\n      return {\n        anchorOrigin: { vertical: 'center', horizontal: 'right' },\n        transformOrigin: { vertical: 'center', horizontal: 'left' },\n      }\n  }\n}\n\n/** Delay in ms before the popover closes after the mouse leaves the trigger or popover */\nconst CLOSE_DELAY_MS = 150\n\nexport type HoverPopoverProps = PropsWithChildren<{\n  popoverContent: ReactNode\n  /** Optional title rendered as a sticky header above the scrollable content */\n  title?: string\n  placement?: HoverPopoverPlacement\n\n  maxWidth?: string | number\n  minWidth?: string | number\n  /** Max height of the scrollable content area. Default 400px. */\n  maxHeight?: string | number\n  actionButton?: {\n    content: ReactNode\n    color?: ButtonProps['color']\n    variant?: ButtonProps['variant']\n    onClick: () => void\n    /** If true, closes the popover after the button is clicked */\n    closeOnClick?: boolean\n  }\n}>\n\n/**\n * A popover that opens when the user hovers over the trigger child and remains\n * open as long as the mouse is over either the trigger or the popover itself.\n * The content area is scrollable, avoiding any interaction with browser scroll.\n */\nexport function HoverPopover({\n  children,\n  popoverContent,\n  title,\n  placement = 'right',\n  maxWidth = 500,\n  minWidth = 300,\n  maxHeight = 400,\n  actionButton,\n}: HoverPopoverProps) {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)\n  const closeTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const cancelClose = () => {\n    if (closeTimeoutRef.current !== null) {\n      clearTimeout(closeTimeoutRef.current)\n      closeTimeoutRef.current = null\n    }\n  }\n\n  const scheduleClose = () => {\n    cancelClose()\n    closeTimeoutRef.current = setTimeout(() => {\n      setAnchorEl(null)\n    }, CLOSE_DELAY_MS)\n  }\n\n  const { anchorOrigin, transformOrigin } = getOrigins(placement)\n\n  return (\n    <>\n      <Box\n        component=\"span\"\n        onMouseEnter={e => {\n          cancelClose()\n          setAnchorEl(e.currentTarget)\n        }}\n        onMouseLeave={scheduleClose}\n        className={styles.triggerWrapper}\n      >\n        {children}\n      </Box>\n      <Popover\n        open={anchorEl !== null}\n        anchorEl={anchorEl}\n        anchorOrigin={anchorOrigin}\n        transformOrigin={transformOrigin}\n        onClose={() => setAnchorEl(null)}\n        disableAutoFocus\n        disableEnforceFocus\n        disableScrollLock\n        slotProps={{\n          backdrop: { sx: { pointerEvents: 'none' } },\n          paper: {\n            onMouseEnter: cancelClose,\n            onMouseLeave: scheduleClose,\n            className: styles.paper,\n            sx: { maxWidth, minWidth },\n          },\n        }}\n      >\n        {title && (\n          <DialogTitle sx={{ fontSize: '18px', padding: '16px 10px' }}>\n            {title}\n          </DialogTitle>\n        )}\n        <DialogContent sx={{ maxHeight, padding: '10px' }}>\n          {popoverContent}\n        </DialogContent>\n        {actionButton && (\n          <DialogActions sx={{ paddingX: '10px' }}>\n            <Button\n              color={actionButton.color ?? 'primary'}\n              variant={actionButton.variant ?? 'contained'}\n              fullWidth\n              onClick={() => {\n                actionButton.onClick()\n                if (actionButton.closeOnClick) {\n                  setAnchorEl(null)\n                }\n              }}\n            >\n              {actionButton.content}\n            </Button>\n          </DialogActions>\n        )}\n      </Popover>\n    </>\n  )\n}\n"],"names":["getOrigins","placement","CLOSE_DELAY_MS","HoverPopover","children","popoverContent","title","maxWidth","minWidth","maxHeight","actionButton","anchorEl","setAnchorEl","useState","closeTimeoutRef","useRef","cancelClose","scheduleClose","anchorOrigin","transformOrigin","jsxs","Fragment","jsx","Box","e","styles","Popover","DialogTitle","DialogContent","DialogActions","Button"],"mappings":"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"}

package/dist/components/styled/HoverPopover.module.scss

@@ -0,0 +1,9 @@
+.triggerWrapper {
+  display: inline-block;
+}
+
+.paper {
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}

package/dist/components/styled/HoverPopover.module.scss.js

@@ -0,0 +1,10 @@
+import './HoverPopover.css';const r = "_triggerWrapper_9prk2_1", p = "_paper_9prk2_5", e = {
+  triggerWrapper: r,
+  paper: p
+};
+export {
+  e as default,
+  p as paper,
+  r as triggerWrapper
+};
+//# sourceMappingURL=HoverPopover.module.scss.js.map

package/dist/components/styled/HoverPopover.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverPopover.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -3,4 +3,6 @@ export { LightTooltip } from './LightTooltip';
 export { StyledFormControl } from './StyledFormControl';
 export { WideButton } from './WideButton';
 export { InputSizedButton } from './InputSizedButton';
+export { HoverPopover } from './HoverPopover';
+export type { HoverPopoverProps, HoverPopoverPlacement } from './HoverPopover';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/styled/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/styled/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,YAAY,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,gBAAgB,CAAA"}

package/dist/components/styled/index.js

@@ -1,15 +1,17 @@
-import { LeftRightPanel as e, StyledInnerContainer as r, StyledOuterContainer as n } from "./LeftRightPanel.js";
-import { LightTooltip as p } from "./LightTooltip.js";
-import { StyledFormControl as l } from "./StyledFormControl.js";
-import { WideButton as d } from "./WideButton.js";
+import { LeftRightPanel as r, StyledInnerContainer as e, StyledOuterContainer as n } from "./LeftRightPanel.js";
+import { LightTooltip as f } from "./LightTooltip.js";
+import { StyledFormControl as m } from "./StyledFormControl.js";
+import { WideButton as x } from "./WideButton.js";
 import { InputSizedButton as u } from "./InputSizedButton.js";
+import { HoverPopover as a } from "./HoverPopover.js";
 export {
+  a as HoverPopover,
   u as InputSizedButton,
-  e as LeftRightPanel,
-  p as LightTooltip,
-  l as StyledFormControl,
-  r as StyledInnerContainer,
+  r as LeftRightPanel,
+  f as LightTooltip,
+  m as StyledFormControl,
+  e as StyledInnerContainer,
   n as StyledOuterContainer,
-  d as WideButton
+  x as WideButton
 };
 //# sourceMappingURL=index.js.map

package/dist/components/styled/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

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

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

@@ -31,7 +31,7 @@ import "universal-cookie";
 import "../../../utils/AppUtils/session/ApplicationSessionContext.js";
 import "../../../utils/context/FullContextProvider.js";
 import "../../../utils/context/DocumentMetadataContext.js";
-import '../../FullWidthAlert/FullWidthAlert.css';import '../../../style/components/_spinner.css';/* empty css                                      */
+import '../../Plot/SynapsePlot.css';import '../../FullWidthAlert/FullWidthAlert.css';import '../../../style/components/_spinner.css';/* empty css                                      */
 import "react-router";
 import "react-hot-toast";
 import "react-transition-group";
@@ -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";
@@ -166,7 +170,6 @@ import "@mui/x-date-pickers/AdapterDayjs";
 import "@mui/x-date-pickers/LocalizationProvider";
 import "../../FeaturedDataTabs/FacetPlotsCardGrid.js";
 import "../../Forum/ForumTable.js";
-import "@mui/material/IconButton";
 import "@mui/icons-material/NavigateNext";
 import "@react-google-maps/api";
 import "../../Markdown/MarkdownUtils.js";
@@ -180,6 +183,7 @@ import "lodash-es/orderBy";
 import "../../styled/LargeButton.js";
 import "../../../assets/illustrations/diagonalLinePattern.svg.js";
 import "@upsetjs/react";
+/* empty css                          */
 import "reactflow";
 import "../../ProvenanceGraph/ProvenanceUtils.js";
 import "reactflow/dist/style.css";
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,SAAwBA,GAAiBC,GAA8B;AACrE,QAAM,EAAE,MAAAC,GAAM,SAAAC,GAAS,WAAAC,GAAW,kBAAAC,GAAkB,cAAAC,MAAiBL,GAC/D,CAACM,GAAMC,CAAO,IAAIC;AAAA,IAAS;AAAA;AAAA,EAAA,GAC3B,CAACC,GAAoBC,CAAqB,IAC9CF,EAA6B;AAAA,IAC3B,WAAW;AAAA,IACX,gBAAgB;AAAA,IAChB,iBAAiB;AAAA,IACjB,SAAS;AAAA;AAAA,IACT,mBAAmB;AAAA,EAAA,CACpB,GACG,CAACG,GAAgBC,CAAiB,IACtCJ,EAA4C,IAAI,GAC5C,CAACK,GAAkBC,CAAmB,IAAIN,EAAS,EAAK,GAExD,CAACO,GAAsBC,CAAuB,IAAIR,EAEtD,IAAI,GAEAS,IAAiBC,EAAY,CAACC,MAAyB;AAC3D,IAAAH,EAAwBG,CAAY,GACpCZ;AAAA,MAAQ;AAAA;AAAA,IAAA;AAAA,EACV,GAAG,CAAA,CAAE,GAECa,IAAYC,EAAgC,IAAI,GAChDC,IAAuBD,EAA4C,IAAI;AAoD7E,SACE,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,UAAU;AAAA,MACV,OAAO;AAAA,MACP,UAAUtB;AAAA,MACV,MAAAD;AAAA,MACA,SACE,gBAAAwB,EAAAC,GAAA,EACG,UAAA;AAAA,QAAApB,MAAS,KAzDhB,gBAAAiB;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,KAAKP;AAAA,YACL,qBAAqB;AAAA,YACrB,sBAAsB,CAAAD,MAAgB;AACpC,cAAAF,EAAeE,CAAY;AAAA,YAC7B;AAAA,YACA,oBAAoB;AAAA,UAAA;AAAA,QAAA;AAAA,QAoDfb,MAAS,KA/ChB,gBAAAmB,EAACG,GAAA,EAAM,SAAS,GACb,UAAA;AAAA,UAAAb,KACC,gBAAAQ;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,cAAcd;AAAA,cACd,oBAAAN;AAAA,cACA,wBAAwBG;AAAA,cACxB,mBAAmBE;AAAA,YAAA;AAAA,UAAA;AAAA,4BAGtBgB,GAAA,EACC,UAAA;AAAA,YAAA,gBAAAP,EAACQ,GAAA,EAAiB,YAAY,gBAAAR,EAACS,GAAA,CAAA,CAAe,GAC5C,4BAACC,GAAA,EAAW,SAAS,aAAa,UAAA,eAAA,CAAY,GAChD;AAAA,8BACCC,GAAA,EACC,UAAA;AAAA,cAAA,gBAAAX;AAAA,gBAACY;AAAA,gBAAA;AAAA,kBACC,cAAc1B;AAAA,kBACd,KAAKa;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEP,gBAAAC;AAAA,gBAACa;AAAA,gBAAA;AAAA,kBACC,SAAS;AAAA,kBACT,6BAAYC,GAAA,EAAe;AAAA,kBAC3B,IAAI,EAAE,IAAI,EAAA;AAAA,kBACV,SAAS,MAAM;AAEb,oBAAIf,EAAqB,WACvBZ;AAAA,sBACEY,EAAqB,QAAQ,YAAA;AAAA,oBAAY;AAAA,kBAG/C;AAAA,kBACD,UAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAED,EAAA,CACF;AAAA,UAAA,EAAA,CACF;AAAA,QAAA,GACF;AAAA,QAaOjB,KAAgB,gBAAAkB,EAACe,GAAA,EAAY,OAAOjC,EAAA,CAAc;AAAA,MAAA,GACrD;AAAA,MAEF,SACE,gBAAAoB,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACa;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,YACT,UAAUvB;AAAA,YACV,SAAS,MAAM;AACb,cAAAX,EAAA;AAAA,YACF;AAAA,YACD,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGAI,MAAS,KACR,gBAAAiB;AAAA,UAACa;AAAA,UAAA;AAAA,YACC,UAAUvB;AAAA,YACV,SAAS;AAAA,YACT,SAAS,MAAM;AACb,cAAAV;AAAA,gBACEY;AAAA,gBACAJ,EAAgB;AAAA,gBAChBF;AAAA,cAAA;AAAA,YAEJ;AAAA,YACA,SAASL;AAAA,YACV,UAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAED,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"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/components/widgets/Range.js

@@ -1,4 +1,4 @@
-import { jsxs as d, jsx as a, Fragment as x } from "react/jsx-runtime";
+import { jsxs as d, Fragment as x, jsx as a } from "react/jsx-runtime";
 import { useState as f } from "react";
 import r from "dayjs";
 import { DatePicker as c } from "@mui/x-date-pickers";

package/dist/components/widgets/facet-nav/FacetNavPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FacetNavPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/widgets/facet-nav/FacetNavPanel.tsx"],"names":[],"mappings":"AAcA,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,2BAA2B,EAC3B,uBAAuB,EACxB,MAAM,iCAAiC,CAAA;AAExC,OAAO,KAAK,MAAM,MAAM,sBAAsB,CAAA;AAW9C,OAAO,EAAE,cAAc,EAAY,MAAM,wBAAwB,CAAA;AAGjE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,wBAAwB,EAAE,CACxB,KAAK,EAAE,uBAAuB,EAC9B,KAAK,EAAE,2BAA2B,GAAG,SAAS,EAC9C,UAAU,EAAE,OAAO,KAChB,IAAI,CAAA;IACT,yBAAyB,EAAE,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAA;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,uBAAuB,CAAA;IACpC,QAAQ,EAAE,QAAQ,CAAA;IAClB,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;IAC3C,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAKD,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,wBAAwB,CAAA;AAgB/D,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAA;IACnB,MAAM,EAAE,cAAc,EAAE,CAAA;IACxB,MAAM,EAAE,MAAM,EAAE,CAAA;CACjB,CAAA;AAED,wBAAsB,oBAAoB,CACxC,WAAW,EAAE,uBAAuB,EACpC,UAAU,EAAE,cAAc,GAAG,SAAS,EACtC,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,QAAQ,EAClB,WAAW,CAAC,EAAE,MAAM;;;;;;;;;GAyJrB;AAsBD,wBAAgB,YAAY,CAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,MAAM,GAChB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CA8BnC;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAyK/C;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"FacetNavPanel.d.ts","sourceRoot":"","sources":["../../../../src/components/widgets/facet-nav/FacetNavPanel.tsx"],"names":[],"mappings":"AAcA,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,2BAA2B,EAC3B,uBAAuB,EACxB,MAAM,iCAAiC,CAAA;AAExC,OAAO,KAAK,MAAM,MAAM,sBAAsB,CAAA;AAW9C,OAAO,EAAE,cAAc,EAAY,MAAM,wBAAwB,CAAA;AAGjE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,wBAAwB,EAAE,CACxB,KAAK,EAAE,uBAAuB,EAC9B,KAAK,EAAE,2BAA2B,GAAG,SAAS,EAC9C,UAAU,EAAE,OAAO,KAChB,IAAI,CAAA;IACT,yBAAyB,EAAE,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,IAAI,CAAA;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,uBAAuB,CAAA;IACpC,QAAQ,EAAE,QAAQ,CAAA;IAClB,aAAa,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAA;IAC3C,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,WAAW,EAAE,OAAO,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAKD,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,KAAK,GAAG,wBAAwB,CAAA;AAgB/D,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,CAAA;IACnB,MAAM,EAAE,cAAc,EAAE,CAAA;IACxB,MAAM,EAAE,MAAM,EAAE,CAAA;CACjB,CAAA;AAED,wBAAsB,oBAAoB,CACxC,WAAW,EAAE,uBAAuB,EACpC,UAAU,EAAE,cAAc,GAAG,SAAS,EACtC,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,QAAQ,EAClB,WAAW,CAAC,EAAE,MAAM;;;;;;;;;GA+JrB;AAsBD,wBAAgB,YAAY,CAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EACtC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,MAAM,GAChB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CA8BnC;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAyK/C;AAED,eAAe,aAAa,CAAA"}