synapse-react-client 4.0.17 → 4.0.19

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

@@ -1,94 +1,45 @@
 import { ErrorBanner as e } from "../../error/ErrorBanner.js";
 import { DialogBase as t } from "../../DialogBase.js";
 import "../../index.js";
-import { BasicFileHandleUpload as n } from "../../file/upload/BasicFileHandleUpload.js";
-import r from "./CsvPreview.js";
-import i from "../CsvTableDescriptorForm/CsvTableDescriptorForm.js";
-import { useCallback as a, useRef as o, useState as s } from "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-import { RefreshTwoTone as d } from "@mui/icons-material";
-import f from "@mui/material/Typography";
-import p from "@mui/material/Stack";
-import m from "@mui/material/Button";
-import h from "@mui/icons-material/ExpandMore";
-import g from "@mui/material/Accordion";
-import _ from "@mui/material/AccordionDetails";
-import v from "@mui/material/AccordionSummary";
+import n, { CsvUploadPreviewStep as r } from "./useCsvUploadPreview.js";
+import i from "./CsvUploadPreviewContent.js";
+import { useCallback as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import l from "@mui/material/Button";
 //#region src/components/table/CsvPreview/CsvPreviewDialog.tsx
-var y = /* @__PURE__ */ function(e) {
-	return e[e.UPLOAD_CSV = 0] = "UPLOAD_CSV", e[e.COLUMN_PREVIEW = 1] = "COLUMN_PREVIEW", e;
-}(y || {});
-function b(b) {
-	let { open: x, onClose: S, onConfirm: C, confirmIsPending: w, errorMessage: T } = b, [E, D] = s(y.UPLOAD_CSV), [O, k] = s({
-		separator: ",",
-		quoteCharacter: "\"",
-		escapeCharacter: "\\",
-		lineEnd: "\n",
-		isFirstLineHeader: !0
-	}), [A, j] = s(null), [M, N] = s(!1), [P, F] = s(null), I = a((e) => {
-		F(e), D(y.COLUMN_PREVIEW);
-	}, []), L = o(null), R = o(null), z = /* @__PURE__ */ l(n, {
-		ref: L,
-		allowMultipleUpload: !1,
-		onFileUploadComplete: (e) => {
-			I(e);
-		},
-		disableDragAndDrop: !0
-	}), B = /* @__PURE__ */ u(p, {
-		spacing: 2,
-		children: [P && /* @__PURE__ */ l(r, {
-			fileHandleId: P,
-			csvTableDescriptor: O,
-			onCsvPreviewDataChange: j,
-			onIsLoadingChange: N
-		}), /* @__PURE__ */ u(g, { children: [/* @__PURE__ */ l(v, {
-			expandIcon: /* @__PURE__ */ l(h, {}),
-			children: /* @__PURE__ */ l(f, {
-				variant: "headline3",
-				children: "Show Options"
-			})
-		}), /* @__PURE__ */ u(_, { children: [/* @__PURE__ */ l(i, {
-			defaultValue: O,
-			ref: R
-		}), /* @__PURE__ */ l(m, {
-			variant: "outlined",
-			startIcon: /* @__PURE__ */ l(d, {}),
-			sx: { mt: 2 },
-			onClick: () => {
-				R.current && k(R.current.getFormData());
-			},
-			children: "Refresh Preview"
-		})] })] })]
-	});
-	return /* @__PURE__ */ l(t, {
+function u(u) {
+	let { open: d, onClose: f, onConfirm: p, confirmIsPending: m, errorMessage: h } = u, g = n(), _ = a(() => {
+		let e = g.csvPreviewData?.suggestedColumns;
+		e && g.uploadedFileHandleId != null && p(g.uploadedFileHandleId, e, g.csvTableDescriptor);
+	}, [
+		g.csvPreviewData,
+		g.uploadedFileHandleId,
+		g.csvTableDescriptor,
+		p
+	]);
+	return /* @__PURE__ */ s(t, {
 		maxWidth: "lg",
 		title: "Upload CSV",
-		onCancel: S,
-		open: x,
-		content: /* @__PURE__ */ u(c, { children: [
-			E === y.UPLOAD_CSV && z,
-			E === y.COLUMN_PREVIEW && B,
-			T && /* @__PURE__ */ l(e, { error: T })
-		] }),
-		actions: /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(m, {
+		onCancel: f,
+		open: d,
+		content: /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(i, { workflow: g }), h && /* @__PURE__ */ s(e, { error: h })] }),
+		actions: /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s(l, {
 			variant: "outlined",
-			disabled: M,
+			disabled: g.isLoadingPreview,
 			onClick: () => {
-				S();
+				f();
 			},
 			children: "Cancel"
-		}), E === y.COLUMN_PREVIEW && /* @__PURE__ */ l(m, {
-			disabled: M,
+		}), g.step === r.COLUMN_PREVIEW && /* @__PURE__ */ s(l, {
+			disabled: g.isLoadingPreview,
 			variant: "contained",
-			onClick: () => {
-				C(P, A.suggestedColumns, O);
-			},
-			loading: w,
+			onClick: _,
+			loading: m,
 			children: "Confirm"
 		})] })
 	});
 }
 //#endregion
-export { b as default };
+export { u as default };
 
 //# sourceMappingURL=CsvPreviewDialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CsvPreviewDialog.js","names":[],"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"],"mappings":";;;;;;;;;;;;;;;;;AAyBA,IAAK,IAAL,yBAAA,GAAA;QACE,EAAA,EAAA,aAAa,KAAA,cACb,EAAA,EAAA,iBAAiB,KAAA;EAFd,KAAA,EAAA,CAGJ;AAsBD,SAAwB,EAAiB,GAA8B;CACrE,IAAM,EAAE,SAAM,YAAS,cAAW,qBAAkB,oBAAiB,GAC/D,CAAC,GAAM,KAAW,EAAS,EAAqB,WAAW,EAC3D,CAAC,GAAoB,KACzB,EAA6B;EAC3B,WAAW;EACX,gBAAgB;EAChB,iBAAiB;EACjB,SAAS;EACT,mBAAmB;EACpB,CAAC,EACE,CAAC,GAAgB,KACrB,EAA4C,KAAK,EAC7C,CAAC,GAAkB,KAAuB,EAAS,GAAM,EAEzD,CAAC,GAAsB,KAA2B,EAEtD,KAAK,EAED,IAAiB,GAAa,MAAyB;AAE3D,EADA,EAAwB,EAAa,EACrC,EAAQ,EAAqB,eAAe;IAC3C,EAAE,CAAC,EAEA,IAAY,EAAgC,KAAK,EACjD,IAAuB,EAA4C,KAAK,EAExE,IACJ,kBAAC,GAAD;EACE,KAAK;EACL,qBAAqB;EACrB,uBAAsB,MAAgB;AACpC,KAAe,EAAa;;EAE9B,oBAAoB;EACpB,CAAA,EAGE,IACJ,kBAAC,GAAD;EAAO,SAAS;YAAhB,CACG,KACC,kBAAC,GAAD;GACE,cAAc;GACM;GACpB,wBAAwB;GACxB,mBAAmB;GACnB,CAAA,EAEJ,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAkB,YAAY,kBAAC,GAAD,EAAkB,CAAA;aAC9C,kBAAC,GAAD;IAAY,SAAS;cAAa;IAAyB,CAAA;GAC1C,CAAA,EACnB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,cAAc;GACd,KAAK;GACL,CAAA,EACF,kBAAC,GAAD;GACE,SAAS;GACT,WAAW,kBAAC,GAAD,EAAkB,CAAA;GAC7B,IAAI,EAAE,IAAI,GAAG;GACb,eAAe;AAEb,IAAI,EAAqB,WACvB,EACE,EAAqB,QAAQ,aAAa,CAC3C;;aAGN;GAEQ,CAAA,CACQ,EAAA,CAAA,CACT,EAAA,CAAA,CACN;;AAGV,QACE,kBAAC,GAAD;EACE,UAAU;EACV,OAAO;EACP,UAAU;EACJ;EACN,SACE,kBAAA,GAAA,EAAA,UAAA;GACG,MAAS,EAAqB,cAAc;GAC5C,MAAS,EAAqB,kBAAkB;GAChD,KAAgB,kBAAC,GAAD,EAAa,OAAO,GAAgB,CAAA;GACpD,EAAA,CAAA;EAEL,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,SAAS;GACT,UAAU;GACV,eAAe;AACb,OAAS;;aAEZ;GAEQ,CAAA,EACR,MAAS,EAAqB,kBAC7B,kBAAC,GAAD;GACE,UAAU;GACV,SAAS;GACT,eAAe;AACb,MACE,GACA,EAAgB,kBAChB,EACD;;GAEH,SAAS;aACV;GAEQ,CAAA,CAEV,EAAA,CAAA;EAEL,CAAA"}
+{"version":3,"file":"CsvPreviewDialog.js","names":[],"sources":["../../../../src/components/table/CsvPreview/CsvPreviewDialog.tsx"],"sourcesContent":["import { DialogBase } from '@/components/DialogBase'\nimport { ErrorBanner } from '@/components/index'\nimport CsvUploadPreviewContent from '@/components/table/CsvPreview/CsvUploadPreviewContent'\nimport useCsvUploadPreview, {\n  CsvUploadPreviewStep,\n} from '@/components/table/CsvPreview/useCsvUploadPreview'\nimport Button from '@mui/material/Button'\nimport {\n  ColumnModel,\n  CsvTableDescriptor,\n} from '@sage-bionetworks/synapse-client'\nimport { useCallback } from 'react'\n\nexport type CsvPreviewDialogProps = {\n  /** Whether the dialog is open */\n  open: boolean\n  /** Callback when the dialog is closed */\n  onClose: () => void\n  /** Whether the confirm action is pending */\n  confirmIsPending?: boolean\n  /** An optional error message to display */\n  errorMessage?: string\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}\n\nexport default function CsvPreviewDialog(props: CsvPreviewDialogProps) {\n  const { open, onClose, onConfirm, confirmIsPending, errorMessage } = props\n\n  const csvUploadPreviewWorkflow = useCsvUploadPreview()\n\n  const handlePreviewConfirm = useCallback(() => {\n    const suggestedColumns =\n      csvUploadPreviewWorkflow.csvPreviewData?.suggestedColumns\n    if (!suggestedColumns) {\n      return\n    }\n\n    if (csvUploadPreviewWorkflow.uploadedFileHandleId != null) {\n      onConfirm(\n        csvUploadPreviewWorkflow.uploadedFileHandleId,\n        suggestedColumns,\n        csvUploadPreviewWorkflow.csvTableDescriptor,\n      )\n    }\n  }, [\n    csvUploadPreviewWorkflow.csvPreviewData,\n    csvUploadPreviewWorkflow.uploadedFileHandleId,\n    csvUploadPreviewWorkflow.csvTableDescriptor,\n    onConfirm,\n  ])\n\n  return (\n    <DialogBase\n      maxWidth={'lg'}\n      title={'Upload CSV'}\n      onCancel={onClose}\n      open={open}\n      content={\n        <>\n          <CsvUploadPreviewContent workflow={csvUploadPreviewWorkflow} />\n          {errorMessage && <ErrorBanner error={errorMessage} />}\n        </>\n      }\n      actions={\n        <>\n          <Button\n            variant={'outlined'}\n            disabled={csvUploadPreviewWorkflow.isLoadingPreview}\n            onClick={() => {\n              onClose()\n            }}\n          >\n            Cancel\n          </Button>\n          {csvUploadPreviewWorkflow.step ===\n            CsvUploadPreviewStep.COLUMN_PREVIEW && (\n            <Button\n              disabled={csvUploadPreviewWorkflow.isLoadingPreview}\n              variant={'contained'}\n              onClick={handlePreviewConfirm}\n              loading={confirmIsPending}\n            >\n              Confirm\n            </Button>\n          )}\n        </>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;;;AAiCA,SAAwB,EAAiB,GAA8B;CACrE,IAAM,EAAE,SAAM,YAAS,cAAW,qBAAkB,oBAAiB,GAE/D,IAA2B,GAAqB,EAEhD,IAAuB,QAAkB;EAC7C,IAAM,IACJ,EAAyB,gBAAgB;AACtC,OAID,EAAyB,wBAAwB,QACnD,EACE,EAAyB,sBACzB,GACA,EAAyB,mBAC1B;IAEF;EACD,EAAyB;EACzB,EAAyB;EACzB,EAAyB;EACzB;EACD,CAAC;AAEF,QACE,kBAAC,GAAD;EACE,UAAU;EACV,OAAO;EACP,UAAU;EACJ;EACN,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAyB,UAAU,GAA4B,CAAA,EAC9D,KAAgB,kBAAC,GAAD,EAAa,OAAO,GAAgB,CAAA,CACpD,EAAA,CAAA;EAEL,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,SAAS;GACT,UAAU,EAAyB;GACnC,eAAe;AACb,OAAS;;aAEZ;GAEQ,CAAA,EACR,EAAyB,SACxB,EAAqB,kBACrB,kBAAC,GAAD;GACE,UAAU,EAAyB;GACnC,SAAS;GACT,SAAS;GACT,SAAS;aACV;GAEQ,CAAA,CAEV,EAAA,CAAA;EAEL,CAAA"}

package/dist/components/table/CsvPreview/CsvPreviewWithOptions.d.ts

@@ -0,0 +1,19 @@
+import { CsvTableDescriptor, UploadToTablePreviewResult } from '@sage-bionetworks/synapse-client';
+export type CsvPreviewWithOptionsProps = {
+    /** File handle ID of the uploaded CSV, or null if not yet uploaded */
+    fileHandleId: string | null;
+    /** Current CSV parsing configuration */
+    csvTableDescriptor: CsvTableDescriptor;
+    /** Called when the user clicks "Refresh Preview" with the form's current values */
+    onCsvTableDescriptorChange: (descriptor: CsvTableDescriptor) => void;
+    /** Called when the CSV preview data is fetched */
+    onCsvPreviewDataChange?: (data: UploadToTablePreviewResult) => void;
+    /** Called when the preview load state changes */
+    onIsLoadingChange?: (isLoading: boolean) => void;
+};
+/**
+ * Displays a CSV preview table with expandable parsing options.
+ * For upload/preview flows, prefer useCsvUploadPreview with CsvUploadPreviewContent.
+ */
+export default function CsvPreviewWithOptions({ fileHandleId, csvTableDescriptor, onCsvTableDescriptorChange, onCsvPreviewDataChange, onIsLoadingChange, }: CsvPreviewWithOptionsProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CsvPreviewWithOptions.d.ts.map

package/dist/components/table/CsvPreview/CsvPreviewWithOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CsvPreviewWithOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/table/CsvPreview/CsvPreviewWithOptions.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC3B,MAAM,kCAAkC,CAAA;AAOzC,MAAM,MAAM,0BAA0B,GAAG;IACvC,sEAAsE;IACtE,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,wCAAwC;IACxC,kBAAkB,EAAE,kBAAkB,CAAA;IACtC,mFAAmF;IACnF,0BAA0B,EAAE,CAAC,UAAU,EAAE,kBAAkB,KAAK,IAAI,CAAA;IACpE,kDAAkD;IAClD,sBAAsB,CAAC,EAAE,CAAC,IAAI,EAAE,0BAA0B,KAAK,IAAI,CAAA;IACnE,iDAAiD;IACjD,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CACjD,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,YAAY,EACZ,kBAAkB,EAClB,0BAA0B,EAC1B,sBAAsB,EACtB,iBAAiB,GAClB,EAAE,0BAA0B,2CAwC5B"}

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

@@ -0,0 +1,41 @@
+import e from "../CsvTableDescriptorForm/CsvTableDescriptorForm.js";
+import t from "./CsvPreview.js";
+import { useRef as n } from "react";
+import { Accordion as r, AccordionDetails as i, AccordionSummary as a, Button as o, Stack as s, Typography as c } from "@mui/material";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { RefreshTwoTone as d } from "@mui/icons-material";
+import f from "@mui/icons-material/ExpandMore";
+//#region src/components/table/CsvPreview/CsvPreviewWithOptions.tsx
+function p({ fileHandleId: p, csvTableDescriptor: m, onCsvTableDescriptorChange: h, onCsvPreviewDataChange: g, onIsLoadingChange: _ }) {
+	let v = n(null);
+	return /* @__PURE__ */ u(s, {
+		spacing: 2,
+		children: [p && /* @__PURE__ */ l(t, {
+			fileHandleId: p,
+			csvTableDescriptor: m,
+			onCsvPreviewDataChange: g,
+			onIsLoadingChange: _
+		}), /* @__PURE__ */ u(r, { children: [/* @__PURE__ */ l(a, {
+			expandIcon: /* @__PURE__ */ l(f, {}),
+			children: /* @__PURE__ */ l(c, {
+				variant: "headline3",
+				children: "Show Options"
+			})
+		}), /* @__PURE__ */ u(i, { children: [/* @__PURE__ */ l(e, {
+			defaultValue: m,
+			ref: v
+		}), /* @__PURE__ */ l(o, {
+			variant: "outlined",
+			startIcon: /* @__PURE__ */ l(d, {}),
+			sx: { mt: 2 },
+			onClick: () => {
+				v.current && h(v.current.getFormData());
+			},
+			children: "Refresh Preview"
+		})] })] })]
+	});
+}
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=CsvPreviewWithOptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CsvPreviewWithOptions.js","names":[],"sources":["../../../../src/components/table/CsvPreview/CsvPreviewWithOptions.tsx"],"sourcesContent":["import { RefreshTwoTone } from '@mui/icons-material'\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore'\nimport {\n  Accordion,\n  AccordionDetails,\n  AccordionSummary,\n  Button,\n  Stack,\n  Typography,\n} from '@mui/material'\nimport {\n  CsvTableDescriptor,\n  UploadToTablePreviewResult,\n} from '@sage-bionetworks/synapse-client'\nimport CsvTableDescriptorForm, {\n  CsvTableDescriptorFormHandle,\n} from '@/components/table/CsvTableDescriptorForm/CsvTableDescriptorForm'\nimport { useRef } from 'react'\nimport CsvPreview from '@/components/table/CsvPreview/CsvPreview'\n\nexport type CsvPreviewWithOptionsProps = {\n  /** File handle ID of the uploaded CSV, or null if not yet uploaded */\n  fileHandleId: string | null\n  /** Current CSV parsing configuration */\n  csvTableDescriptor: CsvTableDescriptor\n  /** Called when the user clicks \"Refresh Preview\" with the form's current values */\n  onCsvTableDescriptorChange: (descriptor: CsvTableDescriptor) => void\n  /** Called when the CSV preview data is fetched */\n  onCsvPreviewDataChange?: (data: UploadToTablePreviewResult) => void\n  /** Called when the preview load state changes */\n  onIsLoadingChange?: (isLoading: boolean) => void\n}\n\n/**\n * Displays a CSV preview table with expandable parsing options.\n * For upload/preview flows, prefer useCsvUploadPreview with CsvUploadPreviewContent.\n */\nexport default function CsvPreviewWithOptions({\n  fileHandleId,\n  csvTableDescriptor,\n  onCsvTableDescriptorChange,\n  onCsvPreviewDataChange,\n  onIsLoadingChange,\n}: CsvPreviewWithOptionsProps) {\n  const csvDescriptorFormRef = useRef<CsvTableDescriptorFormHandle | null>(null)\n\n  return (\n    <Stack spacing={2}>\n      {fileHandleId && (\n        <CsvPreview\n          fileHandleId={fileHandleId}\n          csvTableDescriptor={csvTableDescriptor}\n          onCsvPreviewDataChange={onCsvPreviewDataChange}\n          onIsLoadingChange={onIsLoadingChange}\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              if (csvDescriptorFormRef.current) {\n                onCsvTableDescriptorChange(\n                  csvDescriptorFormRef.current.getFormData(),\n                )\n              }\n            }}\n          >\n            Refresh Preview\n          </Button>\n        </AccordionDetails>\n      </Accordion>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;AAqCA,SAAwB,EAAsB,EAC5C,iBACA,uBACA,+BACA,2BACA,wBAC6B;CAC7B,IAAM,IAAuB,EAA4C,KAAK;AAE9E,QACE,kBAAC,GAAD;EAAO,SAAS;YAAhB,CACG,KACC,kBAAC,GAAD;GACgB;GACM;GACI;GACL;GACnB,CAAA,EAEJ,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAkB,YAAY,kBAAC,GAAD,EAAkB,CAAA;aAC9C,kBAAC,GAAD;IAAY,SAAS;cAAa;IAAyB,CAAA;GAC1C,CAAA,EACnB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,cAAc;GACd,KAAK;GACL,CAAA,EACF,kBAAC,GAAD;GACE,SAAS;GACT,WAAW,kBAAC,GAAD,EAAkB,CAAA;GAC7B,IAAI,EAAE,IAAI,GAAG;GACb,eAAe;AACb,IAAI,EAAqB,WACvB,EACE,EAAqB,QAAQ,aAAa,CAC3C;;aAGN;GAEQ,CAAA,CACQ,EAAA,CAAA,CACT,EAAA,CAAA,CACN"}

package/dist/components/table/CsvPreview/CsvUploadPreviewContent.d.ts

@@ -0,0 +1,12 @@
+import useCsvUploadPreview from './useCsvUploadPreview';
+export type CsvUploadPreviewContentProps = {
+    /**
+     * Shared upload/preview workflow state and callbacks from useCsvUploadPreview.
+     */
+    workflow: ReturnType<typeof useCsvUploadPreview>;
+};
+/**
+ * Renders the active CSV upload workflow step: file upload first, then preview/options.
+ */
+export default function CsvUploadPreviewContent({ workflow, }: CsvUploadPreviewContentProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CsvUploadPreviewContent.d.ts.map

package/dist/components/table/CsvPreview/CsvUploadPreviewContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CsvUploadPreviewContent.d.ts","sourceRoot":"","sources":["../../../../src/components/table/CsvPreview/CsvUploadPreviewContent.tsx"],"names":[],"mappings":"AACA,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AAQvD,MAAM,MAAM,4BAA4B,GAAG;IACzC;;OAEG;IACH,QAAQ,EAAE,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAA;CACjD,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,QAAQ,GACT,EAAE,4BAA4B,2CAmC9B"}

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

@@ -0,0 +1,25 @@
+import { BasicFileHandleUpload as e } from "../../file/upload/BasicFileHandleUpload.js";
+import { CsvUploadPreviewStep as t } from "./useCsvUploadPreview.js";
+import n from "./CsvPreviewWithOptions.js";
+import { useRef as r } from "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/components/table/CsvPreview/CsvUploadPreviewContent.tsx
+function a({ workflow: a }) {
+	let { step: o, uploadedFileHandleId: s, onFileUploaded: c, csvTableDescriptor: l, setCsvTableDescriptor: u, setCsvPreviewData: d, setIsLoadingPreview: f } = a, p = r(null);
+	return o === t.UPLOAD_CSV ? /* @__PURE__ */ i(e, {
+		ref: p,
+		allowMultipleUpload: !1,
+		onFileUploadComplete: c,
+		disableDragAndDrop: !0
+	}) : /* @__PURE__ */ i(n, {
+		fileHandleId: s,
+		csvTableDescriptor: l,
+		onCsvTableDescriptorChange: u,
+		onCsvPreviewDataChange: d,
+		onIsLoadingChange: f
+	});
+}
+//#endregion
+export { a as default };
+
+//# sourceMappingURL=CsvUploadPreviewContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CsvUploadPreviewContent.js","names":[],"sources":["../../../../src/components/table/CsvPreview/CsvUploadPreviewContent.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport useCsvUploadPreview from './useCsvUploadPreview'\nimport {\n  BasicFileHandleUpload,\n  FileUploadHandle,\n} from '@/components/file/upload/BasicFileHandleUpload'\nimport { CsvUploadPreviewStep } from '@/components/table/CsvPreview/useCsvUploadPreview'\nimport CsvPreviewWithOptions from './CsvPreviewWithOptions'\n\nexport type CsvUploadPreviewContentProps = {\n  /**\n   * Shared upload/preview workflow state and callbacks from useCsvUploadPreview.\n   */\n  workflow: ReturnType<typeof useCsvUploadPreview>\n}\n\n/**\n * Renders the active CSV upload workflow step: file upload first, then preview/options.\n */\nexport default function CsvUploadPreviewContent({\n  workflow,\n}: CsvUploadPreviewContentProps) {\n  const {\n    step,\n    uploadedFileHandleId,\n    onFileUploaded,\n    csvTableDescriptor,\n    setCsvTableDescriptor,\n    setCsvPreviewData,\n    setIsLoadingPreview,\n  } = workflow\n\n  const uploadRef = useRef<FileUploadHandle | null>(null)\n\n  // Upload step\n  if (step === CsvUploadPreviewStep.UPLOAD_CSV) {\n    return (\n      <BasicFileHandleUpload\n        ref={uploadRef}\n        allowMultipleUpload={false}\n        onFileUploadComplete={onFileUploaded}\n        disableDragAndDrop={true}\n      />\n    )\n  }\n\n  // Preview step\n  return (\n    <CsvPreviewWithOptions\n      fileHandleId={uploadedFileHandleId}\n      csvTableDescriptor={csvTableDescriptor}\n      onCsvTableDescriptorChange={setCsvTableDescriptor}\n      onCsvPreviewDataChange={setCsvPreviewData}\n      onIsLoadingChange={setIsLoadingPreview}\n    />\n  )\n}\n"],"mappings":";;;;;;AAmBA,SAAwB,EAAwB,EAC9C,eAC+B;CAC/B,IAAM,EACJ,SACA,yBACA,mBACA,uBACA,0BACA,sBACA,2BACE,GAEE,IAAY,EAAgC,KAAK;AAevD,QAZI,MAAS,EAAqB,aAE9B,kBAAC,GAAD;EACE,KAAK;EACL,qBAAqB;EACrB,sBAAsB;EACtB,oBAAoB;EACpB,CAAA,GAMJ,kBAAC,GAAD;EACE,cAAc;EACM;EACpB,4BAA4B;EAC5B,wBAAwB;EACxB,mBAAmB;EACnB,CAAA"}

package/dist/components/table/CsvPreview/UpdateTableWithCsvDialog.d.ts

@@ -0,0 +1,18 @@
+export type UpdateTableWithCsvDialogProps = {
+    /** Whether the dialog is open */
+    open: boolean;
+    /** Callback when the dialog is closed */
+    onClose: () => void;
+    /** If provided, upload csv rows to existing table */
+    tableId: string;
+    /** Invoked after all backend operations successfully complete */
+    onSuccess?: () => void;
+};
+/**
+ * A dialog used to upload CSV data to an existing Synapse Table entity.
+ * It handles a single-phase workflow:
+ * 1. CSV Upload & Preview: Displays data preview and applies the rows directly
+ * to the target table upon confirmation.
+ */
+export default function UpdateTableWithCsvDialog(props: UpdateTableWithCsvDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UpdateTableWithCsvDialog.d.ts.map

package/dist/components/table/CsvPreview/UpdateTableWithCsvDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateTableWithCsvDialog.d.ts","sourceRoot":"","sources":["../../../../src/components/table/CsvPreview/UpdateTableWithCsvDialog.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,6BAA6B,GAAG;IAC1C,iCAAiC;IACjC,IAAI,EAAE,OAAO,CAAA;IACb,yCAAyC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,qDAAqD;IACrD,OAAO,EAAE,MAAM,CAAA;IACf,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;CACvB,CAAA;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAC9C,KAAK,EAAE,6BAA6B,2CA8DrC"}

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

@@ -0,0 +1,55 @@
+import { displayToast as e } from "../../ToastMessage/ToastMessage.js";
+import { DialogBase as t } from "../../DialogBase.js";
+import n, { CsvUploadPreviewStep as r } from "./useCsvUploadPreview.js";
+import i from "./CsvUploadPreviewContent.js";
+import a from "./useUploadCsvToExistingTable.js";
+import { useCallback as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+import u from "@mui/material/Button";
+//#region src/components/table/CsvPreview/UpdateTableWithCsvDialog.tsx
+function d(d) {
+	let { open: f, onClose: p, tableId: m, onSuccess: h } = d, g = n(), { mutate: _, isPending: v } = a({
+		onSuccess() {
+			h?.();
+		},
+		onError(t) {
+			e(t.message, "danger");
+		}
+	}), y = o(() => {
+		_({
+			tableId: m,
+			csvTableDescriptor: g.csvTableDescriptor,
+			fileHandleId: g.uploadedFileHandleId
+		});
+	}, [
+		_,
+		m,
+		g.csvTableDescriptor,
+		g.uploadedFileHandleId
+	]);
+	return /* @__PURE__ */ c(t, {
+		maxWidth: "lg",
+		title: "Upload CSV",
+		onCancel: p,
+		open: f,
+		content: /* @__PURE__ */ c(i, { workflow: g }),
+		actions: /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(u, {
+			variant: "outlined",
+			disabled: g.isLoadingPreview,
+			onClick: () => {
+				p();
+			},
+			children: "Cancel"
+		}), g.step === r.COLUMN_PREVIEW && /* @__PURE__ */ c(u, {
+			disabled: g.isLoadingPreview,
+			variant: "contained",
+			onClick: y,
+			loading: v,
+			children: "Confirm"
+		})] })
+	});
+}
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=UpdateTableWithCsvDialog.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpdateTableWithCsvDialog.js","names":[],"sources":["../../../../src/components/table/CsvPreview/UpdateTableWithCsvDialog.tsx"],"sourcesContent":["import { DialogBase } from '@/components/DialogBase'\nimport { displayToast } from '@/components/ToastMessage/ToastMessage'\nimport useCsvUploadPreview, {\n  CsvUploadPreviewStep,\n} from '@/components/table/CsvPreview/useCsvUploadPreview'\nimport Button from '@mui/material/Button'\nimport { useCallback } from 'react'\nimport useUploadCsvToExistingTable from './useUploadCsvToExistingTable'\nimport CsvUploadPreviewContent from './CsvUploadPreviewContent'\n\nexport type UpdateTableWithCsvDialogProps = {\n  /** Whether the dialog is open */\n  open: boolean\n  /** Callback when the dialog is closed */\n  onClose: () => void\n  /** If provided, upload csv rows to existing table */\n  tableId: string\n  /** Invoked after all backend operations successfully complete */\n  onSuccess?: () => void\n}\n\n/**\n * A dialog used to upload CSV data to an existing Synapse Table entity.\n * It handles a single-phase workflow:\n * 1. CSV Upload & Preview: Displays data preview and applies the rows directly\n * to the target table upon confirmation.\n */\nexport default function UpdateTableWithCsvDialog(\n  props: UpdateTableWithCsvDialogProps,\n) {\n  const { open, onClose, tableId, onSuccess } = props\n  const csvUploadPreviewWorkflow = useCsvUploadPreview()\n\n  const { mutate: uploadCsvToExistingTable, isPending: isUploading } =\n    useUploadCsvToExistingTable({\n      onSuccess() {\n        onSuccess?.()\n      },\n      onError(error) {\n        displayToast(error.message, 'danger')\n      },\n    })\n\n  const handleFinish = useCallback(() => {\n    // table already exists; upload csv rows directly to table\n    uploadCsvToExistingTable({\n      tableId,\n      csvTableDescriptor: csvUploadPreviewWorkflow.csvTableDescriptor,\n      fileHandleId: csvUploadPreviewWorkflow.uploadedFileHandleId!,\n    })\n  }, [\n    uploadCsvToExistingTable,\n    tableId,\n    csvUploadPreviewWorkflow.csvTableDescriptor,\n    csvUploadPreviewWorkflow.uploadedFileHandleId,\n  ])\n\n  return (\n    <DialogBase\n      maxWidth={'lg'}\n      title={'Upload CSV'}\n      onCancel={onClose}\n      open={open}\n      content={<CsvUploadPreviewContent workflow={csvUploadPreviewWorkflow} />}\n      actions={\n        <>\n          <Button\n            variant={'outlined'}\n            disabled={csvUploadPreviewWorkflow.isLoadingPreview}\n            onClick={() => {\n              onClose()\n            }}\n          >\n            Cancel\n          </Button>\n          {csvUploadPreviewWorkflow.step ===\n            CsvUploadPreviewStep.COLUMN_PREVIEW && (\n            <Button\n              disabled={csvUploadPreviewWorkflow.isLoadingPreview}\n              variant={'contained'}\n              onClick={handleFinish}\n              loading={isUploading}\n            >\n              Confirm\n            </Button>\n          )}\n        </>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;;;;;AA2BA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,SAAM,YAAS,YAAS,iBAAc,GACxC,IAA2B,GAAqB,EAEhD,EAAE,QAAQ,GAA0B,WAAW,MACnD,EAA4B;EAC1B,YAAY;AACV,QAAa;;EAEf,QAAQ,GAAO;AACb,KAAa,EAAM,SAAS,SAAS;;EAExC,CAAC,EAEE,IAAe,QAAkB;AAErC,IAAyB;GACvB;GACA,oBAAoB,EAAyB;GAC7C,cAAc,EAAyB;GACxC,CAAC;IACD;EACD;EACA;EACA,EAAyB;EACzB,EAAyB;EAC1B,CAAC;AAEF,QACE,kBAAC,GAAD;EACE,UAAU;EACV,OAAO;EACP,UAAU;EACJ;EACN,SAAS,kBAAC,GAAD,EAAyB,UAAU,GAA4B,CAAA;EACxE,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,SAAS;GACT,UAAU,EAAyB;GACnC,eAAe;AACb,OAAS;;aAEZ;GAEQ,CAAA,EACR,EAAyB,SACxB,EAAqB,kBACrB,kBAAC,GAAD;GACE,UAAU,EAAyB;GACnC,SAAS;GACT,SAAS;GACT,SAAS;aACV;GAEQ,CAAA,CAEV,EAAA,CAAA;EAEL,CAAA"}

package/dist/components/table/CsvPreview/useCreateTableFromCsv.d.ts

@@ -0,0 +1,19 @@
+import { CsvTableDescriptor, TableUpdateTransactionResponse } from '@sage-bionetworks/synapse-client';
+import { UseMutationOptions } from '@tanstack/react-query';
+import { ColumnModel as SynapseTypesColumnModel } from '@sage-bionetworks/synapse-types';
+import { SetOptional } from 'type-fest';
+import { SynapseClientError } from '@/utils/index';
+type CreateTableFromCsvProps = {
+    parentId: string;
+    tableName: string;
+    columnModels: SetOptional<SynapseTypesColumnModel, 'id'>[];
+    csvTableDescriptor: CsvTableDescriptor;
+    fileHandleId: string;
+};
+/**
+ * Mutation hook that creates a new Synapse Table from a CSV.
+ * Creates ColumnModels, creates the TableEntity, then uploads the CSV rows.
+ */
+export default function useCreateTableFromCsv(options?: Omit<UseMutationOptions<TableUpdateTransactionResponse, SynapseClientError, CreateTableFromCsvProps>, 'mutationFn'>): import("@tanstack/react-query").UseMutationResult<TableUpdateTransactionResponse, SynapseClientError, CreateTableFromCsvProps, unknown>;
+export {};
+//# sourceMappingURL=useCreateTableFromCsv.d.ts.map

package/dist/components/table/CsvPreview/useCreateTableFromCsv.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateTableFromCsv.d.ts","sourceRoot":"","sources":["../../../../src/components/table/CsvPreview/useCreateTableFromCsv.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAElB,8BAA8B,EAC/B,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAe,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AACvE,OAAO,EAEL,WAAW,IAAI,uBAAuB,EAEvC,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAKlD,KAAK,uBAAuB,GAAG;IAC7B,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,YAAY,EAAE,WAAW,CAAC,uBAAuB,EAAE,IAAI,CAAC,EAAE,CAAA;IAC1D,kBAAkB,EAAE,kBAAkB,CAAA;IACtC,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAC3C,OAAO,CAAC,EAAE,IAAI,CACZ,kBAAkB,CAChB,8BAA8B,EAC9B,kBAAkB,EAClB,uBAAuB,CACxB,EACD,YAAY,CACb,2IAkDF"}

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

@@ -0,0 +1,35 @@
+import { useCreateEntity as e } from "../../../synapse-queries/entity/useEntity.js";
+import "../../../synapse-queries/index.js";
+import { useCreateColumnModels as t } from "../../../synapse-queries/table/useColumnModel.js";
+import { useTableUpdateTransaction as n } from "../../../synapse-queries/table/useTableUpdateTransaction.js";
+import { useMutation as r } from "@tanstack/react-query";
+//#region src/components/table/CsvPreview/useCreateTableFromCsv.ts
+function i(i) {
+	let { mutateAsync: a } = t(), { mutateAsync: o } = e(), { mutateAsync: s } = n();
+	return r({
+		...i,
+		mutationFn: async ({ parentId: e, tableName: t, columnModels: n, csvTableDescriptor: r, fileHandleId: i }) => {
+			let c = await a(n), l = {
+				name: t,
+				parentId: e,
+				concreteType: "org.sagebionetworks.repo.model.table.TableEntity"
+			};
+			l.columnIds = c.map((e) => e.id);
+			let u = await o(l);
+			return s({
+				concreteType: "org.sagebionetworks.repo.model.table.TableUpdateTransactionRequest",
+				entityId: u.id,
+				changes: [{
+					tableId: u.id,
+					uploadFileHandleId: i,
+					csvTableDescriptor: r,
+					concreteType: "org.sagebionetworks.repo.model.table.UploadToTableRequest"
+				}]
+			});
+		}
+	});
+}
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=useCreateTableFromCsv.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCreateTableFromCsv.js","names":[],"sources":["../../../../src/components/table/CsvPreview/useCreateTableFromCsv.ts"],"sourcesContent":["import {\n  CsvTableDescriptor,\n  TableUpdateTransactionRequest,\n  TableUpdateTransactionResponse,\n} from '@sage-bionetworks/synapse-client'\nimport { useMutation, UseMutationOptions } from '@tanstack/react-query'\nimport {\n  Entity,\n  ColumnModel as SynapseTypesColumnModel,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport { SetOptional } from 'type-fest'\nimport { SynapseClientError } from '@/utils/index'\nimport { useCreateEntity } from '@/synapse-queries'\nimport { useCreateColumnModels } from '@/synapse-queries/table/useColumnModel'\nimport { useTableUpdateTransaction } from '@/synapse-queries/table/useTableUpdateTransaction'\n\ntype CreateTableFromCsvProps = {\n  parentId: string\n  tableName: string\n  columnModels: SetOptional<SynapseTypesColumnModel, 'id'>[]\n  csvTableDescriptor: CsvTableDescriptor\n  fileHandleId: string\n}\n\n/**\n * Mutation hook that creates a new Synapse Table from a CSV.\n * Creates ColumnModels, creates the TableEntity, then uploads the CSV rows.\n */\nexport default function useCreateTableFromCsv(\n  options?: Omit<\n    UseMutationOptions<\n      TableUpdateTransactionResponse,\n      SynapseClientError,\n      CreateTableFromCsvProps\n    >,\n    'mutationFn'\n  >,\n) {\n  const { mutateAsync: createColumnModels } = useCreateColumnModels()\n  const { mutateAsync: createEntity } = useCreateEntity()\n  const { mutateAsync: updateTableInTransaction } = useTableUpdateTransaction()\n\n  return useMutation<\n    TableUpdateTransactionResponse,\n    SynapseClientError,\n    CreateTableFromCsvProps\n  >({\n    ...options,\n    mutationFn: async ({\n      parentId,\n      tableName,\n      columnModels,\n      csvTableDescriptor,\n      fileHandleId,\n    }) => {\n      const createdColumnModelResults = await createColumnModels(columnModels)\n\n      const entityToCreate: Entity = {\n        name: tableName,\n        parentId: parentId,\n        concreteType: 'org.sagebionetworks.repo.model.table.TableEntity',\n      }\n      ;(entityToCreate as Table)['columnIds'] = createdColumnModelResults.map(\n        cm => cm.id,\n      )\n\n      const newEntity = await createEntity(entityToCreate)\n\n      const tableUpdateRequest: TableUpdateTransactionRequest = {\n        concreteType:\n          'org.sagebionetworks.repo.model.table.TableUpdateTransactionRequest',\n        entityId: newEntity.id!,\n        changes: [\n          {\n            tableId: newEntity.id!,\n            uploadFileHandleId: fileHandleId,\n            csvTableDescriptor,\n            concreteType:\n              'org.sagebionetworks.repo.model.table.UploadToTableRequest',\n          },\n        ],\n      }\n\n      return updateTableInTransaction(tableUpdateRequest)\n    },\n  })\n}\n"],"mappings":";;;;;;AA6BA,SAAwB,EACtB,GAQA;CACA,IAAM,EAAE,aAAa,MAAuB,GAAuB,EAC7D,EAAE,aAAa,MAAiB,GAAiB,EACjD,EAAE,aAAa,MAA6B,GAA2B;AAE7E,QAAO,EAIL;EACA,GAAG;EACH,YAAY,OAAO,EACjB,aACA,cACA,iBACA,uBACA,sBACI;GACJ,IAAM,IAA4B,MAAM,EAAmB,EAAa,EAElE,IAAyB;IAC7B,MAAM;IACI;IACV,cAAc;IACf;AACC,KAAyB,YAAe,EAA0B,KAClE,MAAM,EAAG,GACV;GAED,IAAM,IAAY,MAAM,EAAa,EAAe;AAiBpD,UAAO,EAAyB;IAd9B,cACE;IACF,UAAU,EAAU;IACpB,SAAS,CACP;KACE,SAAS,EAAU;KACnB,oBAAoB;KACpB;KACA,cACE;KACH,CACF;IAG6B,CAAmB;;EAEtD,CAAC"}

package/dist/components/table/CsvPreview/useCsvUploadPreview.d.ts

@@ -0,0 +1,22 @@
+import { CsvTableDescriptor, UploadToTablePreviewResult } from '@sage-bionetworks/synapse-client';
+export declare enum CsvUploadPreviewStep {
+    UPLOAD_CSV = 0,
+    COLUMN_PREVIEW = 1
+}
+/**
+ * Shared state and logic for CSV upload/preview dialogs.
+ * Manages the common state needed for uploading a CSV file and previewing its contents.
+ */
+export default function useCsvUploadPreview(): {
+    step: CsvUploadPreviewStep;
+    setStep: import("react").Dispatch<import("react").SetStateAction<CsvUploadPreviewStep>>;
+    csvTableDescriptor: CsvTableDescriptor;
+    setCsvTableDescriptor: import("react").Dispatch<import("react").SetStateAction<CsvTableDescriptor>>;
+    uploadedFileHandleId: string | null;
+    csvPreviewData: UploadToTablePreviewResult | null;
+    setCsvPreviewData: import("react").Dispatch<import("react").SetStateAction<UploadToTablePreviewResult | null>>;
+    isLoadingPreview: boolean;
+    setIsLoadingPreview: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    onFileUploaded: (fileHandleId: string) => void;
+};
+//# sourceMappingURL=useCsvUploadPreview.d.ts.map

package/dist/components/table/CsvPreview/useCsvUploadPreview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCsvUploadPreview.d.ts","sourceRoot":"","sources":["../../../../src/components/table/CsvPreview/useCsvUploadPreview.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAClB,0BAA0B,EAC3B,MAAM,kCAAkC,CAAA;AAUzC,oBAAY,oBAAoB;IAC9B,UAAU,IAAI;IACd,cAAc,IAAI;CACnB;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB;;;;;;;;;;mCAWS,MAAM;EAiBzD"}

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

@@ -0,0 +1,32 @@
+import { useCallback as e, useState as t } from "react";
+//#region src/components/table/CsvPreview/useCsvUploadPreview.ts
+var n = {
+	separator: ",",
+	quoteCharacter: "\"",
+	escapeCharacter: "\\",
+	lineEnd: "\n",
+	isFirstLineHeader: !0
+}, r = /* @__PURE__ */ function(e) {
+	return e[e.UPLOAD_CSV = 0] = "UPLOAD_CSV", e[e.COLUMN_PREVIEW = 1] = "COLUMN_PREVIEW", e;
+}({});
+function i() {
+	let [i, a] = t(r.UPLOAD_CSV), [o, s] = t(n), [c, l] = t(null), [u, d] = t(null), [f, p] = t(!1);
+	return {
+		step: i,
+		setStep: a,
+		csvTableDescriptor: o,
+		setCsvTableDescriptor: s,
+		uploadedFileHandleId: c,
+		csvPreviewData: u,
+		setCsvPreviewData: d,
+		isLoadingPreview: f,
+		setIsLoadingPreview: p,
+		onFileUploaded: e((e) => {
+			l(e), a(r.COLUMN_PREVIEW);
+		}, [])
+	};
+}
+//#endregion
+export { r as CsvUploadPreviewStep, i as default };
+
+//# sourceMappingURL=useCsvUploadPreview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useCsvUploadPreview.js","names":[],"sources":["../../../../src/components/table/CsvPreview/useCsvUploadPreview.ts"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport {\n  CsvTableDescriptor,\n  UploadToTablePreviewResult,\n} from '@sage-bionetworks/synapse-client'\n\nconst DEFAULT_CSV_TABLE_DESCRIPTOR: CsvTableDescriptor = {\n  separator: ',',\n  quoteCharacter: '\"',\n  escapeCharacter: '\\\\',\n  lineEnd: '\\n',\n  isFirstLineHeader: true,\n}\n\nexport enum CsvUploadPreviewStep {\n  UPLOAD_CSV = 0,\n  COLUMN_PREVIEW = 1,\n}\n\n/**\n * Shared state and logic for CSV upload/preview dialogs.\n * Manages the common state needed for uploading a CSV file and previewing its contents.\n */\nexport default function useCsvUploadPreview() {\n  const [step, setStep] = useState(CsvUploadPreviewStep.UPLOAD_CSV)\n  const [csvTableDescriptor, setCsvTableDescriptor] =\n    useState<CsvTableDescriptor>(DEFAULT_CSV_TABLE_DESCRIPTOR)\n  const [uploadedFileHandleId, setUploadedFileHandleId] = useState<\n    string | null\n  >(null)\n  const [csvPreviewData, setCsvPreviewData] =\n    useState<UploadToTablePreviewResult | null>(null)\n  const [isLoadingPreview, setIsLoadingPreview] = useState(false)\n\n  const onFileUploaded = useCallback((fileHandleId: string) => {\n    setUploadedFileHandleId(fileHandleId)\n    setStep(CsvUploadPreviewStep.COLUMN_PREVIEW)\n  }, [])\n\n  return {\n    step,\n    setStep,\n    csvTableDescriptor,\n    setCsvTableDescriptor,\n    uploadedFileHandleId,\n    csvPreviewData,\n    setCsvPreviewData,\n    isLoadingPreview,\n    setIsLoadingPreview,\n    onFileUploaded,\n  }\n}\n"],"mappings":";;AAMA,IAAM,IAAmD;CACvD,WAAW;CACX,gBAAgB;CAChB,iBAAiB;CACjB,SAAS;CACT,mBAAmB;CACpB,EAEW,IAAL,yBAAA,GAAA;QACL,EAAA,EAAA,aAAa,KAAA,cACb,EAAA,EAAA,iBAAiB,KAAA;KAClB;AAMD,SAAwB,IAAsB;CAC5C,IAAM,CAAC,GAAM,KAAW,EAAS,EAAqB,WAAW,EAC3D,CAAC,GAAoB,KACzB,EAA6B,EAA6B,EACtD,CAAC,GAAsB,KAA2B,EAEtD,KAAK,EACD,CAAC,GAAgB,KACrB,EAA4C,KAAK,EAC7C,CAAC,GAAkB,KAAuB,EAAS,GAAM;AAO/D,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,gBAfqB,GAAa,MAAyB;AAE3D,GADA,EAAwB,EAAa,EACrC,EAAQ,EAAqB,eAAe;KAC3C,EAAE,CAYH;EACD"}

package/dist/components/table/CsvPreview/useUploadCsvToExistingTable.d.ts

@@ -0,0 +1,14 @@
+import { CsvTableDescriptor, TableUpdateTransactionResponse } from '@sage-bionetworks/synapse-client';
+import { UseMutationOptions } from '@tanstack/react-query';
+import { SynapseClientError } from '@/utils/index';
+type UploadCsvToExistingTableProps = {
+    tableId: string;
+    csvTableDescriptor: CsvTableDescriptor;
+    fileHandleId: string;
+};
+/**
+ * Mutation hook that uploads CSV rows to an existing Synapse Table.
+ */
+export default function useUploadCsvToExistingTable(options?: Omit<UseMutationOptions<TableUpdateTransactionResponse, SynapseClientError, UploadCsvToExistingTableProps>, 'mutationFn'>): import("@tanstack/react-query").UseMutationResult<TableUpdateTransactionResponse, SynapseClientError, UploadCsvToExistingTableProps, unknown>;
+export {};
+//# sourceMappingURL=useUploadCsvToExistingTable.d.ts.map

package/dist/components/table/CsvPreview/useUploadCsvToExistingTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUploadCsvToExistingTable.d.ts","sourceRoot":"","sources":["../../../../src/components/table/CsvPreview/useUploadCsvToExistingTable.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAElB,8BAA8B,EAC/B,MAAM,kCAAkC,CAAA;AACzC,OAAO,EAAe,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAGlD,KAAK,6BAA6B,GAAG;IACnC,OAAO,EAAE,MAAM,CAAA;IACf,kBAAkB,EAAE,kBAAkB,CAAA;IACtC,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,2BAA2B,CACjD,OAAO,CAAC,EAAE,IAAI,CACZ,kBAAkB,CAChB,8BAA8B,EAC9B,kBAAkB,EAClB,6BAA6B,CAC9B,EACD,YAAY,CACb,iJA6BF"}

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

@@ -0,0 +1,23 @@
+import { useTableUpdateTransaction as e } from "../../../synapse-queries/table/useTableUpdateTransaction.js";
+import { useMutation as t } from "@tanstack/react-query";
+//#region src/components/table/CsvPreview/useUploadCsvToExistingTable.ts
+function n(n) {
+	let { mutateAsync: r } = e();
+	return t({
+		...n,
+		mutationFn: async ({ tableId: e, csvTableDescriptor: t, fileHandleId: n }) => r({
+			concreteType: "org.sagebionetworks.repo.model.table.TableUpdateTransactionRequest",
+			entityId: e,
+			changes: [{
+				tableId: e,
+				uploadFileHandleId: n,
+				csvTableDescriptor: t,
+				concreteType: "org.sagebionetworks.repo.model.table.UploadToTableRequest"
+			}]
+		})
+	});
+}
+//#endregion
+export { n as default };
+
+//# sourceMappingURL=useUploadCsvToExistingTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useUploadCsvToExistingTable.js","names":[],"sources":["../../../../src/components/table/CsvPreview/useUploadCsvToExistingTable.ts"],"sourcesContent":["import {\n  CsvTableDescriptor,\n  TableUpdateTransactionRequest,\n  TableUpdateTransactionResponse,\n} from '@sage-bionetworks/synapse-client'\nimport { useMutation, UseMutationOptions } from '@tanstack/react-query'\nimport { SynapseClientError } from '@/utils/index'\nimport { useTableUpdateTransaction } from '@/synapse-queries/table/useTableUpdateTransaction'\n\ntype UploadCsvToExistingTableProps = {\n  tableId: string\n  csvTableDescriptor: CsvTableDescriptor\n  fileHandleId: string\n}\n\n/**\n * Mutation hook that uploads CSV rows to an existing Synapse Table.\n */\nexport default function useUploadCsvToExistingTable(\n  options?: Omit<\n    UseMutationOptions<\n      TableUpdateTransactionResponse,\n      SynapseClientError,\n      UploadCsvToExistingTableProps\n    >,\n    'mutationFn'\n  >,\n) {\n  const { mutateAsync: updateTableInTransaction } = useTableUpdateTransaction()\n\n  return useMutation<\n    TableUpdateTransactionResponse,\n    SynapseClientError,\n    UploadCsvToExistingTableProps\n  >({\n    ...options,\n    mutationFn: async ({ tableId, csvTableDescriptor, fileHandleId }) => {\n      const tableUpdateRequest: TableUpdateTransactionRequest = {\n        concreteType:\n          'org.sagebionetworks.repo.model.table.TableUpdateTransactionRequest',\n        entityId: tableId,\n        changes: [\n          {\n            tableId: tableId,\n            uploadFileHandleId: fileHandleId,\n            csvTableDescriptor,\n            concreteType:\n              'org.sagebionetworks.repo.model.table.UploadToTableRequest',\n          },\n        ],\n      }\n\n      return updateTableInTransaction(tableUpdateRequest)\n    },\n  })\n}\n"],"mappings":";;;AAkBA,SAAwB,EACtB,GAQA;CACA,IAAM,EAAE,aAAa,MAA6B,GAA2B;AAE7E,QAAO,EAIL;EACA,GAAG;EACH,YAAY,OAAO,EAAE,YAAS,uBAAoB,sBAgBzC,EAAyB;GAd9B,cACE;GACF,UAAU;GACV,SAAS,CACP;IACW;IACT,oBAAoB;IACpB;IACA,cACE;IACH,CACF;GAG6B,CAAmB;EAEtD,CAAC"}

package/dist/components/utils/ConditionalWrapper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionalWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/utils/ConditionalWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,KAAK,uBAAuB,CAC1B,QAAQ,SAAS,aAAa,CAAC,iBAAiB,CAAC,GAAG,aAAa,CAAC,iBAAiB,CAAC,IAClF;IACF,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,QAAQ,CAAA;IACjB,YAAY,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAA;IACzD,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAQxE"}
+{"version":3,"file":"ConditionalWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/utils/ConditionalWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,aAAa,EACb,iBAAiB,EACjB,SAAS,EACV,MAAM,OAAO,CAAA;AAEd,KAAK,uBAAuB,CAC1B,QAAQ,SAAS,aAAa,CAAC,iBAAiB,CAAC,GAC/C,aAAa,CAAC,iBAAiB,CAAC,IAChC;IACF,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,QAAQ,CAAA;IACjB,YAAY,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAA;IACzD,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAQxE"}

package/dist/components/utils/ConditionalWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionalWrapper.js","names":[],"sources":["../../../src/components/utils/ConditionalWrapper.tsx"],"sourcesContent":["import {\n  ComponentProps,\n  ComponentType,\n  PropsWithChildren,\n  ReactNode,\n} from 'react'\n\ntype ConditionalWrapperProps<\n  TWrapper extends ComponentType<PropsWithChildren> = ComponentType<PropsWithChildren>,\n> = {\n  condition: boolean\n  wrapper: TWrapper\n  wrapperProps?: Omit<ComponentProps<TWrapper>, 'children'>\n  children: ReactNode\n}\n\nexport default function ConditionalWrapper(props: ConditionalWrapperProps) {\n  const { condition, wrapper: Wrapper, wrapperProps, children } = props\n\n  return condition ? (\n    <Wrapper {...wrapperProps}>{children}</Wrapper>\n  ) : (\n    <>{children}</>\n  )\n}\n"],"mappings":";;AAgBA,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EAAE,cAAW,SAAS,GAAS,iBAAc,gBAAa;AAEhE,QAAO,IACL,kBAAC,GAAD;EAAS,GAAI;EAAe;EAAmB,CAAA,GAE/C,kBAAA,GAAA,EAAG,aAAY,CAAA"}
+{"version":3,"file":"ConditionalWrapper.js","names":[],"sources":["../../../src/components/utils/ConditionalWrapper.tsx"],"sourcesContent":["import {\n  ComponentProps,\n  ComponentType,\n  PropsWithChildren,\n  ReactNode,\n} from 'react'\n\ntype ConditionalWrapperProps<\n  TWrapper extends ComponentType<PropsWithChildren> =\n    ComponentType<PropsWithChildren>,\n> = {\n  condition: boolean\n  wrapper: TWrapper\n  wrapperProps?: Omit<ComponentProps<TWrapper>, 'children'>\n  children: ReactNode\n}\n\nexport default function ConditionalWrapper(props: ConditionalWrapperProps) {\n  const { condition, wrapper: Wrapper, wrapperProps, children } = props\n\n  return condition ? (\n    <Wrapper {...wrapperProps}>{children}</Wrapper>\n  ) : (\n    <>{children}</>\n  )\n}\n"],"mappings":";;AAiBA,SAAwB,EAAmB,GAAgC;CACzE,IAAM,EAAE,cAAW,SAAS,GAAS,iBAAc,gBAAa;AAEhE,QAAO,IACL,kBAAC,GAAD;EAAS,GAAI;EAAe;EAAmB,CAAA,GAE/C,kBAAA,GAAA,EAAG,aAAY,CAAA"}

package/dist/components/widgets/ElementWithTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ElementWithTooltip.js","names":[],"sources":["../../../src/components/widgets/ElementWithTooltip.tsx"],"sourcesContent":["import React from 'react'\nimport { Menu, Tooltip } from '@mui/material'\nimport {\n  ComponentElement,\n  CSSProperties,\n  MouseEvent,\n  PropsWithChildren,\n  ReactNode,\n  useState,\n} from 'react'\nimport IconSvg, { IconSvgProps } from '../IconSvg/IconSvg'\nimport { Icon } from '../row_renderers/utils'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\n\ntype CustomImageProps = {\n  svgImg: ComponentElement<any, any>\n  altText: string\n}\n\nexport type TooltipVisualProps = {\n  delayShow: number\n  place: 'top' | 'right' | 'bottom' | 'left'\n  type: 'dark' | 'success' | 'warning' | 'error' | 'info' | 'light'\n  effect: 'float' | 'solid'\n  border?: boolean\n}\n\nconst DEFAULT_TOOLTIP_VISUAL_PROPS: Partial<TooltipVisualProps> = {\n  place: 'top',\n}\n\n/*****************************************\n *  The control needs to either have a child element or needs to have an image supplied\n *  If the child element is supplied the control renders the child applying additional properties\n *  If the image is supplied the control renders a clickable image\n *  If there are no children and callback Fn is not supplied it is assumed to be a a dropdown trigger\n */\n\ntype ElementWithTooltipProps = PropsWithChildren<{\n  image?: IconSvgProps | CustomImageProps\n  imageColor?: string\n  tooltipText: string\n  callbackFn?: () => void\n  className?: string\n  tooltipVisualProps?: Partial<TooltipVisualProps>\n  darkTheme?: boolean\n  size?: string\n  icon?: ReactNode\n  /** The items to show in the menu -- NOTE: this cannot be a Fragment!\n   * @see https://stackoverflow.com/questions/75083605/mui-the-menu-component-doesnt-accept-a-fragment-as-a-child-consider-providing\n   */\n  menuItems?: React.ReactNode\n}>\n\nfunction getTooltipTriggerContents(\n  image: IconSvgProps | CustomImageProps,\n  imageColor: string | undefined,\n  size: CSSProperties['width'] | undefined,\n) {\n  if ('svgImg' in image) {\n    return image.svgImg\n  } else {\n    return <IconSvg {...image} sx={{ color: imageColor, width: size }} />\n  }\n}\n\nexport const ElementWithTooltip = ({\n  image,\n  callbackFn,\n  tooltipText,\n  className = '',\n  imageColor,\n  tooltipVisualProps = DEFAULT_TOOLTIP_VISUAL_PROPS,\n  children,\n  darkTheme,\n  size,\n  icon,\n  menuItems,\n}: ElementWithTooltipProps): React.ReactNode => {\n  const { place } = tooltipVisualProps\n  const iconComponent = icon ? (\n    typeof icon === 'string' ? (\n      <Icon type={icon}></Icon>\n    ) : (\n      icon\n    )\n  ) : undefined\n  const tooltipTriggerContents = iconComponent\n    ? iconComponent\n    : image\n    ? getTooltipTriggerContents(image, imageColor, size)\n    : children || <></>\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n  const open = Boolean(anchorEl)\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n  //if there is no callbackFn - assume it's a toggle\n\n  let tooltipTrigger: ReactNode\n  if (!children) {\n    tooltipTrigger = (\n      <button\n        tabIndex={0}\n        className={`ElementWithTooltip SRC-hand-cursor SRC-grey-background-hover ${className} ${\n          darkTheme ? 'dark-theme' : ''\n        } `}\n        onClick={e => {\n          if (callbackFn) {\n            callbackFn()\n          } else {\n            // open dropdown menu\n            handleClick(e)\n          }\n        }}\n        aria-label={tooltipText}\n      >\n        {tooltipTriggerContents}\n      </button>\n    )\n  } else {\n    tooltipTrigger = <div className=\"SRC-hand-cursor\">{children}</div>\n  }\n\n  return (\n    <>\n      <Tooltip\n        title={tooltipText}\n        enterNextDelay={TOOLTIP_DELAY_SHOW}\n        placement={place}\n        data-testid=\"ElementTooltip\"\n      >\n        {tooltipTrigger}\n      </Tooltip>\n      {menuItems && (\n        <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n          {menuItems}\n        </Menu>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AA2BA,IAAM,IAA4D,EAChE,OAAO,OACR;AAyBD,SAAS,EACP,GACA,GACA,GACA;AAIE,QAHE,YAAY,IACP,EAAM,SAEN,kBAAC,GAAD;EAAS,GAAI;EAAO,IAAI;GAAE,OAAO;GAAY,OAAO;GAAM;EAAI,CAAA;;AAIzE,IAAa,KAAsB,EACjC,UACA,eACA,gBACA,eAAY,IACZ,eACA,wBAAqB,GACrB,aACA,cACA,SACA,SACA,mBAC8C;CAC9C,IAAM,EAAE,aAAU,GAQZ,KAPgB,IACpB,OAAO,KAAS,WACd,kBAAC,GAAD,EAAM,MAAM,GAAa,CAAA,GAEzB,IAEA,KAAA,OAGA,IACA,EAA0B,GAAO,GAAY,EAAK,GAClD,KAAY,kBAAA,GAAA,EAAK,CAAA,GAEf,CAAC,GAAU,KAAe,EAA6B,KAAK,EAC5D,IAAO,EAAQ,GACf,KAAe,MAAyC;AAC5D,IAAY,EAAM,cAAc;IAE5B,UAAoB;AACxB,IAAY,KAAK;IAIf;AAyBJ,QAxBA,AACE,IADG,IAqBc,kBAAC,OAAD;EAAK,WAAU;EAAmB;EAAe,CAAA,GAnBhE,kBAAC,UAAD;EACE,UAAU;EACV,WAAW,gEAAgE,EAAU,GACnF,IAAY,eAAe,GAC5B;EACD,UAAS,MAAK;AACZ,GAAI,IACF,GAAY,GAGZ,EAAY,EAAE;;EAGlB,cAAY;YAEX;EACM,CAAA,EAOX,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,OAAO;EACP,gBAAA;EACA,WAAW;EACX,eAAY;YAEX;EACO,CAAA,EACT,KACC,kBAAC,GAAD;EAAgB;EAAgB;EAAM,SAAS;YAC5C;EACI,CAAA,CAER,EAAA,CAAA"}
+{"version":3,"file":"ElementWithTooltip.js","names":[],"sources":["../../../src/components/widgets/ElementWithTooltip.tsx"],"sourcesContent":["import React from 'react'\nimport { Menu, Tooltip } from '@mui/material'\nimport {\n  ComponentElement,\n  CSSProperties,\n  MouseEvent,\n  PropsWithChildren,\n  ReactNode,\n  useState,\n} from 'react'\nimport IconSvg, { IconSvgProps } from '../IconSvg/IconSvg'\nimport { Icon } from '../row_renderers/utils'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\n\ntype CustomImageProps = {\n  svgImg: ComponentElement<any, any>\n  altText: string\n}\n\nexport type TooltipVisualProps = {\n  delayShow: number\n  place: 'top' | 'right' | 'bottom' | 'left'\n  type: 'dark' | 'success' | 'warning' | 'error' | 'info' | 'light'\n  effect: 'float' | 'solid'\n  border?: boolean\n}\n\nconst DEFAULT_TOOLTIP_VISUAL_PROPS: Partial<TooltipVisualProps> = {\n  place: 'top',\n}\n\n/*****************************************\n *  The control needs to either have a child element or needs to have an image supplied\n *  If the child element is supplied the control renders the child applying additional properties\n *  If the image is supplied the control renders a clickable image\n *  If there are no children and callback Fn is not supplied it is assumed to be a a dropdown trigger\n */\n\ntype ElementWithTooltipProps = PropsWithChildren<{\n  image?: IconSvgProps | CustomImageProps\n  imageColor?: string\n  tooltipText: string\n  callbackFn?: () => void\n  className?: string\n  tooltipVisualProps?: Partial<TooltipVisualProps>\n  darkTheme?: boolean\n  size?: string\n  icon?: ReactNode\n  /** The items to show in the menu -- NOTE: this cannot be a Fragment!\n   * @see https://stackoverflow.com/questions/75083605/mui-the-menu-component-doesnt-accept-a-fragment-as-a-child-consider-providing\n   */\n  menuItems?: React.ReactNode\n}>\n\nfunction getTooltipTriggerContents(\n  image: IconSvgProps | CustomImageProps,\n  imageColor: string | undefined,\n  size: CSSProperties['width'] | undefined,\n) {\n  if ('svgImg' in image) {\n    return image.svgImg\n  } else {\n    return <IconSvg {...image} sx={{ color: imageColor, width: size }} />\n  }\n}\n\nexport const ElementWithTooltip = ({\n  image,\n  callbackFn,\n  tooltipText,\n  className = '',\n  imageColor,\n  tooltipVisualProps = DEFAULT_TOOLTIP_VISUAL_PROPS,\n  children,\n  darkTheme,\n  size,\n  icon,\n  menuItems,\n}: ElementWithTooltipProps): React.ReactNode => {\n  const { place } = tooltipVisualProps\n  const iconComponent = icon ? (\n    typeof icon === 'string' ? (\n      <Icon type={icon}></Icon>\n    ) : (\n      icon\n    )\n  ) : undefined\n  const tooltipTriggerContents = iconComponent\n    ? iconComponent\n    : image\n      ? getTooltipTriggerContents(image, imageColor, size)\n      : children || <></>\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n  const open = Boolean(anchorEl)\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n  //if there is no callbackFn - assume it's a toggle\n\n  let tooltipTrigger: ReactNode\n  if (!children) {\n    tooltipTrigger = (\n      <button\n        tabIndex={0}\n        className={`ElementWithTooltip SRC-hand-cursor SRC-grey-background-hover ${className} ${\n          darkTheme ? 'dark-theme' : ''\n        } `}\n        onClick={e => {\n          if (callbackFn) {\n            callbackFn()\n          } else {\n            // open dropdown menu\n            handleClick(e)\n          }\n        }}\n        aria-label={tooltipText}\n      >\n        {tooltipTriggerContents}\n      </button>\n    )\n  } else {\n    tooltipTrigger = <div className=\"SRC-hand-cursor\">{children}</div>\n  }\n\n  return (\n    <>\n      <Tooltip\n        title={tooltipText}\n        enterNextDelay={TOOLTIP_DELAY_SHOW}\n        placement={place}\n        data-testid=\"ElementTooltip\"\n      >\n        {tooltipTrigger}\n      </Tooltip>\n      {menuItems && (\n        <Menu anchorEl={anchorEl} open={open} onClose={handleClose}>\n          {menuItems}\n        </Menu>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AA2BA,IAAM,IAA4D,EAChE,OAAO,OACR;AAyBD,SAAS,EACP,GACA,GACA,GACA;AAIE,QAHE,YAAY,IACP,EAAM,SAEN,kBAAC,GAAD;EAAS,GAAI;EAAO,IAAI;GAAE,OAAO;GAAY,OAAO;GAAM;EAAI,CAAA;;AAIzE,IAAa,KAAsB,EACjC,UACA,eACA,gBACA,eAAY,IACZ,eACA,wBAAqB,GACrB,aACA,cACA,SACA,SACA,mBAC8C;CAC9C,IAAM,EAAE,aAAU,GAQZ,KAPgB,IACpB,OAAO,KAAS,WACd,kBAAC,GAAD,EAAM,MAAM,GAAa,CAAA,GAEzB,IAEA,KAAA,OAGA,IACE,EAA0B,GAAO,GAAY,EAAK,GAClD,KAAY,kBAAA,GAAA,EAAK,CAAA,GAEjB,CAAC,GAAU,KAAe,EAA6B,KAAK,EAC5D,IAAO,EAAQ,GACf,KAAe,MAAyC;AAC5D,IAAY,EAAM,cAAc;IAE5B,UAAoB;AACxB,IAAY,KAAK;IAIf;AAyBJ,QAxBA,AACE,IADG,IAqBc,kBAAC,OAAD;EAAK,WAAU;EAAmB;EAAe,CAAA,GAnBhE,kBAAC,UAAD;EACE,UAAU;EACV,WAAW,gEAAgE,EAAU,GACnF,IAAY,eAAe,GAC5B;EACD,UAAS,MAAK;AACZ,GAAI,IACF,GAAY,GAGZ,EAAY,EAAE;;EAGlB,cAAY;YAEX;EACM,CAAA,EAOX,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,OAAO;EACP,gBAAA;EACA,WAAW;EACX,eAAY;YAEX;EACO,CAAA,EACT,KACC,kBAAC,GAAD;EAAgB;EAAgB;EAAM,SAAS;YAC5C;EACI,CAAA,CAER,EAAA,CAAA"}