synapse-react-client 4.0.34 → 4.0.36

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

@@ -1 +1 @@
-{"version":3,"file":"TableQueryActionsRequired.js","names":[],"sources":["../../../src/components/DownloadCart/TableQueryActionsRequired.tsx"],"sourcesContent":["import { Box, Typography } from '@mui/material'\nimport {\n  ColumnModel,\n  QueryBundleRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { noop, times } from 'lodash-es'\nimport { useEffect } from 'react'\nimport { useGetActionsRequiredForTableQuery } from '../../synapse-queries/entity/useActionsRequiredForTableQuery'\nimport useTrackTransientListItems from '../../utils/hooks/useTrackTransientListItems'\nimport { LoadingActionRequiredCard } from './ActionRequiredCard/ActionRequiredCard'\nimport { ActionRequiredListItem } from './ActionRequiredListItem'\n\nexport type TableQueryActionsRequiredProps = {\n  /** The query request to use to select rows to check if actions are required. */\n  queryBundleRequest: QueryBundleRequest\n  /** The column models of the table */\n  columnModels: ColumnModel[]\n  /** Invoked when a user clicks \"View Sharing Settings\" for a set of files that require the Download permission*/\n  onViewSharingSettingsClicked?: (benefactorId: string) => void\n  /** Invoked when the number of required actions changes. Can be used to set UI state based on if all actions have been fulfilled */\n  onNumberOfRequiredActionsChanged?: (actionsRequired: number) => void\n}\n\n/**\n * Displays an interactive list of actions required to take for a user to gain access to Synapse entities referenced in\n * a table query.\n */\nexport function TableQueryActionsRequired(\n  props: TableQueryActionsRequiredProps,\n) {\n  const {\n    queryBundleRequest,\n    columnModels,\n    onNumberOfRequiredActionsChanged = noop,\n    onViewSharingSettingsClicked,\n  } = props\n\n  // This component will track all completed actions, based on which actions are omitted from the ActionsRequiredResponse\n  // as the user performs required tasks\n  const { data: currentActionsRequired, isLoading } =\n    useGetActionsRequiredForTableQuery(queryBundleRequest, columnModels, {\n      throwOnError: true,\n    })\n\n  // PORTALS-2950 - Keep a record of actions that disappear from the server response - i.e. the 'completed' actions\n  const allCompleteAndIncompleteActions = useTrackTransientListItems(\n    currentActionsRequired,\n  )\n\n  useEffect(() => {\n    if (currentActionsRequired) {\n      onNumberOfRequiredActionsChanged(currentActionsRequired.length)\n    }\n  }, [currentActionsRequired, onNumberOfRequiredActionsChanged])\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 3,\n      }}\n    >\n      {/* If no actions were ever required, show a message */}\n      {!isLoading && allCompleteAndIncompleteActions.length === 0 && (\n        <Typography\n          variant={'body1Italic'}\n          sx={{ p: 4, textAlign: 'center', color: 'grey.700' }}\n        >\n          All requirements have been met. No actions are required.\n        </Typography>\n      )}\n      {allCompleteAndIncompleteActions.map((item, index) => (\n        <ActionRequiredListItem\n          key={index}\n          action={item.action}\n          count={item.count}\n          onViewSharingSettingsClicked={onViewSharingSettingsClicked}\n        />\n      ))}\n      {isLoading && times(3).map(k => <LoadingActionRequiredCard key={k} />)}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;AA2BA,SAAgB,EACd,GACA;CACA,IAAM,EACJ,uBACA,iBACA,sCAAmC,GACnC,oCACE,GAIE,EAAE,MAAM,GAAwB,iBACpC,EAAmC,GAAoB,GAAc,EACnE,cAAc,GAChB,CAAC,GAGG,IAAkC,EACtC,CACF;CAQA,OANA,QAAgB;EACd,AAAI,KACF,EAAiC,EAAuB,MAAM;CAElE,GAAG,CAAC,GAAwB,CAAgC,CAAC,GAG3D,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,KAAK;EACP;YALF;GAQG,CAAC,KAAa,EAAgC,WAAW,KACxD,kBAAC,GAAD;IACE,SAAS;IACT,IAAI;KAAE,GAAG;KAAG,WAAW;KAAU,OAAO;IAAW;cACpD;GAEW,CAAA;GAEb,EAAgC,KAAK,GAAM,MAC1C,kBAAC,GAAD;IAEE,QAAQ,EAAK;IACb,OAAO,EAAK;IACkB;GAC/B,GAJM,CAIN,CACF;GACA,KAAa,EAAM,CAAC,EAAE,KAAI,MAAK,kBAAC,GAAD,CAAoC,GAAJ,CAAI,CAAC;EAClE;;AAET"}
+{"version":3,"file":"TableQueryActionsRequired.js","names":[],"sources":["../../../src/components/DownloadCart/TableQueryActionsRequired.tsx"],"sourcesContent":["import { Box, Typography } from '@mui/material'\nimport {\n  ColumnModel,\n  QueryBundleRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { noop, times } from 'lodash-es'\nimport { useEffect } from 'react'\nimport { useGetActionsRequiredForTableQuery } from '../../synapse-queries/entity/useActionsRequiredForTableQuery'\nimport useTrackTransientListItems from '../../utils/hooks/useTrackTransientListItems'\nimport { LoadingActionRequiredCard } from './ActionRequiredCard/ActionRequiredCard'\nimport { ActionRequiredListItem } from './ActionRequiredListItem'\n\nexport type TableQueryActionsRequiredProps = {\n  /** The query request to use to select rows to check if actions are required. */\n  queryBundleRequest: QueryBundleRequest\n  /** The column models of the table */\n  columnModels: ColumnModel[]\n  /** Invoked when the number of required actions changes. Can be used to set UI state based on if all actions have been fulfilled */\n  onNumberOfRequiredActionsChanged?: (actionsRequired: number) => void\n}\n\n/**\n * Displays an interactive list of actions required to take for a user to gain access to Synapse entities referenced in\n * a table query.\n */\nexport function TableQueryActionsRequired(\n  props: TableQueryActionsRequiredProps,\n) {\n  const {\n    queryBundleRequest,\n    columnModels,\n    onNumberOfRequiredActionsChanged = noop,\n  } = props\n\n  // This component will track all completed actions, based on which actions are omitted from the ActionsRequiredResponse\n  // as the user performs required tasks\n  const { data: currentActionsRequired, isLoading } =\n    useGetActionsRequiredForTableQuery(queryBundleRequest, columnModels, {\n      throwOnError: true,\n    })\n\n  // PORTALS-2950 - Keep a record of actions that disappear from the server response - i.e. the 'completed' actions\n  const allCompleteAndIncompleteActions = useTrackTransientListItems(\n    currentActionsRequired,\n  )\n\n  useEffect(() => {\n    if (currentActionsRequired) {\n      onNumberOfRequiredActionsChanged(currentActionsRequired.length)\n    }\n  }, [currentActionsRequired, onNumberOfRequiredActionsChanged])\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 3,\n      }}\n    >\n      {/* If no actions were ever required, show a message */}\n      {!isLoading && allCompleteAndIncompleteActions.length === 0 && (\n        <Typography\n          variant={'body1Italic'}\n          sx={{ p: 4, textAlign: 'center', color: 'grey.700' }}\n        >\n          All requirements have been met. No actions are required.\n        </Typography>\n      )}\n      {allCompleteAndIncompleteActions.map((item, index) => (\n        <ActionRequiredListItem\n          key={index}\n          action={item.action}\n          count={item.count}\n        />\n      ))}\n      {isLoading && times(3).map(k => <LoadingActionRequiredCard key={k} />)}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;AAyBA,SAAgB,EACd,GACA;CACA,IAAM,EACJ,uBACA,iBACA,sCAAmC,MACjC,GAIE,EAAE,MAAM,GAAwB,iBACpC,EAAmC,GAAoB,GAAc,EACnE,cAAc,GAChB,CAAC,GAGG,IAAkC,EACtC,CACF;CAQA,OANA,QAAgB;EACd,AAAI,KACF,EAAiC,EAAuB,MAAM;CAElE,GAAG,CAAC,GAAwB,CAAgC,CAAC,GAG3D,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,KAAK;EACP;YALF;GAQG,CAAC,KAAa,EAAgC,WAAW,KACxD,kBAAC,GAAD;IACE,SAAS;IACT,IAAI;KAAE,GAAG;KAAG,WAAW;KAAU,OAAO;IAAW;cACpD;GAEW,CAAA;GAEb,EAAgC,KAAK,GAAM,MAC1C,kBAAC,GAAD;IAEE,QAAQ,EAAK;IACb,OAAO,EAAK;GACb,GAHM,CAGN,CACF;GACA,KAAa,EAAM,CAAC,EAAE,KAAI,MAAK,kBAAC,GAAD,CAAoC,GAAJ,CAAI,CAAC;EAClE;;AAET"}

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

@@ -1,8 +1,7 @@
-import type { DownloadListActionsRequiredProps as DownloadCartPageProps } from './DownloadListActionsRequired';
 import { DownloadCartPage } from './DownloadCartPage';
 import { DownloadIneligibleForPackagingFilesFromListButton } from './DownloadIneligibleForPackagingFilesFromListButton';
 import type { DownloadIneligibleForPackagingFilesFromListButtonProps } from './DownloadIneligibleForPackagingFilesFromListButton';
 import ShowDownloadV2 from './ShowDownloadV2';
 import type { ShowDownloadV2Props } from './ShowDownloadV2';
-export { DownloadCartPage, DownloadCartPageProps, DownloadIneligibleForPackagingFilesFromListButton, DownloadIneligibleForPackagingFilesFromListButtonProps, ShowDownloadV2, ShowDownloadV2Props, };
+export { DownloadCartPage, DownloadIneligibleForPackagingFilesFromListButton, DownloadIneligibleForPackagingFilesFromListButtonProps, ShowDownloadV2, ShowDownloadV2Props, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gCAAgC,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AAC9G,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,iDAAiD,EAAE,MAAM,qDAAqD,CAAA;AACvH,OAAO,KAAK,EAAE,sDAAsD,EAAE,MAAM,qDAAqD,CAAA;AACjI,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAE3D,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,iDAAiD,EACjD,sDAAsD,EACtD,cAAc,EACd,mBAAmB,GACpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DownloadCart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,iDAAiD,EAAE,MAAM,qDAAqD,CAAA;AACvH,OAAO,KAAK,EAAE,sDAAsD,EAAE,MAAM,qDAAqD,CAAA;AACjI,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAE3D,OAAO,EACL,gBAAgB,EAChB,iDAAiD,EACjD,sDAAsD,EACtD,cAAc,EACd,mBAAmB,GACpB,CAAA"}

package/dist/components/DraggableDialog/DraggableDialog.d.ts

@@ -4,7 +4,8 @@ type DraggableDialogProps = {
     onClose?: () => void;
     children: ReactNode;
     title?: ReactNode;
+    variant?: 'default' | 'curie';
 };
-export default function DraggableDialog({ open, onClose, title, children, }: DraggableDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export default function DraggableDialog({ open, onClose, title, children, variant, }: DraggableDialogProps): import("react/jsx-runtime").JSX.Element | null;
 export {};
 //# sourceMappingURL=DraggableDialog.d.ts.map

package/dist/components/DraggableDialog/DraggableDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableDialog.d.ts","sourceRoot":"","sources":["../../../src/components/DraggableDialog/DraggableDialog.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAU,SAAS,EAAuB,MAAM,OAAO,CAAA;AAI9D,KAAK,oBAAoB,GAAG;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAY,EACZ,OAAO,EACP,KAAK,EACL,QAAQ,GACT,EAAE,oBAAoB,kDAwHtB"}
+{"version":3,"file":"DraggableDialog.d.ts","sourceRoot":"","sources":["../../../src/components/DraggableDialog/DraggableDialog.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAU,SAAS,EAAuB,MAAM,OAAO,CAAA;AAM9D,KAAK,oBAAoB,GAAG;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;CAC9B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAY,EACZ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,OAAmB,GACpB,EAAE,oBAAoB,kDAwItB"}

package/dist/components/DraggableDialog/DraggableDialog.js

@@ -6,13 +6,14 @@ import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import g from "@mui/icons-material/Close";
 import _ from "react-draggable";
 //#region src/components/DraggableDialog/DraggableDialog.tsx
-function v({ open: v = !1, onClose: y, title: b, children: x }) {
-	let S = p(), C = f(S.breakpoints.down("sm")), w = r(null), [T, E] = i(), [D, O] = i({
+var v = 700;
+function y({ open: y = !1, onClose: b, title: x, children: S, variant: C = "default" }) {
+	let w = p(), T = f(w.breakpoints.down("sm")), E = r(null), [D, O] = i(), [k, A] = i({
 		x: 100,
-		y: 100
-	}), { width: k, height: A, handleResizeStart: j } = e({
+		y: C === "curie" ? 50 : 100
+	}), { width: j, height: M, handleResizeStart: N } = e({
 		initialWidth: 600,
-		initialHeight: 500,
+		initialHeight: C === "curie" ? v : 500,
 		minWidth: 300,
 		minHeight: 200,
 		maxWidth: 1200,
@@ -21,26 +22,26 @@ function v({ open: v = !1, onClose: y, title: b, children: x }) {
 	if (n(() => {
 		function e() {
 			let e = {
-				left: -(k - 100),
+				left: -(j - 100),
 				top: 0,
 				right: window.innerWidth - 100,
 				bottom: window.innerHeight - 100
 			};
-			E(e), O((t) => ({
+			O(e), A((t) => ({
 				x: Math.max(e.left, Math.min(t.x, e.right)),
 				y: Math.max(e.top, Math.min(t.y, e.bottom))
 			}));
 		}
 		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-	}, [k, A]), !v) return null;
-	let M = /* @__PURE__ */ h(l, {
+	}, [j, M]), !y) return null;
+	let P = /* @__PURE__ */ h(l, {
 		elevation: 5,
 		sx: {
 			display: "flex",
 			flexDirection: "column",
-			height: C ? "95vh" : `${A}px`,
-			width: C ? "95vw" : `${k}px`,
-			...C && { position: "fixed" }
+			height: T ? "95vh" : `${M}px`,
+			width: T ? "95vw" : `${j}px`,
+			...T && { position: "fixed" }
 		},
 		children: [
 			/* @__PURE__ */ h(u, {
@@ -49,63 +50,71 @@ function v({ open: v = !1, onClose: y, title: b, children: x }) {
 				gap: "5px",
 				className: "drag-handle",
 				sx: {
-					padding: "20px",
+					padding: C === "curie" ? "44px 44px 20px 44px" : "20px",
 					cursor: "move"
 				},
 				children: [
-					/* @__PURE__ */ m(d, {
+					C !== "curie" && /* @__PURE__ */ m(d, {
 						variant: "headline1",
-						children: b
+						children: x
 					}),
 					/* @__PURE__ */ m(a, { sx: { flexGrow: 1 } }),
 					/* @__PURE__ */ m(c, {
-						onClick: y,
-						children: /* @__PURE__ */ m(g, {})
+						onClick: b,
+						children: /* @__PURE__ */ m(g, { sx: C === "curie" ? {
+							width: "16px",
+							height: "16px"
+						} : void 0 })
 					})
 				]
 			}),
-			/* @__PURE__ */ m(s, { sx: { mx: 2 } }),
+			C !== "curie" && /* @__PURE__ */ m(s, { sx: { mx: 2 } }),
 			/* @__PURE__ */ m(o, {
 				sx: {
 					height: "100%",
 					maxWidth: "100%",
-					padding: "16px"
+					padding: "16px",
+					...C === "curie" && {
+						borderTop: "none",
+						borderBottom: "none",
+						padding: C === "curie" ? "0 44px 44px 44px" : "44px"
+					}
 				},
-				children: x
+				children: S
 			})
 		]
 	});
 	return /* @__PURE__ */ m(a, {
 		sx: {
 			position: "fixed",
-			zIndex: S.zIndex.modal,
+			zIndex: w.zIndex.modal,
 			top: 0,
 			left: 0,
-			pointerEvents: C ? "auto" : "none"
+			pointerEvents: T ? "auto" : "none"
 		},
-		children: C ? M : /* @__PURE__ */ m(_, {
-			position: D,
-			onDrag: (e, t) => O({
+		children: T ? P : /* @__PURE__ */ m(_, {
+			position: k,
+			onDrag: (e, t) => A({
 				x: t.x,
 				y: t.y
 			}),
-			nodeRef: w,
-			bounds: T,
+			nodeRef: E,
+			bounds: D,
 			handle: ".drag-handle",
 			children: /* @__PURE__ */ m(a, {
-				ref: w,
+				ref: E,
 				sx: { pointerEvents: "auto" },
 				children: /* @__PURE__ */ m(t, {
-					width: k,
-					height: A,
-					onResizeStart: j,
-					children: M
+					width: j,
+					height: M,
+					onResizeStart: N,
+					children: P
 				})
 			})
 		})
 	});
 }
 //#endregion
-export { v as default };
+export { y as default };
 
 //# sourceMappingURL=DraggableDialog.js.map

package/dist/components/DraggableDialog/DraggableDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggableDialog.js","names":[],"sources":["../../../src/components/DraggableDialog/DraggableDialog.tsx"],"sourcesContent":["import Draggable, { DraggableBounds } from 'react-draggable'\nimport {\n  Box,\n  IconButton,\n  Paper,\n  Stack,\n  Typography,\n  Divider,\n  useMediaQuery,\n  useTheme,\n  DialogContent,\n} from '@mui/material'\nimport CloseIcon from '@mui/icons-material/Close'\nimport { useRef, ReactNode, useEffect, useState } from 'react'\nimport { useResizable } from '../ResizableContainer/hooks/useResizable'\nimport { ResizableContainer } from '../ResizableContainer/ResizableContainer'\n\ntype DraggableDialogProps = {\n  open?: boolean\n  onClose?: () => void\n  children: ReactNode\n  title?: ReactNode\n}\n\nexport default function DraggableDialog({\n  open = false,\n  onClose,\n  title,\n  children,\n}: DraggableDialogProps) {\n  const theme = useTheme()\n  const isMobile = useMediaQuery(theme.breakpoints.down('sm'))\n  const draggableRef = useRef<HTMLDivElement>(null)\n  const [bounds, setBounds] = useState<DraggableBounds>()\n  const [position, setPosition] = useState({ x: 100, y: 100 })\n  const { width, height, handleResizeStart } = useResizable({\n    initialWidth: 600,\n    initialHeight: 500,\n    minWidth: 300,\n    minHeight: 200,\n    maxWidth: 1200,\n    maxHeight: 800,\n  })\n\n  useEffect(() => {\n    // Calculate draggable bounds to keep dialog within viewport with margin\n    function updateBounds() {\n      const margin = 100\n      const dialogWidth = width\n\n      const newBounds = {\n        left: -(dialogWidth - margin),\n        top: 0,\n        right: window.innerWidth - margin,\n        bottom: window.innerHeight - margin,\n      }\n\n      setBounds(newBounds)\n\n      // Clamp dialog position to new bounds to keep it visible after window resize\n      setPosition(prevPosition => ({\n        x: Math.max(newBounds.left, Math.min(prevPosition.x, newBounds.right)),\n        y: Math.max(newBounds.top, Math.min(prevPosition.y, newBounds.bottom)),\n      }))\n    }\n    updateBounds()\n    window.addEventListener('resize', updateBounds)\n    return () => window.removeEventListener('resize', updateBounds)\n  }, [width, height])\n\n  if (!open) {\n    return null\n  }\n\n  const paperContent = (\n    <Paper\n      elevation={5}\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        height: isMobile ? '95vh' : `${height}px`,\n        width: isMobile ? '95vw' : `${width}px`,\n        ...(isMobile && {\n          position: 'fixed',\n        }),\n      }}\n    >\n      <Stack\n        direction=\"row\"\n        alignItems=\"center\"\n        gap=\"5px\"\n        className=\"drag-handle\"\n        sx={{\n          padding: '20px',\n          cursor: 'move',\n        }}\n      >\n        <Typography variant=\"headline1\">{title}</Typography>\n        <Box sx={{ flexGrow: 1 }} />\n        <IconButton onClick={onClose}>\n          <CloseIcon />\n        </IconButton>\n      </Stack>\n      <Divider sx={{ mx: 2 }} />\n      <DialogContent\n        sx={{\n          height: '100%',\n          maxWidth: '100%',\n          padding: '16px',\n        }}\n      >\n        {children}\n      </DialogContent>\n    </Paper>\n  )\n\n  return (\n    <Box\n      sx={{\n        position: 'fixed',\n        zIndex: theme.zIndex.modal,\n        top: 0,\n        left: 0,\n        pointerEvents: isMobile ? 'auto' : 'none',\n      }}\n    >\n      {isMobile ? (\n        paperContent\n      ) : (\n        <Draggable\n          position={position}\n          onDrag={(e, data) => setPosition({ x: data.x, y: data.y })}\n          nodeRef={draggableRef}\n          bounds={bounds}\n          handle=\".drag-handle\"\n        >\n          <Box ref={draggableRef} sx={{ pointerEvents: 'auto' }}>\n            <ResizableContainer\n              width={width}\n              height={height}\n              onResizeStart={handleResizeStart}\n            >\n              {paperContent}\n            </ResizableContainer>\n          </Box>\n        </Draggable>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AAwBA,SAAwB,EAAgB,EACtC,UAAO,IACP,YACA,UACA,eACuB;CACvB,IAAM,IAAQ,EAAS,GACjB,IAAW,EAAc,EAAM,YAAY,KAAK,IAAI,CAAC,GACrD,IAAe,EAAuB,IAAI,GAC1C,CAAC,GAAQ,KAAa,EAA0B,GAChD,CAAC,GAAU,KAAe,EAAS;EAAE,GAAG;EAAK,GAAG;CAAI,CAAC,GACrD,EAAE,UAAO,WAAQ,yBAAsB,EAAa;EACxD,cAAc;EACd,eAAe;EACf,UAAU;EACV,WAAW;EACX,UAAU;EACV,WAAW;CACb,CAAC;CA4BD,IA1BA,QAAgB;EAEd,SAAS,IAAe;GACtB,IAGM,IAAY;IAChB,MAAM,EAAE,IAAc;IACtB,KAAK;IACL,OAAO,OAAO,aAAa;IAC3B,QAAQ,OAAO,cAAc;GAC/B;GAKA,AAHA,EAAU,CAAS,GAGnB,GAAY,OAAiB;IAC3B,GAAG,KAAK,IAAI,EAAU,MAAM,KAAK,IAAI,EAAa,GAAG,EAAU,KAAK,CAAC;IACrE,GAAG,KAAK,IAAI,EAAU,KAAK,KAAK,IAAI,EAAa,GAAG,EAAU,MAAM,CAAC;GACvE,EAAE;EACJ;EAGA,OAFA,EAAa,GACb,OAAO,iBAAiB,UAAU,CAAY,SACjC,OAAO,oBAAoB,UAAU,CAAY;CAChE,GAAG,CAAC,GAAO,CAAM,CAAC,GAEd,CAAC,GACH,OAAO;CAGT,IAAM,IACJ,kBAAC,GAAD;EACE,WAAW;EACX,IAAI;GACF,SAAS;GACT,eAAe;GACf,QAAQ,IAAW,SAAS,GAAG,EAAO;GACtC,OAAO,IAAW,SAAS,GAAG,EAAM;GACpC,GAAI,KAAY,EACd,UAAU,QACZ;EACF;YAVF;GAYE,kBAAC,GAAD;IACE,WAAU;IACV,YAAW;IACX,KAAI;IACJ,WAAU;IACV,IAAI;KACF,SAAS;KACT,QAAQ;IACV;cARF;KAUE,kBAAC,GAAD;MAAY,SAAQ;gBAAa;KAAkB,CAAA;KACnD,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,EAAE,EAAI,CAAA;KAC3B,kBAAC,GAAD;MAAY,SAAS;gBACnB,kBAAC,GAAD,CAAY,CAAA;KACF,CAAA;IACP;;GACP,kBAAC,GAAD,EAAS,IAAI,EAAE,IAAI,EAAE,EAAI,CAAA;GACzB,kBAAC,GAAD;IACE,IAAI;KACF,QAAQ;KACR,UAAU;KACV,SAAS;IACX;IAEC;GACY,CAAA;EACV;;CAGT,OACE,kBAAC,GAAD;EACE,IAAI;GACF,UAAU;GACV,QAAQ,EAAM,OAAO;GACrB,KAAK;GACL,MAAM;GACN,eAAe,IAAW,SAAS;EACrC;YAEC,IACC,IAEA,kBAAC,GAAD;GACY;GACV,SAAS,GAAG,MAAS,EAAY;IAAE,GAAG,EAAK;IAAG,GAAG,EAAK;GAAE,CAAC;GACzD,SAAS;GACD;GACR,QAAO;aAEP,kBAAC,GAAD;IAAK,KAAK;IAAc,IAAI,EAAE,eAAe,OAAO;cAClD,kBAAC,GAAD;KACS;KACC;KACR,eAAe;eAEd;IACiB,CAAA;GACjB,CAAA;EACI,CAAA;CAEV,CAAA;AAET"}
+{"version":3,"file":"DraggableDialog.js","names":[],"sources":["../../../src/components/DraggableDialog/DraggableDialog.tsx"],"sourcesContent":["import Draggable, { DraggableBounds } from 'react-draggable'\nimport {\n  Box,\n  IconButton,\n  Paper,\n  Stack,\n  Typography,\n  Divider,\n  useMediaQuery,\n  useTheme,\n  DialogContent,\n} from '@mui/material'\nimport CloseIcon from '@mui/icons-material/Close'\nimport { useRef, ReactNode, useEffect, useState } from 'react'\nimport { useResizable } from '../ResizableContainer/hooks/useResizable'\nimport { ResizableContainer } from '../ResizableContainer/ResizableContainer'\n\nconst CURIE_INITIAL_SIZE = 700\n\ntype DraggableDialogProps = {\n  open?: boolean\n  onClose?: () => void\n  children: ReactNode\n  title?: ReactNode\n  variant?: 'default' | 'curie'\n}\n\nexport default function DraggableDialog({\n  open = false,\n  onClose,\n  title,\n  children,\n  variant = 'default',\n}: DraggableDialogProps) {\n  const theme = useTheme()\n  const isMobile = useMediaQuery(theme.breakpoints.down('sm'))\n  const draggableRef = useRef<HTMLDivElement>(null)\n  const [bounds, setBounds] = useState<DraggableBounds>()\n  const [position, setPosition] = useState({\n    x: 100,\n    y: variant === 'curie' ? 50 : 100,\n  })\n  const { width, height, handleResizeStart } = useResizable({\n    initialWidth: 600,\n    initialHeight: variant === 'curie' ? CURIE_INITIAL_SIZE : 500,\n    minWidth: 300,\n    minHeight: 200,\n    maxWidth: 1200,\n    maxHeight: 800,\n  })\n\n  useEffect(() => {\n    // Calculate draggable bounds to keep dialog within viewport with margin\n    function updateBounds() {\n      const margin = 100\n      const dialogWidth = width\n\n      const newBounds = {\n        left: -(dialogWidth - margin),\n        top: 0,\n        right: window.innerWidth - margin,\n        bottom: window.innerHeight - margin,\n      }\n\n      setBounds(newBounds)\n\n      // Clamp dialog position to new bounds to keep it visible after window resize\n      setPosition(prevPosition => ({\n        x: Math.max(newBounds.left, Math.min(prevPosition.x, newBounds.right)),\n        y: Math.max(newBounds.top, Math.min(prevPosition.y, newBounds.bottom)),\n      }))\n    }\n    updateBounds()\n    window.addEventListener('resize', updateBounds)\n    return () => window.removeEventListener('resize', updateBounds)\n  }, [width, height])\n\n  if (!open) {\n    return null\n  }\n\n  const paperContent = (\n    <Paper\n      elevation={5}\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        height: isMobile ? '95vh' : `${height}px`,\n        width: isMobile ? '95vw' : `${width}px`,\n        ...(isMobile && {\n          position: 'fixed',\n        }),\n      }}\n    >\n      <Stack\n        direction=\"row\"\n        alignItems=\"center\"\n        gap=\"5px\"\n        className=\"drag-handle\"\n        sx={{\n          padding: variant === 'curie' ? '44px 44px 20px 44px' : '20px',\n          cursor: 'move',\n        }}\n      >\n        {variant !== 'curie' && (\n          <Typography variant=\"headline1\">{title}</Typography>\n        )}\n        <Box sx={{ flexGrow: 1 }} />\n        <IconButton onClick={onClose}>\n          <CloseIcon\n            sx={\n              variant === 'curie'\n                ? { width: '16px', height: '16px' }\n                : undefined\n            }\n          />\n        </IconButton>\n      </Stack>\n      {variant !== 'curie' && <Divider sx={{ mx: 2 }} />}\n      <DialogContent\n        sx={{\n          height: '100%',\n          maxWidth: '100%',\n          padding: '16px',\n          ...(variant === 'curie' && {\n            borderTop: 'none',\n            borderBottom: 'none',\n            padding: variant === 'curie' ? '0 44px 44px 44px' : '44px',\n          }),\n        }}\n      >\n        {children}\n      </DialogContent>\n    </Paper>\n  )\n\n  return (\n    <Box\n      sx={{\n        position: 'fixed',\n        zIndex: theme.zIndex.modal,\n        top: 0,\n        left: 0,\n        pointerEvents: isMobile ? 'auto' : 'none',\n      }}\n    >\n      {isMobile ? (\n        paperContent\n      ) : (\n        <Draggable\n          position={position}\n          onDrag={(e, data) => setPosition({ x: data.x, y: data.y })}\n          nodeRef={draggableRef}\n          bounds={bounds}\n          handle=\".drag-handle\"\n        >\n          <Box ref={draggableRef} sx={{ pointerEvents: 'auto' }}>\n            <ResizableContainer\n              width={width}\n              height={height}\n              onResizeStart={handleResizeStart}\n            >\n              {paperContent}\n            </ResizableContainer>\n          </Box>\n        </Draggable>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AAiBA,IAAM,IAAqB;AAU3B,SAAwB,EAAgB,EACtC,UAAO,IACP,YACA,UACA,aACA,aAAU,aACa;CACvB,IAAM,IAAQ,EAAS,GACjB,IAAW,EAAc,EAAM,YAAY,KAAK,IAAI,CAAC,GACrD,IAAe,EAAuB,IAAI,GAC1C,CAAC,GAAQ,KAAa,EAA0B,GAChD,CAAC,GAAU,KAAe,EAAS;EACvC,GAAG;EACH,GAAG,MAAY,UAAU,KAAK;CAChC,CAAC,GACK,EAAE,UAAO,WAAQ,yBAAsB,EAAa;EACxD,cAAc;EACd,eAAe,MAAY,UAAU,IAAqB;EAC1D,UAAU;EACV,WAAW;EACX,UAAU;EACV,WAAW;CACb,CAAC;CA4BD,IA1BA,QAAgB;EAEd,SAAS,IAAe;GACtB,IAGM,IAAY;IAChB,MAAM,EAAE,IAAc;IACtB,KAAK;IACL,OAAO,OAAO,aAAa;IAC3B,QAAQ,OAAO,cAAc;GAC/B;GAKA,AAHA,EAAU,CAAS,GAGnB,GAAY,OAAiB;IAC3B,GAAG,KAAK,IAAI,EAAU,MAAM,KAAK,IAAI,EAAa,GAAG,EAAU,KAAK,CAAC;IACrE,GAAG,KAAK,IAAI,EAAU,KAAK,KAAK,IAAI,EAAa,GAAG,EAAU,MAAM,CAAC;GACvE,EAAE;EACJ;EAGA,OAFA,EAAa,GACb,OAAO,iBAAiB,UAAU,CAAY,SACjC,OAAO,oBAAoB,UAAU,CAAY;CAChE,GAAG,CAAC,GAAO,CAAM,CAAC,GAEd,CAAC,GACH,OAAO;CAGT,IAAM,IACJ,kBAAC,GAAD;EACE,WAAW;EACX,IAAI;GACF,SAAS;GACT,eAAe;GACf,QAAQ,IAAW,SAAS,GAAG,EAAO;GACtC,OAAO,IAAW,SAAS,GAAG,EAAM;GACpC,GAAI,KAAY,EACd,UAAU,QACZ;EACF;YAVF;GAYE,kBAAC,GAAD;IACE,WAAU;IACV,YAAW;IACX,KAAI;IACJ,WAAU;IACV,IAAI;KACF,SAAS,MAAY,UAAU,wBAAwB;KACvD,QAAQ;IACV;cARF;KAUG,MAAY,WACX,kBAAC,GAAD;MAAY,SAAQ;gBAAa;KAAkB,CAAA;KAErD,kBAAC,GAAD,EAAK,IAAI,EAAE,UAAU,EAAE,EAAI,CAAA;KAC3B,kBAAC,GAAD;MAAY,SAAS;gBACnB,kBAAC,GAAD,EACE,IACE,MAAY,UACR;OAAE,OAAO;OAAQ,QAAQ;MAAO,IAChC,KAAA,EAEP,CAAA;KACS,CAAA;IACP;;GACN,MAAY,WAAW,kBAAC,GAAD,EAAS,IAAI,EAAE,IAAI,EAAE,EAAI,CAAA;GACjD,kBAAC,GAAD;IACE,IAAI;KACF,QAAQ;KACR,UAAU;KACV,SAAS;KACT,GAAI,MAAY,WAAW;MACzB,WAAW;MACX,cAAc;MACd,SAAS,MAAY,UAAU,qBAAqB;KACtD;IACF;IAEC;GACY,CAAA;EACV;;CAGT,OACE,kBAAC,GAAD;EACE,IAAI;GACF,UAAU;GACV,QAAQ,EAAM,OAAO;GACrB,KAAK;GACL,MAAM;GACN,eAAe,IAAW,SAAS;EACrC;YAEC,IACC,IAEA,kBAAC,GAAD;GACY;GACV,SAAS,GAAG,MAAS,EAAY;IAAE,GAAG,EAAK;IAAG,GAAG,EAAK;GAAE,CAAC;GACzD,SAAS;GACD;GACR,QAAO;aAEP,kBAAC,GAAD;IAAK,KAAK;IAAc,IAAI,EAAE,eAAe,OAAO;cAClD,kBAAC,GAAD;KACS;KACC;KACR,eAAe;eAEd;IACiB,CAAA;GACjB,CAAA;EACI,CAAA;CAEV,CAAA;AAET"}

package/dist/components/EntityTreeTable/hooks/useTableColumns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableColumns.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityTreeTable/hooks/useTableColumns.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAmBpD,eAAO,MAAM,eAAe,GAC1B,eAAe,OAAO,EACtB,4BAA0B,iCA6G3B,CAAA"}
+{"version":3,"file":"useTableColumns.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityTreeTable/hooks/useTableColumns.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAmBpD,eAAO,MAAM,eAAe,GAC1B,eAAe,OAAO,EACtB,4BAA0B,iCAmH3B,CAAA"}

package/dist/components/EntityTreeTable/hooks/useTableColumns.js

@@ -33,40 +33,46 @@ var y = (y, b = !1) => {
 			header: d,
 			cell: e,
 			enableSorting: y,
-			size: 450
+			size: 600
 		}), C && (m.push({
 			id: "badges",
 			header: "",
 			cell: f,
 			enableSorting: !1,
+			enableResizing: !1,
 			size: 120
 		}), m.push({
 			id: "id",
 			header: n,
 			cell: t,
-			enableSorting: !1
+			enableSorting: !1,
+			size: 110
 		})), S && m.push({
 			accessorKey: "entityHeader.createdOn",
 			id: "createdOn",
 			header: l,
 			cell: a,
-			enableSorting: y
+			enableSorting: y,
+			size: 130
 		}), C && m.push({
 			accessorKey: "entityHeader.modifiedOn",
 			id: "modifiedOn",
 			header: u,
 			cell: r,
-			enableSorting: y
+			enableSorting: y,
+			size: 130
 		}), S && m.push({
 			id: "modifiedBy",
 			header: "Modified By",
 			cell: i,
-			enableSorting: !1
+			enableSorting: !1,
+			size: 130
 		}), C && m.push({
 			id: "size",
 			header: "Size",
 			cell: o,
-			enableSorting: !1
+			enableSorting: !1,
+			size: 80
 		}), S && m.push({
 			id: "md5",
 			header: "MD5",

package/dist/components/EntityTreeTable/hooks/useTableColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableColumns.js","names":[],"sources":["../../../../src/components/EntityTreeTable/hooks/useTableColumns.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { ColumnDef } from '@tanstack/react-table'\nimport { useTheme, useMediaQuery } from '@mui/material'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { NameCell } from '../components/EntityNameCell'\nimport { IdCell } from '../components/IdCell'\nimport { IdColumnHeader } from '../components/IdColumnHeader'\nimport { ModifiedOnCell } from '../../EntityFinder/details/view/table/ModifiedOnCell'\nimport { ModifiedByCell } from '../../EntityFinder/details/view/table/ModifiedByCell'\nimport { CreatedOnCell } from '../../EntityFinder/details/view/table/CreatedOnCell'\nimport { FileEntitySizeCell } from '../../EntityFinder/details/view/table/FileEntitySizeCell'\nimport { FileEntityMD5Cell } from '../../EntityFinder/details/view/table/FileEntityMD5Cell'\nimport { AddFileToDownloadListCell } from '../../EntityFinder/details/view/table/AddToDownloadListCell'\nimport {\n  NameColumnHeader,\n  CreatedOnColumnHeader,\n  ModifiedOnColumnHeader,\n} from '../components/ColumnHeaders'\nimport { EntityBadgeIconsCell } from '../components/EntityBadgeIconsCell'\nimport { CheckboxCell } from '../components/CheckboxCell'\nimport PlaylistAddIcon from '@mui/icons-material/PlaylistAdd'\n\nexport const useTableColumns = (\n  enableSorting: boolean,\n  showCheckboxColumn = false,\n) => {\n  // Responsive design hooks\n  const theme = useTheme()\n  const isXtraLarge = useMediaQuery(theme.breakpoints.up('xl'))\n  const isMediumAndUp = useMediaQuery(theme.breakpoints.up('md'))\n\n  // Table columns\n  const columns = useMemo<ColumnDef<EntityBundleRow>[]>(() => {\n    const baseColumns: ColumnDef<EntityBundleRow>[] = []\n\n    if (showCheckboxColumn) {\n      baseColumns.push({\n        id: 'select',\n        header: '',\n        cell: CheckboxCell,\n        enableSorting: false,\n        size: 45,\n        minSize: 45,\n        maxSize: 45,\n      })\n    }\n\n    baseColumns.push({\n      accessorKey: 'entityHeader.name',\n      id: 'name',\n      header: NameColumnHeader,\n      cell: NameCell,\n      enableSorting: enableSorting,\n      size: 450, // Default width for Name column\n    })\n    if (isMediumAndUp) {\n      baseColumns.push({\n        id: 'badges',\n        header: '',\n        cell: EntityBadgeIconsCell,\n        enableSorting: false,\n        size: 120, // Default width for Badges column\n      })\n      baseColumns.push({\n        id: 'id',\n        header: IdColumnHeader,\n        cell: IdCell,\n        enableSorting: false,\n      })\n    }\n    if (isXtraLarge) {\n      baseColumns.push({\n        accessorKey: 'entityHeader.createdOn',\n        id: 'createdOn',\n        header: CreatedOnColumnHeader,\n        cell: CreatedOnCell,\n        enableSorting: enableSorting,\n      })\n    }\n\n    if (isMediumAndUp) {\n      baseColumns.push({\n        accessorKey: 'entityHeader.modifiedOn',\n        id: 'modifiedOn',\n        header: ModifiedOnColumnHeader,\n        cell: ModifiedOnCell,\n        enableSorting: enableSorting,\n      })\n    }\n\n    if (isXtraLarge) {\n      baseColumns.push({\n        id: 'modifiedBy',\n        header: 'Modified By',\n        cell: ModifiedByCell,\n        enableSorting: false,\n      })\n    }\n\n    if (isMediumAndUp) {\n      baseColumns.push({\n        id: 'size',\n        header: 'Size',\n        cell: FileEntitySizeCell,\n        enableSorting: false,\n      })\n    }\n    if (isXtraLarge) {\n      baseColumns.push({\n        id: 'md5',\n        header: 'MD5',\n        cell: FileEntityMD5Cell,\n        enableSorting: false,\n      })\n    }\n\n    baseColumns.push({\n      id: 'download',\n      header: 'Download',\n      cell: props => (\n        <AddFileToDownloadListCell\n          {...props}\n          downloadIcon={<PlaylistAddIcon />}\n        />\n      ),\n      enableSorting: false,\n      size: 90,\n    })\n\n    return baseColumns\n  }, [enableSorting, isXtraLarge, isMediumAndUp, showCheckboxColumn])\n\n  return columns\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsBA,IAAa,KACX,GACA,IAAqB,OAClB;CAEH,IAAM,IAAQ,EAAS,GACjB,IAAc,EAAc,EAAM,YAAY,GAAG,IAAI,CAAC,GACtD,IAAgB,EAAc,EAAM,YAAY,GAAG,IAAI,CAAC;CAuG9D,OApGgB,QAA4C;EAC1D,IAAM,IAA4C,CAAC;EAgGnD,OA9FI,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;GACf,MAAM;GACN,SAAS;GACT,SAAS;EACX,CAAC,GAGH,EAAY,KAAK;GACf,aAAa;GACb,IAAI;GACJ,QAAQ;GACR,MAAM;GACS;GACf,MAAM;EACR,CAAC,GACG,MACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;GACf,MAAM;EACR,CAAC,GACD,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;EACjB,CAAC,IAEC,KACF,EAAY,KAAK;GACf,aAAa;GACb,IAAI;GACJ,QAAQ;GACR,MAAM;GACS;EACjB,CAAC,GAGC,KACF,EAAY,KAAK;GACf,aAAa;GACb,IAAI;GACJ,QAAQ;GACR,MAAM;GACS;EACjB,CAAC,GAGC,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;EACjB,CAAC,GAGC,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;EACjB,CAAC,GAEC,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;EACjB,CAAC,GAGH,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,OAAM,MACJ,kBAAC,GAAD;IACE,GAAI;IACJ,cAAc,kBAAC,GAAD,CAAkB,CAAA;GACjC,CAAA;GAEH,eAAe;GACf,MAAM;EACR,CAAC,GAEM;CACT,GAAG;EAAC;EAAe;EAAa;EAAe;CAAkB,CAE1D;AACT"}
+{"version":3,"file":"useTableColumns.js","names":[],"sources":["../../../../src/components/EntityTreeTable/hooks/useTableColumns.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { ColumnDef } from '@tanstack/react-table'\nimport { useTheme, useMediaQuery } from '@mui/material'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { NameCell } from '../components/EntityNameCell'\nimport { IdCell } from '../components/IdCell'\nimport { IdColumnHeader } from '../components/IdColumnHeader'\nimport { ModifiedOnCell } from '../../EntityFinder/details/view/table/ModifiedOnCell'\nimport { ModifiedByCell } from '../../EntityFinder/details/view/table/ModifiedByCell'\nimport { CreatedOnCell } from '../../EntityFinder/details/view/table/CreatedOnCell'\nimport { FileEntitySizeCell } from '../../EntityFinder/details/view/table/FileEntitySizeCell'\nimport { FileEntityMD5Cell } from '../../EntityFinder/details/view/table/FileEntityMD5Cell'\nimport { AddFileToDownloadListCell } from '../../EntityFinder/details/view/table/AddToDownloadListCell'\nimport {\n  NameColumnHeader,\n  CreatedOnColumnHeader,\n  ModifiedOnColumnHeader,\n} from '../components/ColumnHeaders'\nimport { EntityBadgeIconsCell } from '../components/EntityBadgeIconsCell'\nimport { CheckboxCell } from '../components/CheckboxCell'\nimport PlaylistAddIcon from '@mui/icons-material/PlaylistAdd'\n\nexport const useTableColumns = (\n  enableSorting: boolean,\n  showCheckboxColumn = false,\n) => {\n  // Responsive design hooks\n  const theme = useTheme()\n  const isXtraLarge = useMediaQuery(theme.breakpoints.up('xl'))\n  const isMediumAndUp = useMediaQuery(theme.breakpoints.up('md'))\n\n  // Table columns\n  const columns = useMemo<ColumnDef<EntityBundleRow>[]>(() => {\n    const baseColumns: ColumnDef<EntityBundleRow>[] = []\n\n    if (showCheckboxColumn) {\n      baseColumns.push({\n        id: 'select',\n        header: '',\n        cell: CheckboxCell,\n        enableSorting: false,\n        size: 45,\n        minSize: 45,\n        maxSize: 45,\n      })\n    }\n\n    baseColumns.push({\n      accessorKey: 'entityHeader.name',\n      id: 'name',\n      header: NameColumnHeader,\n      cell: NameCell,\n      enableSorting: enableSorting,\n      size: 600,\n    })\n    if (isMediumAndUp) {\n      baseColumns.push({\n        id: 'badges',\n        header: '',\n        cell: EntityBadgeIconsCell,\n        enableSorting: false,\n        enableResizing: false,\n        size: 120,\n      })\n      baseColumns.push({\n        id: 'id',\n        header: IdColumnHeader,\n        cell: IdCell,\n        enableSorting: false,\n        size: 110,\n      })\n    }\n    if (isXtraLarge) {\n      baseColumns.push({\n        accessorKey: 'entityHeader.createdOn',\n        id: 'createdOn',\n        header: CreatedOnColumnHeader,\n        cell: CreatedOnCell,\n        enableSorting: enableSorting,\n        size: 130,\n      })\n    }\n\n    if (isMediumAndUp) {\n      baseColumns.push({\n        accessorKey: 'entityHeader.modifiedOn',\n        id: 'modifiedOn',\n        header: ModifiedOnColumnHeader,\n        cell: ModifiedOnCell,\n        enableSorting: enableSorting,\n        size: 130,\n      })\n    }\n\n    if (isXtraLarge) {\n      baseColumns.push({\n        id: 'modifiedBy',\n        header: 'Modified By',\n        cell: ModifiedByCell,\n        enableSorting: false,\n        size: 130,\n      })\n    }\n\n    if (isMediumAndUp) {\n      baseColumns.push({\n        id: 'size',\n        header: 'Size',\n        cell: FileEntitySizeCell,\n        enableSorting: false,\n        size: 80,\n      })\n    }\n    if (isXtraLarge) {\n      baseColumns.push({\n        id: 'md5',\n        header: 'MD5',\n        cell: FileEntityMD5Cell,\n        enableSorting: false,\n      })\n    }\n\n    baseColumns.push({\n      id: 'download',\n      header: 'Download',\n      cell: props => (\n        <AddFileToDownloadListCell\n          {...props}\n          downloadIcon={<PlaylistAddIcon />}\n        />\n      ),\n      enableSorting: false,\n      size: 90,\n    })\n\n    return baseColumns\n  }, [enableSorting, isXtraLarge, isMediumAndUp, showCheckboxColumn])\n\n  return columns\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsBA,IAAa,KACX,GACA,IAAqB,OAClB;CAEH,IAAM,IAAQ,EAAS,GACjB,IAAc,EAAc,EAAM,YAAY,GAAG,IAAI,CAAC,GACtD,IAAgB,EAAc,EAAM,YAAY,GAAG,IAAI,CAAC;CA6G9D,OA1GgB,QAA4C;EAC1D,IAAM,IAA4C,CAAC;EAsGnD,OApGI,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;GACf,MAAM;GACN,SAAS;GACT,SAAS;EACX,CAAC,GAGH,EAAY,KAAK;GACf,aAAa;GACb,IAAI;GACJ,QAAQ;GACR,MAAM;GACS;GACf,MAAM;EACR,CAAC,GACG,MACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;GACf,gBAAgB;GAChB,MAAM;EACR,CAAC,GACD,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;GACf,MAAM;EACR,CAAC,IAEC,KACF,EAAY,KAAK;GACf,aAAa;GACb,IAAI;GACJ,QAAQ;GACR,MAAM;GACS;GACf,MAAM;EACR,CAAC,GAGC,KACF,EAAY,KAAK;GACf,aAAa;GACb,IAAI;GACJ,QAAQ;GACR,MAAM;GACS;GACf,MAAM;EACR,CAAC,GAGC,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;GACf,MAAM;EACR,CAAC,GAGC,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;GACf,MAAM;EACR,CAAC,GAEC,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;EACjB,CAAC,GAGH,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,OAAM,MACJ,kBAAC,GAAD;IACE,GAAI;IACJ,cAAc,kBAAC,GAAD,CAAkB,CAAA;GACjC,CAAA;GAEH,eAAe;GACf,MAAM;EACR,CAAC,GAEM;CACT,GAAG;EAAC;EAAe;EAAa;EAAe;CAAkB,CAE1D;AACT"}

package/dist/components/ExperimentalMode/ExperimentalMode.js

@@ -9,7 +9,8 @@ var d = "experimental-mode", f = "This mode gives you early access to features t
 function p({ onExperimentalModeToggle: p }) {
 	let m = a(), [h, g, _] = c(e, {
 		path: "/",
-		domain: (typeof window < "u" ? window.location.hostname.toLowerCase() : "").endsWith(".synapse.org") ? "synapse.org" : void 0
+		domain: (typeof window < "u" ? window.location.hostname.toLowerCase() : "").endsWith(".synapse.org") ? "synapse.org" : void 0,
+		initializeWithValue: !1
 	});
 	return /* @__PURE__ */ s(t, {
 		sx: {

package/dist/components/ExperimentalMode/ExperimentalMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExperimentalMode.js","names":[],"sources":["../../../src/components/ExperimentalMode/ExperimentalMode.tsx"],"sourcesContent":["import { EXPERIMENTAL_MODE_COOKIE } from '@/utils/SynapseConstants'\nimport { InfoOutlined } from '@mui/icons-material'\nimport { Box, IconButton, Tooltip, Typography, useTheme } from '@mui/material'\nimport Switch from 'react-switch'\nimport { useCookieValue } from '@react-hookz/web/useCookieValue/index.js'\n\nconst EXPERIMENTAL_MODE_SWITCH_ID = 'experimental-mode'\nconst experimentalModeText =\n  'This mode gives you early access to features that are still in development. Please note that we do not guarantee an absence of errors, and that the data created using these features may be lost during product upgrade.'\n\nexport type ExperimentalModeProps = {\n  onExperimentalModeToggle?: (newValue: boolean) => void\n}\nfunction ExperimentalMode({ onExperimentalModeToggle }: ExperimentalModeProps) {\n  const theme = useTheme()\n\n  const getExperimentalModeCookieOptions = () => {\n    const hostname =\n      typeof window !== 'undefined'\n        ? window.location.hostname.toLowerCase()\n        : ''\n    return {\n      path: '/',\n      domain: hostname.endsWith('.synapse.org') ? 'synapse.org' : undefined,\n    }\n  }\n\n  const [\n    experimentalModeCookie,\n    setExperimentalModeCookie,\n    removeExperimentalModeCookie,\n  ] = useCookieValue(\n    EXPERIMENTAL_MODE_COOKIE,\n    getExperimentalModeCookieOptions(),\n  )\n\n  const createExperimentalModeCookie = () => {\n    setExperimentalModeCookie('true')\n\n    if (onExperimentalModeToggle) {\n      onExperimentalModeToggle(true)\n    }\n  }\n\n  const deleteExperimentalModeCookie = () => {\n    removeExperimentalModeCookie()\n    if (onExperimentalModeToggle) {\n      onExperimentalModeToggle(false)\n    }\n  }\n\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center' }}>\n      <Typography\n        component={'label'}\n        variant=\"body1\"\n        htmlFor={EXPERIMENTAL_MODE_SWITCH_ID}\n      >\n        Experimental Mode\n      </Typography>\n      <Tooltip title={experimentalModeText} arrow placement=\"top\">\n        <IconButton\n          aria-label=\"info\"\n          color=\"inherit\"\n          sx={{ '&:hover': { backgroundColor: 'transparent' } }}\n        >\n          <InfoOutlined sx={{ verticalAlign: 'middle' }} />\n        </IconButton>\n      </Tooltip>\n      <Switch\n        id={EXPERIMENTAL_MODE_SWITCH_ID}\n        width={35}\n        height={20}\n        onColor={theme.palette.secondary.main}\n        checkedIcon={false}\n        uncheckedIcon={false}\n        checked={experimentalModeCookie === 'true'}\n        onChange={\n          experimentalModeCookie === 'true'\n            ? deleteExperimentalModeCookie\n            : createExperimentalModeCookie\n        }\n      />\n    </Box>\n  )\n}\n\nexport default ExperimentalMode\n"],"mappings":";;;;;;;AAMA,IAAM,IAA8B,qBAC9B,IACJ;AAKF,SAAS,EAAiB,EAAE,+BAAmD;CAC7E,IAAM,IAAQ,EAAS,GAajB,CACJ,GACA,GACA,KACE,EACF,GAXO;EACL,MAAM;EACN,SALA,OAAO,SAAW,MACd,OAAO,SAAS,SAAS,YAAY,IACrC,IAGa,SAAS,cAAc,IAAI,gBAAgB,KAAA;CAC9D,CAUF;CAiBA,OACE,kBAAC,GAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,YAAY;EAAS;YAAjD;GACE,kBAAC,GAAD;IACE,WAAW;IACX,SAAQ;IACR,SAAS;cACV;GAEW,CAAA;GACZ,kBAAC,GAAD;IAAS,OAAO;IAAsB,OAAA;IAAM,WAAU;cACpD,kBAAC,GAAD;KACE,cAAW;KACX,OAAM;KACN,IAAI,EAAE,WAAW,EAAE,iBAAiB,cAAc,EAAE;eAEpD,kBAAC,GAAD,EAAc,IAAI,EAAE,eAAe,SAAS,EAAI,CAAA;IACtC,CAAA;GACL,CAAA;GACT,kBAAC,GAAD;IACE,IAAI;IACJ,OAAO;IACP,QAAQ;IACR,SAAS,EAAM,QAAQ,UAAU;IACjC,aAAa;IACb,eAAe;IACf,SAAS,MAA2B;IACpC,UACE,MAA2B,eAlCQ;KAEzC,AADA,EAA6B,GACzB,KACF,EAAyB,EAAK;IAElC,UAb2C;KAGzC,AAFA,EAA0B,MAAM,GAE5B,KACF,EAAyB,EAAI;IAEjC;GAwCK,CAAA;EACE;;AAET"}
+{"version":3,"file":"ExperimentalMode.js","names":[],"sources":["../../../src/components/ExperimentalMode/ExperimentalMode.tsx"],"sourcesContent":["import { EXPERIMENTAL_MODE_COOKIE } from '@/utils/SynapseConstants'\nimport { InfoOutlined } from '@mui/icons-material'\nimport { Box, IconButton, Tooltip, Typography, useTheme } from '@mui/material'\nimport Switch from 'react-switch'\nimport { useCookieValue } from '@react-hookz/web/useCookieValue/index.js'\n\nconst EXPERIMENTAL_MODE_SWITCH_ID = 'experimental-mode'\nconst experimentalModeText =\n  'This mode gives you early access to features that are still in development. Please note that we do not guarantee an absence of errors, and that the data created using these features may be lost during product upgrade.'\n\nexport type ExperimentalModeProps = {\n  onExperimentalModeToggle?: (newValue: boolean) => void\n}\nfunction ExperimentalMode({ onExperimentalModeToggle }: ExperimentalModeProps) {\n  const theme = useTheme()\n\n  const getExperimentalModeCookieOptions = () => {\n    const hostname =\n      typeof window !== 'undefined'\n        ? window.location.hostname.toLowerCase()\n        : ''\n    return {\n      path: '/',\n      domain: hostname.endsWith('.synapse.org') ? 'synapse.org' : undefined,\n    }\n  }\n\n  const [\n    experimentalModeCookie,\n    setExperimentalModeCookie,\n    removeExperimentalModeCookie,\n  ] = useCookieValue(EXPERIMENTAL_MODE_COOKIE, {\n    ...getExperimentalModeCookieOptions(),\n    initializeWithValue: false,\n  })\n\n  const createExperimentalModeCookie = () => {\n    setExperimentalModeCookie('true')\n\n    if (onExperimentalModeToggle) {\n      onExperimentalModeToggle(true)\n    }\n  }\n\n  const deleteExperimentalModeCookie = () => {\n    removeExperimentalModeCookie()\n    if (onExperimentalModeToggle) {\n      onExperimentalModeToggle(false)\n    }\n  }\n\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center' }}>\n      <Typography\n        component={'label'}\n        variant=\"body1\"\n        htmlFor={EXPERIMENTAL_MODE_SWITCH_ID}\n      >\n        Experimental Mode\n      </Typography>\n      <Tooltip title={experimentalModeText} arrow placement=\"top\">\n        <IconButton\n          aria-label=\"info\"\n          color=\"inherit\"\n          sx={{ '&:hover': { backgroundColor: 'transparent' } }}\n        >\n          <InfoOutlined sx={{ verticalAlign: 'middle' }} />\n        </IconButton>\n      </Tooltip>\n      <Switch\n        id={EXPERIMENTAL_MODE_SWITCH_ID}\n        width={35}\n        height={20}\n        onColor={theme.palette.secondary.main}\n        checkedIcon={false}\n        uncheckedIcon={false}\n        checked={experimentalModeCookie === 'true'}\n        onChange={\n          experimentalModeCookie === 'true'\n            ? deleteExperimentalModeCookie\n            : createExperimentalModeCookie\n        }\n      />\n    </Box>\n  )\n}\n\nexport default ExperimentalMode\n"],"mappings":";;;;;;;AAMA,IAAM,IAA8B,qBAC9B,IACJ;AAKF,SAAS,EAAiB,EAAE,+BAAmD;CAC7E,IAAM,IAAQ,EAAS,GAajB,CACJ,GACA,GACA,KACE,EAAe,GAA0B;EATzC,MAAM;EACN,SALA,OAAO,SAAW,MACd,OAAO,SAAS,SAAS,YAAY,IACrC,IAGa,SAAS,cAAc,IAAI,gBAAgB,KAAA;EAU9D,qBAAqB;CACvB,CAAC;CAiBD,OACE,kBAAC,GAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,YAAY;EAAS;YAAjD;GACE,kBAAC,GAAD;IACE,WAAW;IACX,SAAQ;IACR,SAAS;cACV;GAEW,CAAA;GACZ,kBAAC,GAAD;IAAS,OAAO;IAAsB,OAAA;IAAM,WAAU;cACpD,kBAAC,GAAD;KACE,cAAW;KACX,OAAM;KACN,IAAI,EAAE,WAAW,EAAE,iBAAiB,cAAc,EAAE;eAEpD,kBAAC,GAAD,EAAc,IAAI,EAAE,eAAe,SAAS,EAAI,CAAA;IACtC,CAAA;GACL,CAAA;GACT,kBAAC,GAAD;IACE,IAAI;IACJ,OAAO;IACP,QAAQ;IACR,SAAS,EAAM,QAAQ,UAAU;IACjC,aAAa;IACb,eAAe;IACf,SAAS,MAA2B;IACpC,UACE,MAA2B,eAlCQ;KAEzC,AADA,EAA6B,GACzB,KACF,EAAyB,EAAK;IAElC,UAb2C;KAGzC,AAFA,EAA0B,MAAM,GAE5B,KACF,EAAyB,EAAI;IAEjC;GAwCK,CAAA;EACE;;AAET"}

package/dist/components/GenericCard/CardActionButtonStyleContext.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Visual style for a card's action buttons (Download/hosting, Cite As, Croissant,
+ * Share). `'button'` (default) renders the compact GenericCardActionButton look;
+ * `'chip'` renders pill-shaped chips (the hosting action becomes a colored Chip).
+ * Set per card configuration via `actionButtonStyle`.
+ */
+export type CardActionButtonStyle = 'button' | 'chip';
+export declare const CardActionButtonStyleContext: import("react").Context<CardActionButtonStyle>;
+export declare function useCardActionButtonStyle(): CardActionButtonStyle;
+//# sourceMappingURL=CardActionButtonStyleContext.d.ts.map

package/dist/components/GenericCard/CardActionButtonStyleContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardActionButtonStyleContext.d.ts","sourceRoot":"","sources":["../../../src/components/GenericCard/CardActionButtonStyleContext.tsx"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,MAAM,CAAA;AAErD,eAAO,MAAM,4BAA4B,gDACO,CAAA;AAEhD,wBAAgB,wBAAwB,IAAI,qBAAqB,CAEhE"}

package/dist/components/GenericCard/CardActionButtonStyleContext.js

@@ -0,0 +1,10 @@
+import { createContext as e, useContext as t } from "react";
+//#region src/components/GenericCard/CardActionButtonStyleContext.tsx
+var n = e("button");
+function r() {
+	return t(n);
+}
+//#endregion
+export { n as CardActionButtonStyleContext, r as useCardActionButtonStyle };
+
+//# sourceMappingURL=CardActionButtonStyleContext.js.map

package/dist/components/GenericCard/CardActionButtonStyleContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CardActionButtonStyleContext.js","names":[],"sources":["../../../src/components/GenericCard/CardActionButtonStyleContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\n\n/**\n * Visual style for a card's action buttons (Download/hosting, Cite As, Croissant,\n * Share). `'button'` (default) renders the compact GenericCardActionButton look;\n * `'chip'` renders pill-shaped chips (the hosting action becomes a colored Chip).\n * Set per card configuration via `actionButtonStyle`.\n */\nexport type CardActionButtonStyle = 'button' | 'chip'\n\nexport const CardActionButtonStyleContext =\n  createContext<CardActionButtonStyle>('button')\n\nexport function useCardActionButtonStyle(): CardActionButtonStyle {\n  return useContext(CardActionButtonStyleContext)\n}\n"],"mappings":";;AAUA,IAAa,IACX,EAAqC,QAAQ;AAE/C,SAAgB,IAAkD;CAChE,OAAO,EAAW,CAA4B;AAChD"}

package/dist/components/GenericCard/DuoTermTags/DuoTermTags.js

@@ -3,52 +3,52 @@ import { duoRegistryUrl as t, resolveDuoTerm as n } from "./duoTerms.js";
 import r from "../../widgets/facet-nav/FacetValueChip.js";
 import { Box as i, Link as a } from "@mui/material";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
-import l from "@mui/icons-material/ScienceOutlined";
-import u from "@mui/icons-material/MedicalServicesOutlined";
-import d from "@mui/icons-material/CoronavirusOutlined";
-import f from "@mui/icons-material/GroupsOutlined";
-import p from "@mui/icons-material/HealingOutlined";
-import m from "@mui/icons-material/LockOpenOutlined";
-import h from "@mui/icons-material/MoneyOffOutlined";
-import g from "@mui/icons-material/ArticleOutlined";
-import _ from "@mui/icons-material/HandshakeOutlined";
-import v from "@mui/icons-material/GavelOutlined";
-import y from "@mui/icons-material/ReplayOutlined";
-import b from "@mui/icons-material/FormatQuoteOutlined";
-import x from "@mui/icons-material/PersonOutlined";
-import S from "@mui/icons-material/AssignmentOutlined";
-import C from "@mui/icons-material/ApartmentOutlined";
-import w from "@mui/icons-material/PublicOutlined";
-import T from "@mui/icons-material/ScheduleOutlined";
-import E from "@mui/icons-material/HourglassEmptyOutlined";
-import D from "@mui/icons-material/BlockOutlined";
+import l from "@mui/icons-material/PublicOutlined";
+import u from "@mui/icons-material/BlockOutlined";
+import d from "@mui/icons-material/ScienceOutlined";
+import f from "@mui/icons-material/MedicalServicesOutlined";
+import p from "@mui/icons-material/CoronavirusOutlined";
+import m from "@mui/icons-material/GroupsOutlined";
+import h from "@mui/icons-material/HealingOutlined";
+import g from "@mui/icons-material/LockOpenOutlined";
+import _ from "@mui/icons-material/MoneyOffOutlined";
+import v from "@mui/icons-material/ArticleOutlined";
+import y from "@mui/icons-material/HandshakeOutlined";
+import b from "@mui/icons-material/GavelOutlined";
+import x from "@mui/icons-material/ReplayOutlined";
+import S from "@mui/icons-material/FormatQuoteOutlined";
+import C from "@mui/icons-material/PersonOutlined";
+import w from "@mui/icons-material/AssignmentOutlined";
+import T from "@mui/icons-material/ApartmentOutlined";
+import E from "@mui/icons-material/ScheduleOutlined";
+import D from "@mui/icons-material/HourglassEmptyOutlined";
 import O from "@mui/icons-material/RuleOutlined";
 import k from "@mui/icons-material/HelpOutline";
 //#region src/components/GenericCard/DuoTermTags/DuoTermTags.tsx
 var A = {
-	"DUO:0000042": l,
-	"DUO:0000006": u,
-	"DUO:0000007": d,
-	"DUO:0000011": f,
-	"DUO:0000043": p,
-	"DUO:0000004": m,
-	"DUO:0000046": h,
-	"DUO:0000018": h,
-	"DUO:0000045": h,
-	"DUO:0000019": g,
-	"DUO:0000020": _,
-	"DUO:0000021": v,
-	"DUO:0000029": y,
-	DUOplus7: b,
-	"DUO:0000026": x,
-	"DUO:0000027": S,
-	"DUO:0000028": C,
-	"DUO:0000022": w,
-	"DUO:0000025": T,
-	"DUO:0000024": E,
+	"DUO:0000042": d,
+	"DUO:0000006": f,
+	"DUO:0000007": p,
+	"DUO:0000011": m,
+	"DUO:0000043": h,
+	"DUO:0000004": g,
+	"DUO:0000046": _,
+	"DUO:0000018": _,
+	"DUO:0000045": _,
+	"DUO:0000019": v,
+	"DUO:0000020": y,
+	"DUO:0000021": b,
+	"DUO:0000029": x,
+	DUOplus7: S,
+	"DUO:0000026": C,
+	"DUO:0000027": w,
+	"DUO:0000028": T,
+	"DUO:0000022": l,
+	"DUO:0000025": E,
+	"DUO:0000024": D,
 	"DUO:0000016": e,
-	"DUO:0000015": D,
-	"DUO:0000044": D,
+	"DUO:0000015": u,
+	"DUO:0000044": u,
 	"DUO:0000012": O
 }, j = (e) => {
 	let { term: t } = e;

package/dist/components/GenericCard/GenericCardActionButton.d.ts

@@ -1,4 +1,9 @@
 import { Button } from '@mui/material';
+/**
+ * Action button used across a card's action area (Cite As, Croissant, Share,
+ * Download). Its shape follows the nearest `CardActionButtonStyleContext`:
+ * compact by default, or pill-shaped when the card opts into `'chip'`.
+ */
 declare const GenericCardActionButton: typeof Button;
 export default GenericCardActionButton;
 //# sourceMappingURL=GenericCardActionButton.d.ts.map

package/dist/components/GenericCard/GenericCardActionButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GenericCardActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/GenericCard/GenericCardActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAGtC,QAAA,MAAM,uBAAuB,EAOvB,OAAO,MAAM,CAAA;AAEnB,eAAe,uBAAuB,CAAA"}
+{"version":3,"file":"GenericCardActionButton.d.ts","sourceRoot":"","sources":["../../../src/components/GenericCard/GenericCardActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AAsCtC;;;;GAIG;AACH,QAAA,MAAM,uBAAuB,EAOvB,OAAO,MAAM,CAAA;AAEnB,eAAe,uBAAuB,CAAA"}

package/dist/components/GenericCard/GenericCardActionButton.js

@@ -1,18 +1,35 @@
-import { Button as e } from "@mui/material";
-import { styled as t } from "@mui/system";
+import { useCardActionButtonStyle as e } from "./CardActionButtonStyleContext.js";
+import { Button as t } from "@mui/material";
+import { jsx as n } from "react/jsx-runtime";
+import { styled as r } from "@mui/system";
 //#region src/components/GenericCard/GenericCardActionButton.tsx
-var n = t(e)({
-	height: "20px",
-	padding: "2px 8px",
+var i = { "& .MuiButton-startIcon": {
+	marginRight: "4px",
+	marginLeft: 0
+} }, a = "28px", o = "32px", s = r(t)({
+	height: a,
+	minHeight: a,
+	padding: "0 8px",
 	borderColor: "grey.400",
 	fontWeight: 700,
 	lineHeight: "20px",
-	"& .MuiButton-startIcon": {
-		marginRight: "4px",
-		marginLeft: 0
-	}
-});
+	whiteSpace: "nowrap",
+	...i
+}), c = r(t)({
+	height: o,
+	minHeight: o,
+	borderRadius: "16px",
+	padding: "0 12px",
+	borderColor: "grey.400",
+	fontWeight: 700,
+	lineHeight: "20px",
+	whiteSpace: "nowrap",
+	...i
+}), l = (({ ref: t, ...r }) => /* @__PURE__ */ n(e() === "chip" ? c : s, {
+	ref: t,
+	...r
+}));
 //#endregion
-export { n as default };
+export { l as default };
 
 //# sourceMappingURL=GenericCardActionButton.js.map

package/dist/components/GenericCard/GenericCardActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"GenericCardActionButton.js","names":[],"sources":["../../../src/components/GenericCard/GenericCardActionButton.tsx"],"sourcesContent":["import { Button } from '@mui/material'\nimport { styled } from '@mui/system'\n\nconst GenericCardActionButton = styled(Button)({\n  height: '20px',\n  padding: '2px 8px',\n  borderColor: 'grey.400',\n  fontWeight: 700,\n  lineHeight: '20px',\n  '& .MuiButton-startIcon': { marginRight: '4px', marginLeft: 0 },\n}) as typeof Button\n\nexport default GenericCardActionButton\n"],"mappings":";;;AAGA,IAAM,IAA0B,EAAO,CAAM,EAAE;CAC7C,QAAQ;CACR,SAAS;CACT,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,0BAA0B;EAAE,aAAa;EAAO,YAAY;CAAE;AAChE,CAAC"}
+{"version":3,"file":"GenericCardActionButton.js","names":[],"sources":["../../../src/components/GenericCard/GenericCardActionButton.tsx"],"sourcesContent":["import { Button } from '@mui/material'\nimport { styled } from '@mui/system'\nimport { useCardActionButtonStyle } from './CardActionButtonStyleContext'\n\nconst startIconStyle = {\n  '& .MuiButton-startIcon': { marginRight: '4px', marginLeft: 0 },\n}\n\n// Enforced fixed heights (height + minHeight + border-box) so every action button\n// is the same height regardless of its icon size or label, with content centered.\nconst COMPACT_HEIGHT = '28px'\nconst PILL_HEIGHT = '32px'\n\n/** The default compact style. */\nconst CompactButton = styled(Button)({\n  height: COMPACT_HEIGHT,\n  minHeight: COMPACT_HEIGHT,\n  padding: '0 8px',\n  borderColor: 'grey.400',\n  fontWeight: 700,\n  lineHeight: '20px',\n  whiteSpace: 'nowrap',\n  ...startIconStyle,\n})\n\n/** Pill style, used when actionButtonStyle === 'chip'. */\nconst PillButton = styled(Button)({\n  height: PILL_HEIGHT,\n  minHeight: PILL_HEIGHT,\n  borderRadius: '16px',\n  padding: '0 12px',\n  borderColor: 'grey.400',\n  fontWeight: 700,\n  lineHeight: '20px',\n  whiteSpace: 'nowrap',\n  ...startIconStyle,\n})\n\n/**\n * Action button used across a card's action area (Cite As, Croissant, Share,\n * Download). Its shape follows the nearest `CardActionButtonStyleContext`:\n * compact by default, or pill-shaped when the card opts into `'chip'`.\n */\nconst GenericCardActionButton = (({\n  ref,\n  ...props\n}: React.ComponentPropsWithRef<typeof Button>) => {\n  const Styled =\n    useCardActionButtonStyle() === 'chip' ? PillButton : CompactButton\n  return <Styled ref={ref} {...props} />\n}) as typeof Button\n\nexport default GenericCardActionButton\n"],"mappings":";;;;;AAIA,IAAM,IAAiB,EACrB,0BAA0B;CAAE,aAAa;CAAO,YAAY;AAAE,EAChE,GAIM,IAAiB,QACjB,IAAc,QAGd,IAAgB,EAAO,CAAM,EAAE;CACnC,QAAQ;CACR,WAAW;CACX,SAAS;CACT,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,GAAG;AACL,CAAC,GAGK,IAAa,EAAO,CAAM,EAAE;CAChC,QAAQ;CACR,WAAW;CACX,cAAc;CACd,SAAS;CACT,aAAa;CACb,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,GAAG;AACL,CAAC,GAOK,MAA4B,EAChC,QACA,GAAG,QAII,kBADL,EAAyB,MAAM,SAAS,IAAa,GAChD;CAAa;CAAK,GAAI;AAAQ,CAAA"}

package/dist/components/GenericCard/TableRowGenericCard.d.ts

@@ -1,6 +1,7 @@
 import { CommonCardProps } from '@/components/CardContainer/CardConfiguration';
 import { ColumnModel, SelectColumn } from '@sage-bionetworks/synapse-types';
 import React from 'react';
+import { type DatasetHostingType } from '../DatasetHosting/DatasetHosting';
 import { HeaderCardVariant } from '../HeaderCard';
 import { ShareThisPageProps } from '../ShareThisPage/ShareThisPage';
 import { SustainabilityScorecardProps } from '../SustainabilityScorecard/SustainabilityScorecard';
@@ -93,6 +94,29 @@ export type TableToGenericCardMapping = {
     synapseEntityConfig?: SynapseEntityConfig;
     /** The column name whose data contains a synId that can be used to show a button to add the corresponding entity to the download cart. */
     downloadCartSynId?: string;
+    /**
+     * Opt-in configuration for hosting-aware download/access. When `hostingColumn`
+     * is provided, the card's primary action becomes a `DatasetDownloadButton` driven
+     * by the row's hosting value: downloadable hosting types show the standard dataset
+     * download options, while non-downloadable types (e.g. external-access) swap to a
+     * link to the external repository instead. Other portals that don't set this
+     * are unaffected.
+     */
+    hostingConfig?: {
+        /** Column holding the hosting type. Blank/unknown → `synapse`. */
+        hostingColumn: string;
+        /**
+         * Optional map from the column's raw values to hosting types, for columns that
+         * use portal-specific labels rather than the canonical vocabulary (e.g. CCKP's
+         * `downloadType`: "Synapse Indexed" → `external-download`). Values not in the
+         * map fall back to `normalizeHosting` (canonical value, or → `synapse`).
+         */
+        hostingValueMap?: Record<string, DatasetHostingType>;
+        /** Column holding the free-text external repository name (e.g. "GEO", "dbGaP"). */
+        repositoryColumn?: string;
+        /** Column holding the external URL used for non-downloadable (external-access) datasets. */
+        externalUrlColumn?: string;
+    };
     /** Configuration to display a DOI, as well as the ability to create one for users with such permission */
     portalDoiConfiguration?: PortalDOIConfiguration;
     /**