synapse-react-client 4.0.18 → 4.0.20

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,IAAI;CAetD,OAZI,MAAS,EAAqB,aAE9B,kBAAC,GAAD;EACE,KAAK;EACL,qBAAqB;EACrB,sBAAsB;EACtB,oBAAoB;CACrB,CAAA,IAMH,kBAAC,GAAD;EACE,cAAc;EACM;EACpB,4BAA4B;EAC5B,wBAAwB;EACxB,mBAAmB;CACpB,CAAA;AAEL"}

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,EAAoB,GAE/C,EAAE,QAAQ,GAA0B,WAAW,MACnD,EAA4B;EAC1B,YAAY;GACV,IAAY;EACd;EACA,QAAQ,GAAO;GACb,EAAa,EAAM,SAAS,QAAQ;EACtC;CACF,CAAC,GAEG,IAAe,QAAkB;EAErC,EAAyB;GACvB;GACA,oBAAoB,EAAyB;GAC7C,cAAc,EAAyB;EACzC,CAAC;CACH,GAAG;EACD;EACA;EACA,EAAyB;EACzB,EAAyB;CAC3B,CAAC;CAED,OACE,kBAAC,GAAD;EACE,UAAU;EACV,OAAO;EACP,UAAU;EACJ;EACN,SAAS,kBAAC,GAAD,EAAyB,UAAU,EAA2B,CAAA;EACvE,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,SAAS;GACT,UAAU,EAAyB;GACnC,eAAe;IACb,EAAQ;GACV;aACD;EAEO,CAAA,GACP,EAAyB,SACxB,EAAqB,kBACrB,kBAAC,GAAD;GACE,UAAU,EAAyB;GACnC,SAAS;GACT,SAAS;GACT,SAAS;aACV;EAEO,CAAA,CAEV,EAAA,CAAA;CAEL,CAAA;AAEL"}

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,EAAsB,GAC5D,EAAE,aAAa,MAAiB,EAAgB,GAChD,EAAE,aAAa,MAA6B,EAA0B;CAE5E,OAAO,EAIL;EACA,GAAG;EACH,YAAY,OAAO,EACjB,aACA,cACA,iBACA,uBACA,sBACI;GACJ,IAAM,IAA4B,MAAM,EAAmB,CAAY,GAEjE,IAAyB;IAC7B,MAAM;IACI;IACV,cAAc;GAChB;GACC,EAA0B,YAAe,EAA0B,KAClE,MAAM,EAAG,EACX;GAEA,IAAM,IAAY,MAAM,EAAa,CAAc;GAiBnD,OAAO,EAAyB;IAd9B,cACE;IACF,UAAU,EAAU;IACpB,SAAS,CACP;KACE,SAAS,EAAU;KACnB,oBAAoB;KACpB;KACA,cACE;IACJ,CACF;GAG8B,CAAkB;EACpD;CACF,CAAC;AACH"}

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 [r, i] = t(0), [a, o] = t(n), [s, c] = t(null), [l, u] = t(null), [d, f] = t(!1);
+	return {
+		step: r,
+		setStep: i,
+		csvTableDescriptor: a,
+		setCsvTableDescriptor: o,
+		uploadedFileHandleId: s,
+		csvPreviewData: l,
+		setCsvPreviewData: u,
+		isLoadingPreview: d,
+		setIsLoadingPreview: f,
+		onFileUploaded: e((e) => {
+			c(e), i(1);
+		}, [])
+	};
+}
+//#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;AACrB,GAEY,IAAL,yBAAA,GAAA;QACL,EAAA,EAAA,aAAA,KAAA,cACA,EAAA,EAAA,iBAAA,KAAA;AACF,EAAA,CAAA,CAAA;AAMA,SAAwB,IAAsB;CAC5C,IAAM,CAAC,GAAM,KAAW,EAAA,CAAwC,GAC1D,CAAC,GAAoB,KACzB,EAA6B,CAA4B,GACrD,CAAC,GAAsB,KAA2B,EAEtD,IAAI,GACA,CAAC,GAAgB,KACrB,EAA4C,IAAI,GAC5C,CAAC,GAAkB,KAAuB,EAAS,EAAK;CAO9D,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,gBAfqB,GAAa,MAAyB;GAE3D,AADA,EAAwB,CAAY,GACpC,EAAA,CAA2C;EAC7C,GAAG,CAAC,CAYF;CACF;AACF"}

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,EAA0B;CAE5E,OAAO,EAIL;EACA,GAAG;EACH,YAAY,OAAO,EAAE,YAAS,uBAAoB,sBAgBzC,EAAyB;GAd9B,cACE;GACF,UAAU;GACV,SAAS,CACP;IACW;IACT,oBAAoB;IACpB;IACA,cACE;GACJ,CACF;EAG8B,CAAkB;CAEtD,CAAC;AACH"}

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

@@ -1 +1 @@
-{"version":3,"file":"CsvTableDescriptorForm.js","names":[],"sources":["../../../../src/components/table/CsvTableDescriptorForm/CsvTableDescriptorForm.tsx"],"sourcesContent":["import RadioGroupWithOtherString from '@/components/form/RadioGroupWithOtherString'\nimport Checkbox from '@mui/material/Checkbox'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport Grid from '@mui/material/Grid'\nimport InputLabel from '@mui/material/InputLabel'\nimport { CsvTableDescriptor } from '@sage-bionetworks/synapse-client'\nimport noop from 'lodash-es/noop'\nimport { useEffect, useImperativeHandle, useState, Ref } from 'react'\n\nconst DEFAULT_DESCRIPTOR_VALUE: CsvTableDescriptor = {\n  separator: ',',\n  quoteCharacter: '\"',\n  escapeCharacter: '\\\\',\n  lineEnd: '\\n',\n  isFirstLineHeader: true,\n}\n\nexport type CsvTableDescriptorFormHandle = {\n  /** Call to retrieve the current form data */\n  getFormData: () => CsvTableDescriptor\n}\n\nexport type CsvTableDescriptorFormProps = {\n  ref?: Ref<CsvTableDescriptorFormHandle>\n  /** The initial value of the form, if an uncontrolled form */\n  defaultValue?: CsvTableDescriptor\n  /** The current value of the form, if a controlled form */\n  value?: CsvTableDescriptor\n  /** Invoked when the form data changes */\n  onChange?: (descriptor: CsvTableDescriptor) => void\n}\n\n/**\n * A form to describe a CsvTableDescriptor\n */\nexport default function CsvTableDescriptorForm(\n  props: CsvTableDescriptorFormProps,\n) {\n  const { value: valueFromProps, onChange = noop } = props\n  const defaultValue =\n    valueFromProps ?? props.defaultValue ?? DEFAULT_DESCRIPTOR_VALUE\n\n  const [localStateValue, setLocalStateValue] =\n    useState<CsvTableDescriptor>(defaultValue)\n\n  const value = valueFromProps ?? localStateValue\n\n  useEffect(() => {\n    onChange(localStateValue)\n  }, [localStateValue, onChange])\n\n  useImperativeHandle(\n    props.ref,\n    () => ({\n      getFormData: () => value,\n    }),\n    [value],\n  )\n\n  return (\n    <Grid container spacing={2}>\n      <Grid size={{ xs: 12 }}>\n        <InputLabel>Separator</InputLabel>\n        <RadioGroupWithOtherString\n          radioGroupProps={{ row: true, name: 'separator' }}\n          value={value.separator ?? ','}\n          onChange={value =>\n            setLocalStateValue(current => ({\n              ...current,\n              separator: value,\n            }))\n          }\n          options={[\n            { value: ',', label: 'Comma' },\n            {\n              value: '\\t',\n              label: 'Tab',\n            },\n            {\n              value: ';',\n              label: 'Semicolon',\n            },\n          ]}\n        />\n      </Grid>\n      <Grid size={{ xs: 12 }}>\n        <InputLabel>Escape Character</InputLabel>\n        <RadioGroupWithOtherString\n          radioGroupProps={{ row: true, name: 'escapeCharacter' }}\n          value={value.escapeCharacter ?? '\\\\'}\n          onChange={value =>\n            setLocalStateValue(current => ({\n              ...current,\n              escapeCharacter: value,\n            }))\n          }\n          options={[{ value: '\\\\', label: 'Backslash' }]}\n        />\n      </Grid>\n      <Grid size={{ xs: 12 }}>\n        <FormControlLabel\n          control={<Checkbox />}\n          label={'First line is the header'}\n          checked={value.isFirstLineHeader}\n          onChange={(_e, checked) => {\n            setLocalStateValue(current => ({\n              ...current,\n              isFirstLineHeader: checked,\n            }))\n          }}\n        />\n      </Grid>\n    </Grid>\n  )\n}\n"],"mappings":";;;;;;;;;AASA,IAAM,IAA+C;CACnD,WAAW;CACX,gBAAgB;CAChB,iBAAiB;CACjB,SAAS;CACT,mBAAmB;CACpB;AAoBD,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,OAAO,GAAgB,cAAW,MAAS,GAI7C,CAAC,GAAiB,KACtB,EAHA,KAAkB,EAAM,gBAAgB,EAGE,EAEtC,IAAQ,KAAkB;AAchC,QAZA,QAAgB;AACd,IAAS,EAAgB;IACxB,CAAC,GAAiB,EAAS,CAAC,EAE/B,EACE,EAAM,YACC,EACL,mBAAmB,GACpB,GACD,CAAC,EAAM,CACR,EAGC,kBAAC,GAAD;EAAM,WAAA;EAAU,SAAS;YAAzB;GACE,kBAAC,GAAD;IAAM,MAAM,EAAE,IAAI,IAAI;cAAtB,CACE,kBAAC,GAAD,EAAA,UAAY,aAAsB,CAAA,EAClC,kBAAC,GAAD;KACE,iBAAiB;MAAE,KAAK;MAAM,MAAM;MAAa;KACjD,OAAO,EAAM,aAAa;KAC1B,WAAU,MACR,GAAmB,OAAY;MAC7B,GAAG;MACH,WAAW;MACZ,EAAE;KAEL,SAAS;MACP;OAAE,OAAO;OAAK,OAAO;OAAS;MAC9B;OACE,OAAO;OACP,OAAO;OACR;MACD;OACE,OAAO;OACP,OAAO;OACR;MACF;KACD,CAAA,CACG;;GACP,kBAAC,GAAD;IAAM,MAAM,EAAE,IAAI,IAAI;cAAtB,CACE,kBAAC,GAAD,EAAA,UAAY,oBAA6B,CAAA,EACzC,kBAAC,GAAD;KACE,iBAAiB;MAAE,KAAK;MAAM,MAAM;MAAmB;KACvD,OAAO,EAAM,mBAAmB;KAChC,WAAU,MACR,GAAmB,OAAY;MAC7B,GAAG;MACH,iBAAiB;MAClB,EAAE;KAEL,SAAS,CAAC;MAAE,OAAO;MAAM,OAAO;MAAa,CAAC;KAC9C,CAAA,CACG;;GACP,kBAAC,GAAD;IAAM,MAAM,EAAE,IAAI,IAAI;cACpB,kBAAC,GAAD;KACE,SAAS,kBAAC,GAAD,EAAY,CAAA;KACrB,OAAO;KACP,SAAS,EAAM;KACf,WAAW,GAAI,MAAY;AACzB,SAAmB,OAAY;OAC7B,GAAG;OACH,mBAAmB;OACpB,EAAE;;KAEL,CAAA;IACG,CAAA;GACF"}
+{"version":3,"file":"CsvTableDescriptorForm.js","names":[],"sources":["../../../../src/components/table/CsvTableDescriptorForm/CsvTableDescriptorForm.tsx"],"sourcesContent":["import RadioGroupWithOtherString from '@/components/form/RadioGroupWithOtherString'\nimport Checkbox from '@mui/material/Checkbox'\nimport FormControlLabel from '@mui/material/FormControlLabel'\nimport Grid from '@mui/material/Grid'\nimport InputLabel from '@mui/material/InputLabel'\nimport { CsvTableDescriptor } from '@sage-bionetworks/synapse-client'\nimport noop from 'lodash-es/noop'\nimport { useEffect, useImperativeHandle, useState, Ref } from 'react'\n\nconst DEFAULT_DESCRIPTOR_VALUE: CsvTableDescriptor = {\n  separator: ',',\n  quoteCharacter: '\"',\n  escapeCharacter: '\\\\',\n  lineEnd: '\\n',\n  isFirstLineHeader: true,\n}\n\nexport type CsvTableDescriptorFormHandle = {\n  /** Call to retrieve the current form data */\n  getFormData: () => CsvTableDescriptor\n}\n\nexport type CsvTableDescriptorFormProps = {\n  ref?: Ref<CsvTableDescriptorFormHandle>\n  /** The initial value of the form, if an uncontrolled form */\n  defaultValue?: CsvTableDescriptor\n  /** The current value of the form, if a controlled form */\n  value?: CsvTableDescriptor\n  /** Invoked when the form data changes */\n  onChange?: (descriptor: CsvTableDescriptor) => void\n}\n\n/**\n * A form to describe a CsvTableDescriptor\n */\nexport default function CsvTableDescriptorForm(\n  props: CsvTableDescriptorFormProps,\n) {\n  const { value: valueFromProps, onChange = noop } = props\n  const defaultValue =\n    valueFromProps ?? props.defaultValue ?? DEFAULT_DESCRIPTOR_VALUE\n\n  const [localStateValue, setLocalStateValue] =\n    useState<CsvTableDescriptor>(defaultValue)\n\n  const value = valueFromProps ?? localStateValue\n\n  useEffect(() => {\n    onChange(localStateValue)\n  }, [localStateValue, onChange])\n\n  useImperativeHandle(\n    props.ref,\n    () => ({\n      getFormData: () => value,\n    }),\n    [value],\n  )\n\n  return (\n    <Grid container spacing={2}>\n      <Grid size={{ xs: 12 }}>\n        <InputLabel>Separator</InputLabel>\n        <RadioGroupWithOtherString\n          radioGroupProps={{ row: true, name: 'separator' }}\n          value={value.separator ?? ','}\n          onChange={value =>\n            setLocalStateValue(current => ({\n              ...current,\n              separator: value,\n            }))\n          }\n          options={[\n            { value: ',', label: 'Comma' },\n            {\n              value: '\\t',\n              label: 'Tab',\n            },\n            {\n              value: ';',\n              label: 'Semicolon',\n            },\n          ]}\n        />\n      </Grid>\n      <Grid size={{ xs: 12 }}>\n        <InputLabel>Escape Character</InputLabel>\n        <RadioGroupWithOtherString\n          radioGroupProps={{ row: true, name: 'escapeCharacter' }}\n          value={value.escapeCharacter ?? '\\\\'}\n          onChange={value =>\n            setLocalStateValue(current => ({\n              ...current,\n              escapeCharacter: value,\n            }))\n          }\n          options={[{ value: '\\\\', label: 'Backslash' }]}\n        />\n      </Grid>\n      <Grid size={{ xs: 12 }}>\n        <FormControlLabel\n          control={<Checkbox />}\n          label={'First line is the header'}\n          checked={value.isFirstLineHeader}\n          onChange={(_e, checked) => {\n            setLocalStateValue(current => ({\n              ...current,\n              isFirstLineHeader: checked,\n            }))\n          }}\n        />\n      </Grid>\n    </Grid>\n  )\n}\n"],"mappings":";;;;;;;;;AASA,IAAM,IAA+C;CACnD,WAAW;CACX,gBAAgB;CAChB,iBAAiB;CACjB,SAAS;CACT,mBAAmB;AACrB;AAoBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,OAAO,GAAgB,cAAW,MAAS,GAI7C,CAAC,GAAiB,KACtB,EAHA,KAAkB,EAAM,gBAAgB,CAGC,GAErC,IAAQ,KAAkB;CAchC,OAZA,QAAgB;EACd,EAAS,CAAe;CAC1B,GAAG,CAAC,GAAiB,CAAQ,CAAC,GAE9B,EACE,EAAM,YACC,EACL,mBAAmB,EACrB,IACA,CAAC,CAAK,CACR,GAGE,kBAAC,GAAD;EAAM,WAAA;EAAU,SAAS;YAAzB;GACE,kBAAC,GAAD;IAAM,MAAM,EAAE,IAAI,GAAG;cAArB,CACE,kBAAC,GAAD,EAAA,UAAY,YAAqB,CAAA,GACjC,kBAAC,GAAD;KACE,iBAAiB;MAAE,KAAK;MAAM,MAAM;KAAY;KAChD,OAAO,EAAM,aAAa;KAC1B,WAAU,MACR,GAAmB,OAAY;MAC7B,GAAG;MACH,WAAW;KACb,EAAE;KAEJ,SAAS;MACP;OAAE,OAAO;OAAK,OAAO;MAAQ;MAC7B;OACE,OAAO;OACP,OAAO;MACT;MACA;OACE,OAAO;OACP,OAAO;MACT;KACF;IACD,CAAA,CACG;;GACN,kBAAC,GAAD;IAAM,MAAM,EAAE,IAAI,GAAG;cAArB,CACE,kBAAC,GAAD,EAAA,UAAY,mBAA4B,CAAA,GACxC,kBAAC,GAAD;KACE,iBAAiB;MAAE,KAAK;MAAM,MAAM;KAAkB;KACtD,OAAO,EAAM,mBAAmB;KAChC,WAAU,MACR,GAAmB,OAAY;MAC7B,GAAG;MACH,iBAAiB;KACnB,EAAE;KAEJ,SAAS,CAAC;MAAE,OAAO;MAAM,OAAO;KAAY,CAAC;IAC9C,CAAA,CACG;;GACN,kBAAC,GAAD;IAAM,MAAM,EAAE,IAAI,GAAG;cACnB,kBAAC,GAAD;KACE,SAAS,kBAAC,GAAD,CAAW,CAAA;KACpB,OAAO;KACP,SAAS,EAAM;KACf,WAAW,GAAI,MAAY;MACzB,GAAmB,OAAY;OAC7B,GAAG;OACH,mBAAmB;MACrB,EAAE;KACJ;IACD,CAAA;GACG,CAAA;EACF;;AAEV"}

package/dist/components/trash/TrashCanList.js.map

@@ -1 +1 @@
-{"version":3,"file":"TrashCanList.js","names":[],"sources":["../../../src/components/trash/TrashCanList.tsx"],"sourcesContent":["import {\n  useGetItemsInTrashCanInfinite,\n  usePurgeEntities,\n  useRestoreEntities,\n} from '@/synapse-queries/trash/useTrashCan'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { entityTypeToFriendlyName } from '@/utils/functions/EntityTypeUtils'\nimport { Alert, Box, Button, Typography } from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { TrashedEntity } from '@sage-bionetworks/synapse-types'\nimport {\n  ColumnDef,\n  createColumnHelper,\n  getCoreRowModel,\n  RowSelectionState,\n  Table,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { useMemo, useState } from 'react'\nimport {\n  CheckBoxCell,\n  CheckBoxHeader,\n} from '../EntityHeaderTable/EntityHeaderTableCellRenderers'\nimport { EntityLink } from '../EntityLink'\nimport { BlockingLoader, SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport WarningDialog from '../SynapseForm/WarningDialog'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\n\n/**\n * Convert an array of Promise results to an array of errors\n */\nfunction toSynapseClientErrorList(\n  results: PromiseSettledResult<void>[],\n): SynapseClientError[] {\n  return results\n    .filter(\n      (result): result is PromiseRejectedResult => result.status === 'rejected',\n    )\n    .map(result => result.reason as SynapseClientError)\n}\n\nconst columnHelper = createColumnHelper<TrashedEntity>()\n\nfunction getTrashCanColumns(\n  onRestore: (entityId: string) => void,\n): ColumnDef<TrashedEntity, any>[] {\n  return [\n    {\n      id: 'select',\n      header: CheckBoxHeader,\n      cell: CheckBoxCell,\n      maxSize: 50,\n    },\n    columnHelper.accessor('entityId', {\n      header: 'ID',\n    }),\n    columnHelper.accessor('entityName', {\n      header: 'Name',\n    }),\n    columnHelper.accessor('entityType', {\n      header: 'Entity Type',\n      cell: info => entityTypeToFriendlyName(info.getValue()),\n    }),\n    columnHelper.accessor('originalParentId', {\n      header: 'Location',\n      cell: info => (\n        <>\n          {info.getValue() && <EntityLink entity={info.getValue()} />} (\n          {info.getValue()})\n        </>\n      ),\n      size: 200,\n    }),\n    columnHelper.accessor('deletedOn', {\n      header: 'Deleted On',\n      cell: info => formatDate(dayjs(info.getValue())),\n    }),\n    {\n      id: 'restoreButton',\n      header: '',\n      cell: ({ row }) => (\n        <Button\n          size=\"small\"\n          variant=\"outlined\"\n          onClick={() => {\n            onRestore(row.original.entityId)\n            row.toggleSelected(false)\n          }}\n        >\n          Restore\n        </Button>\n      ),\n      maxSize: 100,\n    },\n  ]\n}\n\nexport function TrashCanList() {\n  const [showDeleteConfirmation, setShowDeleteConfirmation] = useState(false)\n  const [errors, setErrors] = useState<SynapseClientError[]>([])\n  const [rowSelection, setRowSelection] = useState<RowSelectionState>({})\n\n  /**\n   * When a mutation operation settles, update the list of errors and clear the selected set\n   */\n  function onMutateSettled(\n    results?: PromiseSettledResult<void>[],\n    error?: SynapseClientError | null,\n  ) {\n    if (results) {\n      setErrors(toSynapseClientErrorList(results))\n    } else if (error) {\n      setErrors([error])\n    }\n    setRowSelection({})\n  }\n\n  const { mutate: restore, isPending: isPendingRestore } = useRestoreEntities({\n    onSettled: onMutateSettled,\n  })\n  const { mutate: purge, isPending: isPendingPurge } = usePurgeEntities({\n    onSettled: onMutateSettled,\n  })\n\n  const isMutating = isPendingRestore || isPendingPurge\n\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useGetItemsInTrashCanInfinite({\n      throwOnError: true,\n    })\n  const items = useMemo(\n    () => data?.pages.flatMap(page => page.results) ?? [],\n    [data],\n  )\n\n  const columns = useMemo<ColumnDef<TrashedEntity, any>[]>(\n    () =>\n      getTrashCanColumns(entityId => {\n        restore(entityId)\n      }),\n    [restore],\n  )\n\n  const table: Table<TrashedEntity> = useReactTable<TrashedEntity>({\n    data: items,\n    columns,\n    state: {\n      rowSelection: rowSelection,\n    },\n    getRowId: row => row.entityId,\n    enableRowSelection: true,\n    onRowSelectionChange: setRowSelection,\n    getCoreRowModel: getCoreRowModel(),\n    columnResizeMode: 'onChange',\n  })\n\n  const selectedEntityIds = table\n    .getSelectedRowModel()\n    .rows.map(row => row.original.entityId)\n\n  return (\n    <div>\n      <BlockingLoader\n        show={isMutating}\n        headlineText={isPendingPurge ? 'Deleting...' : 'Restoring...'}\n      />\n      <Typography variant=\"body1\">\n        The trash can contains items that were recently deleted. You can recover\n        deleted items in the trash can by clicking &quot;Restore&quot;. Items\n        will remain in the trash can for 30 days before being automatically\n        purged.\n      </Typography>\n      <WarningDialog\n        title=\"Delete selected items from your Trash?\"\n        content={\n          <Typography variant=\"body1\">\n            You can&apos;t undo this action.\n          </Typography>\n        }\n        confirmButtonText=\"Delete\"\n        confirmButtonColor=\"error\"\n        onConfirm={() => {\n          purge(selectedEntityIds)\n          setShowDeleteConfirmation(false)\n        }}\n        onCancel={() => {\n          setShowDeleteConfirmation(false)\n        }}\n        open={showDeleteConfirmation}\n      />\n      {isLoading && <SynapseSpinner />}\n      {!isLoading && items.length === 0 && (\n        <Alert severity={'info'} sx={{ my: 2 }}>\n          <Typography variant=\"body1\">\n            Your trash can is currently empty.\n          </Typography>\n        </Alert>\n      )}\n      {!isLoading && items.length > 0 && (\n        <>\n          <StyledTanStackTable\n            table={table}\n            styledTableContainerProps={{ sx: { my: 4 } }}\n          />\n          {errors.length > 0 && (\n            <Alert severity={'error'} sx={{ mb: 1 }}>\n              The following errors were encountered:\n              <ul style={{ marginBottom: 0 }}>\n                {errors.map(error => (\n                  <li key={error.message}>{error.message}</li>\n                ))}\n              </ul>\n            </Alert>\n          )}\n          <Box\n            sx={{\n              display: 'flex',\n              justifyContent: 'flex-end',\n              gap: 2,\n            }}\n          >\n            {hasNextPage && (\n              <Button\n                variant=\"contained\"\n                disabled={isFetchingNextPage}\n                onClick={() => {\n                  fetchNextPage()\n                }}\n              >\n                Load More\n              </Button>\n            )}\n            <div style={{ margin: 'auto' }} />\n            <Button\n              variant=\"contained\"\n              color=\"error\"\n              disabled={selectedEntityIds.length === 0}\n              onClick={() => {\n                setShowDeleteConfirmation(true)\n              }}\n            >\n              Delete Selected\n            </Button>\n            <Button\n              variant=\"outlined\"\n              disabled={selectedEntityIds.length === 0}\n              onClick={() => {\n                restore(selectedEntityIds)\n              }}\n            >\n              Restore Selected\n            </Button>\n          </Box>\n        </>\n      )}\n    </div>\n  )\n}\n\nexport default TrashCanList\n"],"mappings":"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"}
+{"version":3,"file":"TrashCanList.js","names":[],"sources":["../../../src/components/trash/TrashCanList.tsx"],"sourcesContent":["import {\n  useGetItemsInTrashCanInfinite,\n  usePurgeEntities,\n  useRestoreEntities,\n} from '@/synapse-queries/trash/useTrashCan'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { entityTypeToFriendlyName } from '@/utils/functions/EntityTypeUtils'\nimport { Alert, Box, Button, Typography } from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { TrashedEntity } from '@sage-bionetworks/synapse-types'\nimport {\n  ColumnDef,\n  createColumnHelper,\n  getCoreRowModel,\n  RowSelectionState,\n  Table,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { useMemo, useState } from 'react'\nimport {\n  CheckBoxCell,\n  CheckBoxHeader,\n} from '../EntityHeaderTable/EntityHeaderTableCellRenderers'\nimport { EntityLink } from '../EntityLink'\nimport { BlockingLoader, SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport WarningDialog from '../SynapseForm/WarningDialog'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\n\n/**\n * Convert an array of Promise results to an array of errors\n */\nfunction toSynapseClientErrorList(\n  results: PromiseSettledResult<void>[],\n): SynapseClientError[] {\n  return results\n    .filter(\n      (result): result is PromiseRejectedResult => result.status === 'rejected',\n    )\n    .map(result => result.reason as SynapseClientError)\n}\n\nconst columnHelper = createColumnHelper<TrashedEntity>()\n\nfunction getTrashCanColumns(\n  onRestore: (entityId: string) => void,\n): ColumnDef<TrashedEntity, any>[] {\n  return [\n    {\n      id: 'select',\n      header: CheckBoxHeader,\n      cell: CheckBoxCell,\n      maxSize: 50,\n    },\n    columnHelper.accessor('entityId', {\n      header: 'ID',\n    }),\n    columnHelper.accessor('entityName', {\n      header: 'Name',\n    }),\n    columnHelper.accessor('entityType', {\n      header: 'Entity Type',\n      cell: info => entityTypeToFriendlyName(info.getValue()),\n    }),\n    columnHelper.accessor('originalParentId', {\n      header: 'Location',\n      cell: info => (\n        <>\n          {info.getValue() && <EntityLink entity={info.getValue()} />} (\n          {info.getValue()})\n        </>\n      ),\n      size: 200,\n    }),\n    columnHelper.accessor('deletedOn', {\n      header: 'Deleted On',\n      cell: info => formatDate(dayjs(info.getValue())),\n    }),\n    {\n      id: 'restoreButton',\n      header: '',\n      cell: ({ row }) => (\n        <Button\n          size=\"small\"\n          variant=\"outlined\"\n          onClick={() => {\n            onRestore(row.original.entityId)\n            row.toggleSelected(false)\n          }}\n        >\n          Restore\n        </Button>\n      ),\n      maxSize: 100,\n    },\n  ]\n}\n\nexport function TrashCanList() {\n  const [showDeleteConfirmation, setShowDeleteConfirmation] = useState(false)\n  const [errors, setErrors] = useState<SynapseClientError[]>([])\n  const [rowSelection, setRowSelection] = useState<RowSelectionState>({})\n\n  /**\n   * When a mutation operation settles, update the list of errors and clear the selected set\n   */\n  function onMutateSettled(\n    results?: PromiseSettledResult<void>[],\n    error?: SynapseClientError | null,\n  ) {\n    if (results) {\n      setErrors(toSynapseClientErrorList(results))\n    } else if (error) {\n      setErrors([error])\n    }\n    setRowSelection({})\n  }\n\n  const { mutate: restore, isPending: isPendingRestore } = useRestoreEntities({\n    onSettled: onMutateSettled,\n  })\n  const { mutate: purge, isPending: isPendingPurge } = usePurgeEntities({\n    onSettled: onMutateSettled,\n  })\n\n  const isMutating = isPendingRestore || isPendingPurge\n\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useGetItemsInTrashCanInfinite({\n      throwOnError: true,\n    })\n  const items = useMemo(\n    () => data?.pages.flatMap(page => page.results) ?? [],\n    [data],\n  )\n\n  const columns = useMemo<ColumnDef<TrashedEntity, any>[]>(\n    () =>\n      getTrashCanColumns(entityId => {\n        restore(entityId)\n      }),\n    [restore],\n  )\n\n  const table: Table<TrashedEntity> = useReactTable<TrashedEntity>({\n    data: items,\n    columns,\n    state: {\n      rowSelection: rowSelection,\n    },\n    getRowId: row => row.entityId,\n    enableRowSelection: true,\n    onRowSelectionChange: setRowSelection,\n    getCoreRowModel: getCoreRowModel(),\n    columnResizeMode: 'onChange',\n  })\n\n  const selectedEntityIds = table\n    .getSelectedRowModel()\n    .rows.map(row => row.original.entityId)\n\n  return (\n    <div>\n      <BlockingLoader\n        show={isMutating}\n        headlineText={isPendingPurge ? 'Deleting...' : 'Restoring...'}\n      />\n      <Typography variant=\"body1\">\n        The trash can contains items that were recently deleted. You can recover\n        deleted items in the trash can by clicking &quot;Restore&quot;. Items\n        will remain in the trash can for 30 days before being automatically\n        purged.\n      </Typography>\n      <WarningDialog\n        title=\"Delete selected items from your Trash?\"\n        content={\n          <Typography variant=\"body1\">\n            You can&apos;t undo this action.\n          </Typography>\n        }\n        confirmButtonText=\"Delete\"\n        confirmButtonColor=\"error\"\n        onConfirm={() => {\n          purge(selectedEntityIds)\n          setShowDeleteConfirmation(false)\n        }}\n        onCancel={() => {\n          setShowDeleteConfirmation(false)\n        }}\n        open={showDeleteConfirmation}\n      />\n      {isLoading && <SynapseSpinner />}\n      {!isLoading && items.length === 0 && (\n        <Alert severity={'info'} sx={{ my: 2 }}>\n          <Typography variant=\"body1\">\n            Your trash can is currently empty.\n          </Typography>\n        </Alert>\n      )}\n      {!isLoading && items.length > 0 && (\n        <>\n          <StyledTanStackTable\n            table={table}\n            styledTableContainerProps={{ sx: { my: 4 } }}\n          />\n          {errors.length > 0 && (\n            <Alert severity={'error'} sx={{ mb: 1 }}>\n              The following errors were encountered:\n              <ul style={{ marginBottom: 0 }}>\n                {errors.map(error => (\n                  <li key={error.message}>{error.message}</li>\n                ))}\n              </ul>\n            </Alert>\n          )}\n          <Box\n            sx={{\n              display: 'flex',\n              justifyContent: 'flex-end',\n              gap: 2,\n            }}\n          >\n            {hasNextPage && (\n              <Button\n                variant=\"contained\"\n                disabled={isFetchingNextPage}\n                onClick={() => {\n                  fetchNextPage()\n                }}\n              >\n                Load More\n              </Button>\n            )}\n            <div style={{ margin: 'auto' }} />\n            <Button\n              variant=\"contained\"\n              color=\"error\"\n              disabled={selectedEntityIds.length === 0}\n              onClick={() => {\n                setShowDeleteConfirmation(true)\n              }}\n            >\n              Delete Selected\n            </Button>\n            <Button\n              variant=\"outlined\"\n              disabled={selectedEntityIds.length === 0}\n              onClick={() => {\n                restore(selectedEntityIds)\n              }}\n            >\n              Restore Selected\n            </Button>\n          </Box>\n        </>\n      )}\n    </div>\n  )\n}\n\nexport default TrashCanList\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Blocker.js","names":[],"sources":["../../../src/components/utils/Blocker.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { useBlocker } from 'react-router'\n\n/**\n * Component wrapper for react-router `useBlocker` hook where the blocker is passed as a render prop. Use the hook when possible.\n * @constructor\n */\nexport default function Blocker(props: {\n  shouldBlock: Parameters<typeof useBlocker>[0]\n  children: (blocker: ReturnType<typeof useBlocker>) => ReactNode\n}) {\n  const blocker = useBlocker(props.shouldBlock)\n\n  return props.children(blocker)\n}\n"],"mappings":";;AAOA,SAAwB,EAAQ,GAG7B;CACD,IAAM,IAAU,EAAW,EAAM,YAAY;AAE7C,QAAO,EAAM,SAAS,EAAQ"}
+{"version":3,"file":"Blocker.js","names":[],"sources":["../../../src/components/utils/Blocker.tsx"],"sourcesContent":["import { ReactNode } from 'react'\nimport { useBlocker } from 'react-router'\n\n/**\n * Component wrapper for react-router `useBlocker` hook where the blocker is passed as a render prop. Use the hook when possible.\n * @constructor\n */\nexport default function Blocker(props: {\n  shouldBlock: Parameters<typeof useBlocker>[0]\n  children: (blocker: ReturnType<typeof useBlocker>) => ReactNode\n}) {\n  const blocker = useBlocker(props.shouldBlock)\n\n  return props.children(blocker)\n}\n"],"mappings":";;AAOA,SAAwB,EAAQ,GAG7B;CACD,IAAM,IAAU,EAAW,EAAM,WAAW;CAE5C,OAAO,EAAM,SAAS,CAAO;AAC/B"}

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> =\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"}
+{"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;CAEhE,OAAO,IACL,kBAAC,GAAD;EAAS,GAAI;EAAe;CAAkB,CAAA,IAE9C,kBAAA,GAAA,EAAG,YAAW,CAAA;AAElB"}

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

@@ -1 +1 @@
-{"version":3,"file":"VisibilityObserver.js","names":[],"sources":["../../../src/components/utils/VisibilityObserver.tsx"],"sourcesContent":["/** Originally from YamUI.  May need to alter to update to later versions of react-intersection-observer (which does the heavy lifting).\n * This component has the option to provide an outOfView renderer, which might be useful in the future.\n */\nimport { Component, ReactNode, RefObject } from 'react'\nimport { InView } from 'react-intersection-observer'\n\nexport interface BaseComponentProps {\n  /**\n   * One or more class names to be added to the root element of this component, i.e.\n   * `\"class-one class-two\"`.\n   */\n  className?: string\n}\n\nexport interface NestableBaseComponentProps extends BaseComponentProps {\n  /**\n   * Elements to be rendered as children of this component.\n   */\n  children?: ReactNode\n}\n\nexport interface VisibilityObserverProps extends BaseComponentProps {\n  /**\n   * A callback which will be triggered when the component is scrolled into view.\n   */\n  onEnterView?: () => void\n\n  /**\n   * A callback which will be triggered when the component is scrolled out of view.\n   */\n  onLeaveView?: () => void\n\n  /**\n   * Render prop to return child content when the component is visible in the viewport. Once the component\n   * has been in view it will always use this render prop, even when scrolled back out of view.\n   */\n  renderInView?: () => ReactNode\n\n  /**\n   * Render prop to return child content before the component becomes visible in the viewport.\n   */\n  renderOutOfView?: () => ReactNode\n\n  /**\n   * Wrapper element tag name.\n   * @default 'div'\n   */\n  tag?: string\n\n  /**\n   * A CSS margin string which pushes the intersection boundary further in or out of the viewport.\n   * A positive value will expand the viewport threshold so your component is considered \"in view\" while it's\n   * still offscreen, for example you could set thresholdOffset=\"200px\" you want an image to start loading before\n   * it scrolls into view. A negative value will move the boundary into the viewport, triggering \"in view\" after\n   * it's already becoming visible.\n   * \"200px\", \"200px 0 50px 0\", \"-50px\" are all valid values.\n   */\n  rootMargin?: string\n}\n\nexport interface VisibilityObserverState {\n  hasBeenInView: boolean\n}\n\n/**\n * VisibilityObserver uses the IntersectionObserver API to allow conditional child rendering and callbacks based\n * on viewport visibility. It will render the `renderOutOfView` prop until it is scrolled into view, then will\n * always render the `renderInView` prop instead. Callbacks will always be triggered on visibility changes.\n */\nexport default class VisibilityObserver extends Component<\n  VisibilityObserverProps,\n  VisibilityObserverState\n> {\n  constructor(props: VisibilityObserverProps) {\n    super(props)\n    this.state = {\n      hasBeenInView: false,\n    }\n  }\n\n  public render() {\n    const { rootMargin, tag } = this.props\n\n    return (\n      <InView\n        as={(tag as any) || 'div'}\n        rootMargin={rootMargin}\n        onChange={this.onVisibilityChange}\n      >\n        {this.getObserverChildren}\n      </InView>\n    )\n  }\n\n  private getObserverChildren = (renderProps: {\n    inView: boolean\n    entry: IntersectionObserverEntry | undefined\n    ref: RefObject<any> | ((node?: Element | null) => void)\n  }) => {\n    const { renderInView, renderOutOfView } = this.props\n    const shouldRenderAsInView = renderProps.inView || this.state.hasBeenInView\n\n    if (shouldRenderAsInView && renderInView) {\n      return renderInView()\n    }\n\n    if (!renderProps.inView && renderOutOfView) {\n      return renderOutOfView()\n    }\n\n    return null\n  }\n\n  private onVisibilityChange = (isVisible: boolean) => {\n    if (isVisible) {\n      this.setState({ hasBeenInView: true })\n      if (this.props.onEnterView) {\n        this.props.onEnterView()\n      }\n    } else {\n      if (this.props.onLeaveView) {\n        this.props.onLeaveView()\n      }\n    }\n  }\n}\n"],"mappings":";;;;AAqEA,IAAqB,IAArB,cAAgD,EAG9C;CACA,YAAY,GAAgC;AAE1C,EADA,MAAM,EAAM,EACZ,KAAK,QAAQ,EACX,eAAe,IAChB;;CAGH,SAAgB;EACd,IAAM,EAAE,eAAY,WAAQ,KAAK;AAEjC,SACE,kBAAC,GAAD;GACE,IAAK,KAAe;GACR;GACZ,UAAU,KAAK;aAEd,KAAK;GACC,CAAA;;CAIb,uBAA+B,MAIzB;EACJ,IAAM,EAAE,iBAAc,uBAAoB,KAAK;AAW/C,UAV6B,EAAY,UAAU,KAAK,MAAM,kBAElC,IACnB,GAAc,GAGnB,CAAC,EAAY,UAAU,IAClB,GAAiB,GAGnB;;CAGT,sBAA8B,MAAuB;AACnD,EAAI,KACF,KAAK,SAAS,EAAE,eAAe,IAAM,CAAC,EAClC,KAAK,MAAM,eACb,KAAK,MAAM,aAAa,IAGtB,KAAK,MAAM,eACb,KAAK,MAAM,aAAa"}
+{"version":3,"file":"VisibilityObserver.js","names":[],"sources":["../../../src/components/utils/VisibilityObserver.tsx"],"sourcesContent":["/** Originally from YamUI.  May need to alter to update to later versions of react-intersection-observer (which does the heavy lifting).\n * This component has the option to provide an outOfView renderer, which might be useful in the future.\n */\nimport { Component, ReactNode, RefObject } from 'react'\nimport { InView } from 'react-intersection-observer'\n\nexport interface BaseComponentProps {\n  /**\n   * One or more class names to be added to the root element of this component, i.e.\n   * `\"class-one class-two\"`.\n   */\n  className?: string\n}\n\nexport interface NestableBaseComponentProps extends BaseComponentProps {\n  /**\n   * Elements to be rendered as children of this component.\n   */\n  children?: ReactNode\n}\n\nexport interface VisibilityObserverProps extends BaseComponentProps {\n  /**\n   * A callback which will be triggered when the component is scrolled into view.\n   */\n  onEnterView?: () => void\n\n  /**\n   * A callback which will be triggered when the component is scrolled out of view.\n   */\n  onLeaveView?: () => void\n\n  /**\n   * Render prop to return child content when the component is visible in the viewport. Once the component\n   * has been in view it will always use this render prop, even when scrolled back out of view.\n   */\n  renderInView?: () => ReactNode\n\n  /**\n   * Render prop to return child content before the component becomes visible in the viewport.\n   */\n  renderOutOfView?: () => ReactNode\n\n  /**\n   * Wrapper element tag name.\n   * @default 'div'\n   */\n  tag?: string\n\n  /**\n   * A CSS margin string which pushes the intersection boundary further in or out of the viewport.\n   * A positive value will expand the viewport threshold so your component is considered \"in view\" while it's\n   * still offscreen, for example you could set thresholdOffset=\"200px\" you want an image to start loading before\n   * it scrolls into view. A negative value will move the boundary into the viewport, triggering \"in view\" after\n   * it's already becoming visible.\n   * \"200px\", \"200px 0 50px 0\", \"-50px\" are all valid values.\n   */\n  rootMargin?: string\n}\n\nexport interface VisibilityObserverState {\n  hasBeenInView: boolean\n}\n\n/**\n * VisibilityObserver uses the IntersectionObserver API to allow conditional child rendering and callbacks based\n * on viewport visibility. It will render the `renderOutOfView` prop until it is scrolled into view, then will\n * always render the `renderInView` prop instead. Callbacks will always be triggered on visibility changes.\n */\nexport default class VisibilityObserver extends Component<\n  VisibilityObserverProps,\n  VisibilityObserverState\n> {\n  constructor(props: VisibilityObserverProps) {\n    super(props)\n    this.state = {\n      hasBeenInView: false,\n    }\n  }\n\n  public render() {\n    const { rootMargin, tag } = this.props\n\n    return (\n      <InView\n        as={(tag as any) || 'div'}\n        rootMargin={rootMargin}\n        onChange={this.onVisibilityChange}\n      >\n        {this.getObserverChildren}\n      </InView>\n    )\n  }\n\n  private getObserverChildren = (renderProps: {\n    inView: boolean\n    entry: IntersectionObserverEntry | undefined\n    ref: RefObject<any> | ((node?: Element | null) => void)\n  }) => {\n    const { renderInView, renderOutOfView } = this.props\n    const shouldRenderAsInView = renderProps.inView || this.state.hasBeenInView\n\n    if (shouldRenderAsInView && renderInView) {\n      return renderInView()\n    }\n\n    if (!renderProps.inView && renderOutOfView) {\n      return renderOutOfView()\n    }\n\n    return null\n  }\n\n  private onVisibilityChange = (isVisible: boolean) => {\n    if (isVisible) {\n      this.setState({ hasBeenInView: true })\n      if (this.props.onEnterView) {\n        this.props.onEnterView()\n      }\n    } else {\n      if (this.props.onLeaveView) {\n        this.props.onLeaveView()\n      }\n    }\n  }\n}\n"],"mappings":";;;;AAqEA,IAAqB,IAArB,cAAgD,EAG9C;CACA,YAAY,GAAgC;EAE1C,AADA,MAAM,CAAK,GACX,KAAK,QAAQ,EACX,eAAe,GACjB;CACF;CAEA,SAAgB;EACd,IAAM,EAAE,eAAY,WAAQ,KAAK;EAEjC,OACE,kBAAC,GAAD;GACE,IAAK,KAAe;GACR;GACZ,UAAU,KAAK;aAEd,KAAK;EACA,CAAA;CAEZ;CAEA,uBAA+B,MAIzB;EACJ,IAAM,EAAE,iBAAc,uBAAoB,KAAK;EAW/C,QAV6B,EAAY,UAAU,KAAK,MAAM,kBAElC,IACnB,EAAa,IAGlB,CAAC,EAAY,UAAU,IAClB,EAAgB,IAGlB;CACT;CAEA,sBAA8B,MAAuB;EACnD,AAAI,KACF,KAAK,SAAS,EAAE,eAAe,GAAK,CAAC,GACjC,KAAK,MAAM,eACb,KAAK,MAAM,YAAY,KAGrB,KAAK,MAAM,eACb,KAAK,MAAM,YAAY;CAG7B;AACF"}

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,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"}
+{"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,MACT;AAyBA,SAAS,EACP,GACA,GACA,GACA;CAIE,OAHE,YAAY,IACP,EAAM,SAEN,kBAAC,GAAD;EAAS,GAAI;EAAO,IAAI;GAAE,OAAO;GAAY,OAAO;EAAK;CAAI,CAAA;AAExE;AAEA,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,EAAY,CAAA,IAExB,IAEA,KAAA,OAGA,IACE,EAA0B,GAAO,GAAY,CAAI,IACjD,KAAY,kBAAA,GAAA,CAAI,CAAA,IAEhB,CAAC,GAAU,KAAe,EAA6B,IAAI,GAC3D,IAAO,EAAQ,GACf,KAAe,MAAyC;EAC5D,EAAY,EAAM,aAAa;CACjC,GACM,UAAoB;EACxB,EAAY,IAAI;CAClB,GAGI;CAyBJ,OAxBA,AACE,IADG,IAqBc,kBAAC,OAAD;EAAK,WAAU;EAAmB;CAAc,CAAA,IAnB/D,kBAAC,UAAD;EACE,UAAU;EACV,WAAW,gEAAgE,EAAU,GACnF,IAAY,eAAe,GAC5B;EACD,UAAS,MAAK;GACZ,AAAI,IACF,EAAW,IAGX,EAAY,CAAC;EAEjB;EACA,cAAY;YAEX;CACK,CAAA,GAOV,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,OAAO;EACP,gBAAA;EACA,WAAW;EACX,eAAY;YAEX;CACM,CAAA,GACR,KACC,kBAAC,GAAD;EAAgB;EAAgB;EAAM,SAAS;YAC5C;CACG,CAAA,CAER,EAAA,CAAA;AAEN"}

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

@@ -1 +1 @@
-{"version":3,"file":"EntityColumnImage.js","names":[],"sources":["../../../src/components/widgets/EntityColumnImage.tsx"],"sourcesContent":["import React from 'react'\nimport { useGetEntity } from '@/synapse-queries'\nimport { Box } from '@mui/system'\nimport { FileHandleAssociateType } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport { ImageFileHandle } from './ImageFileHandle'\n\ntype EntityColumnImageProps = {\n  entityId: string\n}\n\nexport const EntityColumnImage = (\n  props: EntityColumnImageProps,\n): React.ReactNode => {\n  const { entityId } = props\n  const [isExpanded, setIsExpanded] = useState(false)\n\n  const { data: entity } = useGetEntity(entityId.toString())\n\n  const isFileHandleDefined = entity && 'dataFileHandleId' in entity\n  const fileHandleId = isFileHandleDefined\n    ? (entity.dataFileHandleId as string)\n    : undefined\n\n  if (fileHandleId) {\n    return (\n      <Box\n        sx={{\n          img: {\n            height: isExpanded ? 'auto' : '100px',\n          },\n          display: 'grid',\n          gridTemplateColumns: 'auto 15px',\n        }}\n      >\n        <button onClick={() => setIsExpanded(!isExpanded)}>\n          <ImageFileHandle\n            fileHandleAssociation={{\n              associateObjectId: entityId.toString(),\n              associateObjectType: FileHandleAssociateType.FileEntity,\n              fileHandleId: fileHandleId,\n            }}\n          />\n        </button>\n      </Box>\n    )\n  } else {\n    return <></>\n  }\n}\n"],"mappings":";;;;;;;;AAWA,IAAa,KACX,MACoB;CACpB,IAAM,EAAE,gBAAa,GACf,CAAC,GAAY,KAAiB,EAAS,GAAM,EAE7C,EAAE,MAAM,MAAW,EAAa,EAAS,UAAU,CAAC,EAGpD,IADsB,KAAU,sBAAsB,IAEvD,EAAO,mBACR,KAAA;AAyBF,QAvBE,IAEA,kBAAC,GAAD;EACE,IAAI;GACF,KAAK,EACH,QAAQ,IAAa,SAAS,SAC/B;GACD,SAAS;GACT,qBAAqB;GACtB;YAED,kBAAC,UAAD;GAAQ,eAAe,EAAc,CAAC,EAAW;aAC/C,kBAAC,GAAD,EACE,uBAAuB;IACrB,mBAAmB,EAAS,UAAU;IACtC,qBAAqB,EAAwB;IAC/B;IACf,EACD,CAAA;GACK,CAAA;EACL,CAAA,GAGD,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"EntityColumnImage.js","names":[],"sources":["../../../src/components/widgets/EntityColumnImage.tsx"],"sourcesContent":["import React from 'react'\nimport { useGetEntity } from '@/synapse-queries'\nimport { Box } from '@mui/system'\nimport { FileHandleAssociateType } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport { ImageFileHandle } from './ImageFileHandle'\n\ntype EntityColumnImageProps = {\n  entityId: string\n}\n\nexport const EntityColumnImage = (\n  props: EntityColumnImageProps,\n): React.ReactNode => {\n  const { entityId } = props\n  const [isExpanded, setIsExpanded] = useState(false)\n\n  const { data: entity } = useGetEntity(entityId.toString())\n\n  const isFileHandleDefined = entity && 'dataFileHandleId' in entity\n  const fileHandleId = isFileHandleDefined\n    ? (entity.dataFileHandleId as string)\n    : undefined\n\n  if (fileHandleId) {\n    return (\n      <Box\n        sx={{\n          img: {\n            height: isExpanded ? 'auto' : '100px',\n          },\n          display: 'grid',\n          gridTemplateColumns: 'auto 15px',\n        }}\n      >\n        <button onClick={() => setIsExpanded(!isExpanded)}>\n          <ImageFileHandle\n            fileHandleAssociation={{\n              associateObjectId: entityId.toString(),\n              associateObjectType: FileHandleAssociateType.FileEntity,\n              fileHandleId: fileHandleId,\n            }}\n          />\n        </button>\n      </Box>\n    )\n  } else {\n    return <></>\n  }\n}\n"],"mappings":";;;;;;;;AAWA,IAAa,KACX,MACoB;CACpB,IAAM,EAAE,gBAAa,GACf,CAAC,GAAY,KAAiB,EAAS,EAAK,GAE5C,EAAE,MAAM,MAAW,EAAa,EAAS,SAAS,CAAC,GAGnD,IADsB,KAAU,sBAAsB,IAEvD,EAAO,mBACR,KAAA;CAyBF,OAvBE,IAEA,kBAAC,GAAD;EACE,IAAI;GACF,KAAK,EACH,QAAQ,IAAa,SAAS,QAChC;GACA,SAAS;GACT,qBAAqB;EACvB;YAEA,kBAAC,UAAD;GAAQ,eAAe,EAAc,CAAC,CAAU;aAC9C,kBAAC,GAAD,EACE,uBAAuB;IACrB,mBAAmB,EAAS,SAAS;IACrC,qBAAqB,EAAwB;IAC/B;GAChB,EACD,CAAA;EACK,CAAA;CACL,CAAA,IAGA,kBAAA,GAAA,CAAI,CAAA;AAEf"}

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

@@ -1 +1 @@
-{"version":3,"file":"FileHandleLink.js","names":[],"sources":["../../../src/components/widgets/FileHandleLink.tsx"],"sourcesContent":["import React from 'react'\nimport SynapseClient from '@/synapse-client'\nimport { SynapseConstants } from '@/utils'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  BatchFileRequest,\n  BatchFileResult,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\n\ntype FileHandleLinkProps = {\n  fileHandleAssociation: FileHandleAssociation\n  redirect?: boolean\n  showDownloadIcon: boolean\n  displayValue?: string\n}\nexport const FileHandleLink = (props: FileHandleLinkProps): React.ReactNode => {\n  const {\n    fileHandleAssociation,\n    showDownloadIcon,\n    redirect = false,\n    displayValue,\n  } = props\n  const { accessToken } = useSynapseContext()\n\n  const [batchFileResult, setBatchFileResult] = useState<\n    BatchFileResult | undefined\n  >()\n\n  useEffect(() => {\n    if (displayValue === undefined) {\n      const getFiles = async () => {\n        const batchFileRequest: BatchFileRequest = {\n          requestedFiles: [fileHandleAssociation],\n          includeFileHandles: true,\n          includePreSignedURLs: false,\n          includePreviewPreSignedURLs: false,\n        }\n        setBatchFileResult(\n          await SynapseClient.getFiles(batchFileRequest, accessToken),\n        )\n      }\n      getFiles()\n    }\n  }, [accessToken, displayValue, fileHandleAssociation])\n\n  let fileName: string | undefined = undefined\n  if (batchFileResult) {\n    fileName = batchFileResult.requestedFiles[0].fileHandle?.fileName\n  }\n\n  return (\n    <button\n      onClick={() => {\n        if (accessToken && fileHandleAssociation) {\n          SynapseClient.getActualFileHandleByIdURL(\n            fileHandleAssociation.fileHandleId,\n            accessToken,\n            fileHandleAssociation.associateObjectType,\n            fileHandleAssociation.associateObjectId,\n            redirect,\n          )\n            .then(url => {\n              window.open(url, '_blank')\n            })\n            .catch(err => {\n              console.error('Error on retrieving file handle url ', err)\n            })\n        }\n      }}\n      className={`SRC-primary-text-color ${SynapseConstants.SRC_SIGN_IN_CLASS}`}\n      type=\"button\"\n      style={{ padding: 0 }}\n    >\n      {displayValue ?? fileName ?? fileHandleAssociation.fileHandleId}\n      {showDownloadIcon && <IconSvg icon=\"download\" />}\n    </button>\n  )\n}\n"],"mappings":";;;;;;;;AAkBA,IAAa,KAAkB,MAAgD;CAC7E,IAAM,EACJ,0BACA,qBACA,cAAW,IACX,oBACE,GACE,EAAE,mBAAgB,GAAmB,EAErC,CAAC,GAAiB,KAAsB,GAE3C;AAEH,SAAgB;AACd,EAAI,MAAiB,KAAA,MAYnB,YAX6B;GAC3B,IAAM,IAAqC;IACzC,gBAAgB,CAAC,EAAsB;IACvC,oBAAoB;IACpB,sBAAsB;IACtB,6BAA6B;IAC9B;AACD,KACE,MAAM,EAAc,SAAS,GAAkB,EAAY,CAC5D;MAEO;IAEX;EAAC;EAAa;EAAc;EAAsB,CAAC;CAEtD,IAAI;AAKJ,QAJI,MACF,IAAW,EAAgB,eAAe,GAAG,YAAY,WAIzD,kBAAC,UAAD;EACE,eAAe;AACb,GAAI,KAAe,KACjB,EAAc,2BACZ,EAAsB,cACtB,GACA,EAAsB,qBACtB,EAAsB,mBACtB,EACD,CACE,MAAK,MAAO;AACX,WAAO,KAAK,GAAK,SAAS;KAC1B,CACD,OAAM,MAAO;AACZ,YAAQ,MAAM,wCAAwC,EAAI;KAC1D;;EAGR,WAAW,0BAA0B;EACrC,MAAK;EACL,OAAO,EAAE,SAAS,GAAG;YApBvB,CAsBG,KAAgB,KAAY,EAAsB,cAClD,KAAoB,kBAAC,GAAD,EAAS,MAAK,YAAa,CAAA,CACzC"}
+{"version":3,"file":"FileHandleLink.js","names":[],"sources":["../../../src/components/widgets/FileHandleLink.tsx"],"sourcesContent":["import React from 'react'\nimport SynapseClient from '@/synapse-client'\nimport { SynapseConstants } from '@/utils'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  BatchFileRequest,\n  BatchFileResult,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\n\ntype FileHandleLinkProps = {\n  fileHandleAssociation: FileHandleAssociation\n  redirect?: boolean\n  showDownloadIcon: boolean\n  displayValue?: string\n}\nexport const FileHandleLink = (props: FileHandleLinkProps): React.ReactNode => {\n  const {\n    fileHandleAssociation,\n    showDownloadIcon,\n    redirect = false,\n    displayValue,\n  } = props\n  const { accessToken } = useSynapseContext()\n\n  const [batchFileResult, setBatchFileResult] = useState<\n    BatchFileResult | undefined\n  >()\n\n  useEffect(() => {\n    if (displayValue === undefined) {\n      const getFiles = async () => {\n        const batchFileRequest: BatchFileRequest = {\n          requestedFiles: [fileHandleAssociation],\n          includeFileHandles: true,\n          includePreSignedURLs: false,\n          includePreviewPreSignedURLs: false,\n        }\n        setBatchFileResult(\n          await SynapseClient.getFiles(batchFileRequest, accessToken),\n        )\n      }\n      getFiles()\n    }\n  }, [accessToken, displayValue, fileHandleAssociation])\n\n  let fileName: string | undefined = undefined\n  if (batchFileResult) {\n    fileName = batchFileResult.requestedFiles[0].fileHandle?.fileName\n  }\n\n  return (\n    <button\n      onClick={() => {\n        if (accessToken && fileHandleAssociation) {\n          SynapseClient.getActualFileHandleByIdURL(\n            fileHandleAssociation.fileHandleId,\n            accessToken,\n            fileHandleAssociation.associateObjectType,\n            fileHandleAssociation.associateObjectId,\n            redirect,\n          )\n            .then(url => {\n              window.open(url, '_blank')\n            })\n            .catch(err => {\n              console.error('Error on retrieving file handle url ', err)\n            })\n        }\n      }}\n      className={`SRC-primary-text-color ${SynapseConstants.SRC_SIGN_IN_CLASS}`}\n      type=\"button\"\n      style={{ padding: 0 }}\n    >\n      {displayValue ?? fileName ?? fileHandleAssociation.fileHandleId}\n      {showDownloadIcon && <IconSvg icon=\"download\" />}\n    </button>\n  )\n}\n"],"mappings":";;;;;;;;AAkBA,IAAa,KAAkB,MAAgD;CAC7E,IAAM,EACJ,0BACA,qBACA,cAAW,IACX,oBACE,GACE,EAAE,mBAAgB,EAAkB,GAEpC,CAAC,GAAiB,KAAsB,EAE5C;CAEF,QAAgB;EACd,AAAI,MAAiB,KAAA,MAYnB,YAX6B;GAC3B,IAAM,IAAqC;IACzC,gBAAgB,CAAC,CAAqB;IACtC,oBAAoB;IACpB,sBAAsB;IACtB,6BAA6B;GAC/B;GACA,EACE,MAAM,EAAc,SAAS,GAAkB,CAAW,CAC5D;EACF,GACS;CAEb,GAAG;EAAC;EAAa;EAAc;CAAqB,CAAC;CAErD,IAAI;CAKJ,OAJI,MACF,IAAW,EAAgB,eAAe,GAAG,YAAY,WAIzD,kBAAC,UAAD;EACE,eAAe;GACb,AAAI,KAAe,KACjB,EAAc,2BACZ,EAAsB,cACtB,GACA,EAAsB,qBACtB,EAAsB,mBACtB,CACF,EACG,MAAK,MAAO;IACX,OAAO,KAAK,GAAK,QAAQ;GAC3B,CAAC,EACA,OAAM,MAAO;IACZ,QAAQ,MAAM,wCAAwC,CAAG;GAC3D,CAAC;EAEP;EACA,WAAW,0BAA0B;EACrC,MAAK;EACL,OAAO,EAAE,SAAS,EAAE;YApBtB,CAsBG,KAAgB,KAAY,EAAsB,cAClD,KAAoB,kBAAC,GAAD,EAAS,MAAK,WAAY,CAAA,CACzC;;AAEZ"}

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

@@ -1 +1 @@
-{"version":3,"file":"ImageFileHandle.js","names":[],"sources":["../../../src/components/widgets/ImageFileHandle.tsx"],"sourcesContent":["import React from 'react'\nimport SynapseClient from '@/synapse-client'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { FileHandleAssociation } from '@sage-bionetworks/synapse-types'\nimport { ComponentProps, useEffect, useState } from 'react'\nimport { useInView } from 'react-intersection-observer'\n\ntype ImageFileHandleProps = {\n  fileHandleAssociation: FileHandleAssociation\n  imgProps?: ComponentProps<'img'>\n}\n\nexport const ImageFileHandle = (\n  props: ImageFileHandleProps,\n): React.ReactNode => {\n  const {\n    fileHandleAssociation: {\n      fileHandleId,\n      associateObjectId,\n      associateObjectType,\n    },\n    imgProps,\n  } = props\n  const { accessToken } = useSynapseContext()\n  const [url, setUrl] = useState<string>()\n  const { ref, inView } = useInView({\n    triggerOnce: true,\n    rootMargin: '500px 0px',\n  })\n\n  // Clear the url if the fileHandleId changes to avoid showing the wrong image while loading the new one\n  useEffect(() => {\n    if (!fileHandleId) {\n      setUrl(undefined)\n    }\n  }, [fileHandleId])\n\n  useEffect(() => {\n    const getData = () => {\n      if (fileHandleId && associateObjectId && associateObjectType && inView) {\n        SynapseClient.getActualFileHandleByIdURL(\n          fileHandleId,\n          accessToken,\n          associateObjectType,\n          associateObjectId,\n          false,\n        )\n          .then(url => {\n            setUrl(url)\n          })\n          .catch(err => {\n            console.error('Error on retrieving file handle url ', err)\n          })\n      }\n    }\n\n    getData()\n  }, [\n    inView,\n    fileHandleId,\n    associateObjectId,\n    accessToken,\n    associateObjectType,\n  ])\n\n  return (\n    <span ref={ref}>\n      {url && (\n        <img\n          className=\"ImageFileHandle\"\n          src={url}\n          alt=\"\"\n          loading=\"lazy\"\n          {...imgProps}\n        ></img>\n      )}\n    </span>\n  )\n}\n"],"mappings":";;;;;;AAYA,IAAa,KACX,MACoB;CACpB,IAAM,EACJ,uBAAuB,EACrB,iBACA,sBACA,0BAEF,gBACE,GACE,EAAE,mBAAgB,GAAmB,EACrC,CAAC,GAAK,KAAU,GAAkB,EAClC,EAAE,QAAK,cAAW,EAAU;EAChC,aAAa;EACb,YAAY;EACb,CAAC;AAqCF,QAlCA,QAAgB;AACd,EAAK,KACH,EAAO,KAAA,EAAU;IAElB,CAAC,EAAa,CAAC,EAElB,QAAgB;AAmBd,EAjBM,KAAgB,KAAqB,KAAuB,KAC9D,EAAc,2BACZ,GACA,GACA,GACA,GACA,GACD,CACE,MAAK,MAAO;AACX,KAAO,EAAI;IACX,CACD,OAAM,MAAO;AACZ,WAAQ,MAAM,wCAAwC,EAAI;IAC1D;IAKP;EACD;EACA;EACA;EACA;EACA;EACD,CAAC,EAGA,kBAAC,QAAD;EAAW;YACR,KACC,kBAAC,OAAD;GACE,WAAU;GACV,KAAK;GACL,KAAI;GACJ,SAAQ;GACR,GAAI;GACC,CAAA;EAEJ,CAAA"}
+{"version":3,"file":"ImageFileHandle.js","names":[],"sources":["../../../src/components/widgets/ImageFileHandle.tsx"],"sourcesContent":["import React from 'react'\nimport SynapseClient from '@/synapse-client'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { FileHandleAssociation } from '@sage-bionetworks/synapse-types'\nimport { ComponentProps, useEffect, useState } from 'react'\nimport { useInView } from 'react-intersection-observer'\n\ntype ImageFileHandleProps = {\n  fileHandleAssociation: FileHandleAssociation\n  imgProps?: ComponentProps<'img'>\n}\n\nexport const ImageFileHandle = (\n  props: ImageFileHandleProps,\n): React.ReactNode => {\n  const {\n    fileHandleAssociation: {\n      fileHandleId,\n      associateObjectId,\n      associateObjectType,\n    },\n    imgProps,\n  } = props\n  const { accessToken } = useSynapseContext()\n  const [url, setUrl] = useState<string>()\n  const { ref, inView } = useInView({\n    triggerOnce: true,\n    rootMargin: '500px 0px',\n  })\n\n  // Clear the url if the fileHandleId changes to avoid showing the wrong image while loading the new one\n  useEffect(() => {\n    if (!fileHandleId) {\n      setUrl(undefined)\n    }\n  }, [fileHandleId])\n\n  useEffect(() => {\n    const getData = () => {\n      if (fileHandleId && associateObjectId && associateObjectType && inView) {\n        SynapseClient.getActualFileHandleByIdURL(\n          fileHandleId,\n          accessToken,\n          associateObjectType,\n          associateObjectId,\n          false,\n        )\n          .then(url => {\n            setUrl(url)\n          })\n          .catch(err => {\n            console.error('Error on retrieving file handle url ', err)\n          })\n      }\n    }\n\n    getData()\n  }, [\n    inView,\n    fileHandleId,\n    associateObjectId,\n    accessToken,\n    associateObjectType,\n  ])\n\n  return (\n    <span ref={ref}>\n      {url && (\n        <img\n          className=\"ImageFileHandle\"\n          src={url}\n          alt=\"\"\n          loading=\"lazy\"\n          {...imgProps}\n        ></img>\n      )}\n    </span>\n  )\n}\n"],"mappings":";;;;;;AAYA,IAAa,KACX,MACoB;CACpB,IAAM,EACJ,uBAAuB,EACrB,iBACA,sBACA,0BAEF,gBACE,GACE,EAAE,mBAAgB,EAAkB,GACpC,CAAC,GAAK,KAAU,EAAiB,GACjC,EAAE,QAAK,cAAW,EAAU;EAChC,aAAa;EACb,YAAY;CACd,CAAC;CAqCD,OAlCA,QAAgB;EACd,AAAK,KACH,EAAO,KAAA,CAAS;CAEpB,GAAG,CAAC,CAAY,CAAC,GAEjB,QAAgB;EAmBd,AAjBM,KAAgB,KAAqB,KAAuB,KAC9D,EAAc,2BACZ,GACA,GACA,GACA,GACA,EACF,EACG,MAAK,MAAO;GACX,EAAO,CAAG;EACZ,CAAC,EACA,OAAM,MAAO;GACZ,QAAQ,MAAM,wCAAwC,CAAG;EAC3D,CAAC;CAKT,GAAG;EACD;EACA;EACA;EACA;EACA;CACF,CAAC,GAGC,kBAAC,QAAD;EAAW;YACR,KACC,kBAAC,OAAD;GACE,WAAU;GACV,KAAK;GACL,KAAI;GACJ,SAAQ;GACR,GAAI;EACA,CAAA;CAEJ,CAAA;AAEV"}

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

@@ -1 +1 @@
-{"version":3,"file":"LoginAwareButton.js","names":[],"sources":["../../../src/components/widgets/LoginAwareButton.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { SRC_SIGN_IN_CLASS } from '@/utils/SynapseConstants'\nimport { Button, ButtonProps } from '@mui/material'\nimport React from 'react'\nimport { Link, LinkProps } from 'react-router'\n\n/* Allow component to behave as a MUI Button or a React Router Link */\nexport type LoginAwareButtonProps = ButtonProps &\n  Partial<Pick<LinkProps, 'to' | 'replace'>>\n\nexport function LoginAwareButton(\n  props: LoginAwareButtonProps,\n): React.ReactNode {\n  const { isAuthenticated } = useSynapseContext()\n  const mergedProps = { ...props }\n  const linkProps = {\n    to: props.to,\n    replace: props.replace,\n  }\n  delete mergedProps.to\n  delete mergedProps.replace\n  if (!isAuthenticated) {\n    /* If token is missing, add css class to flag button to require login before continuing */\n    delete mergedProps.href\n    mergedProps.className = SRC_SIGN_IN_CLASS\n  }\n  let linkBtn = <Button {...mergedProps}>{mergedProps.children}</Button>\n  if (isAuthenticated && linkProps.to && !mergedProps.href) {\n    linkBtn = (\n      <Link to={linkProps.to} replace={linkProps.replace}>\n        {linkBtn}\n      </Link>\n    )\n  }\n  return linkBtn\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,EACd,GACiB;CACjB,IAAM,EAAE,uBAAoB,GAAmB,EACzC,IAAc,EAAE,GAAG,GAAO,EAC1B,IAAY;EAChB,IAAI,EAAM;EACV,SAAS,EAAM;EAChB;AAGD,CAFA,OAAO,EAAY,IACnB,OAAO,EAAY,SACd,MAEH,OAAO,EAAY,MACnB,EAAY,YAAY;CAE1B,IAAI,IAAU,kBAAC,GAAD;EAAQ,GAAI;YAAc,EAAY;EAAkB,CAAA;AAQtE,QAPI,KAAmB,EAAU,MAAM,CAAC,EAAY,SAClD,IACE,kBAAC,GAAD;EAAM,IAAI,EAAU;EAAI,SAAS,EAAU;YACxC;EACI,CAAA,GAGJ"}
+{"version":3,"file":"LoginAwareButton.js","names":[],"sources":["../../../src/components/widgets/LoginAwareButton.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { SRC_SIGN_IN_CLASS } from '@/utils/SynapseConstants'\nimport { Button, ButtonProps } from '@mui/material'\nimport React from 'react'\nimport { Link, LinkProps } from 'react-router'\n\n/* Allow component to behave as a MUI Button or a React Router Link */\nexport type LoginAwareButtonProps = ButtonProps &\n  Partial<Pick<LinkProps, 'to' | 'replace'>>\n\nexport function LoginAwareButton(\n  props: LoginAwareButtonProps,\n): React.ReactNode {\n  const { isAuthenticated } = useSynapseContext()\n  const mergedProps = { ...props }\n  const linkProps = {\n    to: props.to,\n    replace: props.replace,\n  }\n  delete mergedProps.to\n  delete mergedProps.replace\n  if (!isAuthenticated) {\n    /* If token is missing, add css class to flag button to require login before continuing */\n    delete mergedProps.href\n    mergedProps.className = SRC_SIGN_IN_CLASS\n  }\n  let linkBtn = <Button {...mergedProps}>{mergedProps.children}</Button>\n  if (isAuthenticated && linkProps.to && !mergedProps.href) {\n    linkBtn = (\n      <Link to={linkProps.to} replace={linkProps.replace}>\n        {linkBtn}\n      </Link>\n    )\n  }\n  return linkBtn\n}\n"],"mappings":";;;;;;;AAUA,SAAgB,EACd,GACiB;CACjB,IAAM,EAAE,uBAAoB,EAAkB,GACxC,IAAc,EAAE,GAAG,EAAM,GACzB,IAAY;EAChB,IAAI,EAAM;EACV,SAAS,EAAM;CACjB;CAGA,AAFA,OAAO,EAAY,IACnB,OAAO,EAAY,SACd,MAEH,OAAO,EAAY,MACnB,EAAY,YAAY;CAE1B,IAAI,IAAU,kBAAC,GAAD;EAAQ,GAAI;YAAc,EAAY;CAAiB,CAAA;CAQrE,OAPI,KAAmB,EAAU,MAAM,CAAC,EAAY,SAClD,IACE,kBAAC,GAAD;EAAM,IAAI,EAAU;EAAI,SAAS,EAAU;YACxC;CACG,CAAA,IAGH;AACT"}