synapse-react-client 4.0.38 → 4.0.41

package/dist/components/menu/DropdownMenu.js

@@ -82,6 +82,10 @@ function x(x) {
 		placement: "bottom-end",
 		transition: !0,
 		style: { zIndex: 10 },
+		modifiers: [{
+			name: "offset",
+			options: { offset: [0, 6] }
+		}],
 		children: ({ TransitionProps: t }) => /* @__PURE__ */ v(c, {
 			...t,
 			children: /* @__PURE__ */ v(p, {

package/dist/components/menu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/menu/DropdownMenu.tsx"],"sourcesContent":["import {\n  Button,\n  ButtonProps,\n  ClickAwayListener,\n  Divider,\n  Fade,\n  ListItemIcon,\n  ListItemText,\n  MenuItem,\n  MenuList,\n  Paper,\n  Popper,\n  SxProps,\n  Tooltip,\n  Typography,\n  Box,\n} from '@mui/material'\nimport {\n  KeyboardEvent,\n  MouseEvent,\n  SyntheticEvent,\n  useId,\n  useRef,\n  useState,\n} from 'react'\nimport IconSvg, { IconName } from '../IconSvg/IconSvg'\n\nconst fileAccessRequestNotice = (\n  <Box\n    sx={{\n      backgroundColor: '#EAF0F5',\n      color: '#3B4046',\n      padding: '6px 8px',\n      borderRadius: '3px',\n      marginTop: '8px',\n    }}\n  >\n    <Typography\n      sx={{\n        fontSize: '14px',\n        fontWeight: '440',\n        lineHeight: '20px',\n        letterSpacing: '-0.07px',\n      }}\n    >\n      <span\n        style={{\n          fontWeight: '700',\n        }}\n      >\n        Note:{' '}\n      </span>\n      You can add this file to your download list, but you must make an access\n      request before downloading.\n    </Typography>\n  </Box>\n)\n\n/**\n * Defines a configuration for a particular dropdown menu item\n */\nexport type DropdownMenuItem = {\n  /* The text to show on the menu item. */\n  text: string\n  /* The icon to show for this item in the menu. */\n  icon?: IconName\n  /* A function invoked upon clicking the item, assuming `disabled` is falsy */\n  onClick?: (e: MouseEvent) => void\n  /* A link that the item should point to. */\n  href?: string\n  /* The optional tooltipText to show for this item. Compatible with the `disabled` prop. */\n  tooltipText?: string\n  /* Whether the item should be disabled from selection. */\n  disabled?: boolean\n  /* Additional MUI SxProps to pass to the text component */\n  textSx?: SxProps\n  /* Additional MUI SxProps to pass to the icon component */\n  iconSx?: SxProps\n}\n\nexport type DropdownMenuProps = {\n  /* Groups of menu items. Each group will be split with a divider. See DropdownMenuItem for per-item configuration */\n  items: DropdownMenuItem[][]\n  /* The text to show on the dropdown menu button. */\n  dropdownButtonText: string\n  /* The optional tooltip text for the dropdown menu button. */\n  buttonTooltip?: string\n  /* Any additional props to pass to the dropdown menu button. */\n  buttonProps?: ButtonProps\n  /* Optional MUI button variant for the dropdown button (and the single-item button). Default 'outlined'. */\n  variant?: ButtonProps['variant']\n  /* If true, will render a single action as a standalone button. Default true. */\n  convertSingleItemToButton?: boolean\n  /* If true, nothing will be rendered if no actions are passed. Default false. */\n  renderMenuIfNoItems?: boolean\n  paperSx?: SxProps\n  elevation?: number\n  /* If true, shows the file access request notice at the bottom of the menu. Default false. */\n  showFileAccessRequestNotice?: boolean\n}\n\n/**\n * The DropdownMenu component provides a generic way to compose a MUI dropdown menu.\n */\nexport function DropdownMenu(props: DropdownMenuProps) {\n  const {\n    buttonTooltip,\n    dropdownButtonText,\n    items = [] as DropdownMenuItem[][],\n    convertSingleItemToButton = true,\n    renderMenuIfNoItems = false,\n    buttonProps = {},\n    variant = 'outlined',\n    paperSx,\n    elevation,\n    showFileAccessRequestNotice = false,\n  } = props\n\n  const dropdownMenuId = useId()\n  const [open, setOpen] = useState(false)\n  const anchorRef = useRef<HTMLButtonElement>(null)\n\n  const numberOfMenuItems = items.flat().length\n\n  if (!renderMenuIfNoItems && numberOfMenuItems === 0) {\n    // Hide menu if no actions will be in the menu\n    return null\n  }\n\n  if (convertSingleItemToButton && numberOfMenuItems === 1) {\n    // If one action is in the menu, show it as a button\n    const menuItem = items.flat()[0]\n    return (\n      <Button\n        component={menuItem.href ? 'a' : 'button'}\n        title={menuItem.tooltipText}\n        variant={variant}\n        href={menuItem.href}\n        rel={menuItem.href ? 'noopener noreferrer' : undefined}\n        onClick={menuItem.onClick}\n        disabled={menuItem.disabled}\n        endIcon={menuItem.icon && <IconSvg icon={menuItem.icon} wrap={false} />}\n      >\n        <Typography variant={'buttonLink'}>{menuItem.text}</Typography>\n      </Button>\n    )\n  }\n\n  const handleToggle = () => {\n    setOpen(prevOpen => !prevOpen)\n  }\n\n  const handleClose = (event: Event | SyntheticEvent) => {\n    if (anchorRef.current?.contains(event.target as HTMLElement)) {\n      return\n    }\n\n    setOpen(false)\n  }\n\n  function handleListKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Tab') {\n      event.preventDefault()\n      setOpen(false)\n    } else if (event.key === 'Escape') {\n      setOpen(false)\n    }\n  }\n\n  return (\n    <>\n      <Tooltip\n        title={\n          buttonTooltip ? (\n            <div style={{ whiteSpace: 'pre-line' }}>{buttonTooltip}</div>\n          ) : undefined\n        }\n        placement={'top'}\n      >\n        <span>\n          <Button\n            variant={variant}\n            ref={anchorRef}\n            id={`composition-button-${dropdownMenuId}`}\n            aria-controls={\n              open ? `composition-menu-${dropdownMenuId}` : undefined\n            }\n            aria-expanded={open ? 'true' : undefined}\n            aria-haspopup=\"true\"\n            onClick={handleToggle}\n            {...buttonProps}\n          >\n            <Typography variant={'buttonLink'}>{dropdownButtonText}</Typography>\n          </Button>\n        </span>\n      </Tooltip>\n      <Popper\n        open={open}\n        anchorEl={anchorRef.current}\n        role={undefined}\n        placement=\"bottom-end\"\n        transition\n        style={{\n          // Fixes issue where react-flow (provenance) would appear above the menu\n          zIndex: 10,\n        }}\n      >\n        {({ TransitionProps }) => (\n          <Fade {...TransitionProps}>\n            <Paper elevation={elevation} sx={{ ...paperSx }}>\n              <ClickAwayListener onClickAway={handleClose}>\n                <Box>\n                  <MenuList\n                    autoFocusItem={open}\n                    id={`composition-menu-${dropdownMenuId}`}\n                    aria-labelledby={`composition-button-${dropdownMenuId}`}\n                    onKeyDown={handleListKeyDown}\n                  >\n                    {items.map((itemGroup, index, array) => {\n                      return [\n                        itemGroup.map(item => {\n                          return (\n                            <Tooltip\n                              key={item.text}\n                              title={item.tooltipText}\n                              placement={'left'}\n                            >\n                              <MenuItem\n                                // Always make the component an anchor in case href is defined.\n                                component=\"a\"\n                                sx={{\n                                  // Override the anchor-specific state styles, we don't want it to look like an anchor\n                                  '&:hover': {\n                                    color: 'unset',\n                                  },\n                                  '&:focus': {\n                                    color: 'unset',\n                                    textDecoration: 'unset',\n                                  },\n                                }}\n                                disabled={item.disabled}\n                                href={item.href}\n                                rel={\n                                  item.href ? 'noopener noreferrer' : undefined\n                                }\n                                // Allow pointer events on disabled item so tooltip works.\n                                style={{ pointerEvents: 'auto' }}\n                                onClick={(e: MouseEvent) => {\n                                  /*\n                                   * Must check if the item is disabled because we set\n                                   * `pointer-events: 'auto'`\n                                   */\n                                  if (\n                                    !item.disabled &&\n                                    'onClick' in item &&\n                                    item.onClick\n                                  ) {\n                                    setOpen(false)\n                                    item.onClick(e)\n                                  }\n                                }}\n                              >\n                                {item.icon && (\n                                  <ListItemIcon\n                                    style={{\n                                      // MUI has specified a more specific minWidth for ListItemIcon inside a MenuList than\n                                      // we can create with sx, so apply an inline style for this property only.\n                                      minWidth: '30px',\n                                    }}\n                                  >\n                                    <IconSvg\n                                      icon={item.icon}\n                                      sx={{\n                                        width: '17px',\n                                        height: '17px',\n                                        ...item.iconSx,\n                                      }}\n                                      wrap={false}\n                                    />\n                                  </ListItemIcon>\n                                )}\n                                <ListItemText\n                                  sx={{ marginTop: 0 }}\n                                  slotProps={{\n                                    primary: {\n                                      variant: 'smallText1',\n                                      sx: item.textSx,\n                                    },\n                                  }}\n                                >\n                                  {item.text}\n                                </ListItemText>\n                              </MenuItem>\n                            </Tooltip>\n                          )\n                        }),\n                        index < array.length - 1 && <Divider />,\n                      ]\n                    })}\n                  </MenuList>\n                  {showFileAccessRequestNotice && (\n                    <>\n                      {numberOfMenuItems > 0 && <Divider />}\n                      {fileAccessRequestNotice}\n                    </>\n                  )}\n                </Box>\n              </ClickAwayListener>\n            </Paper>\n          </Fade>\n        )}\n      </Popper>\n    </>\n  )\n}\n"],"mappings":";;;;;AA2BA,IAAM,IACJ,kBAAC,GAAD;CACE,IAAI;EACF,iBAAiB;EACjB,OAAO;EACP,SAAS;EACT,cAAc;EACd,WAAW;CACb;WAEA,kBAAC,GAAD;EACE,IAAI;GACF,UAAU;GACV,YAAY;GACZ,YAAY;GACZ,eAAe;EACjB;YANF,CAQE,kBAAC,QAAD;GACE,OAAO,EACL,YAAY,MACd;aAHF,CAIC,SACO,GACF;MAAC,sGAGG;;AACT,CAAA;AAiDP,SAAgB,EAAa,GAA0B;CACrD,IAAM,EACJ,kBACA,uBACA,WAAQ,CAAC,GACT,+BAA4B,IAC5B,yBAAsB,IACtB,iBAAc,CAAC,GACf,aAAU,YACV,YACA,cACA,iCAA8B,OAC5B,GAEE,IAAiB,EAAM,GACvB,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,IAAY,EAA0B,IAAI,GAE1C,IAAoB,EAAM,KAAK,EAAE;CAEvC,IAAI,CAAC,KAAuB,MAAsB,GAEhD,OAAO;CAGT,IAAI,KAA6B,MAAsB,GAAG;EAExD,IAAM,IAAW,EAAM,KAAK,EAAE;EAC9B,OACE,kBAAC,GAAD;GACE,WAAW,EAAS,OAAO,MAAM;GACjC,OAAO,EAAS;GACP;GACT,MAAM,EAAS;GACf,KAAK,EAAS,OAAO,wBAAwB,KAAA;GAC7C,SAAS,EAAS;GAClB,UAAU,EAAS;GACnB,SAAS,EAAS,QAAQ,kBAAC,GAAD;IAAS,MAAM,EAAS;IAAM,MAAM;GAAQ,CAAA;aAEtE,kBAAC,GAAD;IAAY,SAAS;cAAe,EAAS;GAAiB,CAAA;EACxD,CAAA;CAEZ;CAEA,IAAM,UAAqB;EACzB,GAAQ,MAAY,CAAC,CAAQ;CAC/B,GAEM,KAAe,MAAkC;EACjD,EAAU,SAAS,SAAS,EAAM,MAAqB,KAI3D,EAAQ,EAAK;CACf;CAEA,SAAS,EAAkB,GAAsB;EAC/C,AAAI,EAAM,QAAQ,SAChB,EAAM,eAAe,GACrB,EAAQ,EAAK,KACJ,EAAM,QAAQ,YACvB,EAAQ,EAAK;CAEjB;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,OACE,IACE,kBAAC,OAAD;GAAK,OAAO,EAAE,YAAY,WAAW;aAAI;EAAmB,CAAA,IAC1D,KAAA;EAEN,WAAW;YAEX,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;GACW;GACT,KAAK;GACL,IAAI,sBAAsB;GAC1B,iBACE,IAAO,oBAAoB,MAAmB,KAAA;GAEhD,iBAAe,IAAO,SAAS,KAAA;GAC/B,iBAAc;GACd,SAAS;GACT,GAAI;aAEJ,kBAAC,GAAD;IAAY,SAAS;cAAe;GAA+B,CAAA;EAC7D,CAAA,EACJ,CAAA;CACC,CAAA,GACT,kBAAC,GAAD;EACQ;EACN,UAAU,EAAU;EACpB,MAAM,KAAA;EACN,WAAU;EACV,YAAA;EACA,OAAO,EAEL,QAAQ,GACV;aAEE,EAAE,yBACF,kBAAC,GAAD;GAAM,GAAI;aACR,kBAAC,GAAD;IAAkB;IAAW,IAAI,EAAE,GAAG,EAAQ;cAC5C,kBAAC,GAAD;KAAmB,aAAa;eAC9B,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MACE,eAAe;MACf,IAAI,oBAAoB;MACxB,mBAAiB,sBAAsB;MACvC,WAAW;gBAEV,EAAM,KAAK,GAAW,GAAO,MACrB,CACL,EAAU,KAAI,MAEV,kBAAC,GAAD;OAEE,OAAO,EAAK;OACZ,WAAW;iBAEX,kBAAC,GAAD;QAEE,WAAU;QACV,IAAI;SAEF,WAAW,EACT,OAAO,QACT;SACA,WAAW;UACT,OAAO;UACP,gBAAgB;SAClB;QACF;QACA,UAAU,EAAK;QACf,MAAM,EAAK;QACX,KACE,EAAK,OAAO,wBAAwB,KAAA;QAGtC,OAAO,EAAE,eAAe,OAAO;QAC/B,UAAU,MAAkB;SAK1B,AACE,CAAC,EAAK,YACN,aAAa,KACb,EAAK,YAEL,EAAQ,EAAK,GACb,EAAK,QAAQ,CAAC;QAElB;kBAjCF,CAmCG,EAAK,QACJ,kBAAC,GAAD;SACE,OAAO,EAGL,UAAU,OACZ;mBAEA,kBAAC,GAAD;UACE,MAAM,EAAK;UACX,IAAI;WACF,OAAO;WACP,QAAQ;WACR,GAAG,EAAK;UACV;UACA,MAAM;SACP,CAAA;QACW,CAAA,GAEhB,kBAAC,GAAD;SACE,IAAI,EAAE,WAAW,EAAE;SACnB,WAAW,EACT,SAAS;UACP,SAAS;UACT,IAAI,EAAK;SACX,EACF;mBAEC,EAAK;QACM,CAAA,CACN;;MACH,GAtEF,EAAK,IAsEH,CAEZ,GACD,IAAQ,EAAM,SAAS,KAAK,kBAAC,GAAD,CAAU,CAAA,CACxC,CACD;KACO,CAAA,GACT,KACC,kBAAA,GAAA,EAAA,UAAA,CACG,IAAoB,KAAK,kBAAC,GAAD,CAAU,CAAA,GACnC,CACD,EAAA,CAAA,CAED,EAAA,CAAA;IACY,CAAA;GACd,CAAA;EACH,CAAA;CAEF,CAAA,CACR,EAAA,CAAA;AAEN"}
+{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/menu/DropdownMenu.tsx"],"sourcesContent":["import {\n  Button,\n  ButtonProps,\n  ClickAwayListener,\n  Divider,\n  Fade,\n  ListItemIcon,\n  ListItemText,\n  MenuItem,\n  MenuList,\n  Paper,\n  Popper,\n  SxProps,\n  Tooltip,\n  Typography,\n  Box,\n} from '@mui/material'\nimport {\n  KeyboardEvent,\n  MouseEvent,\n  SyntheticEvent,\n  useId,\n  useRef,\n  useState,\n} from 'react'\nimport IconSvg, { IconName } from '../IconSvg/IconSvg'\n\nconst fileAccessRequestNotice = (\n  <Box\n    sx={{\n      backgroundColor: '#EAF0F5',\n      color: '#3B4046',\n      padding: '6px 8px',\n      borderRadius: '3px',\n      marginTop: '8px',\n    }}\n  >\n    <Typography\n      sx={{\n        fontSize: '14px',\n        fontWeight: '440',\n        lineHeight: '20px',\n        letterSpacing: '-0.07px',\n      }}\n    >\n      <span\n        style={{\n          fontWeight: '700',\n        }}\n      >\n        Note:{' '}\n      </span>\n      You can add this file to your download list, but you must make an access\n      request before downloading.\n    </Typography>\n  </Box>\n)\n\n/**\n * Defines a configuration for a particular dropdown menu item\n */\nexport type DropdownMenuItem = {\n  /* The text to show on the menu item. */\n  text: string\n  /* The icon to show for this item in the menu. */\n  icon?: IconName\n  /* A function invoked upon clicking the item, assuming `disabled` is falsy */\n  onClick?: (e: MouseEvent) => void\n  /* A link that the item should point to. */\n  href?: string\n  /* The optional tooltipText to show for this item. Compatible with the `disabled` prop. */\n  tooltipText?: string\n  /* Whether the item should be disabled from selection. */\n  disabled?: boolean\n  /* Additional MUI SxProps to pass to the text component */\n  textSx?: SxProps\n  /* Additional MUI SxProps to pass to the icon component */\n  iconSx?: SxProps\n}\n\nexport type DropdownMenuProps = {\n  /* Groups of menu items. Each group will be split with a divider. See DropdownMenuItem for per-item configuration */\n  items: DropdownMenuItem[][]\n  /* The text to show on the dropdown menu button. */\n  dropdownButtonText: string\n  /* The optional tooltip text for the dropdown menu button. */\n  buttonTooltip?: string\n  /* Any additional props to pass to the dropdown menu button. */\n  buttonProps?: ButtonProps\n  /* Optional MUI button variant for the dropdown button (and the single-item button). Default 'outlined'. */\n  variant?: ButtonProps['variant']\n  /* If true, will render a single action as a standalone button. Default true. */\n  convertSingleItemToButton?: boolean\n  /* If true, nothing will be rendered if no actions are passed. Default false. */\n  renderMenuIfNoItems?: boolean\n  paperSx?: SxProps\n  elevation?: number\n  /* If true, shows the file access request notice at the bottom of the menu. Default false. */\n  showFileAccessRequestNotice?: boolean\n}\n\n/**\n * The DropdownMenu component provides a generic way to compose a MUI dropdown menu.\n */\nexport function DropdownMenu(props: DropdownMenuProps) {\n  const {\n    buttonTooltip,\n    dropdownButtonText,\n    items = [] as DropdownMenuItem[][],\n    convertSingleItemToButton = true,\n    renderMenuIfNoItems = false,\n    buttonProps = {},\n    variant = 'outlined',\n    paperSx,\n    elevation,\n    showFileAccessRequestNotice = false,\n  } = props\n\n  const dropdownMenuId = useId()\n  const [open, setOpen] = useState(false)\n  const anchorRef = useRef<HTMLButtonElement>(null)\n\n  const numberOfMenuItems = items.flat().length\n\n  if (!renderMenuIfNoItems && numberOfMenuItems === 0) {\n    // Hide menu if no actions will be in the menu\n    return null\n  }\n\n  if (convertSingleItemToButton && numberOfMenuItems === 1) {\n    // If one action is in the menu, show it as a button\n    const menuItem = items.flat()[0]\n    return (\n      <Button\n        component={menuItem.href ? 'a' : 'button'}\n        title={menuItem.tooltipText}\n        variant={variant}\n        href={menuItem.href}\n        rel={menuItem.href ? 'noopener noreferrer' : undefined}\n        onClick={menuItem.onClick}\n        disabled={menuItem.disabled}\n        endIcon={menuItem.icon && <IconSvg icon={menuItem.icon} wrap={false} />}\n      >\n        <Typography variant={'buttonLink'}>{menuItem.text}</Typography>\n      </Button>\n    )\n  }\n\n  const handleToggle = () => {\n    setOpen(prevOpen => !prevOpen)\n  }\n\n  const handleClose = (event: Event | SyntheticEvent) => {\n    if (anchorRef.current?.contains(event.target as HTMLElement)) {\n      return\n    }\n\n    setOpen(false)\n  }\n\n  function handleListKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Tab') {\n      event.preventDefault()\n      setOpen(false)\n    } else if (event.key === 'Escape') {\n      setOpen(false)\n    }\n  }\n\n  return (\n    <>\n      <Tooltip\n        title={\n          buttonTooltip ? (\n            <div style={{ whiteSpace: 'pre-line' }}>{buttonTooltip}</div>\n          ) : undefined\n        }\n        placement={'top'}\n      >\n        <span>\n          <Button\n            variant={variant}\n            ref={anchorRef}\n            id={`composition-button-${dropdownMenuId}`}\n            aria-controls={\n              open ? `composition-menu-${dropdownMenuId}` : undefined\n            }\n            aria-expanded={open ? 'true' : undefined}\n            aria-haspopup=\"true\"\n            onClick={handleToggle}\n            {...buttonProps}\n          >\n            <Typography variant={'buttonLink'}>{dropdownButtonText}</Typography>\n          </Button>\n        </span>\n      </Tooltip>\n      <Popper\n        open={open}\n        anchorEl={anchorRef.current}\n        role={undefined}\n        placement=\"bottom-end\"\n        transition\n        style={{\n          // Fixes issue where react-flow (provenance) would appear above the menu\n          zIndex: 10,\n        }}\n        modifiers={[\n          {\n            name: 'offset',\n            options: { offset: [0, 6] },\n          },\n        ]}\n      >\n        {({ TransitionProps }) => (\n          <Fade {...TransitionProps}>\n            <Paper elevation={elevation} sx={{ ...paperSx }}>\n              <ClickAwayListener onClickAway={handleClose}>\n                <Box>\n                  <MenuList\n                    autoFocusItem={open}\n                    id={`composition-menu-${dropdownMenuId}`}\n                    aria-labelledby={`composition-button-${dropdownMenuId}`}\n                    onKeyDown={handleListKeyDown}\n                  >\n                    {items.map((itemGroup, index, array) => {\n                      return [\n                        itemGroup.map(item => {\n                          return (\n                            <Tooltip\n                              key={item.text}\n                              title={item.tooltipText}\n                              placement={'left'}\n                            >\n                              <MenuItem\n                                // Always make the component an anchor in case href is defined.\n                                component=\"a\"\n                                sx={{\n                                  // Override the anchor-specific state styles, we don't want it to look like an anchor\n                                  '&:hover': {\n                                    color: 'unset',\n                                  },\n                                  '&:focus': {\n                                    color: 'unset',\n                                    textDecoration: 'unset',\n                                  },\n                                }}\n                                disabled={item.disabled}\n                                href={item.href}\n                                rel={\n                                  item.href ? 'noopener noreferrer' : undefined\n                                }\n                                // Allow pointer events on disabled item so tooltip works.\n                                style={{ pointerEvents: 'auto' }}\n                                onClick={(e: MouseEvent) => {\n                                  /*\n                                   * Must check if the item is disabled because we set\n                                   * `pointer-events: 'auto'`\n                                   */\n                                  if (\n                                    !item.disabled &&\n                                    'onClick' in item &&\n                                    item.onClick\n                                  ) {\n                                    setOpen(false)\n                                    item.onClick(e)\n                                  }\n                                }}\n                              >\n                                {item.icon && (\n                                  <ListItemIcon\n                                    style={{\n                                      // MUI has specified a more specific minWidth for ListItemIcon inside a MenuList than\n                                      // we can create with sx, so apply an inline style for this property only.\n                                      minWidth: '30px',\n                                    }}\n                                  >\n                                    <IconSvg\n                                      icon={item.icon}\n                                      sx={{\n                                        width: '17px',\n                                        height: '17px',\n                                        ...item.iconSx,\n                                      }}\n                                      wrap={false}\n                                    />\n                                  </ListItemIcon>\n                                )}\n                                <ListItemText\n                                  sx={{ marginTop: 0 }}\n                                  slotProps={{\n                                    primary: {\n                                      variant: 'smallText1',\n                                      sx: item.textSx,\n                                    },\n                                  }}\n                                >\n                                  {item.text}\n                                </ListItemText>\n                              </MenuItem>\n                            </Tooltip>\n                          )\n                        }),\n                        index < array.length - 1 && <Divider />,\n                      ]\n                    })}\n                  </MenuList>\n                  {showFileAccessRequestNotice && (\n                    <>\n                      {numberOfMenuItems > 0 && <Divider />}\n                      {fileAccessRequestNotice}\n                    </>\n                  )}\n                </Box>\n              </ClickAwayListener>\n            </Paper>\n          </Fade>\n        )}\n      </Popper>\n    </>\n  )\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"LeftRightPanel.d.ts","sourceRoot":"","sources":["../../../src/components/styled/LeftRightPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAS,UAAU,EAAU,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,QAAQ,CAWxD,CAAA;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,UAAU,CA4B1D,CAAA;AAEH,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,SAAS,CAAA;IACtB,YAAY,EAAE,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,YAAY,EACZ,SAAS,GACV,EAAE,mBAAmB,2CASrB"}
+{"version":3,"file":"LeftRightPanel.d.ts","sourceRoot":"","sources":["../../../src/components/styled/LeftRightPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,QAAQ,EAAS,UAAU,EAAU,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,QAAQ,CAWxD,CAAA;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,oBAAoB,EAAE,eAAe,CAAC,UAAU,CAiC1D,CAAA;AAEH,KAAK,mBAAmB,GAAG;IACzB,WAAW,EAAE,SAAS,CAAA;IACtB,YAAY,EAAE,SAAS,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,WAAW,EACX,YAAY,EACZ,SAAS,GACV,EAAE,mBAAmB,2CASrB"}

package/dist/components/styled/LeftRightPanel.js

@@ -9,12 +9,14 @@ var a = n(e, { label: "StyledOuterContainer" })(({ theme: e }) => ({
 	backgroundSize: "cover",
 	[e.breakpoints.down("md")]: { padding: 0 }
 })), o = n(t, { label: "StyledInnerContainer" })(({ theme: e }) => ({
+	position: "relative",
 	width: "900px",
 	minHeight: "675px",
 	margin: "0 auto",
 	display: "flex",
 	overflow: "hidden",
 	[e.breakpoints.down("md")]: {
+		boxShadow: "none",
 		flexDirection: "column",
 		width: "100%",
 		minHeight: 0,
@@ -27,12 +29,27 @@ var a = n(e, { label: "StyledOuterContainer" })(({ theme: e }) => ({
 		[e.breakpoints.down("md")]: { width: "100%" }
 	},
 	"& > div:nth-of-type(1)": { backgroundColor: e.palette.background.paper },
-	"& > div:nth-of-type(2)": { backgroundColor: e.palette.grey[200] }
+	"& > div:nth-of-type(2)": {
+		backgroundColor: e.palette.grey[200],
+		[e.breakpoints.down("md")]: { backgroundColor: e.palette.background.paper }
+	}
 }));
 function s({ leftContent: t, rightContent: n, className: s }) {
 	return /* @__PURE__ */ r(a, {
 		className: s,
-		children: /* @__PURE__ */ i(o, { children: [/* @__PURE__ */ r(e, { children: t }), /* @__PURE__ */ r(e, { children: n })] })
+		children: /* @__PURE__ */ i(o, { children: [/* @__PURE__ */ r(e, {
+			sx: { order: {
+				xs: 2,
+				md: 1
+			} },
+			children: t
+		}), /* @__PURE__ */ r(e, {
+			sx: { order: {
+				xs: 1,
+				md: 2
+			} },
+			children: n
+		})] })
 	});
 }
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"LeftRightPanel.js","names":[],"sources":["../../../src/components/styled/LeftRightPanel.tsx"],"sourcesContent":["import { Box, BoxProps, Paper, PaperProps, styled } from '@mui/material'\nimport { StyledComponent } from '@emotion/styled'\nimport { ReactNode } from 'react'\n\nexport const StyledOuterContainer: StyledComponent<BoxProps> = styled(Box, {\n  label: 'StyledOuterContainer',\n})(({ theme }) => ({\n  minHeight: '100vh',\n  paddingTop: '50px',\n  paddingBottom: '50px',\n  background: theme.styledBackground,\n  backgroundSize: 'cover',\n  [theme.breakpoints.down('md')]: {\n    padding: 0,\n  },\n}))\n\n/**\n * Canonical 900px two-column card that stacks into a single column on\n * mobile. Layout-only: consumers supply their own panel padding.\n * `apps/SageAccountWeb` extends this (adding baked-in panel padding) rather\n * than redefining it -- see that app's `StyledComponents.ts` (SWC-7966).\n *\n * Below `md` the card grows with its content and the page scrolls normally.\n */\nexport const StyledInnerContainer: StyledComponent<PaperProps> = styled(Paper, {\n  label: 'StyledInnerContainer',\n})(({ theme }) => ({\n  width: '900px',\n  minHeight: '675px',\n  margin: '0 auto',\n  display: 'flex',\n  overflow: 'hidden',\n  [theme.breakpoints.down('md')]: {\n    flexDirection: 'column',\n    width: '100%',\n    minHeight: 0,\n    height: 'auto',\n    overflow: 'visible',\n  },\n  '& > div:nth-of-type(1), & > div:nth-of-type(2)': {\n    borderRadius: 'inherit',\n    width: '450px',\n    [theme.breakpoints.down('md')]: {\n      width: '100%',\n    },\n  },\n  '& > div:nth-of-type(1)': {\n    backgroundColor: theme.palette.background.paper,\n  },\n  '& > div:nth-of-type(2)': {\n    backgroundColor: theme.palette.grey[200],\n  },\n}))\n\ntype LeftRightPanelProps = {\n  leftContent: ReactNode\n  rightContent: ReactNode\n  className?: string\n}\n\nexport function LeftRightPanel({\n  leftContent,\n  rightContent,\n  className,\n}: LeftRightPanelProps) {\n  return (\n    <StyledOuterContainer className={className}>\n      <StyledInnerContainer>\n        <Box>{leftContent}</Box>\n        <Box>{rightContent}</Box>\n      </StyledInnerContainer>\n    </StyledOuterContainer>\n  )\n}\n"],"mappings":";;;AAIA,IAAa,IAAkD,EAAO,GAAK,EACzE,OAAO,uBACT,CAAC,GAAG,EAAE,gBAAa;CACjB,WAAW;CACX,YAAY;CACZ,eAAe;CACf,YAAY,EAAM;CAClB,gBAAgB;EACf,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,SAAS,EACX;AACF,EAAE,GAUW,IAAoD,EAAO,GAAO,EAC7E,OAAO,uBACT,CAAC,GAAG,EAAE,gBAAa;CACjB,OAAO;CACP,WAAW;CACX,QAAQ;CACR,SAAS;CACT,UAAU;EACT,EAAM,YAAY,KAAK,IAAI,IAAI;EAC9B,eAAe;EACf,OAAO;EACP,WAAW;EACX,QAAQ;EACR,UAAU;CACZ;CACA,kDAAkD;EAChD,cAAc;EACd,OAAO;GACN,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,OAAO,OACT;CACF;CACA,0BAA0B,EACxB,iBAAiB,EAAM,QAAQ,WAAW,MAC5C;CACA,0BAA0B,EACxB,iBAAiB,EAAM,QAAQ,KAAK,KACtC;AACF,EAAE;AAQF,SAAgB,EAAe,EAC7B,gBACA,iBACA,gBACsB;CACtB,OACE,kBAAC,GAAD;EAAiC;YAC/B,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAM,EAAiB,CAAA,GACvB,kBAAC,GAAD,EAAA,UAAM,EAAkB,CAAA,CACJ,EAAA,CAAA;CACF,CAAA;AAE1B"}
+{"version":3,"file":"LeftRightPanel.js","names":[],"sources":["../../../src/components/styled/LeftRightPanel.tsx"],"sourcesContent":["import { Box, BoxProps, Paper, PaperProps, styled } from '@mui/material'\nimport { StyledComponent } from '@emotion/styled'\nimport { ReactNode } from 'react'\n\nexport const StyledOuterContainer: StyledComponent<BoxProps> = styled(Box, {\n  label: 'StyledOuterContainer',\n})(({ theme }) => ({\n  minHeight: '100vh',\n  paddingTop: '50px',\n  paddingBottom: '50px',\n  background: theme.styledBackground,\n  backgroundSize: 'cover',\n  [theme.breakpoints.down('md')]: {\n    padding: 0,\n  },\n}))\n\n/**\n * Canonical 900px two-column card that stacks into a single column on\n * mobile. Layout-only: consumers supply their own panel padding.\n * `apps/SageAccountWeb` extends this (adding baked-in panel padding) rather\n * than redefining it -- see that app's `StyledComponents.ts` (SWC-7966).\n *\n * Below `md` the card grows with its content and the page scrolls normally.\n */\nexport const StyledInnerContainer: StyledComponent<PaperProps> = styled(Paper, {\n  label: 'StyledInnerContainer',\n})(({ theme }) => ({\n  position: 'relative',\n  width: '900px',\n  minHeight: '675px',\n  margin: '0 auto',\n  display: 'flex',\n  overflow: 'hidden',\n  [theme.breakpoints.down('md')]: {\n    boxShadow: 'none',\n    flexDirection: 'column',\n    width: '100%',\n    minHeight: 0,\n    height: 'auto',\n    overflow: 'visible',\n  },\n  '& > div:nth-of-type(1), & > div:nth-of-type(2)': {\n    borderRadius: 'inherit',\n    width: '450px',\n    [theme.breakpoints.down('md')]: {\n      width: '100%',\n    },\n  },\n  '& > div:nth-of-type(1)': {\n    backgroundColor: theme.palette.background.paper,\n  },\n  '& > div:nth-of-type(2)': {\n    backgroundColor: theme.palette.grey[200],\n    [theme.breakpoints.down('md')]: {\n      backgroundColor: theme.palette.background.paper,\n    },\n  },\n}))\n\ntype LeftRightPanelProps = {\n  leftContent: ReactNode\n  rightContent: ReactNode\n  className?: string\n}\n\nexport function LeftRightPanel({\n  leftContent,\n  rightContent,\n  className,\n}: LeftRightPanelProps) {\n  return (\n    <StyledOuterContainer className={className}>\n      <StyledInnerContainer>\n        <Box sx={{ order: { xs: 2, md: 1 } }}>{leftContent}</Box>\n        <Box sx={{ order: { xs: 1, md: 2 } }}>{rightContent}</Box>\n      </StyledInnerContainer>\n    </StyledOuterContainer>\n  )\n}\n"],"mappings":";;;AAIA,IAAa,IAAkD,EAAO,GAAK,EACzE,OAAO,uBACT,CAAC,GAAG,EAAE,gBAAa;CACjB,WAAW;CACX,YAAY;CACZ,eAAe;CACf,YAAY,EAAM;CAClB,gBAAgB;EACf,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,SAAS,EACX;AACF,EAAE,GAUW,IAAoD,EAAO,GAAO,EAC7E,OAAO,uBACT,CAAC,GAAG,EAAE,gBAAa;CACjB,UAAU;CACV,OAAO;CACP,WAAW;CACX,QAAQ;CACR,SAAS;CACT,UAAU;EACT,EAAM,YAAY,KAAK,IAAI,IAAI;EAC9B,WAAW;EACX,eAAe;EACf,OAAO;EACP,WAAW;EACX,QAAQ;EACR,UAAU;CACZ;CACA,kDAAkD;EAChD,cAAc;EACd,OAAO;GACN,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,OAAO,OACT;CACF;CACA,0BAA0B,EACxB,iBAAiB,EAAM,QAAQ,WAAW,MAC5C;CACA,0BAA0B;EACxB,iBAAiB,EAAM,QAAQ,KAAK;GACnC,EAAM,YAAY,KAAK,IAAI,IAAI,EAC9B,iBAAiB,EAAM,QAAQ,WAAW,MAC5C;CACF;AACF,EAAE;AAQF,SAAgB,EAAe,EAC7B,gBACA,iBACA,gBACsB;CACtB,OACE,kBAAC,GAAD;EAAiC;YAC/B,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GAAK,IAAI,EAAE,OAAO;IAAE,IAAI;IAAG,IAAI;GAAE,EAAE;aAAI;EAAiB,CAAA,GACxD,kBAAC,GAAD;GAAK,IAAI,EAAE,OAAO;IAAE,IAAI;IAAG,IAAI;GAAE,EAAE;aAAI;EAAkB,CAAA,CACrC,EAAA,CAAA;CACF,CAAA;AAE1B"}

package/dist/features/entity/metadata-task/hooks/useMarkCurationTaskInProgress.d.ts

@@ -0,0 +1,10 @@
+import { SynapseClientError, TaskStatus } from '@sage-bionetworks/synapse-client';
+/**
+ * A hook to record that work has begun on a curation task by advancing its `TaskStatus` from
+ * `NOT_STARTED` to `IN_PROGRESS`.
+ *
+ * @returns A mutation object taking a `taskId`. The mutation resolves to the updated `TaskStatus`,
+ * or to `undefined` when the task had already advanced past `NOT_STARTED` and was left untouched.
+ */
+export default function useMarkCurationTaskInProgress(): import("@tanstack/react-query").UseMutationResult<TaskStatus | undefined, SynapseClientError, number, unknown>;
+//# sourceMappingURL=useMarkCurationTaskInProgress.d.ts.map

package/dist/features/entity/metadata-task/hooks/useMarkCurationTaskInProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMarkCurationTaskInProgress.d.ts","sourceRoot":"","sources":["../../../../../src/features/entity/metadata-task/hooks/useMarkCurationTaskInProgress.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAClB,UAAU,EAEX,MAAM,kCAAkC,CAAA;AAGzC;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,6BAA6B,mHAsBpD"}

package/dist/features/entity/metadata-task/hooks/useMarkCurationTaskInProgress.js

@@ -0,0 +1,20 @@
+import { useSynapseContext as e } from "../../../../utils/context/SynapseContext.js";
+import "../../../../utils/index.js";
+import { useUpdateCurationTaskStatus as t } from "../../../../synapse-queries/curation/task/useCurationTask.js";
+import { TaskStatusStateEnum as n } from "@sage-bionetworks/synapse-client";
+import { useMutation as r } from "@tanstack/react-query";
+//#region src/features/entity/metadata-task/hooks/useMarkCurationTaskInProgress.ts
+function i() {
+	let { synapseClient: i } = e(), { mutateAsync: a } = t();
+	return r({ mutationFn: async (e) => {
+		let t = await i.curationTaskServicesClient.getRepoV1CurationTaskTaskIdStatus({ taskId: e });
+		if (t.state === n.NOT_STARTED) return await a({
+			...t,
+			state: n.IN_PROGRESS
+		});
+	} });
+}
+//#endregion
+export { i as default };
+
+//# sourceMappingURL=useMarkCurationTaskInProgress.js.map

package/dist/features/entity/metadata-task/hooks/useMarkCurationTaskInProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMarkCurationTaskInProgress.js","names":[],"sources":["../../../../../src/features/entity/metadata-task/hooks/useMarkCurationTaskInProgress.ts"],"sourcesContent":["import { useUpdateCurationTaskStatus } from '@/synapse-queries/curation/task/useCurationTask'\nimport { useSynapseContext } from '@/utils/index'\nimport {\n  SynapseClientError,\n  TaskStatus,\n  TaskStatusStateEnum,\n} from '@sage-bionetworks/synapse-client'\nimport { useMutation } from '@tanstack/react-query'\n\n/**\n * A hook to record that work has begun on a curation task by advancing its `TaskStatus` from\n * `NOT_STARTED` to `IN_PROGRESS`.\n *\n * @returns A mutation object taking a `taskId`. The mutation resolves to the updated `TaskStatus`,\n * or to `undefined` when the task had already advanced past `NOT_STARTED` and was left untouched.\n */\nexport default function useMarkCurationTaskInProgress() {\n  const { synapseClient } = useSynapseContext()\n  const { mutateAsync: updateCurationTaskStatus } =\n    useUpdateCurationTaskStatus()\n\n  return useMutation<TaskStatus | undefined, SynapseClientError, number>({\n    mutationFn: async taskId => {\n      const latestStatus =\n        await synapseClient.curationTaskServicesClient.getRepoV1CurationTaskTaskIdStatus(\n          { taskId },\n        )\n\n      if (latestStatus.state !== TaskStatusStateEnum.NOT_STARTED) {\n        return undefined\n      }\n\n      return await updateCurationTaskStatus({\n        ...latestStatus,\n        state: TaskStatusStateEnum.IN_PROGRESS,\n      })\n    },\n  })\n}\n"],"mappings":";;;;;;AAgBA,SAAwB,IAAgC;CACtD,IAAM,EAAE,qBAAkB,EAAkB,GACtC,EAAE,aAAa,MACnB,EAA4B;CAE9B,OAAO,EAAgE,EACrE,YAAY,OAAM,MAAU;EAC1B,IAAM,IACJ,MAAM,EAAc,2BAA2B,kCAC7C,EAAE,UAAO,CACX;EAEE,MAAa,UAAU,EAAoB,aAI/C,OAAO,MAAM,EAAyB;GACpC,GAAG;GACH,OAAO,EAAoB;EAC7B,CAAC;CACH,EACF,CAAC;AACH"}

package/dist/features/entity/metadata-task/hooks/useOpenCuratorButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOpenCuratorButton.d.ts","sourceRoot":"","sources":["../../../../../src/features/entity/metadata-task/hooks/useOpenCuratorButton.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,UAAU,EACX,MAAM,kCAAkC,CAAA;AAYzC,KAAK,kCAAkC,GAAG;IACxC,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAOD,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAClD,UAAU,EAAE,UAAU,GACrB,kCAAkC,CAkFpC"}
+{"version":3,"file":"useOpenCuratorButton.d.ts","sourceRoot":"","sources":["../../../../../src/features/entity/metadata-task/hooks/useOpenCuratorButton.ts"],"names":[],"mappings":"AAEA,OAAO,EAGL,UAAU,EACX,MAAM,kCAAkC,CAAA;AAazC,KAAK,kCAAkC,GAAG;IACxC,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAOD,MAAM,CAAC,OAAO,UAAU,4BAA4B,CAClD,UAAU,EAAE,UAAU,GACrB,kCAAkC,CA+FpC"}

package/dist/features/entity/metadata-task/hooks/useOpenCuratorButton.js

@@ -8,40 +8,49 @@ import { instanceOfGridSupportedTaskProperties as a } from "../utils/types.js";
 import { getGridSourceIdForTask as o } from "../utils/getGridSourceIdForTask.js";
 import s from "./useGridSessionForCurationTask.js";
 import c from "./useGridSessionForCurationTask_legacy.js";
-import { useCallback as l } from "react";
-import { SynapseClientError as u } from "@sage-bionetworks/synapse-client";
+import l from "./useMarkCurationTaskInProgress.js";
+import { useCallback as u } from "react";
+import { SynapseClientError as d } from "@sage-bionetworks/synapse-client";
 //#region src/features/entity/metadata-task/hooks/useOpenCuratorButton.ts
-function d(e, t) {
+function f(e, t) {
 	let r = n(e, t);
 	window.open(r, "_blank", "noopener");
 }
-function f(n) {
-	let f = n.task, p = f.taskProperties;
-	if (!a(p)) throw Error(`Task properties are not supported for GridSession creation: ${p?.concreteType}`);
-	let m = (p != null && "suggestedAuthorizationMode" in p ? p.suggestedAuthorizationMode : void 0) != null, { mutateAsync: h, isPending: g } = c(), { mutateAsync: _, isPending: v } = s(), { data: y, isLoading: b } = t(o(p)), x = y?.canView, S = l(async () => {
+function p(n) {
+	let p = n.task, m = p.taskProperties;
+	if (!a(m)) throw Error(`Task properties are not supported for GridSession creation: ${m?.concreteType}`);
+	let h = (m != null && "suggestedAuthorizationMode" in m ? m.suggestedAuthorizationMode : void 0) != null, { mutateAsync: g, isPending: _ } = c(), { mutateAsync: v, isPending: y } = s(), { mutateAsync: b } = l(), { data: x, isLoading: S } = t(o(m)), C = x?.canView, w = u(async () => {
 		let t;
 		try {
-			t = m ? (await _(n)).gridSession : await h({ curationTask: f }), d(t.sessionId, f.taskId);
+			t = h ? (await v(n)).gridSession : await g({ curationTask: p });
 		} catch (t) {
-			t instanceof u && t.status === 403 ? (console.error(t), e(i, "danger", { title: r })) : (console.error("Error opening Curator for curation task", t), e(t instanceof Error ? t.message : String(t), "danger", { title: r }));
+			t instanceof d && t.status === 403 ? (console.error(t), e(i, "danger", { title: r })) : (console.error("Error opening Curator for curation task", t), e(t instanceof Error ? t.message : String(t), "danger", { title: r }));
+			return;
+		}
+		f(t.sessionId, p.taskId);
+		try {
+			await b(p.taskId);
+		} catch (e) {
+			console.error("Failed to mark curation task as in progress", e);
 		}
 	}, [
-		f,
+		p,
 		n,
-		m,
 		h,
-		_
-	]), C = l(() => {
-		S();
-	}, [S]);
+		g,
+		v,
+		b
+	]), T = u(() => {
+		w();
+	}, [w]);
 	return {
-		hasPermission: x,
-		isLoading: b,
-		isPending: m ? v : g,
-		onClick: C
+		hasPermission: C,
+		isLoading: S,
+		isPending: h ? y : _,
+		onClick: T
 	};
 }
 //#endregion
-export { f as default };
+export { p as default };
 
 //# sourceMappingURL=useOpenCuratorButton.js.map

package/dist/features/entity/metadata-task/hooks/useOpenCuratorButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOpenCuratorButton.js","names":[],"sources":["../../../../../src/features/entity/metadata-task/hooks/useOpenCuratorButton.ts"],"sourcesContent":["import { displayToast } from '@/components'\nimport { useGetEntityPermissions } from '@/synapse-queries'\nimport {\n  GridSession,\n  SynapseClientError,\n  TaskBundle,\n} from '@sage-bionetworks/synapse-client'\nimport { useCallback } from 'react'\nimport {\n  OPEN_CURATOR_ERROR_TITLE,\n  OPEN_CURATOR_UNAUTHORIZED_ERROR_MESSAGE,\n} from '../utils/constants'\nimport { getGridSourceIdForTask } from '../utils/getGridSourceIdForTask'\nimport useGridSessionForCurationTask from './useGridSessionForCurationTask'\nimport useGridSessionForCurationTask_legacy from './useGridSessionForCurationTask_legacy'\nimport { getLinkToGridSession } from '@/utils/functions/getSynapseWebClientLink'\nimport { instanceOfGridSupportedTaskProperties } from '../utils/types'\n\ntype UseOpenCuratorFromTaskButtonReturn = {\n  isLoading: boolean\n  isPending: boolean\n  hasPermission?: boolean\n  onClick: () => void\n}\n\nfunction openGridSessionInNewWindow(gridSessionId: string, taskId: number) {\n  const gridUrl = getLinkToGridSession(gridSessionId, taskId)\n  window.open(gridUrl, '_blank', 'noopener')\n}\n\nexport default function useOpenCuratorFromTaskButton(\n  taskBundle: TaskBundle,\n): UseOpenCuratorFromTaskButtonReturn {\n  const curationTask = taskBundle.task!\n\n  const taskProperties = curationTask.taskProperties\n  if (!instanceOfGridSupportedTaskProperties(taskProperties)) {\n    throw new Error(\n      `Task properties are not supported for GridSession creation: ${taskProperties?.concreteType}`,\n    )\n  }\n\n  const suggestedAuthorizationMode =\n    taskProperties != null && 'suggestedAuthorizationMode' in taskProperties\n      ? taskProperties.suggestedAuthorizationMode\n      : undefined\n\n  const useTaskLinkedSession = suggestedAuthorizationMode != null\n\n  const {\n    mutateAsync: getOrCreateLegacyGridSessionForUnassignedTask,\n    isPending: legacyOpenGridIsPending,\n  } = useGridSessionForCurationTask_legacy()\n\n  const {\n    mutateAsync: getOrCreateTaskLinkedGridSession,\n    isPending: taskLinkedOpenGridIsPending,\n  } = useGridSessionForCurationTask()\n\n  const gridSourceEntityId = getGridSourceIdForTask(taskProperties)\n  const {\n    data: sourceEntityPermissions,\n    isLoading: isLoadingEntityPermissions,\n  } = useGetEntityPermissions(gridSourceEntityId)\n\n  const hasPermission = sourceEntityPermissions?.canView\n\n  const openNewOrExistingCuratorSession = useCallback(async () => {\n    let gridSession: GridSession\n    try {\n      if (useTaskLinkedSession) {\n        const result = await getOrCreateTaskLinkedGridSession(taskBundle)\n        gridSession = result.gridSession\n      } else {\n        gridSession = await getOrCreateLegacyGridSessionForUnassignedTask({\n          curationTask,\n        })\n      }\n      openGridSessionInNewWindow(gridSession.sessionId!, curationTask.taskId!)\n    } catch (error) {\n      if (error instanceof SynapseClientError && error.status === 403) {\n        console.error(error)\n        displayToast(OPEN_CURATOR_UNAUTHORIZED_ERROR_MESSAGE, 'danger', {\n          title: OPEN_CURATOR_ERROR_TITLE,\n        })\n      } else {\n        console.error('Error opening Curator for curation task', error)\n        const errorMessage =\n          error instanceof Error ? error.message : String(error)\n        displayToast(errorMessage, 'danger', {\n          title: OPEN_CURATOR_ERROR_TITLE,\n        })\n      }\n    }\n  }, [\n    curationTask,\n    taskBundle,\n    useTaskLinkedSession,\n    getOrCreateLegacyGridSessionForUnassignedTask,\n    getOrCreateTaskLinkedGridSession,\n  ])\n\n  const handleClickOpenCurator = useCallback(() => {\n    void openNewOrExistingCuratorSession()\n  }, [openNewOrExistingCuratorSession])\n\n  return {\n    hasPermission,\n    isLoading: isLoadingEntityPermissions,\n    isPending: useTaskLinkedSession\n      ? taskLinkedOpenGridIsPending\n      : legacyOpenGridIsPending,\n    onClick: handleClickOpenCurator,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;AAyBA,SAAS,EAA2B,GAAuB,GAAgB;CACzE,IAAM,IAAU,EAAqB,GAAe,CAAM;CAC1D,OAAO,KAAK,GAAS,UAAU,UAAU;AAC3C;AAEA,SAAwB,EACtB,GACoC;CACpC,IAAM,IAAe,EAAW,MAE1B,IAAiB,EAAa;CACpC,IAAI,CAAC,EAAsC,CAAc,GACvD,MAAU,MACR,+DAA+D,GAAgB,cACjF;CAQF,IAAM,KAJJ,KAAkB,QAAQ,gCAAgC,IACtD,EAAe,6BACf,KAAA,MAEqD,MAErD,EACJ,aAAa,GACb,WAAW,MACT,EAAqC,GAEnC,EACJ,aAAa,GACb,WAAW,MACT,EAA8B,GAG5B,EACJ,MAAM,GACN,WAAW,MACT,EAJuB,EAAuB,CAItB,CAAkB,GAExC,IAAgB,GAAyB,SAEzC,IAAkC,EAAY,YAAY;EAC9D,IAAI;EACJ,IAAI;GASF,AARA,AAIE,IAJE,KAEY,MADO,EAAiC,CAAU,GAC3C,cAEP,MAAM,EAA8C,EAChE,gBACF,CAAC,GAEH,EAA2B,EAAY,WAAY,EAAa,MAAO;EACzE,SAAS,GAAO;GACd,AAAI,aAAiB,KAAsB,EAAM,WAAW,OAC1D,QAAQ,MAAM,CAAK,GACnB,EAAa,GAAyC,UAAU,EAC9D,OAAO,EACT,CAAC,MAED,QAAQ,MAAM,2CAA2C,CAAK,GAG9D,EADE,aAAiB,QAAQ,EAAM,UAAU,OAAO,CAAK,GAC5B,UAAU,EACnC,OAAO,EACT,CAAC;EAEL;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;CACF,CAAC,GAEK,IAAyB,QAAkB;EAC/C,EAAqC;CACvC,GAAG,CAAC,CAA+B,CAAC;CAEpC,OAAO;EACL;EACA,WAAW;EACX,WAAW,IACP,IACA;EACJ,SAAS;CACX;AACF"}
+{"version":3,"file":"useOpenCuratorButton.js","names":[],"sources":["../../../../../src/features/entity/metadata-task/hooks/useOpenCuratorButton.ts"],"sourcesContent":["import { displayToast } from '@/components'\nimport { useGetEntityPermissions } from '@/synapse-queries'\nimport {\n  GridSession,\n  SynapseClientError,\n  TaskBundle,\n} from '@sage-bionetworks/synapse-client'\nimport { useCallback } from 'react'\nimport {\n  OPEN_CURATOR_ERROR_TITLE,\n  OPEN_CURATOR_UNAUTHORIZED_ERROR_MESSAGE,\n} from '../utils/constants'\nimport { getGridSourceIdForTask } from '../utils/getGridSourceIdForTask'\nimport useGridSessionForCurationTask from './useGridSessionForCurationTask'\nimport useGridSessionForCurationTask_legacy from './useGridSessionForCurationTask_legacy'\nimport useMarkCurationTaskInProgress from './useMarkCurationTaskInProgress'\nimport { getLinkToGridSession } from '@/utils/functions/getSynapseWebClientLink'\nimport { instanceOfGridSupportedTaskProperties } from '../utils/types'\n\ntype UseOpenCuratorFromTaskButtonReturn = {\n  isLoading: boolean\n  isPending: boolean\n  hasPermission?: boolean\n  onClick: () => void\n}\n\nfunction openGridSessionInNewWindow(gridSessionId: string, taskId: number) {\n  const gridUrl = getLinkToGridSession(gridSessionId, taskId)\n  window.open(gridUrl, '_blank', 'noopener')\n}\n\nexport default function useOpenCuratorFromTaskButton(\n  taskBundle: TaskBundle,\n): UseOpenCuratorFromTaskButtonReturn {\n  const curationTask = taskBundle.task!\n\n  const taskProperties = curationTask.taskProperties\n  if (!instanceOfGridSupportedTaskProperties(taskProperties)) {\n    throw new Error(\n      `Task properties are not supported for GridSession creation: ${taskProperties?.concreteType}`,\n    )\n  }\n\n  const suggestedAuthorizationMode =\n    taskProperties != null && 'suggestedAuthorizationMode' in taskProperties\n      ? taskProperties.suggestedAuthorizationMode\n      : undefined\n\n  const useTaskLinkedSession = suggestedAuthorizationMode != null\n\n  const {\n    mutateAsync: getOrCreateLegacyGridSessionForUnassignedTask,\n    isPending: legacyOpenGridIsPending,\n  } = useGridSessionForCurationTask_legacy()\n\n  const {\n    mutateAsync: getOrCreateTaskLinkedGridSession,\n    isPending: taskLinkedOpenGridIsPending,\n  } = useGridSessionForCurationTask()\n\n  const { mutateAsync: markTaskInProgress } = useMarkCurationTaskInProgress()\n\n  const gridSourceEntityId = getGridSourceIdForTask(taskProperties)\n  const {\n    data: sourceEntityPermissions,\n    isLoading: isLoadingEntityPermissions,\n  } = useGetEntityPermissions(gridSourceEntityId)\n\n  const hasPermission = sourceEntityPermissions?.canView\n\n  const openNewOrExistingCuratorSession = useCallback(async () => {\n    let gridSession: GridSession\n    try {\n      if (useTaskLinkedSession) {\n        const result = await getOrCreateTaskLinkedGridSession(taskBundle)\n        gridSession = result.gridSession\n      } else {\n        gridSession = await getOrCreateLegacyGridSessionForUnassignedTask({\n          curationTask,\n        })\n      }\n    } catch (error) {\n      if (error instanceof SynapseClientError && error.status === 403) {\n        console.error(error)\n        displayToast(OPEN_CURATOR_UNAUTHORIZED_ERROR_MESSAGE, 'danger', {\n          title: OPEN_CURATOR_ERROR_TITLE,\n        })\n      } else {\n        console.error('Error opening Curator for curation task', error)\n        const errorMessage =\n          error instanceof Error ? error.message : String(error)\n        displayToast(errorMessage, 'danger', {\n          title: OPEN_CURATOR_ERROR_TITLE,\n        })\n      }\n      return\n    }\n\n    openGridSessionInNewWindow(gridSession.sessionId!, curationTask.taskId!)\n\n    // Recording that work has begun is bookkeeping that follows the window opening, so it must not\n    // delay the popup, hold the button in a pending state, or surface as a failure to open Curator.\n    try {\n      await markTaskInProgress(curationTask.taskId!)\n    } catch (error) {\n      console.error('Failed to mark curation task as in progress', error)\n    }\n  }, [\n    curationTask,\n    taskBundle,\n    useTaskLinkedSession,\n    getOrCreateLegacyGridSessionForUnassignedTask,\n    getOrCreateTaskLinkedGridSession,\n    markTaskInProgress,\n  ])\n\n  const handleClickOpenCurator = useCallback(() => {\n    void openNewOrExistingCuratorSession()\n  }, [openNewOrExistingCuratorSession])\n\n  return {\n    hasPermission,\n    isLoading: isLoadingEntityPermissions,\n    isPending: useTaskLinkedSession\n      ? taskLinkedOpenGridIsPending\n      : legacyOpenGridIsPending,\n    onClick: handleClickOpenCurator,\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AA0BA,SAAS,EAA2B,GAAuB,GAAgB;CACzE,IAAM,IAAU,EAAqB,GAAe,CAAM;CAC1D,OAAO,KAAK,GAAS,UAAU,UAAU;AAC3C;AAEA,SAAwB,EACtB,GACoC;CACpC,IAAM,IAAe,EAAW,MAE1B,IAAiB,EAAa;CACpC,IAAI,CAAC,EAAsC,CAAc,GACvD,MAAU,MACR,+DAA+D,GAAgB,cACjF;CAQF,IAAM,KAJJ,KAAkB,QAAQ,gCAAgC,IACtD,EAAe,6BACf,KAAA,MAEqD,MAErD,EACJ,aAAa,GACb,WAAW,MACT,EAAqC,GAEnC,EACJ,aAAa,GACb,WAAW,MACT,EAA8B,GAE5B,EAAE,aAAa,MAAuB,EAA8B,GAGpE,EACJ,MAAM,GACN,WAAW,MACT,EAJuB,EAAuB,CAItB,CAAkB,GAExC,IAAgB,GAAyB,SAEzC,IAAkC,EAAY,YAAY;EAC9D,IAAI;EACJ,IAAI;GACF,AAIE,IAJE,KAEY,MADO,EAAiC,CAAU,GAC3C,cAEP,MAAM,EAA8C,EAChE,gBACF,CAAC;EAEL,SAAS,GAAO;GACd,AAAI,aAAiB,KAAsB,EAAM,WAAW,OAC1D,QAAQ,MAAM,CAAK,GACnB,EAAa,GAAyC,UAAU,EAC9D,OAAO,EACT,CAAC,MAED,QAAQ,MAAM,2CAA2C,CAAK,GAG9D,EADE,aAAiB,QAAQ,EAAM,UAAU,OAAO,CAAK,GAC5B,UAAU,EACnC,OAAO,EACT,CAAC;GAEH;EACF;EAEA,EAA2B,EAAY,WAAY,EAAa,MAAO;EAIvE,IAAI;GACF,MAAM,EAAmB,EAAa,MAAO;EAC/C,SAAS,GAAO;GACd,QAAQ,MAAM,+CAA+C,CAAK;EACpE;CACF,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GAEK,IAAyB,QAAkB;EAC/C,EAAqC;CACvC,GAAG,CAAC,CAA+B,CAAC;CAEpC,OAAO;EACL;EACA,WAAW;EACX,WAAW,IACP,IACA;EACJ,SAAS;CACX;AACF"}

package/dist/mocks/accessRequirement/mockFormTemplates.d.ts

@@ -0,0 +1,16 @@
+import { FormTemplate } from '@sage-bionetworks/synapse-client';
+/**
+ * Renders the a Data Access schema as a 2-step form:
+ * Research Use → Agreements
+ */
+export declare const mockGenomicsTemplate: FormTemplate;
+/**
+ * Renders the Data Access schema as a 2-step form:
+ * Project Details → Compliance.
+ *
+ * Demonstrates a file-upload field with a downloadable template, and a Renewal-only field
+ * (`irbApprovalNumber`, gated in `mockClinicalSchema` via `x-synapse-submissionContext`).
+ */
+export declare const mockClinicalTemplate: FormTemplate;
+export declare const mockFormTemplates: FormTemplate[];
+//# sourceMappingURL=mockFormTemplates.d.ts.map

package/dist/mocks/accessRequirement/mockFormTemplates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockFormTemplates.d.ts","sourceRoot":"","sources":["../../../src/mocks/accessRequirement/mockFormTemplates.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAI/D;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,YAmClC,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,EAAE,YAsClC,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,YAAY,EAG3C,CAAA"}

package/dist/mocks/accessRequirement/mockFormTemplates.js

@@ -0,0 +1,63 @@
+import { MOCK_FILE_HANDLE_ID as e } from "../mock_file_handle.js";
+import { mockClinicalSchema as t, mockGenomicsSchema as n } from "./mockJsonSchemas.js";
+//#region src/mocks/accessRequirement/mockFormTemplates.ts
+var r = {
+	id: "template-1",
+	name: "Genomics DAR",
+	etag: "etag-template-1",
+	versionNumber: 1,
+	schema$id: n.$id,
+	steps: [{
+		title: "Research Use",
+		description: "Describe your research project and how you intend to use the data.",
+		fields: [{
+			schemaPath: "/intendedDataUse",
+			uiDefinition: {
+				"ui:widget": "textarea",
+				"ui:options": { rows: 5 }
+			},
+			isPublic: !0
+		}]
+	}, {
+		title: "Agreements",
+		description: "Review and agree to the terms and conditions for accessing this data.",
+		fields: [{
+			schemaPath: "/agreeToTerms",
+			uiDefinition: {}
+		}]
+	}],
+	deprecated: !1
+}, i = {
+	id: "template-2",
+	name: "Clinical Trial DAR",
+	etag: "etag-template-2",
+	versionNumber: 1,
+	schema$id: t.$id,
+	steps: [{
+		title: "Project Details",
+		fields: [{
+			schemaPath: "/projectTitle",
+			uiDefinition: {},
+			isPublic: !0
+		}, {
+			schemaPath: "/dataUsePurpose",
+			uiDefinition: {}
+		}]
+	}, {
+		title: "Compliance",
+		description: "Provide any required compliance documentation.",
+		fields: [{
+			schemaPath: "/irbApprovalNumber",
+			uiDefinition: {}
+		}, {
+			schemaPath: "/signedDataUseAgreement",
+			uiDefinition: {},
+			templateFileHandleId: e
+		}]
+	}],
+	deprecated: !1
+}, a = [r, i];
+//#endregion
+export { i as mockClinicalTemplate, a as mockFormTemplates, r as mockGenomicsTemplate };
+
+//# sourceMappingURL=mockFormTemplates.js.map

package/dist/mocks/accessRequirement/mockFormTemplates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockFormTemplates.js","names":[],"sources":["../../../src/mocks/accessRequirement/mockFormTemplates.ts"],"sourcesContent":["import { FormTemplate } from '@sage-bionetworks/synapse-client'\nimport { MOCK_FILE_HANDLE_ID } from '@/mocks/mock_file_handle'\nimport { mockClinicalSchema, mockGenomicsSchema } from './mockJsonSchemas'\n\n/**\n * Renders the a Data Access schema as a 2-step form:\n * Research Use → Agreements\n */\nexport const mockGenomicsTemplate: FormTemplate = {\n  id: 'template-1',\n  name: 'Genomics DAR',\n  etag: 'etag-template-1',\n  versionNumber: 1,\n  schema$id: mockGenomicsSchema.$id as string,\n  steps: [\n    {\n      title: 'Research Use',\n      description:\n        'Describe your research project and how you intend to use the data.',\n      fields: [\n        {\n          schemaPath: '/intendedDataUse',\n          uiDefinition: {\n            'ui:widget': 'textarea',\n            'ui:options': { rows: 5 },\n          },\n          isPublic: true,\n        },\n      ],\n    },\n    {\n      title: 'Agreements',\n      description:\n        'Review and agree to the terms and conditions for accessing this data.',\n      fields: [\n        {\n          schemaPath: '/agreeToTerms',\n          uiDefinition: {},\n        },\n      ],\n    },\n  ],\n  deprecated: false,\n}\n\n/**\n * Renders the Data Access schema as a 2-step form:\n * Project Details → Compliance.\n *\n * Demonstrates a file-upload field with a downloadable template, and a Renewal-only field\n * (`irbApprovalNumber`, gated in `mockClinicalSchema` via `x-synapse-submissionContext`).\n */\nexport const mockClinicalTemplate: FormTemplate = {\n  id: 'template-2',\n  name: 'Clinical Trial DAR',\n  etag: 'etag-template-2',\n  versionNumber: 1,\n  schema$id: mockClinicalSchema.$id as string,\n  steps: [\n    {\n      title: 'Project Details',\n      fields: [\n        {\n          schemaPath: '/projectTitle',\n          uiDefinition: {},\n          isPublic: true,\n        },\n        {\n          schemaPath: '/dataUsePurpose',\n          uiDefinition: {},\n        },\n      ],\n    },\n    {\n      title: 'Compliance',\n      description: 'Provide any required compliance documentation.',\n      fields: [\n        {\n          schemaPath: '/irbApprovalNumber',\n          uiDefinition: {},\n        },\n        {\n          schemaPath: '/signedDataUseAgreement',\n          uiDefinition: {},\n          templateFileHandleId: MOCK_FILE_HANDLE_ID,\n        },\n      ],\n    },\n  ],\n  deprecated: false,\n}\n\nexport const mockFormTemplates: FormTemplate[] = [\n  mockGenomicsTemplate,\n  mockClinicalTemplate,\n]\n"],"mappings":";;;AAQA,IAAa,IAAqC;CAChD,IAAI;CACJ,MAAM;CACN,MAAM;CACN,eAAe;CACf,WAAW,EAAmB;CAC9B,OAAO,CACL;EACE,OAAO;EACP,aACE;EACF,QAAQ,CACN;GACE,YAAY;GACZ,cAAc;IACZ,aAAa;IACb,cAAc,EAAE,MAAM,EAAE;GAC1B;GACA,UAAU;EACZ,CACF;CACF,GACA;EACE,OAAO;EACP,aACE;EACF,QAAQ,CACN;GACE,YAAY;GACZ,cAAc,CAAC;EACjB,CACF;CACF,CACF;CACA,YAAY;AACd,GASa,IAAqC;CAChD,IAAI;CACJ,MAAM;CACN,MAAM;CACN,eAAe;CACf,WAAW,EAAmB;CAC9B,OAAO,CACL;EACE,OAAO;EACP,QAAQ,CACN;GACE,YAAY;GACZ,cAAc,CAAC;GACf,UAAU;EACZ,GACA;GACE,YAAY;GACZ,cAAc,CAAC;EACjB,CACF;CACF,GACA;EACE,OAAO;EACP,aAAa;EACb,QAAQ,CACN;GACE,YAAY;GACZ,cAAc,CAAC;EACjB,GACA;GACE,YAAY;GACZ,cAAc,CAAC;GACf,sBAAsB;EACxB,CACF;CACF,CACF;CACA,YAAY;AACd,GAEa,IAAoC,CAC/C,GACA,CACF"}

package/dist/mocks/accessRequirement/mockJsonSchemaAccessRequirements.d.ts

@@ -0,0 +1,7 @@
+import { JsonSchemaAccessRequirement } from '@sage-bionetworks/synapse-client';
+/** AR 1: Genomics Data Access — references the Genomics FormTemplate. No DUC required. */
+export declare const mockJsonSchemaAR1: JsonSchemaAccessRequirement;
+/** AR 2: Clinical Trial Data Access — references the Clinical Trial FormTemplate. Requires an uploaded DUC. */
+export declare const mockJsonSchemaAR2: JsonSchemaAccessRequirement;
+export declare const mockJsonSchemaAccessRequirements: JsonSchemaAccessRequirement[];
+//# sourceMappingURL=mockJsonSchemaAccessRequirements.d.ts.map

package/dist/mocks/accessRequirement/mockJsonSchemaAccessRequirements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockJsonSchemaAccessRequirements.d.ts","sourceRoot":"","sources":["../../../src/mocks/accessRequirement/mockJsonSchemaAccessRequirements.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,2BAA2B,EAE5B,MAAM,kCAAkC,CAAA;AAMzC,0FAA0F;AAC1F,eAAO,MAAM,iBAAiB,EAAE,2BAiB/B,CAAA;AAED,+GAA+G;AAC/G,eAAO,MAAM,iBAAiB,EAAE,2BAkB/B,CAAA;AAED,eAAO,MAAM,gCAAgC,EAAE,2BAA2B,EAGzE,CAAA"}

package/dist/mocks/accessRequirement/mockJsonSchemaAccessRequirements.js

@@ -0,0 +1,47 @@
+import { MOCK_DUC_TEMPLATE_FILE_HANDLE_ID as e } from "../mock_file_handle.js";
+import { JsonSchemaAccessRequirementConcreteTypeEnum as t } from "@sage-bionetworks/synapse-client";
+//#region src/mocks/accessRequirement/mockJsonSchemaAccessRequirements.ts
+var n = (/* @__PURE__ */ new Date()).toISOString(), r = "1234567", i = {
+	id: 9e3,
+	name: "Genomics Data Access",
+	etag: "etag-ar-9000",
+	versionNumber: 1,
+	createdOn: n,
+	modifiedOn: n,
+	createdBy: r,
+	modifiedBy: r,
+	concreteType: t.org_sagebionetworks_repo_model_JsonSchemaAccessRequirement,
+	formTemplateRef: {
+		templateId: "template-1",
+		templateVersionNumber: 1
+	},
+	expirationPeriod: 31536e6,
+	isCertifiedUserRequired: !0,
+	isValidatedProfileRequired: !1,
+	isTwoFaRequired: !1,
+	isDUCRequired: !1
+}, a = {
+	id: 9001,
+	name: "Clinical Trial Data Access",
+	etag: "etag-ar-9001",
+	versionNumber: 1,
+	createdOn: n,
+	modifiedOn: n,
+	createdBy: r,
+	modifiedBy: r,
+	concreteType: t.org_sagebionetworks_repo_model_JsonSchemaAccessRequirement,
+	formTemplateRef: {
+		templateId: "template-2",
+		templateVersionNumber: 1
+	},
+	expirationPeriod: 15768e6,
+	isCertifiedUserRequired: !0,
+	isValidatedProfileRequired: !0,
+	isTwoFaRequired: !0,
+	isDUCRequired: !0,
+	ducTemplateFileHandleId: e
+}, o = [i, a];
+//#endregion
+export { i as mockJsonSchemaAR1, a as mockJsonSchemaAR2, o as mockJsonSchemaAccessRequirements };
+
+//# sourceMappingURL=mockJsonSchemaAccessRequirements.js.map

package/dist/mocks/accessRequirement/mockJsonSchemaAccessRequirements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockJsonSchemaAccessRequirements.js","names":[],"sources":["../../../src/mocks/accessRequirement/mockJsonSchemaAccessRequirements.ts"],"sourcesContent":["import {\n  JsonSchemaAccessRequirement,\n  JsonSchemaAccessRequirementConcreteTypeEnum,\n} from '@sage-bionetworks/synapse-client'\nimport { MOCK_DUC_TEMPLATE_FILE_HANDLE_ID } from '@/mocks/mock_file_handle'\n\nconst now = new Date().toISOString()\nconst actUserId = '1234567'\n\n/** AR 1: Genomics Data Access — references the Genomics FormTemplate. No DUC required. */\nexport const mockJsonSchemaAR1: JsonSchemaAccessRequirement = {\n  id: 9000,\n  name: 'Genomics Data Access',\n  etag: 'etag-ar-9000',\n  versionNumber: 1,\n  createdOn: now,\n  modifiedOn: now,\n  createdBy: actUserId,\n  modifiedBy: actUserId,\n  concreteType:\n    JsonSchemaAccessRequirementConcreteTypeEnum.org_sagebionetworks_repo_model_JsonSchemaAccessRequirement,\n  formTemplateRef: { templateId: 'template-1', templateVersionNumber: 1 },\n  expirationPeriod: 31536000000, // 1 year\n  isCertifiedUserRequired: true,\n  isValidatedProfileRequired: false,\n  isTwoFaRequired: false,\n  isDUCRequired: false,\n}\n\n/** AR 2: Clinical Trial Data Access — references the Clinical Trial FormTemplate. Requires an uploaded DUC. */\nexport const mockJsonSchemaAR2: JsonSchemaAccessRequirement = {\n  id: 9001,\n  name: 'Clinical Trial Data Access',\n  etag: 'etag-ar-9001',\n  versionNumber: 1,\n  createdOn: now,\n  modifiedOn: now,\n  createdBy: actUserId,\n  modifiedBy: actUserId,\n  concreteType:\n    JsonSchemaAccessRequirementConcreteTypeEnum.org_sagebionetworks_repo_model_JsonSchemaAccessRequirement,\n  formTemplateRef: { templateId: 'template-2', templateVersionNumber: 1 },\n  expirationPeriod: 15768000000, // 6 months\n  isCertifiedUserRequired: true,\n  isValidatedProfileRequired: true,\n  isTwoFaRequired: true,\n  isDUCRequired: true,\n  ducTemplateFileHandleId: MOCK_DUC_TEMPLATE_FILE_HANDLE_ID,\n}\n\nexport const mockJsonSchemaAccessRequirements: JsonSchemaAccessRequirement[] = [\n  mockJsonSchemaAR1,\n  mockJsonSchemaAR2,\n]\n"],"mappings":";;;AAMA,IAAM,qBAAM,IAAI,KAAK,GAAE,YAAY,GAC7B,IAAY,WAGL,IAAiD;CAC5D,IAAI;CACJ,MAAM;CACN,MAAM;CACN,eAAe;CACf,WAAW;CACX,YAAY;CACZ,WAAW;CACX,YAAY;CACZ,cACE,EAA4C;CAC9C,iBAAiB;EAAE,YAAY;EAAc,uBAAuB;CAAE;CACtE,kBAAkB;CAClB,yBAAyB;CACzB,4BAA4B;CAC5B,iBAAiB;CACjB,eAAe;AACjB,GAGa,IAAiD;CAC5D,IAAI;CACJ,MAAM;CACN,MAAM;CACN,eAAe;CACf,WAAW;CACX,YAAY;CACZ,WAAW;CACX,YAAY;CACZ,cACE,EAA4C;CAC9C,iBAAiB;EAAE,YAAY;EAAc,uBAAuB;CAAE;CACtE,kBAAkB;CAClB,yBAAyB;CACzB,4BAA4B;CAC5B,iBAAiB;CACjB,eAAe;CACf,yBAAyB;AAC3B,GAEa,IAAkE,CAC7E,GACA,CACF"}

package/dist/mocks/accessRequirement/mockJsonSchemas.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Mock JSON Schema registry for the JSON Schema-based Access Requirements demo.
+ *
+ * Each FormTemplate pins a registered JSON Schema by `$id`. The schema is the
+ * data contract — it owns property types, validation rules, and which properties
+ * are required.
+ *
+ * The FormTemplateEditor lets ACT edit the schema body alongside the template in
+ * a single UI; saving is conceptually a write to both the schema registry and
+ * the template service.
+ */
+import { RJSFSchema } from '@rjsf/utils';
+/** Genomics DAR data contract — all fields required. */
+export declare const mockGenomicsSchema: RJSFSchema;
+/**
+ * Clinical Trial DAR data contract — includes a file upload and a Renewal-only field
+ * (`irbApprovalNumber`), gated behind an `x-synapse-submissionContext` conditional.
+ */
+export declare const mockClinicalSchema: RJSFSchema;
+/**
+ * Map from `$id` (with version) to the JSON Schema body. In the real system
+ * this is served by the registered JSON Schema service.
+ */
+export declare const mockJsonSchemaRegistry: Record<string, RJSFSchema>;
+/** Look up a registered JSON Schema body by its `$id`. */
+export declare function getMockJsonSchemaById(schema$id: string): RJSFSchema | undefined;
+//# sourceMappingURL=mockJsonSchemas.d.ts.map

package/dist/mocks/accessRequirement/mockJsonSchemas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockJsonSchemas.d.ts","sourceRoot":"","sources":["../../../src/mocks/accessRequirement/mockJsonSchemas.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAIxC,wDAAwD;AACxD,eAAO,MAAM,kBAAkB,EAAE,UAuBhC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,kBAAkB,EAAE,UAsDhC,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,CAG7D,CAAA;AAED,0DAA0D;AAC1D,wBAAgB,qBAAqB,CACnC,SAAS,EAAE,MAAM,GAChB,UAAU,GAAG,SAAS,CAExB"}

package/dist/mocks/accessRequirement/mockJsonSchemas.js

@@ -0,0 +1,83 @@
+import { SUBMISSION_CONTEXT_PROPERTY as e } from "../../utils/jsonschema/submissionContext.js";
+import { DataAccessRequestType as t } from "@sage-bionetworks/synapse-client";
+//#region src/mocks/accessRequirement/mockJsonSchemas.ts
+var n = {
+	$id: "org.sagebionetworks.dar.genomics-1.0.0",
+	type: "object",
+	title: "Genomics Data Access Request",
+	properties: {
+		intendedDataUse: {
+			type: "string",
+			title: "Intended Data Use Statement",
+			description: "Describe in detail how you intend to use the requested data."
+		},
+		agreeToTerms: {
+			type: "boolean",
+			title: "Terms and Conditions",
+			description: "I agree to abide by all terms and conditions for accessing this data."
+		},
+		[e]: {
+			type: "string",
+			enum: [t.REQUEST, t.RENEWAL]
+		}
+	},
+	required: [
+		"intendedDataUse",
+		"agreeToTerms",
+		e
+	]
+}, r = {
+	$id: "org.sagebionetworks.dar.clinical-1.0.0",
+	type: "object",
+	title: "Clinical Trial Data Access Request",
+	properties: {
+		projectTitle: {
+			type: "string",
+			title: "Project Title",
+			description: "The title of the research project."
+		},
+		dataUsePurpose: {
+			type: "string",
+			title: "Data Use Purpose",
+			description: "Select the primary purpose for your use of this data.",
+			enum: [
+				"Research",
+				"Commercial",
+				"Educational"
+			]
+		},
+		signedDataUseAgreement: {
+			type: "number",
+			title: "Signed Data Use Agreement",
+			description: "Upload a signed copy of the Data Use Agreement. A template is available for download.",
+			format: "synapse-filehandle-id"
+		},
+		[e]: {
+			type: "string",
+			enum: [t.REQUEST, t.RENEWAL]
+		}
+	},
+	required: [
+		"projectTitle",
+		"signedDataUseAgreement",
+		e
+	],
+	allOf: [{
+		if: { properties: { [e]: { const: t.RENEWAL } } },
+		then: { properties: { irbApprovalNumber: {
+			type: "string",
+			title: "IRB Approval Number",
+			description: "If your institution requires IRB approval, provide the approval number."
+		} } }
+	}]
+}, i = {
+	[n.$id]: n,
+	[r.$id]: r
+};
+function a(e) {
+	return i[e];
+}
+//#endregion
+export { a as getMockJsonSchemaById, r as mockClinicalSchema, n as mockGenomicsSchema, i as mockJsonSchemaRegistry };
+
+//# sourceMappingURL=mockJsonSchemas.js.map

package/dist/mocks/accessRequirement/mockJsonSchemas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mockJsonSchemas.js","names":[],"sources":["../../../src/mocks/accessRequirement/mockJsonSchemas.ts"],"sourcesContent":["/**\n * Mock JSON Schema registry for the JSON Schema-based Access Requirements demo.\n *\n * Each FormTemplate pins a registered JSON Schema by `$id`. The schema is the\n * data contract — it owns property types, validation rules, and which properties\n * are required.\n *\n * The FormTemplateEditor lets ACT edit the schema body alongside the template in\n * a single UI; saving is conceptually a write to both the schema registry and\n * the template service.\n */\n\nimport { RJSFSchema } from '@rjsf/utils'\nimport { DataAccessRequestType } from '@sage-bionetworks/synapse-client'\nimport { SUBMISSION_CONTEXT_PROPERTY } from '@/utils/jsonschema/submissionContext'\n\n/** Genomics DAR data contract — all fields required. */\nexport const mockGenomicsSchema: RJSFSchema = {\n  $id: 'org.sagebionetworks.dar.genomics-1.0.0',\n  type: 'object',\n  title: 'Genomics Data Access Request',\n  properties: {\n    intendedDataUse: {\n      type: 'string',\n      title: 'Intended Data Use Statement',\n      description:\n        'Describe in detail how you intend to use the requested data.',\n    },\n    agreeToTerms: {\n      type: 'boolean',\n      title: 'Terms and Conditions',\n      description:\n        'I agree to abide by all terms and conditions for accessing this data.',\n    },\n    [SUBMISSION_CONTEXT_PROPERTY]: {\n      type: 'string',\n      enum: [DataAccessRequestType.REQUEST, DataAccessRequestType.RENEWAL],\n    },\n  },\n  required: ['intendedDataUse', 'agreeToTerms', SUBMISSION_CONTEXT_PROPERTY],\n}\n\n/**\n * Clinical Trial DAR data contract — includes a file upload and a Renewal-only field\n * (`irbApprovalNumber`), gated behind an `x-synapse-submissionContext` conditional.\n */\nexport const mockClinicalSchema: RJSFSchema = {\n  $id: 'org.sagebionetworks.dar.clinical-1.0.0',\n  type: 'object',\n  title: 'Clinical Trial Data Access Request',\n  properties: {\n    projectTitle: {\n      type: 'string',\n      title: 'Project Title',\n      description: 'The title of the research project.',\n    },\n    dataUsePurpose: {\n      type: 'string',\n      title: 'Data Use Purpose',\n      description: 'Select the primary purpose for your use of this data.',\n      enum: ['Research', 'Commercial', 'Educational'],\n    },\n    signedDataUseAgreement: {\n      type: 'number',\n      title: 'Signed Data Use Agreement',\n      description:\n        'Upload a signed copy of the Data Use Agreement. A template is available for download.',\n      format: 'synapse-filehandle-id',\n    },\n    [SUBMISSION_CONTEXT_PROPERTY]: {\n      type: 'string',\n      enum: [DataAccessRequestType.REQUEST, DataAccessRequestType.RENEWAL],\n    },\n  },\n  required: [\n    'projectTitle',\n    'signedDataUseAgreement',\n    SUBMISSION_CONTEXT_PROPERTY,\n  ],\n  allOf: [\n    {\n      if: {\n        properties: {\n          [SUBMISSION_CONTEXT_PROPERTY]: {\n            const: DataAccessRequestType.RENEWAL,\n          },\n        },\n      },\n      then: {\n        properties: {\n          irbApprovalNumber: {\n            type: 'string',\n            title: 'IRB Approval Number',\n            description:\n              'If your institution requires IRB approval, provide the approval number.',\n          },\n        },\n      },\n    },\n  ],\n}\n\n/**\n * Map from `$id` (with version) to the JSON Schema body. In the real system\n * this is served by the registered JSON Schema service.\n */\nexport const mockJsonSchemaRegistry: Record<string, RJSFSchema> = {\n  [mockGenomicsSchema.$id as string]: mockGenomicsSchema,\n  [mockClinicalSchema.$id as string]: mockClinicalSchema,\n}\n\n/** Look up a registered JSON Schema body by its `$id`. */\nexport function getMockJsonSchemaById(\n  schema$id: string,\n): RJSFSchema | undefined {\n  return mockJsonSchemaRegistry[schema$id]\n}\n"],"mappings":";;;AAiBA,IAAa,IAAiC;CAC5C,KAAK;CACL,MAAM;CACN,OAAO;CACP,YAAY;EACV,iBAAiB;GACf,MAAM;GACN,OAAO;GACP,aACE;EACJ;EACA,cAAc;GACZ,MAAM;GACN,OAAO;GACP,aACE;EACJ;GACC,IAA8B;GAC7B,MAAM;GACN,MAAM,CAAC,EAAsB,SAAS,EAAsB,OAAO;EACrE;CACF;CACA,UAAU;EAAC;EAAmB;EAAgB;CAA2B;AAC3E,GAMa,IAAiC;CAC5C,KAAK;CACL,MAAM;CACN,OAAO;CACP,YAAY;EACV,cAAc;GACZ,MAAM;GACN,OAAO;GACP,aAAa;EACf;EACA,gBAAgB;GACd,MAAM;GACN,OAAO;GACP,aAAa;GACb,MAAM;IAAC;IAAY;IAAc;GAAa;EAChD;EACA,wBAAwB;GACtB,MAAM;GACN,OAAO;GACP,aACE;GACF,QAAQ;EACV;GACC,IAA8B;GAC7B,MAAM;GACN,MAAM,CAAC,EAAsB,SAAS,EAAsB,OAAO;EACrE;CACF;CACA,UAAU;EACR;EACA;EACA;CACF;CACA,OAAO,CACL;EACE,IAAI,EACF,YAAY,GACT,IAA8B,EAC7B,OAAO,EAAsB,QAC/B,EACF,EACF;EACA,MAAM,EACJ,YAAY,EACV,mBAAmB;GACjB,MAAM;GACN,OAAO;GACP,aACE;EACJ,EACF,EACF;CACF,CACF;AACF,GAMa,IAAqD;EAC/D,EAAmB,MAAgB;EACnC,EAAmB,MAAgB;AACtC;AAGA,SAAgB,EACd,GACwB;CACxB,OAAO,EAAuB;AAChC"}