synapse-react-client 4.0.9 → 4.0.11

package/dist/components/DataGrid/utils/schemaAwarePasteValue.js

@@ -0,0 +1,22 @@
+import { getEmptyValue as e } from "./getEmptyValue.js";
+//#region src/components/DataGrid/utils/schemaAwarePasteValue.ts
+function t(t, n) {
+	return n && (t == null || typeof t == "string" && t.trim() === "") ? e(n.isRequired) : t;
+}
+function n(e, n, r) {
+	return !e || !r ? e : ({ rowData: i, value: a, rowIndex: o }) => {
+		let s = e({
+			rowData: i,
+			value: a,
+			rowIndex: o
+		}), c = s[n], l = t(c, r);
+		return l === c ? s : {
+			...s,
+			[n]: l
+		};
+	};
+}
+//#endregion
+export { t as coerceModelCellValue, n as wrapPasteValueWithSchemaCoercion };
+
+//# sourceMappingURL=schemaAwarePasteValue.js.map

package/dist/components/DataGrid/utils/schemaAwarePasteValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schemaAwarePasteValue.js","names":["Column","SchemaPropertyInfo","getEmptyValue","coerceModelCellValue","value","schemaPropertyInfo","undefined","trim","isRequired","PasteValueFn","NonNullable","T","PasteValue","wrapPasteValueWithSchemaCoercion","Record","originalPasteValue","columnName","rowData","rowIndex","result","cellValue","coerced"],"sources":["../../../../src/components/DataGrid/utils/schemaAwarePasteValue.ts"],"sourcesContent":["import type { Column } from '@sage-bionetworks/react-datasheet-grid'\nimport type { SchemaPropertyInfo } from '@/utils/jsonschema/getSchemaPropertyInfo'\nimport { getEmptyValue } from './getEmptyValue'\n\n/**\n * Coerce an empty cell value to the schema-correct blank before it reaches\n * the model, regardless of how the edit originated (paste, free-typed commit,\n * programmatic CREATE/UPDATE, etc.).\n *\n * - Optional columns -> undefined (property is absent and passes validation\n *   for any optional type).\n * - Required columns -> null (validator surfaces a substantive error the\n *   user can act on).\n *\n * \"Empty\" means null, undefined, or a whitespace-only string. Spreadsheet\n * clipboard formats (text/html in particular) can encode visually empty\n * cells as runs of `\\n` from stacked `<br>` tags, so the trim check covers\n * those alongside literal \"\". Empty arrays are not coerced because some\n * columns (e.g. multi-enum) emit [] from their own paste logic and that is\n * the desired in-model representation.\n *\n * If schemaPropertyInfo is omitted, the original value is returned unchanged.\n */\nexport function coerceModelCellValue(\n  value: unknown,\n  schemaPropertyInfo?: SchemaPropertyInfo,\n): unknown {\n  if (!schemaPropertyInfo) {\n    return value\n  }\n  if (\n    value === null ||\n    value === undefined ||\n    (typeof value === 'string' && value.trim() === '')\n  ) {\n    return getEmptyValue(schemaPropertyInfo.isRequired)\n  }\n  return value\n}\n\ntype PasteValueFn<T, PasteValue> = NonNullable<\n  Column<T, unknown, PasteValue>['pasteValue']\n>\n\n/**\n * Wraps a keyed column's `pasteValue` so that an empty pasted cell is coerced\n * to the schema-correct blank for the column. If `schemaPropertyInfo` is\n * omitted (e.g. the grid is rendered without a JSON schema), the original\n * paste behavior is preserved.\n */\nexport function wrapPasteValueWithSchemaCoercion<\n  T extends Record<string, unknown>,\n  PasteValue,\n>(\n  originalPasteValue: PasteValueFn<T, PasteValue> | undefined,\n  columnName: string,\n  schemaPropertyInfo?: SchemaPropertyInfo,\n): PasteValueFn<T, PasteValue> | undefined {\n  if (!originalPasteValue || !schemaPropertyInfo) {\n    return originalPasteValue\n  }\n  return ({ rowData, value, rowIndex }) => {\n    const result = originalPasteValue({ rowData, value, rowIndex })\n    const cellValue = result[columnName]\n    const coerced = coerceModelCellValue(cellValue, schemaPropertyInfo)\n    if (coerced === cellValue) {\n      return result\n    }\n    return { ...result, [columnName]: coerced } as T\n  }\n}\n"],"mappings":";;AAuBA,SAAgBG,EACdC,GACAC,GACS;AAWT,QAVKA,MAIHD,KAAU,QAET,OAAOA,KAAU,YAAYA,EAAMG,MAAM,KAAK,MAExCL,EAAcG,EAAmBG,WAAW,GAE9CJ;;AAaT,SAAgBS,EAIdE,GACAC,GACAX,GACyC;AAIzC,QAHI,CAACU,KAAsB,CAACV,IACnBU,KAED,EAAEE,YAASb,UAAOc,kBAAe;EACvC,IAAMC,IAASJ,EAAmB;GAAEE;GAASb;GAAOc;GAAU,CAAC,EACzDE,IAAYD,EAAOH,IACnBK,IAAUlB,EAAqBiB,GAAWf,EAAmB;AAInE,SAHIgB,MAAYD,IACPD,IAEF;GAAE,GAAGA;IAASH,IAAaK;GAAS"}

package/dist/components/DataGrid/utils/splitPatch.js.map

@@ -1 +1 @@
-{"version":3,"file":"splitPatch.js","names":["Patch","CompactCodecPatch","decode","encode","CompactCodecOperation","CompactCodecTimestamp","getPatchSizeInBytes","patch","TextEncoder","JSON","stringify","length","computeNextPatchHeader","lastPatch","decodedPatch","lastPatchHeader","getId","lastPatchSpan","span","sid","time","splitPatch","maxPatchSizeBytes","ops","binaryEncodedPatch","sizeOfFullPatch","console","warn","firstPatchHeader","splitPatches","currentSplitPatch","i","currentSplitPatchOpCount","sizeOfCurrentSplitPatchWithNextOp","push"],"sources":["../../../../src/components/DataGrid/utils/splitPatch.ts"],"sourcesContent":["import { Patch } from 'json-joy/lib/json-crdt'\nimport {\n  CompactCodecPatch,\n  decode,\n  encode,\n} from 'json-joy/lib/json-crdt-patch/codec/compact'\nimport {\n  CompactCodecOperation,\n  CompactCodecTimestamp,\n} from 'json-joy/lib/json-crdt-patch/codec/compact/types'\n\n/**\n * Calculates the size in bytes of the UTF-8 string representation of a compact-encoded JSON CRDT Patch.\n * This is useful for determining the size of patch that will be sent in a WebSocket connection, which requires UTF-8\n * encoding.\n * @param patch the compact-encoded JSON CRDT Patch\n * @returns the size in bytes of the UTF-8 string representation of the patch\n */\nexport function getPatchSizeInBytes(patch: CompactCodecPatch): number {\n  return new TextEncoder().encode(JSON.stringify(patch)).length\n}\n\n/**\n * Computes the header for the next JSON CRDT patch based on the last patch.\n * @param lastPatch - the previous JSON CRDT patch\n * @returns the header for the next patch, which includes the replica ID and the next timestamp\n */\nfunction computeNextPatchHeader(\n  lastPatch: CompactCodecPatch,\n): [CompactCodecTimestamp] {\n  // TODO: Compute the next patch header without decoding the entire patch\n  // decoding it is inefficient, but easy because it lets us easily compute the span.\n  const decodedPatch = decode(lastPatch)\n\n  const lastPatchHeader = decodedPatch.getId()!\n  const lastPatchSpan = decodedPatch.span()\n\n  return [[lastPatchHeader?.sid, lastPatchHeader.time + lastPatchSpan]]\n}\n\n/**\n * Given a json-joy JSON CRDT Patch, splits it into multiple patches if its compact encoding\n * exceeds the specified maximum size in bytes.\n * @param patch\n * @param maxPatchSizeBytes\n * @returns An array of patches that are compact-encoded. Each patch is guaranteed to be within the specified size limit, or to only contain\n * a single operation if it cannot be split further.\n */\nexport function splitPatch(\n  patch: Patch,\n  maxPatchSizeBytes: number,\n): CompactCodecPatch[] {\n  if (!patch.ops || patch.ops.length === 0) {\n    return []\n  }\n\n  const binaryEncodedPatch = encode(patch)\n  const sizeOfFullPatch = getPatchSizeInBytes(binaryEncodedPatch)\n\n  // Check if this patch needs to be split\n  if (sizeOfFullPatch <= maxPatchSizeBytes) {\n    return [binaryEncodedPatch]\n  }\n\n  if (patch.ops.length == 1) {\n    console.warn(\n      `Patch is too large (${sizeOfFullPatch} B) but cannot be split further since it only contains one operation.`,\n    )\n    return [binaryEncodedPatch]\n  }\n\n  const firstPatchHeader = binaryEncodedPatch[0]\n  const splitPatches: CompactCodecPatch[] = []\n  let currentSplitPatch: CompactCodecPatch = [firstPatchHeader]\n  for (let i = 1; i < binaryEncodedPatch.length; i += 1) {\n    const currentSplitPatchOpCount = currentSplitPatch.length - 1 // Exclude header\n    const sizeOfCurrentSplitPatchWithNextOp = getPatchSizeInBytes([\n      ...currentSplitPatch,\n      binaryEncodedPatch[i] as CompactCodecOperation,\n    ])\n    if (\n      sizeOfCurrentSplitPatchWithNextOp > maxPatchSizeBytes &&\n      currentSplitPatchOpCount > 0\n    ) {\n      splitPatches.push(currentSplitPatch)\n      currentSplitPatch = [computeNextPatchHeader(currentSplitPatch)]\n    }\n    currentSplitPatch.push(binaryEncodedPatch[i] as CompactCodecOperation)\n  }\n  if (currentSplitPatch.length > 1) {\n    splitPatches.push(currentSplitPatch)\n  }\n\n  return splitPatches\n}\n"],"mappings":";;AAkBA,SAAgBM,EAAoBC,GAAkC;AACpE,QAAO,IAAIC,aAAa,CAACL,OAAOM,KAAKC,UAAUH,EAAM,CAAC,CAACI;;AAQzD,SAASC,EACPC,GACyB;CAGzB,IAAMC,IAAeZ,EAAOW,EAAU,EAEhCE,IAAkBD,EAAaE,OAAO,EACtCC,IAAgBH,EAAaI,MAAM;AAEzC,QAAO,CAAC,CAACH,GAAiBI,KAAKJ,EAAgBK,OAAOH,EAAc,CAAC;;AAWvE,SAAgBI,EACdd,GACAe,GACqB;AACrB,KAAI,CAACf,EAAMgB,OAAOhB,EAAMgB,IAAIZ,WAAW,EACrC,QAAO,EAAE;CAGX,IAAMa,IAAqBrB,EAAOI,EAAM,EAClCkB,IAAkBnB,EAAoBkB,EAAmB;AAG/D,KAAIC,KAAmBH,EACrB,QAAO,CAACE,EAAmB;AAG7B,KAAIjB,EAAMgB,IAAIZ,UAAU,EAItB,QAHAe,QAAQC,KACN,uBAAuBF,EAAe,uEACvC,EACM,CAACD,EAAmB;CAG7B,IAAMI,IAAmBJ,EAAmB,IACtCK,IAAoC,EAAE,EACxCC,IAAuC,CAACF,EAAiB;AAC7D,MAAK,IAAIG,IAAI,GAAGA,IAAIP,EAAmBb,QAAQoB,KAAK,GAAG;EACrD,IAAMC,IAA2BF,EAAkBnB,SAAS;AAY5DmB,EAX0CxB,EAAoB,CAC5D,GAAGwB,GACHN,EAAmBO,GACpB,CAAC,GAEoCT,KACpCU,IAA2B,MAE3BH,EAAaK,KAAKJ,EAAkB,EACpCA,IAAoB,CAAClB,EAAuBkB,EAAkB,CAAC,GAEjEA,EAAkBI,KAAKV,EAAmBO,GAA4B;;AAMxE,QAJID,EAAkBnB,SAAS,KAC7BkB,EAAaK,KAAKJ,EAAkB,EAG/BD"}
+{"version":3,"file":"splitPatch.js","names":["Patch","CompactCodecPatch","decode","encode","CompactCodecOperation","CompactCodecTimestamp","getPatchSizeInBytes","patch","TextEncoder","JSON","stringify","length","computeNextPatchHeader","lastPatch","decodedPatch","lastPatchHeader","getId","lastPatchSpan","span","sid","time","splitPatch","maxPatchSizeBytes","ops","binaryEncodedPatch","sizeOfFullPatch","console","warn","firstPatchHeader","splitPatches","currentSplitPatch","i","currentSplitPatchOpCount","sizeOfCurrentSplitPatchWithNextOp","push"],"sources":["../../../../src/components/DataGrid/utils/splitPatch.ts"],"sourcesContent":["import { Patch } from 'json-joy/lib/json-crdt'\nimport {\n  CompactCodecPatch,\n  decode,\n  encode,\n} from 'json-joy/lib/json-crdt-patch/codec/compact'\nimport {\n  CompactCodecOperation,\n  CompactCodecTimestamp,\n} from 'json-joy/lib/json-crdt-patch/codec/compact/types'\n\n/**\n * Calculates the size in bytes of the UTF-8 string representation of a compact-encoded JSON CRDT Patch.\n * This is useful for determining the size of patch that will be sent in a WebSocket connection, which requires UTF-8\n * encoding.\n * @param patch the compact-encoded JSON CRDT Patch\n * @returns the size in bytes of the UTF-8 string representation of the patch\n */\nexport function getPatchSizeInBytes(patch: CompactCodecPatch): number {\n  return new TextEncoder().encode(JSON.stringify(patch)).length\n}\n\n/**\n * Computes the header for the next JSON CRDT patch based on the last patch.\n * @param lastPatch - the previous JSON CRDT patch\n * @returns the header for the next patch, which includes the replica ID and the next timestamp\n */\nfunction computeNextPatchHeader(\n  lastPatch: CompactCodecPatch,\n): [CompactCodecTimestamp] {\n  // TODO: Compute the next patch header without decoding the entire patch\n  // decoding it is inefficient, but easy because it lets us easily compute the span.\n  const decodedPatch = decode(lastPatch)\n\n  const lastPatchHeader = decodedPatch.getId()!\n  const lastPatchSpan = decodedPatch.span()\n\n  return [[lastPatchHeader?.sid, lastPatchHeader.time + lastPatchSpan]]\n}\n\n/**\n * Given a json-joy JSON CRDT Patch, splits it into multiple patches if its compact encoding\n * exceeds the specified maximum size in bytes.\n * @param patch\n * @param maxPatchSizeBytes\n * @returns An array of patches that are compact-encoded. Each patch is guaranteed to be within the specified size limit, or to only contain\n * a single operation if it cannot be split further.\n */\nexport function splitPatch(\n  patch: Patch,\n  maxPatchSizeBytes: number,\n): CompactCodecPatch[] {\n  if (!patch.ops || patch.ops.length === 0) {\n    return []\n  }\n\n  const binaryEncodedPatch = encode(patch)\n  const sizeOfFullPatch = getPatchSizeInBytes(binaryEncodedPatch)\n\n  // Check if this patch needs to be split\n  if (sizeOfFullPatch <= maxPatchSizeBytes) {\n    return [binaryEncodedPatch]\n  }\n\n  if (patch.ops.length == 1) {\n    console.warn(\n      `Patch is too large (${sizeOfFullPatch} B) but cannot be split further since it only contains one operation.`,\n    )\n    return [binaryEncodedPatch]\n  }\n\n  const firstPatchHeader = binaryEncodedPatch[0]\n  const splitPatches: CompactCodecPatch[] = []\n  let currentSplitPatch: CompactCodecPatch = [firstPatchHeader]\n  for (let i = 1; i < binaryEncodedPatch.length; i += 1) {\n    const currentSplitPatchOpCount = currentSplitPatch.length - 1 // Exclude header\n    const sizeOfCurrentSplitPatchWithNextOp = getPatchSizeInBytes([\n      ...currentSplitPatch,\n      binaryEncodedPatch[i] as CompactCodecOperation,\n    ])\n    if (\n      sizeOfCurrentSplitPatchWithNextOp > maxPatchSizeBytes &&\n      currentSplitPatchOpCount > 0\n    ) {\n      splitPatches.push(currentSplitPatch)\n      currentSplitPatch = [computeNextPatchHeader(currentSplitPatch)]\n    }\n    currentSplitPatch.push(binaryEncodedPatch[i] as CompactCodecOperation)\n  }\n  if (currentSplitPatch.length > 1) {\n    splitPatches.push(currentSplitPatch)\n  }\n\n  return splitPatches\n}\n"],"mappings":";;AAkBA,SAAgBM,EAAoBC,GAAkC;AACpE,QAAO,IAAIC,aAAa,CAACL,OAAOM,KAAKC,UAAUH,EAAM,CAAC,CAACI;;AAQzD,SAASC,EACPC,GACyB;CAGzB,IAAMC,IAAeZ,EAAOW,EAAU,EAEhCE,IAAkBD,EAAaE,OAAO,EACtCC,IAAgBH,EAAaI,MAAM;AAEzC,QAAO,CAAC,CAACH,GAAiBI,KAAKJ,EAAgBK,OAAOH,EAAc,CAAC;;AAWvE,SAAgBI,EACdd,GACAe,GACqB;AACrB,KAAI,CAACf,EAAMgB,OAAOhB,EAAMgB,IAAIZ,WAAW,EACrC,QAAO,EAAE;CAGX,IAAMa,IAAqBrB,EAAOI,EAAM,EAClCkB,IAAkBnB,EAAoBkB,EAAmB;AAG/D,KAAIC,KAAmBH,EACrB,QAAO,CAACE,EAAmB;AAG7B,KAAIjB,EAAMgB,IAAIZ,UAAU,EAItB,QAHAe,QAAQC,KACN,uBAAuBF,EAAe,uEACvC,EACM,CAACD,EAAmB;CAG7B,IAAMI,IAAmBJ,EAAmB,IACtCK,IAAoC,EAAE,EACxCC,IAAuC,CAACF,EAAiB;AAC7D,MAAK,IAAIG,IAAI,GAAGA,IAAIP,EAAmBb,QAAQoB,KAAK,GAAG;EACrD,IAAMC,IAA2BF,EAAkBnB,SAAS;AAY5DmB,EAX0CxB,EAAoB,CAC5D,GAAGwB,GACHN,EAAmBO,GACpB,CAECE,GAAoCX,KACpCU,IAA2B,MAE3BH,EAAaK,KAAKJ,EAAkB,EACpCA,IAAoB,CAAClB,EAAuBkB,EAAkB,CAAC,GAEjEA,EAAkBI,KAAKV,EAAmBO,GAA4B;;AAMxE,QAJID,EAAkBnB,SAAS,KAC7BkB,EAAaK,KAAKJ,EAAkB,EAG/BD"}

package/dist/components/DateTimePicker/DateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.js","names":[],"sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils'\nimport { Box, InputBaseProps, TextField, TextFieldProps } from '@mui/material'\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'\nimport {\n  DateTimePicker as MuiDateTimePicker,\n  DateTimePickerProps as MuiDateTimePickerProps,\n} from '@mui/x-date-pickers/DateTimePicker'\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'\nimport dayjs from 'dayjs'\nimport advancedFormat from 'dayjs/plugin/advancedFormat'\nimport timezone from 'dayjs/plugin/timezone'\nimport utc from 'dayjs/plugin/utc'\nimport { useMemo } from 'react'\n\ndayjs.extend(utc)\ndayjs.extend(timezone)\ndayjs.extend(advancedFormat)\n\nfunction TextFieldWithTzShown(props: TextFieldProps) {\n  const { utcTime } = useSynapseContext()\n  const tzDisplay = utcTime ? 'UTC' : dayjs().tz(dayjs.tz.guess()).format('z')\n\n  return (\n    <TextField\n      {...props}\n      slotProps={{\n        input: {\n          ...props.slotProps?.input,\n          endAdornment: (\n            <>\n              <Box\n                sx={{\n                  ml: 0.5,\n                }}\n              >\n                {tzDisplay}\n              </Box>\n              {\n                (props.slotProps?.input as InputBaseProps | undefined)\n                  ?.endAdornment\n              }\n            </>\n          ),\n        },\n      }}\n    />\n  )\n}\n\nexport default function DateTimePicker(props: MuiDateTimePickerProps) {\n  const { value, slots, ...rest } = props\n  const { utcTime } = useSynapseContext()\n\n  const valueAsDayjs = useMemo(() => {\n    if (value == null) {\n      return value\n    }\n    if (utcTime) {\n      return dayjs.utc(value)\n    } else {\n      return dayjs(value)\n    }\n  }, [utcTime, value])\n\n  return (\n    <LocalizationProvider dateAdapter={AdapterDayjs}>\n      <MuiDateTimePicker\n        enableAccessibleFieldDOMStructure={false}\n        value={valueAsDayjs}\n        slots={{\n          ...slots,\n          textField: TextFieldWithTzShown,\n        }}\n        {...rest}\n      />\n    </LocalizationProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAcA,EAAM,OAAO,EAAI,EACjB,EAAM,OAAO,EAAS,EACtB,EAAM,OAAO,EAAe;AAE5B,SAAS,EAAqB,GAAuB;CACnD,IAAM,EAAE,eAAY,GAAmB,EACjC,IAAY,IAAU,QAAQ,GAAO,CAAC,GAAG,EAAM,GAAG,OAAO,CAAC,CAAC,OAAO,IAAI;AAE5E,QACE,kBAAC,GAAD;EACE,GAAI;EACJ,WAAW,EACT,OAAO;GACL,GAAG,EAAM,WAAW;GACpB,cACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IACE,IAAI,EACF,IAAI,IACL;cAEA;IACG,CAAA,EAEH,EAAM,WAAW,OACd,aAEL,EAAA,CAAA;GAEN,EACF;EACD,CAAA;;AAIN,SAAwB,EAAe,GAA+B;CACpE,IAAM,EAAE,UAAO,UAAO,GAAG,MAAS,GAC5B,EAAE,eAAY,GAAmB;AAavC,QACE,kBAAC,GAAD;EAAsB,aAAa;YACjC,kBAAC,GAAD;GACE,mCAAmC;GACnC,OAfe,QACf,KAAS,OACJ,IAEL,IACK,EAAM,IAAI,EAAM,GAEhB,EAAM,EAAM,EAEpB,CAAC,GAAS,EAAM,CAAC;GAOd,OAAO;IACL,GAAG;IACH,WAAW;IACZ;GACD,GAAI;GACJ,CAAA;EACmB,CAAA"}
+{"version":3,"file":"DateTimePicker.js","names":[],"sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils'\nimport { Box, InputBaseProps, TextField, TextFieldProps } from '@mui/material'\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'\nimport {\n  DateTimePicker as MuiDateTimePicker,\n  DateTimePickerProps as MuiDateTimePickerProps,\n} from '@mui/x-date-pickers/DateTimePicker'\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'\nimport dayjs from 'dayjs'\nimport advancedFormat from 'dayjs/plugin/advancedFormat'\nimport timezone from 'dayjs/plugin/timezone'\nimport utc from 'dayjs/plugin/utc'\nimport { useMemo } from 'react'\n\ndayjs.extend(utc)\ndayjs.extend(timezone)\ndayjs.extend(advancedFormat)\n\nfunction TextFieldWithTzShown(props: TextFieldProps) {\n  const { utcTime } = useSynapseContext()\n  const tzDisplay = utcTime ? 'UTC' : dayjs().tz(dayjs.tz.guess()).format('z')\n\n  return (\n    <TextField\n      {...props}\n      slotProps={{\n        input: {\n          ...props.slotProps?.input,\n          endAdornment: (\n            <>\n              <Box\n                sx={{\n                  ml: 0.5,\n                }}\n              >\n                {tzDisplay}\n              </Box>\n              {\n                (props.slotProps?.input as InputBaseProps | undefined)\n                  ?.endAdornment\n              }\n            </>\n          ),\n        },\n      }}\n    />\n  )\n}\n\nexport default function DateTimePicker(props: MuiDateTimePickerProps) {\n  const { value, slots, ...rest } = props\n  const { utcTime } = useSynapseContext()\n\n  const valueAsDayjs = useMemo(() => {\n    if (value == null) {\n      return value\n    }\n    if (utcTime) {\n      return dayjs.utc(value)\n    } else {\n      return dayjs(value)\n    }\n  }, [utcTime, value])\n\n  return (\n    <LocalizationProvider dateAdapter={AdapterDayjs}>\n      <MuiDateTimePicker\n        enableAccessibleFieldDOMStructure={false}\n        value={valueAsDayjs}\n        slots={{\n          ...slots,\n          textField: TextFieldWithTzShown,\n        }}\n        {...rest}\n      />\n    </LocalizationProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAcA,EAAM,OAAO,EAAI,EACjB,EAAM,OAAO,EAAS,EACtB,EAAM,OAAO,EAAe;AAE5B,SAAS,EAAqB,GAAuB;CACnD,IAAM,EAAE,eAAY,GAAmB,EACjC,IAAY,IAAU,QAAQ,GAAO,CAAC,GAAG,EAAM,GAAG,OAAO,CAAC,CAAC,OAAO,IAAI;AAE5E,QACE,kBAAC,GAAD;EACE,GAAI;EACJ,WAAW,EACT,OAAO;GACL,GAAG,EAAM,WAAW;GACpB,cACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IACE,IAAI,EACF,IAAI,IACL;cAEA;IACG,CAAA,EAEH,EAAM,WAAW,OACd,aAEL,EAAA,CAAA;GAEN,EACF;EACD,CAAA;;AAIN,SAAwB,EAAe,GAA+B;CACpE,IAAM,EAAE,UAAO,UAAO,GAAG,MAAS,GAC5B,EAAE,eAAY,GAAmB;AAavC,QACE,kBAAC,GAAD;EAAsB,aAAa;YACjC,kBAAC,GAAD;GACE,mCAAmC;GACnC,OAfe,QACf,KAAS,OACJ,IAEL,IACK,EAAM,IAAI,EAAM,GAEhB,EAAM,EAAM,EAEpB,CAAC,GAAS,EAAM,CAMN;GACP,OAAO;IACL,GAAG;IACH,WAAW;IACZ;GACD,GAAI;GACJ,CAAA;EACmB,CAAA"}

package/dist/components/DirectDownload/DirectDownload.js.map

@@ -1 +1 @@
-{"version":3,"file":"DirectDownload.js","names":[],"sources":["../../../src/components/DirectDownload/DirectDownload.tsx"],"sourcesContent":["import { useGetFileBatch } from '@/synapse-queries/file/useFiles'\nimport { implementsExternalFileHandleInterface } from '@/utils/types/IsType'\nimport { Tooltip } from '@mui/material'\nimport {\n  ExternalFileHandle,\n  FileHandleAssociateType,\n} from '@sage-bionetworks/synapse-types'\nimport { forwardRef } from 'react'\nimport IconSvg, { IconSvgProps } from '../IconSvg/IconSvg'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\nimport { useDirectDownloadHandler } from '@/utils/hooks/useDirectDownloadHandler'\n\nexport type DirectFileDownloadProps = {\n  associatedObjectId: string\n  associatedObjectType: FileHandleAssociateType\n  fileHandleId: string\n  displayFileName?: boolean\n  onClickCallback?: (isExternalLink: boolean) => void // callback if you want to know when the link was clicked\n  stopPropagation?: boolean\n  iconSvgPropOverrides?: Partial<IconSvgProps>\n}\n\ntype DirectDownloadIconProps = {\n  isExternalFile?: boolean\n  hasFileAccess: boolean\n  onClick?: (isExternalFile: boolean) => void\n  getDownloadLink: () => Promise<void>\n  stopPropagation: boolean\n  externalURL?: string\n  displayFileName: boolean\n  fileName?: string\n  iconSvgPropOverrides?: Partial<IconSvgProps>\n}\n\nconst DirectDownloadIcon = forwardRef<\n  HTMLButtonElement,\n  DirectDownloadIconProps\n>(function DirectDownloadIcon(props: DirectDownloadIconProps, ref) {\n  const {\n    isExternalFile,\n    onClick,\n    getDownloadLink,\n    stopPropagation,\n    externalURL,\n    hasFileAccess,\n    displayFileName,\n    fileName,\n    iconSvgPropOverrides = {},\n  } = props\n  if (isExternalFile) {\n    return (\n      <button\n        ref={ref}\n        className={'btn-download-icon'}\n        onClick={event => {\n          if (onClick) {\n            onClick(isExternalFile)\n            if (stopPropagation) event.stopPropagation()\n          }\n        }}\n      >\n        <a\n          className=\"ignoreLink\"\n          rel=\"noopener noreferrer\"\n          href={externalURL}\n          target=\"_blank\"\n        >\n          <IconSvg icon=\"download\" {...iconSvgPropOverrides} />\n        </a>\n      </button>\n    )\n  }\n  if (hasFileAccess) {\n    return (\n      <button\n        ref={ref}\n        className={'btn-download-icon'}\n        onClick={event => {\n          getDownloadLink()\n          if (stopPropagation) event.stopPropagation()\n        }}\n      >\n        <IconSvg icon=\"download\" {...iconSvgPropOverrides} />\n        {displayFileName && fileName ? fileName : ''}\n      </button>\n    )\n  }\n  return <></>\n})\n\nfunction DirectDownload(props: DirectFileDownloadProps) {\n  const {\n    associatedObjectId,\n    associatedObjectType,\n    fileHandleId,\n    displayFileName = false,\n    onClickCallback,\n    stopPropagation = false,\n    iconSvgPropOverrides,\n  } = props\n\n  const fileHandleAssociation = {\n    fileHandleId: fileHandleId,\n    associateObjectId: associatedObjectId,\n    associateObjectType: associatedObjectType,\n  }\n\n  // Get file handle data to ensure we have access / display information\n  const { data } = useGetFileBatch({\n    requestedFiles: [fileHandleAssociation],\n    includeFileHandles: true,\n    // don't get the presigned URL with this query, it may expire before the user clicks the download button\n    includePreSignedURLs: false,\n    includePreviewPreSignedURLs: false,\n  })\n\n  const fileHandle = data?.requestedFiles[0]?.fileHandle\n  const hasFileAccess = Boolean(fileHandle)\n  const fileName = fileHandle?.fileName\n  const isExternalFile = fileHandle\n    ? implementsExternalFileHandleInterface(fileHandle)\n    : undefined\n  const externalURL: string | undefined = fileHandle\n    ? (fileHandle as ExternalFileHandle).externalURL\n    : undefined\n\n  const { downloadFile } = useDirectDownloadHandler()\n\n  const getDownloadLink = async () => {\n    await downloadFile({\n      fileHandleId,\n      associatedObjectId,\n      associatedObjectType,\n    })\n\n    if (onClickCallback) {\n      onClickCallback(isExternalFile!)\n    }\n  }\n\n  return (\n    <Tooltip\n      title=\"Click to begin download of this file\"\n      enterNextDelay={TOOLTIP_DELAY_SHOW}\n      placement=\"left\"\n    >\n      <span>\n        <DirectDownloadIcon\n          isExternalFile={isExternalFile}\n          hasFileAccess={hasFileAccess}\n          onClick={onClickCallback}\n          getDownloadLink={getDownloadLink}\n          stopPropagation={stopPropagation}\n          externalURL={externalURL}\n          displayFileName={displayFileName}\n          fileName={fileName}\n          iconSvgPropOverrides={iconSvgPropOverrides}\n        />\n      </span>\n    </Tooltip>\n  )\n}\n\nexport default DirectDownload\n"],"mappings":";;;;;;;;;AAkCA,IAAM,IAAqB,EAGzB,SAA4B,GAAgC,GAAK;CACjE,IAAM,EACJ,mBACA,YACA,oBACA,oBACA,gBACA,kBACA,oBACA,aACA,0BAAuB,EAAE,KACvB;AAuCJ,QAtCI,IAEA,kBAAC,UAAD;EACO;EACL,WAAW;EACX,UAAS,MAAS;AAChB,GAAI,MACF,EAAQ,EAAe,EACnB,KAAiB,EAAM,iBAAiB;;YAIhD,kBAAC,KAAD;GACE,WAAU;GACV,KAAI;GACJ,MAAM;GACN,QAAO;aAEP,kBAAC,GAAD;IAAS,MAAK;IAAW,GAAI;IAAwB,CAAA;GACnD,CAAA;EACG,CAAA,GAGT,IAEA,kBAAC,UAAD;EACO;EACL,WAAW;EACX,UAAS,MAAS;AAEhB,GADA,GAAiB,EACb,KAAiB,EAAM,iBAAiB;;YALhD,CAQE,kBAAC,GAAD;GAAS,MAAK;GAAW,GAAI;GAAwB,CAAA,EACpD,KAAmB,IAAW,IAAW,GACnC;MAGN,kBAAA,GAAA,EAAK,CAAA;EACZ;AAEF,SAAS,EAAe,GAAgC;CACtD,IAAM,EACJ,uBACA,yBACA,iBACA,qBAAkB,IAClB,oBACA,qBAAkB,IAClB,4BACE,GASE,EAAE,YAAS,EAAgB;EAC/B,gBAAgB,CARY;GACd;GACd,mBAAmB;GACnB,qBAAqB;GACtB,CAIwC;EACvC,oBAAoB;EAEpB,sBAAsB;EACtB,6BAA6B;EAC9B,CAAC,EAEI,IAAa,GAAM,eAAe,IAAI,YACtC,IAAgB,EAAQ,GACxB,IAAW,GAAY,UACvB,IAAiB,IACnB,EAAsC,EAAW,GACjD,KAAA,GACE,IAAkC,IACnC,EAAkC,cACnC,KAAA,GAEE,EAAE,oBAAiB,GAA0B;AAcnD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,gBAAA;EACA,WAAU;YAEV,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;GACkB;GACD;GACf,SAAS;GACQ,iBAvBD,YAAY;AAOlC,IANA,MAAM,EAAa;KACjB;KACA;KACA;KACD,CAAC,EAEE,KACF,EAAgB,EAAgB;;GAgBX;GACJ;GACI;GACP;GACY;GACtB,CAAA,EACG,CAAA;EACC,CAAA"}
+{"version":3,"file":"DirectDownload.js","names":[],"sources":["../../../src/components/DirectDownload/DirectDownload.tsx"],"sourcesContent":["import { useGetFileBatch } from '@/synapse-queries/file/useFiles'\nimport { implementsExternalFileHandleInterface } from '@/utils/types/IsType'\nimport { Tooltip } from '@mui/material'\nimport {\n  ExternalFileHandle,\n  FileHandleAssociateType,\n} from '@sage-bionetworks/synapse-types'\nimport { forwardRef } from 'react'\nimport IconSvg, { IconSvgProps } from '../IconSvg/IconSvg'\nimport { TOOLTIP_DELAY_SHOW } from '../SynapseTable/SynapseTableConstants'\nimport { useDirectDownloadHandler } from '@/utils/hooks/useDirectDownloadHandler'\n\nexport type DirectFileDownloadProps = {\n  associatedObjectId: string\n  associatedObjectType: FileHandleAssociateType\n  fileHandleId: string\n  displayFileName?: boolean\n  onClickCallback?: (isExternalLink: boolean) => void // callback if you want to know when the link was clicked\n  stopPropagation?: boolean\n  iconSvgPropOverrides?: Partial<IconSvgProps>\n}\n\ntype DirectDownloadIconProps = {\n  isExternalFile?: boolean\n  hasFileAccess: boolean\n  onClick?: (isExternalFile: boolean) => void\n  getDownloadLink: () => Promise<void>\n  stopPropagation: boolean\n  externalURL?: string\n  displayFileName: boolean\n  fileName?: string\n  iconSvgPropOverrides?: Partial<IconSvgProps>\n}\n\nconst DirectDownloadIcon = forwardRef<\n  HTMLButtonElement,\n  DirectDownloadIconProps\n>(function DirectDownloadIcon(props: DirectDownloadIconProps, ref) {\n  const {\n    isExternalFile,\n    onClick,\n    getDownloadLink,\n    stopPropagation,\n    externalURL,\n    hasFileAccess,\n    displayFileName,\n    fileName,\n    iconSvgPropOverrides = {},\n  } = props\n  if (isExternalFile) {\n    return (\n      <button\n        ref={ref}\n        className={'btn-download-icon'}\n        onClick={event => {\n          if (onClick) {\n            onClick(isExternalFile)\n            if (stopPropagation) event.stopPropagation()\n          }\n        }}\n      >\n        <a\n          className=\"ignoreLink\"\n          rel=\"noopener noreferrer\"\n          href={externalURL}\n          target=\"_blank\"\n        >\n          <IconSvg icon=\"download\" {...iconSvgPropOverrides} />\n        </a>\n      </button>\n    )\n  }\n  if (hasFileAccess) {\n    return (\n      <button\n        ref={ref}\n        className={'btn-download-icon'}\n        onClick={event => {\n          getDownloadLink()\n          if (stopPropagation) event.stopPropagation()\n        }}\n      >\n        <IconSvg icon=\"download\" {...iconSvgPropOverrides} />\n        {displayFileName && fileName ? fileName : ''}\n      </button>\n    )\n  }\n  return <></>\n})\n\nfunction DirectDownload(props: DirectFileDownloadProps) {\n  const {\n    associatedObjectId,\n    associatedObjectType,\n    fileHandleId,\n    displayFileName = false,\n    onClickCallback,\n    stopPropagation = false,\n    iconSvgPropOverrides,\n  } = props\n\n  const fileHandleAssociation = {\n    fileHandleId: fileHandleId,\n    associateObjectId: associatedObjectId,\n    associateObjectType: associatedObjectType,\n  }\n\n  // Get file handle data to ensure we have access / display information\n  const { data } = useGetFileBatch({\n    requestedFiles: [fileHandleAssociation],\n    includeFileHandles: true,\n    // don't get the presigned URL with this query, it may expire before the user clicks the download button\n    includePreSignedURLs: false,\n    includePreviewPreSignedURLs: false,\n  })\n\n  const fileHandle = data?.requestedFiles[0]?.fileHandle\n  const hasFileAccess = Boolean(fileHandle)\n  const fileName = fileHandle?.fileName\n  const isExternalFile = fileHandle\n    ? implementsExternalFileHandleInterface(fileHandle)\n    : undefined\n  const externalURL: string | undefined = fileHandle\n    ? (fileHandle as ExternalFileHandle).externalURL\n    : undefined\n\n  const { downloadFile } = useDirectDownloadHandler()\n\n  const getDownloadLink = async () => {\n    await downloadFile({\n      fileHandleId,\n      associatedObjectId,\n      associatedObjectType,\n    })\n\n    if (onClickCallback) {\n      onClickCallback(isExternalFile!)\n    }\n  }\n\n  return (\n    <Tooltip\n      title=\"Click to begin download of this file\"\n      enterNextDelay={TOOLTIP_DELAY_SHOW}\n      placement=\"left\"\n    >\n      <span>\n        <DirectDownloadIcon\n          isExternalFile={isExternalFile}\n          hasFileAccess={hasFileAccess}\n          onClick={onClickCallback}\n          getDownloadLink={getDownloadLink}\n          stopPropagation={stopPropagation}\n          externalURL={externalURL}\n          displayFileName={displayFileName}\n          fileName={fileName}\n          iconSvgPropOverrides={iconSvgPropOverrides}\n        />\n      </span>\n    </Tooltip>\n  )\n}\n\nexport default DirectDownload\n"],"mappings":";;;;;;;;;AAkCA,IAAM,IAAqB,EAGzB,SAA4B,GAAgC,GAAK;CACjE,IAAM,EACJ,mBACA,YACA,oBACA,oBACA,gBACA,kBACA,oBACA,aACA,0BAAuB,EAAE,KACvB;AAuCJ,QAtCI,IAEA,kBAAC,UAAD;EACO;EACL,WAAW;EACX,UAAS,MAAS;AAChB,GAAI,MACF,EAAQ,EAAe,EACnB,KAAiB,EAAM,iBAAiB;;YAIhD,kBAAC,KAAD;GACE,WAAU;GACV,KAAI;GACJ,MAAM;GACN,QAAO;aAEP,kBAAC,GAAD;IAAS,MAAK;IAAW,GAAI;IAAwB,CAAA;GACnD,CAAA;EACG,CAAA,GAGT,IAEA,kBAAC,UAAD;EACO;EACL,WAAW;EACX,UAAS,MAAS;AAEhB,GADA,GAAiB,EACb,KAAiB,EAAM,iBAAiB;;YALhD,CAQE,kBAAC,GAAD;GAAS,MAAK;GAAW,GAAI;GAAwB,CAAA,EACpD,KAAmB,IAAW,IAAW,GACnC;MAGN,kBAAA,GAAA,EAAK,CAAA;EACZ;AAEF,SAAS,EAAe,GAAgC;CACtD,IAAM,EACJ,uBACA,yBACA,iBACA,qBAAkB,IAClB,oBACA,qBAAkB,IAClB,4BACE,GASE,EAAE,YAAS,EAAgB;EAC/B,gBAAgB,CAAC;GAPH;GACd,mBAAmB;GACnB,qBAAqB;GAKJ,CAAsB;EACvC,oBAAoB;EAEpB,sBAAsB;EACtB,6BAA6B;EAC9B,CAAC,EAEI,IAAa,GAAM,eAAe,IAAI,YACtC,IAAgB,EAAQ,GACxB,IAAW,GAAY,UACvB,IAAiB,IACnB,EAAsC,EAAW,GACjD,KAAA,GACE,IAAkC,IACnC,EAAkC,cACnC,KAAA,GAEE,EAAE,oBAAiB,GAA0B;AAcnD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,gBAAA;EACA,WAAU;YAEV,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;GACkB;GACD;GACf,SAAS;GACQ,6BAvBW;AAOlC,IANA,MAAM,EAAa;KACjB;KACA;KACA;KACD,CAAC,EAEE,KACF,EAAgB,EAAgB;;GAgBX;GACJ;GACI;GACP;GACY;GACtB,CAAA,EACG,CAAA;EACC,CAAA"}

package/dist/components/DirectDownloadButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DirectDownloadButton.js","names":[],"sources":["../../src/components/DirectDownloadButton.tsx"],"sourcesContent":["import { getFiles } from '@/synapse-client/SynapseClient'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Button, ButtonProps } from '@mui/material'\nimport {\n  BatchFileRequest,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\n\nexport type DirectFileDownloadButtonProps = Omit<ButtonProps, 'onClick'> & {\n  fileHandleAssociation: FileHandleAssociation\n  fileName: string | undefined\n}\n\nfunction DirectDownloadButton(props: DirectFileDownloadButtonProps) {\n  const { fileHandleAssociation, fileName, ...buttonProps } = props\n  const { accessToken, isAuthenticated } = useSynapseContext()\n\n  const getDownloadLink = async () => {\n    if (!fileHandleAssociation.fileHandleId || !isAuthenticated) return\n\n    const batchFileRequest: BatchFileRequest = {\n      requestedFiles: [fileHandleAssociation],\n      includePreSignedURLs: true,\n      includeFileHandles: false,\n      includePreviewPreSignedURLs: false,\n    }\n    const file = await getFiles(batchFileRequest, accessToken)\n    const preSignedURL = file.requestedFiles[0].preSignedURL\n    if (!preSignedURL) {\n      console.log('Fail to get file download link')\n    } else {\n      window.open(preSignedURL)\n    }\n  }\n\n  return (\n    <Button\n      {...buttonProps}\n      onClick={() => {\n        getDownloadLink()\n      }}\n    >\n      {fileName}\n    </Button>\n  )\n}\n\nexport default DirectDownloadButton\n"],"mappings":";;;;;AAaA,SAAS,EAAqB,GAAsC;CAClE,IAAM,EAAE,0BAAuB,aAAU,GAAG,MAAgB,GACtD,EAAE,gBAAa,uBAAoB,GAAmB,EAEtD,IAAkB,YAAY;AAClC,MAAI,CAAC,EAAsB,gBAAgB,CAAC,EAAiB;EAS7D,IAAM,KADO,MAAM,EANwB;GACzC,gBAAgB,CAAC,EAAsB;GACvC,sBAAsB;GACtB,oBAAoB;GACpB,6BAA6B;GAC9B,EAC6C,EAAY,EAChC,eAAe,GAAG;AAC5C,EAAK,IAGH,OAAO,KAAK,EAAa,GAFzB,QAAQ,IAAI,iCAAiC;;AAMjD,QACE,kBAAC,GAAD;EACE,GAAI;EACJ,eAAe;AACb,MAAiB;;YAGlB;EACM,CAAA"}
+{"version":3,"file":"DirectDownloadButton.js","names":[],"sources":["../../src/components/DirectDownloadButton.tsx"],"sourcesContent":["import { getFiles } from '@/synapse-client/SynapseClient'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { Button, ButtonProps } from '@mui/material'\nimport {\n  BatchFileRequest,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\n\nexport type DirectFileDownloadButtonProps = Omit<ButtonProps, 'onClick'> & {\n  fileHandleAssociation: FileHandleAssociation\n  fileName: string | undefined\n}\n\nfunction DirectDownloadButton(props: DirectFileDownloadButtonProps) {\n  const { fileHandleAssociation, fileName, ...buttonProps } = props\n  const { accessToken, isAuthenticated } = useSynapseContext()\n\n  const getDownloadLink = async () => {\n    if (!fileHandleAssociation.fileHandleId || !isAuthenticated) return\n\n    const batchFileRequest: BatchFileRequest = {\n      requestedFiles: [fileHandleAssociation],\n      includePreSignedURLs: true,\n      includeFileHandles: false,\n      includePreviewPreSignedURLs: false,\n    }\n    const file = await getFiles(batchFileRequest, accessToken)\n    const preSignedURL = file.requestedFiles[0].preSignedURL\n    if (!preSignedURL) {\n      console.log('Fail to get file download link')\n    } else {\n      window.open(preSignedURL)\n    }\n  }\n\n  return (\n    <Button\n      {...buttonProps}\n      onClick={() => {\n        getDownloadLink()\n      }}\n    >\n      {fileName}\n    </Button>\n  )\n}\n\nexport default DirectDownloadButton\n"],"mappings":";;;;;AAaA,SAAS,EAAqB,GAAsC;CAClE,IAAM,EAAE,0BAAuB,aAAU,GAAG,MAAgB,GACtD,EAAE,gBAAa,uBAAoB,GAAmB,EAEtD,IAAkB,YAAY;AAClC,MAAI,CAAC,EAAsB,gBAAgB,CAAC,EAAiB;EAS7D,IAAM,KAAe,MADF,EAAS;GAL1B,gBAAgB,CAAC,EAAsB;GACvC,sBAAsB;GACtB,oBAAoB;GACpB,6BAA6B;GAEH,EAAkB,EAAY,EAChC,eAAe,GAAG;AAC5C,EAAK,IAGH,OAAO,KAAK,EAAa,GAFzB,QAAQ,IAAI,iCAAiC;;AAMjD,QACE,kBAAC,GAAD;EACE,GAAI;EACJ,eAAe;AACb,MAAiB;;YAGlB;EACM,CAAA"}

package/dist/components/DownloadCart/CreatePackageV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreatePackageV2.js","names":[],"sources":["../../../src/components/DownloadCart/CreatePackageV2.tsx"],"sourcesContent":["import styles from './CreatePackageV2.module.scss'\nimport {\n  createPackageFromDownloadListV2,\n  getFileHandleByIdURL,\n} from '@/synapse-client/SynapseClient'\nimport React from 'react'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { Box, Button, Card, InputAdornment, TextField } from '@mui/material'\nimport { DownloadListPackageResponse } from '@sage-bionetworks/synapse-types'\nimport { ChangeEvent, SyntheticEvent, useState } from 'react'\nimport FullWidthAlert, {\n  FullWidthAlertVariant,\n} from '../FullWidthAlert/FullWidthAlert'\n\nexport type CreatePackageV2Props = {\n  onPackageCreation: () => void\n}\n\ntype AlertConfig = {\n  message: string\n  variant?: FullWidthAlertVariant\n}\n\nexport const TEMPLATE_ERROR_FILE_NAME =\n  'Please provide a package file name and try again.'\n\nexport const CreatePackageV2 = (\n  props: CreatePackageV2Props,\n): React.ReactNode => {\n  const { accessToken, keyFactory } = useSynapseContext()\n  const queryClient = useQueryClient()\n  const [isLoading, setIsLoading] = useState(false)\n  const [fileName, setZipFileName] = useState('')\n  const [alert, setAlert] = useState<AlertConfig>()\n  const [bulkFileDownloadResponse, setBulkFileDownloadResponse] = useState<\n    DownloadListPackageResponse | undefined\n  >(undefined)\n  const { onPackageCreation } = props\n  const createPackageHandler = async (event: SyntheticEvent) => {\n    event.preventDefault()\n    if (!fileName) {\n      setAlert({\n        message: TEMPLATE_ERROR_FILE_NAME,\n        variant: 'danger',\n      })\n      return\n    }\n    setIsLoading(true)\n    try {\n      const fileNameWithZipExtension = `${fileName}.zip`\n      const currentBulkFileDownloadResponse =\n        await createPackageFromDownloadListV2(\n          fileNameWithZipExtension,\n          accessToken,\n        )\n\n      setBulkFileDownloadResponse(currentBulkFileDownloadResponse)\n      const { resultFileHandleId } = currentBulkFileDownloadResponse\n      try {\n        //reset\n        window.location.href = await getFileHandleByIdURL(\n          resultFileHandleId,\n          accessToken,\n        )\n        setZipFileName('')\n        setBulkFileDownloadResponse(undefined)\n        queryClient.invalidateQueries({\n          queryKey: keyFactory.getDownloadListBaseQueryKey(),\n        })\n        onPackageCreation()\n      } catch (err) {\n        console.error('Err on getFileHandleByIdURL = ', err)\n      }\n    } catch (err) {\n      setAlert({\n        message: err.reason as string,\n        variant: 'danger',\n      })\n    } finally {\n      setIsLoading(false)\n    }\n  }\n\n  const onChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setZipFileName(event.target.value)\n  }\n\n  return (\n    <>\n      <Card className={styles.CreatePackageV2}>\n        <div className={styles.createPackageStep}>\n          <span className={styles.createPackageTitle}>\n            Create your Download Package\n          </span>\n          <span className={styles.createPackageDescription}>\n            Name your download package and select Download Package to get\n            started.\n          </span>\n          {!isLoading && !bulkFileDownloadResponse && (\n            <Box\n              sx={{\n                display: 'flex',\n                alignItems: 'stretch',\n              }}\n            >\n              <TextField\n                onChange={onChange}\n                type=\"text\"\n                placeholder=\"PackageName\"\n                sx={{ width: '233px' }}\n                slotProps={{\n                  input: {\n                    endAdornment: (\n                      <InputAdornment position=\"end\">.zip</InputAdornment>\n                    ),\n                  },\n                }}\n              />\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={e => {\n                  createPackageHandler(e)\n                }}\n                sx={{ marginLeft: '20px' }}\n                disabled={!fileName}\n              >\n                Download Package\n              </Button>\n            </Box>\n          )}\n          {isLoading && (\n            <div className=\"creatingPackage\">\n              <span className=\"spinner\" />\n              <span style={{ marginLeft: 5 }}>Creating package...</span>\n            </div>\n          )}\n        </div>\n      </Card>\n      <FullWidthAlert\n        show={!!alert}\n        variant={alert?.variant ? alert.variant : 'success'}\n        description={alert?.message}\n        autoCloseAfterDelayInSeconds={10}\n        onClose={() => {\n          setAlert(undefined)\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAwBA,IAAa,IACX,qDAEW,KACX,MACoB;CACpB,IAAM,EAAE,gBAAa,kBAAe,GAAmB,EACjD,IAAc,GAAgB,EAC9B,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,CAAC,GAAU,KAAkB,EAAS,GAAG,EACzC,CAAC,GAAO,KAAY,GAAuB,EAC3C,CAAC,GAA0B,KAA+B,EAE9D,KAAA,EAAU,EACN,EAAE,yBAAsB,GACxB,IAAuB,OAAO,MAA0B;AAE5D,MADA,EAAM,gBAAgB,EAClB,CAAC,GAAU;AACb,KAAS;IACP,SAAS;IACT,SAAS;IACV,CAAC;AACF;;AAEF,IAAa,GAAK;AAClB,MAAI;GAEF,IAAM,IACJ,MAAM,EAFyB,GAAG,EAAS,OAIzC,EACD;AAEH,KAA4B,EAAgC;GAC5D,IAAM,EAAE,0BAAuB;AAC/B,OAAI;AAWF,IATA,OAAO,SAAS,OAAO,MAAM,EAC3B,GACA,EACD,EACD,EAAe,GAAG,EAClB,EAA4B,KAAA,EAAU,EACtC,EAAY,kBAAkB,EAC5B,UAAU,EAAW,6BAA6B,EACnD,CAAC,EACF,GAAmB;YACZ,GAAK;AACZ,YAAQ,MAAM,kCAAkC,EAAI;;WAE/C,GAAK;AACZ,KAAS;IACP,SAAS,EAAI;IACb,SAAS;IACV,CAAC;YACM;AACR,KAAa,GAAM;;;AAQvB,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAM,WAAW,EAAO;YACtB,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IACE,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAoB;KAErC,CAAA;IACP,kBAAC,QAAD;KAAM,WAAW,EAAO;eAA0B;KAG3C,CAAA;IACN,CAAC,KAAa,CAAC,KACd,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,YAAY;MACb;eAJH,CAME,kBAAC,GAAD;MACY,WAvBN,MAAyC;AACzD,SAAe,EAAM,OAAO,MAAM;;MAuBtB,MAAK;MACL,aAAY;MACZ,IAAI,EAAE,OAAO,SAAS;MACtB,WAAW,EACT,OAAO,EACL,cACE,kBAAC,GAAD;OAAgB,UAAS;iBAAM;OAAqB,CAAA,EAEvD,EACF;MACD,CAAA,EACF,kBAAC,GAAD;MACE,SAAQ;MACR,OAAM;MACN,UAAS,MAAK;AACZ,SAAqB,EAAE;;MAEzB,IAAI,EAAE,YAAY,QAAQ;MAC1B,UAAU,CAAC;gBACZ;MAEQ,CAAA,CACL;;IAEP,KACC,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD,EAAM,WAAU,WAAY,CAAA,EAC5B,kBAAC,QAAD;MAAM,OAAO,EAAE,YAAY,GAAG;gBAAE;MAA0B,CAAA,CACtD;;IAEJ;;EACD,CAAA,EACP,kBAAC,GAAD;EACE,MAAM,CAAC,CAAC;EACR,SAAS,GAAO,UAAU,EAAM,UAAU;EAC1C,aAAa,GAAO;EACpB,8BAA8B;EAC9B,eAAe;AACb,KAAS,KAAA,EAAU;;EAErB,CAAA,CACD,EAAA,CAAA"}
+{"version":3,"file":"CreatePackageV2.js","names":[],"sources":["../../../src/components/DownloadCart/CreatePackageV2.tsx"],"sourcesContent":["import styles from './CreatePackageV2.module.scss'\nimport {\n  createPackageFromDownloadListV2,\n  getFileHandleByIdURL,\n} from '@/synapse-client/SynapseClient'\nimport React from 'react'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { Box, Button, Card, InputAdornment, TextField } from '@mui/material'\nimport { DownloadListPackageResponse } from '@sage-bionetworks/synapse-types'\nimport { ChangeEvent, SyntheticEvent, useState } from 'react'\nimport FullWidthAlert, {\n  FullWidthAlertVariant,\n} from '../FullWidthAlert/FullWidthAlert'\n\nexport type CreatePackageV2Props = {\n  onPackageCreation: () => void\n}\n\ntype AlertConfig = {\n  message: string\n  variant?: FullWidthAlertVariant\n}\n\nexport const TEMPLATE_ERROR_FILE_NAME =\n  'Please provide a package file name and try again.'\n\nexport const CreatePackageV2 = (\n  props: CreatePackageV2Props,\n): React.ReactNode => {\n  const { accessToken, keyFactory } = useSynapseContext()\n  const queryClient = useQueryClient()\n  const [isLoading, setIsLoading] = useState(false)\n  const [fileName, setZipFileName] = useState('')\n  const [alert, setAlert] = useState<AlertConfig>()\n  const [bulkFileDownloadResponse, setBulkFileDownloadResponse] = useState<\n    DownloadListPackageResponse | undefined\n  >(undefined)\n  const { onPackageCreation } = props\n  const createPackageHandler = async (event: SyntheticEvent) => {\n    event.preventDefault()\n    if (!fileName) {\n      setAlert({\n        message: TEMPLATE_ERROR_FILE_NAME,\n        variant: 'danger',\n      })\n      return\n    }\n    setIsLoading(true)\n    try {\n      const fileNameWithZipExtension = `${fileName}.zip`\n      const currentBulkFileDownloadResponse =\n        await createPackageFromDownloadListV2(\n          fileNameWithZipExtension,\n          accessToken,\n        )\n\n      setBulkFileDownloadResponse(currentBulkFileDownloadResponse)\n      const { resultFileHandleId } = currentBulkFileDownloadResponse\n      try {\n        //reset\n        window.location.href = await getFileHandleByIdURL(\n          resultFileHandleId,\n          accessToken,\n        )\n        setZipFileName('')\n        setBulkFileDownloadResponse(undefined)\n        queryClient.invalidateQueries({\n          queryKey: keyFactory.getDownloadListBaseQueryKey(),\n        })\n        onPackageCreation()\n      } catch (err) {\n        console.error('Err on getFileHandleByIdURL = ', err)\n      }\n    } catch (err) {\n      setAlert({\n        message: err.reason as string,\n        variant: 'danger',\n      })\n    } finally {\n      setIsLoading(false)\n    }\n  }\n\n  const onChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setZipFileName(event.target.value)\n  }\n\n  return (\n    <>\n      <Card className={styles.CreatePackageV2}>\n        <div className={styles.createPackageStep}>\n          <span className={styles.createPackageTitle}>\n            Create your Download Package\n          </span>\n          <span className={styles.createPackageDescription}>\n            Name your download package and select Download Package to get\n            started.\n          </span>\n          {!isLoading && !bulkFileDownloadResponse && (\n            <Box\n              sx={{\n                display: 'flex',\n                alignItems: 'stretch',\n              }}\n            >\n              <TextField\n                onChange={onChange}\n                type=\"text\"\n                placeholder=\"PackageName\"\n                sx={{ width: '233px' }}\n                slotProps={{\n                  input: {\n                    endAdornment: (\n                      <InputAdornment position=\"end\">.zip</InputAdornment>\n                    ),\n                  },\n                }}\n              />\n              <Button\n                variant=\"contained\"\n                color=\"primary\"\n                onClick={e => {\n                  createPackageHandler(e)\n                }}\n                sx={{ marginLeft: '20px' }}\n                disabled={!fileName}\n              >\n                Download Package\n              </Button>\n            </Box>\n          )}\n          {isLoading && (\n            <div className=\"creatingPackage\">\n              <span className=\"spinner\" />\n              <span style={{ marginLeft: 5 }}>Creating package...</span>\n            </div>\n          )}\n        </div>\n      </Card>\n      <FullWidthAlert\n        show={!!alert}\n        variant={alert?.variant ? alert.variant : 'success'}\n        description={alert?.message}\n        autoCloseAfterDelayInSeconds={10}\n        onClose={() => {\n          setAlert(undefined)\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAwBA,IAAa,IACX,qDAEW,KACX,MACoB;CACpB,IAAM,EAAE,gBAAa,kBAAe,GAAmB,EACjD,IAAc,GAAgB,EAC9B,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,CAAC,GAAU,KAAkB,EAAS,GAAG,EACzC,CAAC,GAAO,KAAY,GAAuB,EAC3C,CAAC,GAA0B,KAA+B,EAE9D,KAAA,EAAU,EACN,EAAE,yBAAsB,GACxB,IAAuB,OAAO,MAA0B;AAE5D,MADA,EAAM,gBAAgB,EAClB,CAAC,GAAU;AACb,KAAS;IACP,SAAS;IACT,SAAS;IACV,CAAC;AACF;;AAEF,IAAa,GAAK;AAClB,MAAI;GAEF,IAAM,IACJ,MAAM,EACJ,GAHgC,EAAS,OAIzC,EACD;AAEH,KAA4B,EAAgC;GAC5D,IAAM,EAAE,0BAAuB;AAC/B,OAAI;AAWF,IATA,OAAO,SAAS,OAAO,MAAM,EAC3B,GACA,EACD,EACD,EAAe,GAAG,EAClB,EAA4B,KAAA,EAAU,EACtC,EAAY,kBAAkB,EAC5B,UAAU,EAAW,6BAA6B,EACnD,CAAC,EACF,GAAmB;YACZ,GAAK;AACZ,YAAQ,MAAM,kCAAkC,EAAI;;WAE/C,GAAK;AACZ,KAAS;IACP,SAAS,EAAI;IACb,SAAS;IACV,CAAC;YACM;AACR,KAAa,GAAM;;;AAQvB,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAM,WAAW,EAAO;YACtB,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IACE,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAoB;KAErC,CAAA;IACP,kBAAC,QAAD;KAAM,WAAW,EAAO;eAA0B;KAG3C,CAAA;IACN,CAAC,KAAa,CAAC,KACd,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,YAAY;MACb;eAJH,CAME,kBAAC,GAAD;MACY,WAvBN,MAAyC;AACzD,SAAe,EAAM,OAAO,MAAM;;MAuBtB,MAAK;MACL,aAAY;MACZ,IAAI,EAAE,OAAO,SAAS;MACtB,WAAW,EACT,OAAO,EACL,cACE,kBAAC,GAAD;OAAgB,UAAS;iBAAM;OAAqB,CAAA,EAEvD,EACF;MACD,CAAA,EACF,kBAAC,GAAD;MACE,SAAQ;MACR,OAAM;MACN,UAAS,MAAK;AACZ,SAAqB,EAAE;;MAEzB,IAAI,EAAE,YAAY,QAAQ;MAC1B,UAAU,CAAC;gBACZ;MAEQ,CAAA,CACL;;IAEP,KACC,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD,EAAM,WAAU,WAAY,CAAA,EAC5B,kBAAC,QAAD;MAAM,OAAO,EAAE,YAAY,GAAG;gBAAE;MAA0B,CAAA,CACtD;;IAEJ;;EACD,CAAA,EACP,kBAAC,GAAD;EACE,MAAM,CAAC,CAAC;EACR,SAAS,GAAO,UAAU,EAAM,UAAU;EAC1C,aAAa,GAAO;EACpB,8BAA8B;EAC9B,eAAe;AACb,KAAS,KAAA,EAAU;;EAErB,CAAA,CACD,EAAA,CAAA"}

package/dist/components/DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.css

@@ -0,0 +1 @@
+._visuallyHidden_58da9_1{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._externalWarningPanel_58da9_12{box-sizing:border-box;flex-direction:row;align-items:center;gap:12px;width:500px;padding:16px;display:flex;position:fixed;bottom:160px;right:20px}._externalWarningPanel_58da9_12._externalWarningPanel_58da9_12{background-color:#223549;border-radius:0}._warningIcon_58da9_29{flex-shrink:0}._warningIcon_58da9_29._warningIcon_58da9_29{font-size:40px}._warningTextContainer_58da9_36{flex:1}._warningTitleText_58da9_40._warningTitleText_58da9_40{color:#fff;font-size:14px;font-weight:700;line-height:1.4}._warningCloseButton_58da9_47._warningCloseButton_58da9_47{color:#fff;flex-shrink:0;align-self:flex-start}._warningCloseButton_58da9_47._warningCloseButton_58da9_47:hover{color:#889baf}._progressPanel_58da9_56{box-sizing:border-box;flex-direction:column;gap:4px;width:500px;height:150px;padding:16px;display:flex;position:fixed;bottom:20px;right:20px}._progressPanel_58da9_56._progressPanel_58da9_56{background-color:#223549;border-radius:0}._progressTitleText_58da9_73._progressTitleText_58da9_73{color:#fff;font-size:14px;line-height:1.4}._progressFileNameText_58da9_79{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._progressFileNameText_58da9_79._progressFileNameText_58da9_79{color:#889baf;font-size:13px;line-height:1.4}._progressFooter_58da9_90{flex:1;align-items:center;gap:8px;margin-top:auto;display:flex}._progressBarContainer_58da9_98{flex-direction:column;flex:1;gap:4px;display:flex}._progressStats_58da9_105{justify-content:space-between;display:flex}._progressStatsText_58da9_110._progressStatsText_58da9_110{color:#889baf;font-size:12px}._progressBar_58da9_98 .MuiLinearProgress-bar{background-color:#469285}._cancelButtonContainer_58da9_119{flex-shrink:0;justify-content:center;width:80px;display:flex}._cancelButton_58da9_119._cancelButton_58da9_119{color:#fff;border-color:#fff;min-width:0;padding:10px 16px;font-size:.75rem;line-height:1}._cancelButton_58da9_119._cancelButton_58da9_119:hover{color:#889baf;border-color:#889baf}

package/dist/components/DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadIneligibleForPackagingFilesFromListButton.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.tsx"],"names":[],"mappings":"AAoDA,MAAM,MAAM,sDAAsD,GAAG;IACnE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,CAAA;CAC5C,CAAA;AAED;;;;GAIG;AACH,wBAAgB,iDAAiD,CAC/D,KAAK,EAAE,sDAAsD,kDAwrB9D;AAED,eAAe,iDAAiD,CAAA"}
+{"version":3,"file":"DownloadIneligibleForPackagingFilesFromListButton.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/DownloadIneligibleForPackagingFilesFromListButton.tsx"],"names":[],"mappings":"AAoEA,MAAM,MAAM,sDAAsD,GAAG;IACnE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,CAAA;CAC5C,CAAA;AAED;;;;GAIG;AACH,wBAAgB,iDAAiD,CAC/D,KAAK,EAAE,sDAAsD,kDAw0B9D;AAED,eAAe,iDAAiD,CAAA"}