synapse-react-client 4.0.18 → 4.0.20

package/dist/components/DynamicForm/DynamicFormModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"DynamicFormModal.js","names":[],"sources":["../../../src/components/DynamicForm/DynamicFormModal.tsx"],"sourcesContent":["import React from 'react'\nimport WideButton from '@/components/styled/WideButton'\nimport { Box } from '@mui/material'\nimport { useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport DynamicForm, { DynamicFormProps } from './DynamicForm'\n\ntype ModalProps = {\n  submitButtonText?: string\n}\n\nexport type DynamicFormModalProps = DynamicFormProps & ModalProps\n\nconst DynamicFormModal = ({\n  schemaUrl,\n  uiSchemaUrl,\n  postUrl,\n  submitButtonText,\n}: DynamicFormModalProps): React.ReactNode => {\n  const [open, setOpen] = useState(false)\n\n  const handleClickOpen = () => {\n    setOpen(true)\n  }\n\n  const handleClose = () => {\n    setOpen(false)\n  }\n\n  const form = (\n    <DynamicForm\n      schemaUrl={schemaUrl}\n      uiSchemaUrl={uiSchemaUrl}\n      postUrl={postUrl}\n      onSubmit={() => {\n        handleClose()\n      }}\n    />\n  )\n\n  return (\n    <div className=\"browse-tools-page\">\n      <Box sx={{ margin: '10px 0px 50px 0px' }}>\n        <WideButton\n          className=\"highlightSubmitToolButton\"\n          variant=\"contained\"\n          onClick={handleClickOpen}\n        >\n          {submitButtonText}\n        </WideButton>\n        <ConfirmationDialog\n          open={open}\n          title=\"\"\n          content={form}\n          onCancel={handleClose}\n          onConfirm={() => {}}\n          confirmButtonProps={{\n            sx: { display: 'none' },\n          }}\n          cancelButtonProps={{\n            children: 'cancel',\n          }}\n        />\n      </Box>\n    </div>\n  )\n}\n\nexport default DynamicFormModal\n"],"mappings":";;;;;;;AAaA,IAAM,KAAoB,EACxB,cACA,gBACA,YACA,0BAC4C;CAC5C,IAAM,CAAC,GAAM,KAAW,EAAS,GAAM,EAEjC,UAAwB;AAC5B,IAAQ,GAAK;IAGT,UAAoB;AACxB,IAAQ,GAAM;;AAchB,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GAAK,IAAI,EAAE,QAAQ,qBAAqB;aAAxC,CACE,kBAAC,GAAD;IACE,WAAU;IACV,SAAQ;IACR,SAAS;cAER;IACU,CAAA,EACb,kBAAC,GAAD;IACQ;IACN,OAAM;IACN,SAvBN,kBAAC,GAAD;KACa;KACE;KACJ;KACT,gBAAgB;AACd,SAAa;;KAEf,CAgBa;IACT,UAAU;IACV,iBAAiB;IACjB,oBAAoB,EAClB,IAAI,EAAE,SAAS,QAAQ,EACxB;IACD,mBAAmB,EACjB,UAAU,UACX;IACD,CAAA,CACE;;EACF,CAAA"}
+{"version":3,"file":"DynamicFormModal.js","names":[],"sources":["../../../src/components/DynamicForm/DynamicFormModal.tsx"],"sourcesContent":["import React from 'react'\nimport WideButton from '@/components/styled/WideButton'\nimport { Box } from '@mui/material'\nimport { useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport DynamicForm, { DynamicFormProps } from './DynamicForm'\n\ntype ModalProps = {\n  submitButtonText?: string\n}\n\nexport type DynamicFormModalProps = DynamicFormProps & ModalProps\n\nconst DynamicFormModal = ({\n  schemaUrl,\n  uiSchemaUrl,\n  postUrl,\n  submitButtonText,\n}: DynamicFormModalProps): React.ReactNode => {\n  const [open, setOpen] = useState(false)\n\n  const handleClickOpen = () => {\n    setOpen(true)\n  }\n\n  const handleClose = () => {\n    setOpen(false)\n  }\n\n  const form = (\n    <DynamicForm\n      schemaUrl={schemaUrl}\n      uiSchemaUrl={uiSchemaUrl}\n      postUrl={postUrl}\n      onSubmit={() => {\n        handleClose()\n      }}\n    />\n  )\n\n  return (\n    <div className=\"browse-tools-page\">\n      <Box sx={{ margin: '10px 0px 50px 0px' }}>\n        <WideButton\n          className=\"highlightSubmitToolButton\"\n          variant=\"contained\"\n          onClick={handleClickOpen}\n        >\n          {submitButtonText}\n        </WideButton>\n        <ConfirmationDialog\n          open={open}\n          title=\"\"\n          content={form}\n          onCancel={handleClose}\n          onConfirm={() => {}}\n          confirmButtonProps={{\n            sx: { display: 'none' },\n          }}\n          cancelButtonProps={{\n            children: 'cancel',\n          }}\n        />\n      </Box>\n    </div>\n  )\n}\n\nexport default DynamicFormModal\n"],"mappings":";;;;;;;AAaA,IAAM,KAAoB,EACxB,cACA,gBACA,YACA,0BAC4C;CAC5C,IAAM,CAAC,GAAM,KAAW,EAAS,EAAK,GAEhC,UAAwB;EAC5B,EAAQ,EAAI;CACd,GAEM,UAAoB;EACxB,EAAQ,EAAK;CACf;CAaA,OACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GAAK,IAAI,EAAE,QAAQ,oBAAoB;aAAvC,CACE,kBAAC,GAAD;IACE,WAAU;IACV,SAAQ;IACR,SAAS;cAER;GACS,CAAA,GACZ,kBAAC,GAAD;IACQ;IACN,OAAM;IACN,SAvBN,kBAAC,GAAD;KACa;KACE;KACJ;KACT,gBAAgB;MACd,EAAY;KACd;IACD,CAgBc;IACT,UAAU;IACV,iBAAiB,CAAC;IAClB,oBAAoB,EAClB,IAAI,EAAE,SAAS,OAAO,EACxB;IACA,mBAAmB,EACjB,UAAU,SACZ;GACD,CAAA,CACE;;CACF,CAAA;AAET"}

package/dist/components/Ecosystem/EcosystemCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"EcosystemCard.js","names":[],"sources":["../../../src/components/Ecosystem/EcosystemCard.tsx"],"sourcesContent":["import { Box, Link, Typography, useMediaQuery, useTheme } from '@mui/material'\nimport { ReactNode } from 'react'\n\nexport type EcosystemCardProps = {\n  title: ReactNode\n  titleUrl?: string\n  description: ReactNode\n  image: ReactNode\n}\n\nconst IMAGE_SIZE = '72px'\n\n/**\n * Card layout designed to be used in the EcosystemLayout component.\n */\nfunction EcosystemCard(props: EcosystemCardProps) {\n  const { title, titleUrl, description, image } = props\n\n  const { breakpoints } = useTheme()\n  const isMobile = useMediaQuery(breakpoints.down('sm'))\n\n  return (\n    <Box\n      component={'section'}\n      sx={theme => ({\n        display: 'grid',\n        alignItems: 'top',\n        gap: 2,\n        py: 2,\n        [theme.breakpoints.down('sm')]: {\n          gridTemplateColumns: '1fr',\n          '.EcosystemCardImageContainer': {\n            textAlign: 'center',\n            img: { maxWidth: '100%', height: IMAGE_SIZE },\n          },\n        },\n        [theme.breakpoints.up('sm')]: {\n          gridTemplateColumns: `${IMAGE_SIZE} auto`,\n          '.EcosystemCardImageContainer': {\n            justifySelf: 'center',\n            img: { width: IMAGE_SIZE, maxHeight: IMAGE_SIZE },\n          },\n        },\n      })}\n    >\n      <div className={'EcosystemCardImageContainer'}>{image}</div>\n      <div>\n        <Typography\n          component={'h3'}\n          variant={isMobile ? 'headline3' : 'body1'}\n          sx={{ mb: '5px' }}\n        >\n          <Link href={titleUrl} target=\"_blank\" rel={'noopener noreferrer'}>\n            {title}\n          </Link>\n        </Typography>\n        <Typography\n          component={'div'}\n          variant={'body1'}\n          sx={{ color: 'grey.700' }}\n        >\n          {description}\n        </Typography>\n      </div>\n    </Box>\n  )\n}\n\nexport default EcosystemCard\n"],"mappings":";;;AAUA,IAAM,IAAa;AAKnB,SAAS,EAAc,GAA2B;CAChD,IAAM,EAAE,UAAO,aAAU,gBAAa,aAAU,GAE1C,EAAE,mBAAgB,GAAU,EAC5B,IAAW,EAAc,EAAY,KAAK,KAAK,CAAC;AAEtD,QACE,kBAAC,GAAD;EACE,WAAW;EACX,KAAI,OAAU;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,IAAI;IACH,EAAM,YAAY,KAAK,KAAK,GAAG;IAC9B,qBAAqB;IACrB,gCAAgC;KAC9B,WAAW;KACX,KAAK;MAAE,UAAU;MAAQ,QAAQ;MAAY;KAC9C;IACF;IACA,EAAM,YAAY,GAAG,KAAK,GAAG;IAC5B,qBAAqB,GAAG,EAAW;IACnC,gCAAgC;KAC9B,aAAa;KACb,KAAK;MAAE,OAAO;MAAY,WAAW;MAAY;KAClD;IACF;GACF;YArBH,CAuBE,kBAAC,OAAD;GAAK,WAAW;aAAgC;GAAY,CAAA,EAC5D,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,WAAW;GACX,SAAS,IAAW,cAAc;GAClC,IAAI,EAAE,IAAI,OAAO;aAEjB,kBAAC,GAAD;IAAM,MAAM;IAAU,QAAO;IAAS,KAAK;cACxC;IACI,CAAA;GACI,CAAA,EACb,kBAAC,GAAD;GACE,WAAW;GACX,SAAS;GACT,IAAI,EAAE,OAAO,YAAY;aAExB;GACU,CAAA,CACT,EAAA,CAAA,CACF"}
+{"version":3,"file":"EcosystemCard.js","names":[],"sources":["../../../src/components/Ecosystem/EcosystemCard.tsx"],"sourcesContent":["import { Box, Link, Typography, useMediaQuery, useTheme } from '@mui/material'\nimport { ReactNode } from 'react'\n\nexport type EcosystemCardProps = {\n  title: ReactNode\n  titleUrl?: string\n  description: ReactNode\n  image: ReactNode\n}\n\nconst IMAGE_SIZE = '72px'\n\n/**\n * Card layout designed to be used in the EcosystemLayout component.\n */\nfunction EcosystemCard(props: EcosystemCardProps) {\n  const { title, titleUrl, description, image } = props\n\n  const { breakpoints } = useTheme()\n  const isMobile = useMediaQuery(breakpoints.down('sm'))\n\n  return (\n    <Box\n      component={'section'}\n      sx={theme => ({\n        display: 'grid',\n        alignItems: 'top',\n        gap: 2,\n        py: 2,\n        [theme.breakpoints.down('sm')]: {\n          gridTemplateColumns: '1fr',\n          '.EcosystemCardImageContainer': {\n            textAlign: 'center',\n            img: { maxWidth: '100%', height: IMAGE_SIZE },\n          },\n        },\n        [theme.breakpoints.up('sm')]: {\n          gridTemplateColumns: `${IMAGE_SIZE} auto`,\n          '.EcosystemCardImageContainer': {\n            justifySelf: 'center',\n            img: { width: IMAGE_SIZE, maxHeight: IMAGE_SIZE },\n          },\n        },\n      })}\n    >\n      <div className={'EcosystemCardImageContainer'}>{image}</div>\n      <div>\n        <Typography\n          component={'h3'}\n          variant={isMobile ? 'headline3' : 'body1'}\n          sx={{ mb: '5px' }}\n        >\n          <Link href={titleUrl} target=\"_blank\" rel={'noopener noreferrer'}>\n            {title}\n          </Link>\n        </Typography>\n        <Typography\n          component={'div'}\n          variant={'body1'}\n          sx={{ color: 'grey.700' }}\n        >\n          {description}\n        </Typography>\n      </div>\n    </Box>\n  )\n}\n\nexport default EcosystemCard\n"],"mappings":";;;AAUA,IAAM,IAAa;AAKnB,SAAS,EAAc,GAA2B;CAChD,IAAM,EAAE,UAAO,aAAU,gBAAa,aAAU,GAE1C,EAAE,mBAAgB,EAAS,GAC3B,IAAW,EAAc,EAAY,KAAK,IAAI,CAAC;CAErD,OACE,kBAAC,GAAD;EACE,WAAW;EACX,KAAI,OAAU;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;GACL,IAAI;IACH,EAAM,YAAY,KAAK,IAAI,IAAI;IAC9B,qBAAqB;IACrB,gCAAgC;KAC9B,WAAW;KACX,KAAK;MAAE,UAAU;MAAQ,QAAQ;KAAW;IAC9C;GACF;IACC,EAAM,YAAY,GAAG,IAAI,IAAI;IAC5B,qBAAqB,GAAG,EAAW;IACnC,gCAAgC;KAC9B,aAAa;KACb,KAAK;MAAE,OAAO;MAAY,WAAW;KAAW;IAClD;GACF;EACF;YArBF,CAuBE,kBAAC,OAAD;GAAK,WAAW;aAAgC;EAAW,CAAA,GAC3D,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,WAAW;GACX,SAAS,IAAW,cAAc;GAClC,IAAI,EAAE,IAAI,MAAM;aAEhB,kBAAC,GAAD;IAAM,MAAM;IAAU,QAAO;IAAS,KAAK;cACxC;GACG,CAAA;EACI,CAAA,GACZ,kBAAC,GAAD;GACE,WAAW;GACX,SAAS;GACT,IAAI,EAAE,OAAO,WAAW;aAEvB;EACS,CAAA,CACT,EAAA,CAAA,CACF;;AAET"}

package/dist/components/Ecosystem/EcosystemLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"EcosystemLayout.js","names":[],"sources":["../../../src/components/Ecosystem/EcosystemLayout.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Tab, Tabs, useMediaQuery, useTheme } from '@mui/material'\nimport Fade from '@mui/material/Fade'\nimport { ReactNode, useState } from 'react'\n\ntype Config = {\n  title: ReactNode\n  content: ReactNode\n}\n\nexport type EcosystemProps = {\n  config: Config[]\n}\n\n/**\n * Layout for the Ecosystem component, which renders tab buttons on the left side and content on the right side.\n * @param props\n * @constructor\n */\nconst EcosystemLayout = (props: EcosystemProps): React.ReactNode => {\n  const [index, setIndex] = useState(0)\n  const { config } = props\n\n  const { breakpoints } = useTheme()\n  const isMobile = useMediaQuery(breakpoints.down('sm'))\n\n  const tabOrientation = isMobile ? 'horizontal' : 'vertical'\n\n  return (\n    <div className=\"Ecosystem\">\n      <Box\n        className=\"control-container\"\n        sx={{\n          display: 'flex',\n          [breakpoints.up('sm')]: { height: '450px' },\n          [breakpoints.down('sm')]: { flexDirection: 'column' },\n        }}\n      >\n        <Tabs\n          className=\"button-container\"\n          value={index}\n          onChange={(_, newIndex) => setIndex(newIndex)}\n          orientation={tabOrientation}\n          variant=\"scrollable\"\n          scrollButtons={'auto'}\n          allowScrollButtonsMobile\n          sx={theme => ({\n            [theme.breakpoints.up('sm')]: {\n              borderRight: '2px solid #dcdcdc',\n            },\n          })}\n        >\n          {config.map((el, curIndex) => {\n            const { title } = el\n            return <Tab label={title} key={curIndex} />\n          })}\n          {!isMobile && <div className=\"flex-spacer\" />}\n        </Tabs>\n        <div className=\"content-container\">\n          {config.map((el, curIndex) => {\n            return (\n              <Fade key={curIndex} in={index === curIndex}>\n                <span className={index === curIndex ? '' : 'SRC-hidden'}>\n                  {el.content}\n                </span>\n              </Fade>\n            )\n          })}\n        </div>\n      </Box>\n    </div>\n  )\n}\n\nexport default EcosystemLayout\n"],"mappings":";;;;;AAmBA,IAAM,KAAmB,MAA2C;CAClE,IAAM,CAAC,GAAO,KAAY,EAAS,EAAE,EAC/B,EAAE,cAAW,GAEb,EAAE,mBAAgB,GAAU,EAC5B,IAAW,EAAc,EAAY,KAAK,KAAK,CAAC,EAEhD,IAAiB,IAAW,eAAe;AAEjD,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,WAAU;GACV,IAAI;IACF,SAAS;KACR,EAAY,GAAG,KAAK,GAAG,EAAE,QAAQ,SAAS;KAC1C,EAAY,KAAK,KAAK,GAAG,EAAE,eAAe,UAAU;IACtD;aANH,CAQE,kBAAC,GAAD;IACE,WAAU;IACV,OAAO;IACP,WAAW,GAAG,MAAa,EAAS,EAAS;IAC7C,aAAa;IACb,SAAQ;IACR,eAAe;IACf,0BAAA;IACA,KAAI,OAAU,GACX,EAAM,YAAY,GAAG,KAAK,GAAG,EAC5B,aAAa,qBACd,EACF;cAZH,CAcG,EAAO,KAAK,GAAI,MAAa;KAC5B,IAAM,EAAE,aAAU;AAClB,YAAO,kBAAC,GAAD,EAAK,OAAO,GAAwB,EAAZ,EAAY;MAC3C,EACD,CAAC,KAAY,kBAAC,OAAD,EAAK,WAAU,eAAgB,CAAA,CACxC;OACP,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAO,KAAK,GAAI,MAEb,kBAAC,GAAD;KAAqB,IAAI,MAAU;eACjC,kBAAC,QAAD;MAAM,WAAW,MAAU,IAAW,KAAK;gBACxC,EAAG;MACC,CAAA;KACF,EAJI,EAIJ,CAET;IACE,CAAA,CACF;;EACF,CAAA"}
+{"version":3,"file":"EcosystemLayout.js","names":[],"sources":["../../../src/components/Ecosystem/EcosystemLayout.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Tab, Tabs, useMediaQuery, useTheme } from '@mui/material'\nimport Fade from '@mui/material/Fade'\nimport { ReactNode, useState } from 'react'\n\ntype Config = {\n  title: ReactNode\n  content: ReactNode\n}\n\nexport type EcosystemProps = {\n  config: Config[]\n}\n\n/**\n * Layout for the Ecosystem component, which renders tab buttons on the left side and content on the right side.\n * @param props\n * @constructor\n */\nconst EcosystemLayout = (props: EcosystemProps): React.ReactNode => {\n  const [index, setIndex] = useState(0)\n  const { config } = props\n\n  const { breakpoints } = useTheme()\n  const isMobile = useMediaQuery(breakpoints.down('sm'))\n\n  const tabOrientation = isMobile ? 'horizontal' : 'vertical'\n\n  return (\n    <div className=\"Ecosystem\">\n      <Box\n        className=\"control-container\"\n        sx={{\n          display: 'flex',\n          [breakpoints.up('sm')]: { height: '450px' },\n          [breakpoints.down('sm')]: { flexDirection: 'column' },\n        }}\n      >\n        <Tabs\n          className=\"button-container\"\n          value={index}\n          onChange={(_, newIndex) => setIndex(newIndex)}\n          orientation={tabOrientation}\n          variant=\"scrollable\"\n          scrollButtons={'auto'}\n          allowScrollButtonsMobile\n          sx={theme => ({\n            [theme.breakpoints.up('sm')]: {\n              borderRight: '2px solid #dcdcdc',\n            },\n          })}\n        >\n          {config.map((el, curIndex) => {\n            const { title } = el\n            return <Tab label={title} key={curIndex} />\n          })}\n          {!isMobile && <div className=\"flex-spacer\" />}\n        </Tabs>\n        <div className=\"content-container\">\n          {config.map((el, curIndex) => {\n            return (\n              <Fade key={curIndex} in={index === curIndex}>\n                <span className={index === curIndex ? '' : 'SRC-hidden'}>\n                  {el.content}\n                </span>\n              </Fade>\n            )\n          })}\n        </div>\n      </Box>\n    </div>\n  )\n}\n\nexport default EcosystemLayout\n"],"mappings":";;;;;AAmBA,IAAM,KAAmB,MAA2C;CAClE,IAAM,CAAC,GAAO,KAAY,EAAS,CAAC,GAC9B,EAAE,cAAW,GAEb,EAAE,mBAAgB,EAAS,GAC3B,IAAW,EAAc,EAAY,KAAK,IAAI,CAAC,GAE/C,IAAiB,IAAW,eAAe;CAEjD,OACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,WAAU;GACV,IAAI;IACF,SAAS;KACR,EAAY,GAAG,IAAI,IAAI,EAAE,QAAQ,QAAQ;KACzC,EAAY,KAAK,IAAI,IAAI,EAAE,eAAe,SAAS;GACtD;aANF,CAQE,kBAAC,GAAD;IACE,WAAU;IACV,OAAO;IACP,WAAW,GAAG,MAAa,EAAS,CAAQ;IAC5C,aAAa;IACb,SAAQ;IACR,eAAe;IACf,0BAAA;IACA,KAAI,OAAU,GACX,EAAM,YAAY,GAAG,IAAI,IAAI,EAC5B,aAAa,oBACf,EACF;cAZF,CAcG,EAAO,KAAK,GAAI,MAAa;KAC5B,IAAM,EAAE,aAAU;KAClB,OAAO,kBAAC,GAAD,EAAK,OAAO,EAAuB,GAAX,CAAW;IAC5C,CAAC,GACA,CAAC,KAAY,kBAAC,OAAD,EAAK,WAAU,cAAe,CAAA,CACxC;OACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAO,KAAK,GAAI,MAEb,kBAAC,GAAD;KAAqB,IAAI,MAAU;eACjC,kBAAC,QAAD;MAAM,WAAW,MAAU,IAAW,KAAK;gBACxC,EAAG;KACA,CAAA;IACF,GAJK,CAIL,CAET;GACE,CAAA,CACF;;CACF,CAAA;AAET"}

package/dist/components/Ecosystem/EcosystemSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"EcosystemSkeleton.js","names":[],"sources":["../../../src/components/Ecosystem/EcosystemSkeleton.tsx"],"sourcesContent":["import EcosystemLayout from '@/components/Ecosystem/EcosystemLayout'\nimport { SkeletonParagraph } from '@/components/index'\nimport { Stack } from '@mui/material'\nimport Skeleton from '@mui/material/Skeleton'\n\nfunction EcosystemSkeleton() {\n  const skeletonTitle = <Skeleton width={'80%'} />\n  const skeletonContent = (\n    <Stack gap={2} py={2}>\n      <SkeletonParagraph />\n      <SkeletonParagraph />\n      <SkeletonParagraph />\n    </Stack>\n  )\n  return (\n    <EcosystemLayout\n      config={[\n        { title: skeletonTitle, content: skeletonContent },\n        { title: skeletonTitle, content: skeletonContent },\n        { title: skeletonTitle, content: skeletonContent },\n      ]}\n    />\n  )\n}\n\nexport default EcosystemSkeleton\n"],"mappings":";;;;;;;AAKA,SAAS,IAAoB;CAC3B,IAAM,IAAgB,kBAAC,GAAD,EAAU,OAAO,OAAS,CAAA,EAC1C,IACJ,kBAAC,GAAD;EAAO,KAAK;EAAG,IAAI;YAAnB;GACE,kBAAC,GAAD,EAAqB,CAAA;GACrB,kBAAC,GAAD,EAAqB,CAAA;GACrB,kBAAC,GAAD,EAAqB,CAAA;GACf;;AAEV,QACE,kBAAC,GAAD,EACE,QAAQ;EACN;GAAE,OAAO;GAAe,SAAS;GAAiB;EAClD;GAAE,OAAO;GAAe,SAAS;GAAiB;EAClD;GAAE,OAAO;GAAe,SAAS;GAAiB;EACnD,EACD,CAAA"}
+{"version":3,"file":"EcosystemSkeleton.js","names":[],"sources":["../../../src/components/Ecosystem/EcosystemSkeleton.tsx"],"sourcesContent":["import EcosystemLayout from '@/components/Ecosystem/EcosystemLayout'\nimport { SkeletonParagraph } from '@/components/index'\nimport { Stack } from '@mui/material'\nimport Skeleton from '@mui/material/Skeleton'\n\nfunction EcosystemSkeleton() {\n  const skeletonTitle = <Skeleton width={'80%'} />\n  const skeletonContent = (\n    <Stack gap={2} py={2}>\n      <SkeletonParagraph />\n      <SkeletonParagraph />\n      <SkeletonParagraph />\n    </Stack>\n  )\n  return (\n    <EcosystemLayout\n      config={[\n        { title: skeletonTitle, content: skeletonContent },\n        { title: skeletonTitle, content: skeletonContent },\n        { title: skeletonTitle, content: skeletonContent },\n      ]}\n    />\n  )\n}\n\nexport default EcosystemSkeleton\n"],"mappings":";;;;;;;AAKA,SAAS,IAAoB;CAC3B,IAAM,IAAgB,kBAAC,GAAD,EAAU,OAAO,MAAQ,CAAA,GACzC,IACJ,kBAAC,GAAD;EAAO,KAAK;EAAG,IAAI;YAAnB;GACE,kBAAC,GAAD,CAAoB,CAAA;GACpB,kBAAC,GAAD,CAAoB,CAAA;GACpB,kBAAC,GAAD,CAAoB,CAAA;EACf;;CAET,OACE,kBAAC,GAAD,EACE,QAAQ;EACN;GAAE,OAAO;GAAe,SAAS;EAAgB;EACjD;GAAE,OAAO;GAAe,SAAS;EAAgB;EACjD;GAAE,OAAO;GAAe,SAAS;EAAgB;CACnD,EACD,CAAA;AAEL"}

package/dist/components/Ecosystem/TableQueryEcosystem.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableQueryEcosystem.js","names":[],"sources":["../../../src/components/Ecosystem/TableQueryEcosystem.tsx"],"sourcesContent":["import EcosystemCard from '@/components/Ecosystem/EcosystemCard'\nimport EcosystemSkeleton from '@/components/Ecosystem/EcosystemSkeleton'\nimport { Markdown } from '@/components/Markdown/MarkdownSynapse'\nimport { ImageFileHandle } from '@/components/widgets/ImageFileHandle'\nimport { useGetFullTableQueryResults } from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport {\n  getColumnIndex,\n  parseEntityIdFromSqlStatement,\n} from '@/utils/functions/index'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { Alert, Stack } from '@mui/material'\nimport {\n  FileHandleAssociateType,\n  Query,\n  Row,\n  SelectColumn,\n} from '@sage-bionetworks/synapse-types'\nimport uniq from 'lodash-es/uniq'\nimport { ReactNode } from 'react'\nimport EcosystemLayout from './EcosystemLayout'\n\n/* The column names expected to be found in the table */\nconst COLUMN_NAMES = {\n  RESOURCE_CATEGORY: 'resourcecategory',\n  RESOURCE_NAME: 'resourcename',\n  RESOURCE_DESCRIPTION: 'resourcedescription',\n  RESOURCE_URL: 'resourceurl',\n  RESOURCE_ICON_IMAGE: 'resourceiconimage',\n}\n\ntype TableQueryEcosystemCardProps = {\n  /** The row data to display*/\n  row: Row\n  /** The headers (select columns) of the table query result */\n  headers: SelectColumn[]\n  /** The entity ID of the table */\n  tableEntityId: string\n}\n\n/**\n * Maps a table query result row to an EcosystemCard.\n */\nfunction TableQueryEcosystemCard(props: TableQueryEcosystemCardProps) {\n  const { row, headers, tableEntityId } = props\n  const resourceNameColumnIndex = getColumnIndex(\n    COLUMN_NAMES.RESOURCE_NAME,\n    headers,\n  )!\n  const resourceName = row.values[resourceNameColumnIndex]!\n\n  const resourceUrlColumnIndex = getColumnIndex(\n    COLUMN_NAMES.RESOURCE_URL,\n    headers,\n  )!\n  const resourceUrl = row.values[resourceUrlColumnIndex]!\n\n  const resourceDescriptionColumnIndex = getColumnIndex(\n    COLUMN_NAMES.RESOURCE_DESCRIPTION,\n    headers,\n  )!\n  const resourceDescriptionMarkdown =\n    row.values[resourceDescriptionColumnIndex]!\n\n  let iconElement: ReactNode = null\n\n  const resourceIconImageColumnIndex = getColumnIndex(\n    COLUMN_NAMES.RESOURCE_ICON_IMAGE,\n    headers,\n  )\n\n  if (resourceIconImageColumnIndex) {\n    const resourceIconFileHandleId = row.values[resourceIconImageColumnIndex]\n    if (resourceIconFileHandleId) {\n      iconElement = (\n        <ImageFileHandle\n          fileHandleAssociation={{\n            fileHandleId: resourceIconFileHandleId,\n            associateObjectId: tableEntityId,\n            associateObjectType: FileHandleAssociateType.TableEntity,\n          }}\n        />\n      )\n    }\n  }\n\n  return (\n    <EcosystemCard\n      title={resourceName}\n      titleUrl={resourceUrl}\n      description={<Markdown markdown={resourceDescriptionMarkdown} />}\n      image={iconElement}\n    />\n  )\n}\n\nexport type TableQueryEcosystemProps = {\n  /** The Synapse table query to execute to populate the Ecosystem component */\n  query: Query\n}\n\n/**\n * The Ecosystem component driven by the results of a Synapse table query.\n * @constructor\n */\nfunction TableQueryEcosystem(props: TableQueryEcosystemProps) {\n  const { query } = props\n  const tableEntityId = parseEntityIdFromSqlStatement(query.sql)\n  const { data, isLoading, error } = useGetFullTableQueryResults({\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId: tableEntityId,\n    query,\n    partMask: BUNDLE_MASK_QUERY_RESULTS,\n  })\n\n  if (!data?.queryResult) {\n    if (isLoading) {\n      return <EcosystemSkeleton />\n    }\n    if (error) {\n      return (\n        <Alert color={'error'}>\n          Error loading Ecosystem data: {error.message}\n        </Alert>\n      )\n    }\n    return null\n  }\n\n  const RESOURCE_CATEGORY_COLUMN_INDEX = getColumnIndex(\n    COLUMN_NAMES.RESOURCE_CATEGORY,\n    data.queryResult.queryResults.headers,\n  )!\n\n  // Get the distinct categories\n  const categories: string[] = uniq(\n    data.queryResult.queryResults.rows\n      .map(row => row.values[RESOURCE_CATEGORY_COLUMN_INDEX])\n      .filter((s): s is string => !!s), // Remove null values\n  )\n\n  // Create the content for each category and return it in the expected format for the Ecosystem component\n  const config = categories.map(category => {\n    const rowsForCategory = data.queryResult!.queryResults.rows.filter(\n      row => row.values[RESOURCE_CATEGORY_COLUMN_INDEX] === category,\n    )\n\n    return {\n      title: category,\n      content: (\n        <Stack>\n          {rowsForCategory.map(row => (\n            <TableQueryEcosystemCard\n              key={row.values.join('-')}\n              row={row}\n              headers={data.queryResult!.queryResults.headers}\n              tableEntityId={tableEntityId}\n            />\n          ))}\n        </Stack>\n      ),\n    }\n  })\n\n  return <EcosystemLayout config={config} />\n}\n\nexport default TableQueryEcosystem\n"],"mappings":";;;;;;;;;;;;;;AAsBA,IAAM,IAAe;CACnB,mBAAmB;CACnB,eAAe;CACf,sBAAsB;CACtB,cAAc;CACd,qBAAqB;CACtB;AAcD,SAAS,EAAwB,GAAqC;CACpE,IAAM,EAAE,QAAK,YAAS,qBAAkB,GAClC,IAA0B,EAC9B,EAAa,eACb,EACD,EACK,IAAe,EAAI,OAAO,IAE1B,IAAyB,EAC7B,EAAa,cACb,EACD,EACK,IAAc,EAAI,OAAO,IAEzB,IAAiC,EACrC,EAAa,sBACb,EACD,EACK,IACJ,EAAI,OAAO,IAET,IAAyB,MAEvB,IAA+B,EACnC,EAAa,qBACb,EACD;AAED,KAAI,GAA8B;EAChC,IAAM,IAA2B,EAAI,OAAO;AAC5C,EAAI,MACF,IACE,kBAAC,GAAD,EACE,uBAAuB;GACrB,cAAc;GACd,mBAAmB;GACnB,qBAAqB,EAAwB;GAC9C,EACD,CAAA;;AAKR,QACE,kBAAC,GAAD;EACE,OAAO;EACP,UAAU;EACV,aAAa,kBAAC,GAAD,EAAU,UAAU,GAA+B,CAAA;EAChE,OAAO;EACP,CAAA;;AAaN,SAAS,EAAoB,GAAiC;CAC5D,IAAM,EAAE,aAAU,GACZ,IAAgB,EAA8B,EAAM,IAAI,EACxD,EAAE,SAAM,cAAW,aAAU,EAA4B;EAC7D,cAAc;EACd,UAAU;EACV;EACA,UAAA;EACD,CAAC;AAEF,KAAI,CAAC,GAAM,YAWT,QAVI,IACK,kBAAC,GAAD,EAAqB,CAAA,GAE1B,IAEA,kBAAC,GAAD;EAAO,OAAO;YAAd,CAAuB,kCACU,EAAM,QAC/B;MAGL;CAGT,IAAM,IAAiC,EACrC,EAAa,mBACb,EAAK,YAAY,aAAa,QAC/B;AAgCD,QAAO,kBAAC,GAAD,EAAyB,QA7BH,EAC3B,EAAK,YAAY,aAAa,KAC3B,KAAI,MAAO,EAAI,OAAO,GAAgC,CACtD,QAAQ,MAAmB,CAAC,CAAC,EAAE,CAIrB,CAAW,KAAI,OAKrB;EACL,OAAO;EACP,SACE,kBAAC,GAAD,EAAA,UAPoB,EAAK,YAAa,aAAa,KAAK,QAC1D,MAAO,EAAI,OAAO,OAAoC,EAOjD,CAAgB,KAAI,MACnB,kBAAC,GAAD;GAEO;GACL,SAAS,EAAK,YAAa,aAAa;GACzB;GACf,EAJK,EAAI,OAAO,KAAK,IAAI,CAIzB,CACF,EACI,CAAA;EAEX,EAG6B,EAAU,CAAA"}
+{"version":3,"file":"TableQueryEcosystem.js","names":[],"sources":["../../../src/components/Ecosystem/TableQueryEcosystem.tsx"],"sourcesContent":["import EcosystemCard from '@/components/Ecosystem/EcosystemCard'\nimport EcosystemSkeleton from '@/components/Ecosystem/EcosystemSkeleton'\nimport { Markdown } from '@/components/Markdown/MarkdownSynapse'\nimport { ImageFileHandle } from '@/components/widgets/ImageFileHandle'\nimport { useGetFullTableQueryResults } from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport {\n  getColumnIndex,\n  parseEntityIdFromSqlStatement,\n} from '@/utils/functions/index'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { Alert, Stack } from '@mui/material'\nimport {\n  FileHandleAssociateType,\n  Query,\n  Row,\n  SelectColumn,\n} from '@sage-bionetworks/synapse-types'\nimport uniq from 'lodash-es/uniq'\nimport { ReactNode } from 'react'\nimport EcosystemLayout from './EcosystemLayout'\n\n/* The column names expected to be found in the table */\nconst COLUMN_NAMES = {\n  RESOURCE_CATEGORY: 'resourcecategory',\n  RESOURCE_NAME: 'resourcename',\n  RESOURCE_DESCRIPTION: 'resourcedescription',\n  RESOURCE_URL: 'resourceurl',\n  RESOURCE_ICON_IMAGE: 'resourceiconimage',\n}\n\ntype TableQueryEcosystemCardProps = {\n  /** The row data to display*/\n  row: Row\n  /** The headers (select columns) of the table query result */\n  headers: SelectColumn[]\n  /** The entity ID of the table */\n  tableEntityId: string\n}\n\n/**\n * Maps a table query result row to an EcosystemCard.\n */\nfunction TableQueryEcosystemCard(props: TableQueryEcosystemCardProps) {\n  const { row, headers, tableEntityId } = props\n  const resourceNameColumnIndex = getColumnIndex(\n    COLUMN_NAMES.RESOURCE_NAME,\n    headers,\n  )!\n  const resourceName = row.values[resourceNameColumnIndex]!\n\n  const resourceUrlColumnIndex = getColumnIndex(\n    COLUMN_NAMES.RESOURCE_URL,\n    headers,\n  )!\n  const resourceUrl = row.values[resourceUrlColumnIndex]!\n\n  const resourceDescriptionColumnIndex = getColumnIndex(\n    COLUMN_NAMES.RESOURCE_DESCRIPTION,\n    headers,\n  )!\n  const resourceDescriptionMarkdown =\n    row.values[resourceDescriptionColumnIndex]!\n\n  let iconElement: ReactNode = null\n\n  const resourceIconImageColumnIndex = getColumnIndex(\n    COLUMN_NAMES.RESOURCE_ICON_IMAGE,\n    headers,\n  )\n\n  if (resourceIconImageColumnIndex) {\n    const resourceIconFileHandleId = row.values[resourceIconImageColumnIndex]\n    if (resourceIconFileHandleId) {\n      iconElement = (\n        <ImageFileHandle\n          fileHandleAssociation={{\n            fileHandleId: resourceIconFileHandleId,\n            associateObjectId: tableEntityId,\n            associateObjectType: FileHandleAssociateType.TableEntity,\n          }}\n        />\n      )\n    }\n  }\n\n  return (\n    <EcosystemCard\n      title={resourceName}\n      titleUrl={resourceUrl}\n      description={<Markdown markdown={resourceDescriptionMarkdown} />}\n      image={iconElement}\n    />\n  )\n}\n\nexport type TableQueryEcosystemProps = {\n  /** The Synapse table query to execute to populate the Ecosystem component */\n  query: Query\n}\n\n/**\n * The Ecosystem component driven by the results of a Synapse table query.\n * @constructor\n */\nfunction TableQueryEcosystem(props: TableQueryEcosystemProps) {\n  const { query } = props\n  const tableEntityId = parseEntityIdFromSqlStatement(query.sql)\n  const { data, isLoading, error } = useGetFullTableQueryResults({\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId: tableEntityId,\n    query,\n    partMask: BUNDLE_MASK_QUERY_RESULTS,\n  })\n\n  if (!data?.queryResult) {\n    if (isLoading) {\n      return <EcosystemSkeleton />\n    }\n    if (error) {\n      return (\n        <Alert color={'error'}>\n          Error loading Ecosystem data: {error.message}\n        </Alert>\n      )\n    }\n    return null\n  }\n\n  const RESOURCE_CATEGORY_COLUMN_INDEX = getColumnIndex(\n    COLUMN_NAMES.RESOURCE_CATEGORY,\n    data.queryResult.queryResults.headers,\n  )!\n\n  // Get the distinct categories\n  const categories: string[] = uniq(\n    data.queryResult.queryResults.rows\n      .map(row => row.values[RESOURCE_CATEGORY_COLUMN_INDEX])\n      .filter((s): s is string => !!s), // Remove null values\n  )\n\n  // Create the content for each category and return it in the expected format for the Ecosystem component\n  const config = categories.map(category => {\n    const rowsForCategory = data.queryResult!.queryResults.rows.filter(\n      row => row.values[RESOURCE_CATEGORY_COLUMN_INDEX] === category,\n    )\n\n    return {\n      title: category,\n      content: (\n        <Stack>\n          {rowsForCategory.map(row => (\n            <TableQueryEcosystemCard\n              key={row.values.join('-')}\n              row={row}\n              headers={data.queryResult!.queryResults.headers}\n              tableEntityId={tableEntityId}\n            />\n          ))}\n        </Stack>\n      ),\n    }\n  })\n\n  return <EcosystemLayout config={config} />\n}\n\nexport default TableQueryEcosystem\n"],"mappings":";;;;;;;;;;;;;;AAsBA,IAAM,IAAe;CACnB,mBAAmB;CACnB,eAAe;CACf,sBAAsB;CACtB,cAAc;CACd,qBAAqB;AACvB;AAcA,SAAS,EAAwB,GAAqC;CACpE,IAAM,EAAE,QAAK,YAAS,qBAAkB,GAClC,IAA0B,EAC9B,EAAa,eACb,CACF,GACM,IAAe,EAAI,OAAO,IAE1B,IAAyB,EAC7B,EAAa,cACb,CACF,GACM,IAAc,EAAI,OAAO,IAEzB,IAAiC,EACrC,EAAa,sBACb,CACF,GACM,IACJ,EAAI,OAAO,IAET,IAAyB,MAEvB,IAA+B,EACnC,EAAa,qBACb,CACF;CAEA,IAAI,GAA8B;EAChC,IAAM,IAA2B,EAAI,OAAO;EAC5C,AAAI,MACF,IACE,kBAAC,GAAD,EACE,uBAAuB;GACrB,cAAc;GACd,mBAAmB;GACnB,qBAAqB,EAAwB;EAC/C,EACD,CAAA;CAGP;CAEA,OACE,kBAAC,GAAD;EACE,OAAO;EACP,UAAU;EACV,aAAa,kBAAC,GAAD,EAAU,UAAU,EAA8B,CAAA;EAC/D,OAAO;CACR,CAAA;AAEL;AAWA,SAAS,EAAoB,GAAiC;CAC5D,IAAM,EAAE,aAAU,GACZ,IAAgB,EAA8B,EAAM,GAAG,GACvD,EAAE,SAAM,cAAW,aAAU,EAA4B;EAC7D,cAAc;EACd,UAAU;EACV;EACA,UAAA;CACF,CAAC;CAED,IAAI,CAAC,GAAM,aAWT,OAVI,IACK,kBAAC,GAAD,CAAoB,CAAA,IAEzB,IAEA,kBAAC,GAAD;EAAO,OAAO;YAAd,CAAuB,kCACU,EAAM,OAChC;MAGJ;CAGT,IAAM,IAAiC,EACrC,EAAa,mBACb,EAAK,YAAY,aAAa,OAChC;CAgCA,OAAO,kBAAC,GAAD,EAAyB,QA7BH,EAC3B,EAAK,YAAY,aAAa,KAC3B,KAAI,MAAO,EAAI,OAAO,EAA+B,EACrD,QAAQ,MAAmB,CAAC,CAAC,CAAC,CAIpB,EAAW,KAAI,OAKrB;EACL,OAAO;EACP,SACE,kBAAC,GAAD,EAAA,UAPoB,EAAK,YAAa,aAAa,KAAK,QAC1D,MAAO,EAAI,OAAO,OAAoC,CAOjD,EAAgB,KAAI,MACnB,kBAAC,GAAD;GAEO;GACL,SAAS,EAAK,YAAa,aAAa;GACzB;EAChB,GAJM,EAAI,OAAO,KAAK,GAAG,CAIzB,CACF,EACI,CAAA;CAEX,EAG8B,EAAS,CAAA;AAC3C"}

package/dist/components/EntityAclEditor/CreateOrDeleteLocalSharingSettingsButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateOrDeleteLocalSharingSettingsButton.js","names":[],"sources":["../../../src/components/EntityAclEditor/CreateOrDeleteLocalSharingSettingsButton.tsx"],"sourcesContent":["import { Button, Typography } from '@mui/material'\nimport IconSvg from '../IconSvg'\n\nexport const CREATE_LOCAL_SHARING_SETTINGS = 'Create local sharing settings'\nexport const DELETE_LOCAL_SHARING_SETTINGS = 'Delete local sharing settings'\n\ntype CreateOrDeleteLocalSharingSettingsButtonProps = {\n  isInherited: boolean\n  setIsInherited: (isInherited: boolean) => void\n}\n\nexport function CreateOrDeleteLocalSharingSettingsButton(\n  props: CreateOrDeleteLocalSharingSettingsButtonProps,\n) {\n  const { isInherited, setIsInherited } = props\n\n  if (!isInherited) {\n    return (\n      <div>\n        <Typography\n          variant={'body1'}\n          sx={{\n            mt: 2,\n            mb: 1,\n          }}\n        >\n          The sharing settings will be inherited from the parent folder or\n          project if local sharing settings are deleted.\n        </Typography>\n        <Button\n          variant={'outlined'}\n          size={'small'}\n          color={'error'}\n          onClick={() => setIsInherited(true)}\n        >\n          {DELETE_LOCAL_SHARING_SETTINGS}\n        </Button>\n      </div>\n    )\n  }\n  return (\n    <div>\n      <Typography\n        variant={'body1'}\n        sx={{\n          mt: 2,\n          mb: 1,\n        }}\n      >\n        Sharing settings are initially inherited from the parent folder or\n        project by default. To customize settings for a specific file, folder,\n        or table, you must create and adjust local sharing settings.\n      </Typography>\n      <Button\n        variant={'contained'}\n        size={'small'}\n        color={'success'}\n        startIcon={<IconSvg icon={'add'} wrap={false} />}\n        onClick={() => setIsInherited(false)}\n      >\n        {CREATE_LOCAL_SHARING_SETTINGS}\n      </Button>\n    </div>\n  )\n}\n"],"mappings":";;;;AAGA,IAAa,IAAgC,iCAChC,IAAgC;AAO7C,SAAgB,EACd,GACA;CACA,IAAM,EAAE,gBAAa,sBAAmB;AA0BxC,QAxBK,IAyBH,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,SAAS;EACT,IAAI;GACF,IAAI;GACJ,IAAI;GACL;YACF;EAIY,CAAA,EACb,kBAAC,GAAD;EACE,SAAS;EACT,MAAM;EACN,OAAO;EACP,WAAW,kBAAC,GAAD;GAAS,MAAM;GAAO,MAAM;GAAS,CAAA;EAChD,eAAe,EAAe,GAAM;YAEnC;EACM,CAAA,CACL,EAAA,CAAA,GA5CJ,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,SAAS;EACT,IAAI;GACF,IAAI;GACJ,IAAI;GACL;YACF;EAGY,CAAA,EACb,kBAAC,GAAD;EACE,SAAS;EACT,MAAM;EACN,OAAO;EACP,eAAe,EAAe,GAAK;YAElC;EACM,CAAA,CACL,EAAA,CAAA"}
+{"version":3,"file":"CreateOrDeleteLocalSharingSettingsButton.js","names":[],"sources":["../../../src/components/EntityAclEditor/CreateOrDeleteLocalSharingSettingsButton.tsx"],"sourcesContent":["import { Button, Typography } from '@mui/material'\nimport IconSvg from '../IconSvg'\n\nexport const CREATE_LOCAL_SHARING_SETTINGS = 'Create local sharing settings'\nexport const DELETE_LOCAL_SHARING_SETTINGS = 'Delete local sharing settings'\n\ntype CreateOrDeleteLocalSharingSettingsButtonProps = {\n  isInherited: boolean\n  setIsInherited: (isInherited: boolean) => void\n}\n\nexport function CreateOrDeleteLocalSharingSettingsButton(\n  props: CreateOrDeleteLocalSharingSettingsButtonProps,\n) {\n  const { isInherited, setIsInherited } = props\n\n  if (!isInherited) {\n    return (\n      <div>\n        <Typography\n          variant={'body1'}\n          sx={{\n            mt: 2,\n            mb: 1,\n          }}\n        >\n          The sharing settings will be inherited from the parent folder or\n          project if local sharing settings are deleted.\n        </Typography>\n        <Button\n          variant={'outlined'}\n          size={'small'}\n          color={'error'}\n          onClick={() => setIsInherited(true)}\n        >\n          {DELETE_LOCAL_SHARING_SETTINGS}\n        </Button>\n      </div>\n    )\n  }\n  return (\n    <div>\n      <Typography\n        variant={'body1'}\n        sx={{\n          mt: 2,\n          mb: 1,\n        }}\n      >\n        Sharing settings are initially inherited from the parent folder or\n        project by default. To customize settings for a specific file, folder,\n        or table, you must create and adjust local sharing settings.\n      </Typography>\n      <Button\n        variant={'contained'}\n        size={'small'}\n        color={'success'}\n        startIcon={<IconSvg icon={'add'} wrap={false} />}\n        onClick={() => setIsInherited(false)}\n      >\n        {CREATE_LOCAL_SHARING_SETTINGS}\n      </Button>\n    </div>\n  )\n}\n"],"mappings":";;;;AAGA,IAAa,IAAgC,iCAChC,IAAgC;AAO7C,SAAgB,EACd,GACA;CACA,IAAM,EAAE,gBAAa,sBAAmB;CA0BxC,OAxBK,IAyBH,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,SAAS;EACT,IAAI;GACF,IAAI;GACJ,IAAI;EACN;YACD;CAIW,CAAA,GACZ,kBAAC,GAAD;EACE,SAAS;EACT,MAAM;EACN,OAAO;EACP,WAAW,kBAAC,GAAD;GAAS,MAAM;GAAO,MAAM;EAAQ,CAAA;EAC/C,eAAe,EAAe,EAAK;YAElC;CACK,CAAA,CACL,EAAA,CAAA,IA5CH,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,SAAS;EACT,IAAI;GACF,IAAI;GACJ,IAAI;EACN;YACD;CAGW,CAAA,GACZ,kBAAC,GAAD;EACE,SAAS;EACT,MAAM;EACN,OAAO;EACP,eAAe,EAAe,EAAI;YAEjC;CACK,CAAA,CACL,EAAA,CAAA;AA2BX"}

package/dist/components/EntityAclEditor/EntityAclEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityAclEditor.js","names":[],"sources":["../../../src/components/EntityAclEditor/EntityAclEditor.tsx"],"sourcesContent":["import {\n  useCreateEntityACL,\n  useDeleteEntityACL,\n  useSuspenseGetCurrentUserProfile,\n  useSuspenseGetEntityBenefactorACL,\n  useSuspenseGetEntityBundle,\n  useUpdateEntityACL,\n} from '@/synapse-queries'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\nimport {\n  consolidateResourceAccessList,\n  isEntityPublic,\n  resourceAccessListIsEqual,\n} from '@/utils/functions/AccessControlListUtils'\nimport { getPrincipalDisplayName } from '@/utils/functions/getPrincipalDisplayName'\nimport { entityTypeToFriendlyName } from '@/utils/functions/EntityTypeUtils'\nimport {\n  getAccessTypeFromPermissionLevel,\n  PermissionLevel,\n  permissionLevelToLabel,\n} from '@/utils/PermissionLevelToAccessType'\nimport { SYNAPSE_DOCS_SHARING_SETTINGS_PERMISSIONS_CONDITIONS_FOR_USE_URL } from '@/utils/SynapseConstants'\nimport { Alert, Link, Stack } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  ALL_ENTITY_BUNDLE_FIELDS,\n  ResourceAccess,\n  UserProfile,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  ForwardedRef,\n  forwardRef,\n  Suspense,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { AclEditor, AclEditorProps } from '../AclEditor/AclEditor'\nimport { AclEditorSkeleton } from '../AclEditor/AclEditorSkeleton'\nimport useUpdateAcl from '../AclEditor/useUpdateAcl'\nimport { SynapseErrorBoundary } from '../error'\nimport FullWidthAlert from '../FullWidthAlert'\nimport { CreateOrDeleteLocalSharingSettingsButton } from './CreateOrDeleteLocalSharingSettingsButton'\nimport { InheritanceMessage } from './InheritanceMessage'\nimport OpenData from './OpenData'\nimport useNotifyNewACLUsers from './useNotifyNewACLUsers'\n\nconst availablePermissionLevels: PermissionLevel[] = [\n  'CAN_VIEW',\n  'CAN_DOWNLOAD',\n  'CAN_EDIT',\n  'CAN_EDIT_DELETE',\n  'CAN_ADMINISTER',\n]\n\nexport type EntityAclEditorProps = {\n  /** The ID of the entity on which to view/edit the ACL. Note that the ACL may actually belong to an entity ancestor (benefactor). */\n  entityId: string\n  /** Invoked when the user can/cannot save the pending changes. */\n  onCanSaveChange: (canSaveChanges: boolean) => void\n  /** Invoked when changes are successfully made. */\n  onUpdateSuccess: () => void\n  /** Special case to show specific copy and allow changes to an inherited ACL immediately after a file is uploaded.\n   *  Note that if this is true, the entityId should be the ID of the folder or project that is the benefactor of the newly uploaded file(s)\n   * @defaultValue false */\n  isAfterUpload?: boolean\n}\n\nexport type EntityAclEditorHandle = {\n  save: () => void\n}\n\nfunction getSubject(entityName: string) {\n  return `${entityName} (shared on Synapse)`\n}\n\nfunction getBody(profile: UserProfile, entityId: string) {\n  return `${getPrincipalDisplayName(\n    {\n      userName: profile.userName ?? '',\n      firstName: profile.firstName,\n      lastName: profile.lastName,\n    },\n    { showFullName: true, showUsername: false },\n  )} has shared an item with you on Synapse:\\n${getEndpoint(\n    BackendDestinationEnum.PORTAL_ENDPOINT,\n  )}Synapse:${entityId}`\n}\n\nfunction getCanEditResourceAccess(\n  canEdit: boolean,\n  isInherited: boolean,\n  ownProfile: UserProfile,\n  publicGroupId: string | undefined,\n): AclEditorProps['canEdit'] {\n  if (!canEdit || isInherited) {\n    return false\n  }\n  return (resourceAccess: ResourceAccess): boolean => {\n    // Users cannot change their own permissions\n    const isSelf = ownProfile.ownerId === String(resourceAccess.principalId)\n    // Users cannot change permission level for the public group, only add/remove it.\n    // To give the public group DOWNLOAD access, ACT must mark it as anonymous access.\n    const isPublicGroup =\n      publicGroupId !== undefined &&\n      String(resourceAccess.principalId) === publicGroupId\n    if (isSelf || isPublicGroup) {\n      return false\n    }\n    return true\n  }\n}\n\nfunction getCanDeleteResourceAccess(\n  canEdit: boolean,\n  isInherited: boolean,\n  ownProfile: UserProfile,\n): AclEditorProps['canRemoveEntry'] {\n  if (!canEdit || isInherited) {\n    return false\n  }\n  return (resourceAccess: ResourceAccess): boolean => {\n    // Users cannot delete their own permissions\n    const isSelf = ownProfile.ownerId === String(resourceAccess.principalId)\n    if (isSelf) {\n      return false\n    }\n    return canEdit\n  }\n}\n\nfunction getDisplayedPermissionLevelOverride(\n  isOpenData: boolean,\n  publicGroupId: string | undefined,\n): AclEditorProps['displayedPermissionLevelOverride'] {\n  return (resourceAccess: ResourceAccess) => {\n    if (\n      publicGroupId !== undefined &&\n      String(resourceAccess.principalId) === publicGroupId\n    ) {\n      return isOpenData\n        ? permissionLevelToLabel['CAN_DOWNLOAD']\n        : permissionLevelToLabel['CAN_VIEW']\n    }\n    return undefined\n  }\n}\n\nconst EntityAclEditor = forwardRef(function EntityAclEditor(\n  props: EntityAclEditorProps,\n  ref: ForwardedRef<EntityAclEditorHandle>,\n) {\n  const {\n    entityId,\n    onCanSaveChange,\n    onUpdateSuccess,\n    isAfterUpload = false,\n  } = props\n\n  const { data: ownProfile } = useSuspenseGetCurrentUserProfile()\n  const { data: realmPrincipals } = useGetRealmPrincipals()\n  const { publicGroup: publicGroupId } = realmPrincipals || {}\n  const { data: entityBundle } = useSuspenseGetEntityBundle(\n    entityId,\n    undefined,\n    ALL_ENTITY_BUNDLE_FIELDS,\n    { staleTime: Infinity },\n  )\n  const isProject = EntityType.project == entityBundle.entityType\n\n  // The parent's benefactor ACL will be shown if the user removes the ACL on the current entity\n  const { data: parentAcl } = useSuspenseGetEntityBenefactorACL(\n    entityBundle.entity.parentId!,\n    {\n      staleTime: Infinity,\n    },\n  )\n\n  const consolidatedOriginalResourceAccess = useMemo(\n    () =>\n      consolidateResourceAccessList(entityBundle.benefactorAcl.resourceAccess),\n    [entityBundle.benefactorAcl.resourceAccess],\n  )\n\n  const parentResourceAccess = useMemo(\n    () => parentAcl?.resourceAccess ?? [],\n    [parentAcl],\n  )\n  const canEdit = entityBundle.permissions.canChangePermissions\n  const isOpenData = entityBundle.permissions.isEntityOpenData\n  const originalIsInherited = !(entityBundle.benefactorAcl.id == entityId)\n  const [updatedIsInherited, setUpdatedIsInherited] =\n    useState(originalIsInherited)\n  const [notifyNewAdditions, setNotifyNewAdditions] = useState(false)\n  const [error, setError] = useState<Error>()\n\n  const {\n    resourceAccessList: updatedResourceAccessList,\n    setResourceAccessList,\n    addResourceAccessItem,\n    updateResourceAccessItem,\n    removeResourceAccessItem,\n    resetDirtyState,\n  } = useUpdateAcl({\n    initialResourceAccessList: consolidatedOriginalResourceAccess,\n  })\n\n  // If `consolidatedOriginalResourceAccess` changes, reset state\n  useEffect(() => {\n    if (consolidatedOriginalResourceAccess) {\n      resetDirtyState()\n      setResourceAccessList([...consolidatedOriginalResourceAccess])\n    }\n  }, [\n    consolidatedOriginalResourceAccess,\n    resetDirtyState,\n    setResourceAccessList,\n  ])\n\n  // If `originalIsInherited` changes, reset state\n  useEffect(() => {\n    resetDirtyState()\n    setUpdatedIsInherited(originalIsInherited)\n  }, [originalIsInherited, resetDirtyState])\n\n  // If the editor toggles the inherited state, reset the resource access list\n  useEffect(() => {\n    if (originalIsInherited == updatedIsInherited) {\n      // The user reverted to the original state (regardless of inherited or not)\n      setResourceAccessList(consolidatedOriginalResourceAccess)\n    } else if (updatedIsInherited) {\n      // The user toggled to inherited, update the resource access list to match the parent\n      setResourceAccessList(parentResourceAccess)\n    } else {\n      // The user toggled to local, no need to update the list (the parent's list is already in the editor)\n    }\n    resetDirtyState()\n  }, [\n    originalIsInherited,\n    consolidatedOriginalResourceAccess,\n    parentResourceAccess,\n    resetDirtyState,\n    setResourceAccessList,\n    updatedIsInherited,\n  ])\n\n  const isPublic = isEntityPublic(\n    updatedResourceAccessList,\n    realmPrincipals ?? {},\n  )\n\n  const {\n    sendNotification,\n    isLoading: isLoadingSendMessageToNewACLUsers,\n    isPending: isPendingSendMessageToNewACLUsers,\n  } = useNotifyNewACLUsers({\n    subject: getSubject(entityBundle.entity.name || ''),\n    body: getBody(ownProfile, entityId),\n    initialResourceAccessList: consolidatedOriginalResourceAccess,\n    newResourceAccessList: updatedResourceAccessList,\n  })\n\n  const mutationOptions = {\n    onSuccess: () => {\n      if (notifyNewAdditions) {\n        sendNotification()\n      }\n      onUpdateSuccess()\n    },\n    onError: (e: Error) => {\n      setError(e)\n    },\n  }\n\n  const { mutate: createAcl, isPending: isPendingCreateAcl } =\n    useCreateEntityACL(mutationOptions)\n  const { mutate: updateAcl, isPending: isPendingUpdateAcl } =\n    useUpdateEntityACL(mutationOptions)\n  const { mutate: deleteAcl, isPending: isPendingDeleteAcl } =\n    useDeleteEntityACL(mutationOptions)\n\n  const isPending =\n    isPendingCreateAcl ||\n    isPendingUpdateAcl ||\n    isPendingDeleteAcl ||\n    isPendingSendMessageToNewACLUsers\n\n  const hasAclChanged = useMemo(() => {\n    return (\n      originalIsInherited != updatedIsInherited ||\n      !resourceAccessListIsEqual(\n        consolidatedOriginalResourceAccess,\n        updatedResourceAccessList,\n      )\n    )\n  }, [\n    consolidatedOriginalResourceAccess,\n    originalIsInherited,\n    updatedIsInherited,\n    updatedResourceAccessList,\n  ])\n\n  const canSave =\n    hasAclChanged || isLoadingSendMessageToNewACLUsers || isPending\n\n  const showInheritedAclUpdateWarning = hasAclChanged && isAfterUpload\n\n  useEffect(() => {\n    onCanSaveChange(canSave)\n  }, [onCanSaveChange, canSave])\n\n  useImperativeHandle(ref, () => {\n    return {\n      save() {\n        if (canSave) {\n          // Check if the inheritance changed; if so, the ACL should be created/deleted\n          if (originalIsInherited != updatedIsInherited) {\n            if (updatedIsInherited) {\n              deleteAcl(entityId)\n            } else {\n              createAcl({\n                id: entityId,\n                resourceAccess: updatedResourceAccessList,\n              })\n            }\n          } else {\n            // Inheritance did not change; update the ACL\n            updateAcl({\n              // ensure we get all fields from the original ACL, including the etag\n              ...entityBundle.accessControlList!,\n              resourceAccess: updatedResourceAccessList,\n            })\n          }\n        } else {\n          console.error('EntityAclEditor: save() called but canSave is false')\n        }\n      },\n    }\n  }, [\n    canSave,\n    createAcl,\n    deleteAcl,\n    entityBundle,\n    entityId,\n    originalIsInherited,\n    updateAcl,\n    updatedIsInherited,\n    updatedResourceAccessList,\n  ])\n\n  return (\n    <Stack\n      sx={{\n        gap: 2,\n      }}\n    >\n      <OpenData\n        isOpenData={isOpenData}\n        isPublic={isPublic}\n        currentUserCanUpdateSharingSettings={canEdit}\n      />\n      <InheritanceMessage\n        isProject={isProject}\n        isInherited={updatedIsInherited}\n        benefactorId={updatedIsInherited ? parentAcl?.id : entityId}\n        isAfterUpload={isAfterUpload}\n      />\n      {showInheritedAclUpdateWarning && (\n        <FullWidthAlert\n          isGlobal={false}\n          variant={'warning'}\n          title={`Edits will affect settings of entire ${entityTypeToFriendlyName(\n            entityBundle?.entityType,\n          ).toLowerCase()}.`}\n          description={\n            <>\n              <p>\n                Editing the settings here will impact the sharing settings for\n                all files and folders within this{' '}\n                {entityTypeToFriendlyName(\n                  entityBundle?.entityType,\n                ).toLowerCase()}\n                , not just the ones you&apos;ve recently uploaded.\n              </p>\n              <p>\n                View the instructions above for setting your{' '}\n                <Link\n                  href={\n                    SYNAPSE_DOCS_SHARING_SETTINGS_PERMISSIONS_CONDITIONS_FOR_USE_URL\n                  }\n                  target={'_blank'}\n                >\n                  Local Sharing Settings\n                </Link>\n                .\n              </p>\n            </>\n          }\n        />\n      )}\n      {/* Create / delete local sharing settings button */}\n      {!isAfterUpload &&\n        !isProject &&\n        entityBundle.permissions.canEnableInheritance && (\n          <CreateOrDeleteLocalSharingSettingsButton\n            isInherited={updatedIsInherited}\n            setIsInherited={setUpdatedIsInherited}\n          />\n        )}\n      {error && <Alert severity=\"error\">{error.message}</Alert>}\n      <AclEditor\n        isInherited={updatedIsInherited}\n        canEdit={getCanEditResourceAccess(\n          canEdit,\n          updatedIsInherited,\n          ownProfile,\n          publicGroupId,\n        )}\n        canRemoveEntry={getCanDeleteResourceAccess(\n          canEdit,\n          updatedIsInherited,\n          ownProfile,\n        )}\n        resourceAccessList={updatedResourceAccessList}\n        availablePermissionLevels={availablePermissionLevels}\n        emptyText={/* This should never happen */ ''}\n        displayedPermissionLevelOverride={getDisplayedPermissionLevelOverride(\n          isOpenData,\n          publicGroupId,\n        )}\n        onAddPrincipalToAcl={id => {\n          if (publicGroupId !== undefined && String(id) === publicGroupId) {\n            addResourceAccessItem(\n              id,\n              getAccessTypeFromPermissionLevel('CAN_VIEW'),\n            )\n          } else {\n            addResourceAccessItem(\n              id,\n              getAccessTypeFromPermissionLevel('CAN_DOWNLOAD'),\n            )\n          }\n        }}\n        updateResourceAccessItem={updateResourceAccessItem}\n        removeResourceAccessItem={removeResourceAccessItem}\n        showNotifyCheckbox={true}\n        notifyCheckboxValue={notifyNewAdditions}\n        onNotifyCheckboxChange={setNotifyNewAdditions}\n        showAddRemovePublicButton={true}\n      />\n    </Stack>\n  )\n})\n\nconst EntityAclEditorWithSuspense = forwardRef(\n  function EntityAclEditorWithSuspense(\n    props: EntityAclEditorProps,\n    ref: ForwardedRef<EntityAclEditorHandle>,\n  ) {\n    return (\n      <SynapseErrorBoundary>\n        <Suspense fallback={<AclEditorSkeleton />}>\n          <EntityAclEditor {...props} ref={ref} />\n        </Suspense>\n      </SynapseErrorBoundary>\n    )\n  },\n)\n\nexport default EntityAclEditorWithSuspense\n"],"mappings":"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"}
+{"version":3,"file":"EntityAclEditor.js","names":[],"sources":["../../../src/components/EntityAclEditor/EntityAclEditor.tsx"],"sourcesContent":["import {\n  useCreateEntityACL,\n  useDeleteEntityACL,\n  useSuspenseGetCurrentUserProfile,\n  useSuspenseGetEntityBenefactorACL,\n  useSuspenseGetEntityBundle,\n  useUpdateEntityACL,\n} from '@/synapse-queries'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\nimport {\n  consolidateResourceAccessList,\n  isEntityPublic,\n  resourceAccessListIsEqual,\n} from '@/utils/functions/AccessControlListUtils'\nimport { getPrincipalDisplayName } from '@/utils/functions/getPrincipalDisplayName'\nimport { entityTypeToFriendlyName } from '@/utils/functions/EntityTypeUtils'\nimport {\n  getAccessTypeFromPermissionLevel,\n  PermissionLevel,\n  permissionLevelToLabel,\n} from '@/utils/PermissionLevelToAccessType'\nimport { SYNAPSE_DOCS_SHARING_SETTINGS_PERMISSIONS_CONDITIONS_FOR_USE_URL } from '@/utils/SynapseConstants'\nimport { Alert, Link, Stack } from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  ALL_ENTITY_BUNDLE_FIELDS,\n  ResourceAccess,\n  UserProfile,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  ForwardedRef,\n  forwardRef,\n  Suspense,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { AclEditor, AclEditorProps } from '../AclEditor/AclEditor'\nimport { AclEditorSkeleton } from '../AclEditor/AclEditorSkeleton'\nimport useUpdateAcl from '../AclEditor/useUpdateAcl'\nimport { SynapseErrorBoundary } from '../error'\nimport FullWidthAlert from '../FullWidthAlert'\nimport { CreateOrDeleteLocalSharingSettingsButton } from './CreateOrDeleteLocalSharingSettingsButton'\nimport { InheritanceMessage } from './InheritanceMessage'\nimport OpenData from './OpenData'\nimport useNotifyNewACLUsers from './useNotifyNewACLUsers'\n\nconst availablePermissionLevels: PermissionLevel[] = [\n  'CAN_VIEW',\n  'CAN_DOWNLOAD',\n  'CAN_EDIT',\n  'CAN_EDIT_DELETE',\n  'CAN_ADMINISTER',\n]\n\nexport type EntityAclEditorProps = {\n  /** The ID of the entity on which to view/edit the ACL. Note that the ACL may actually belong to an entity ancestor (benefactor). */\n  entityId: string\n  /** Invoked when the user can/cannot save the pending changes. */\n  onCanSaveChange: (canSaveChanges: boolean) => void\n  /** Invoked when changes are successfully made. */\n  onUpdateSuccess: () => void\n  /** Special case to show specific copy and allow changes to an inherited ACL immediately after a file is uploaded.\n   *  Note that if this is true, the entityId should be the ID of the folder or project that is the benefactor of the newly uploaded file(s)\n   * @defaultValue false */\n  isAfterUpload?: boolean\n}\n\nexport type EntityAclEditorHandle = {\n  save: () => void\n}\n\nfunction getSubject(entityName: string) {\n  return `${entityName} (shared on Synapse)`\n}\n\nfunction getBody(profile: UserProfile, entityId: string) {\n  return `${getPrincipalDisplayName(\n    {\n      userName: profile.userName ?? '',\n      firstName: profile.firstName,\n      lastName: profile.lastName,\n    },\n    { showFullName: true, showUsername: false },\n  )} has shared an item with you on Synapse:\\n${getEndpoint(\n    BackendDestinationEnum.PORTAL_ENDPOINT,\n  )}Synapse:${entityId}`\n}\n\nfunction getCanEditResourceAccess(\n  canEdit: boolean,\n  isInherited: boolean,\n  ownProfile: UserProfile,\n  publicGroupId: string | undefined,\n): AclEditorProps['canEdit'] {\n  if (!canEdit || isInherited) {\n    return false\n  }\n  return (resourceAccess: ResourceAccess): boolean => {\n    // Users cannot change their own permissions\n    const isSelf = ownProfile.ownerId === String(resourceAccess.principalId)\n    // Users cannot change permission level for the public group, only add/remove it.\n    // To give the public group DOWNLOAD access, ACT must mark it as anonymous access.\n    const isPublicGroup =\n      publicGroupId !== undefined &&\n      String(resourceAccess.principalId) === publicGroupId\n    if (isSelf || isPublicGroup) {\n      return false\n    }\n    return true\n  }\n}\n\nfunction getCanDeleteResourceAccess(\n  canEdit: boolean,\n  isInherited: boolean,\n  ownProfile: UserProfile,\n): AclEditorProps['canRemoveEntry'] {\n  if (!canEdit || isInherited) {\n    return false\n  }\n  return (resourceAccess: ResourceAccess): boolean => {\n    // Users cannot delete their own permissions\n    const isSelf = ownProfile.ownerId === String(resourceAccess.principalId)\n    if (isSelf) {\n      return false\n    }\n    return canEdit\n  }\n}\n\nfunction getDisplayedPermissionLevelOverride(\n  isOpenData: boolean,\n  publicGroupId: string | undefined,\n): AclEditorProps['displayedPermissionLevelOverride'] {\n  return (resourceAccess: ResourceAccess) => {\n    if (\n      publicGroupId !== undefined &&\n      String(resourceAccess.principalId) === publicGroupId\n    ) {\n      return isOpenData\n        ? permissionLevelToLabel['CAN_DOWNLOAD']\n        : permissionLevelToLabel['CAN_VIEW']\n    }\n    return undefined\n  }\n}\n\nconst EntityAclEditor = forwardRef(function EntityAclEditor(\n  props: EntityAclEditorProps,\n  ref: ForwardedRef<EntityAclEditorHandle>,\n) {\n  const {\n    entityId,\n    onCanSaveChange,\n    onUpdateSuccess,\n    isAfterUpload = false,\n  } = props\n\n  const { data: ownProfile } = useSuspenseGetCurrentUserProfile()\n  const { data: realmPrincipals } = useGetRealmPrincipals()\n  const { publicGroup: publicGroupId } = realmPrincipals || {}\n  const { data: entityBundle } = useSuspenseGetEntityBundle(\n    entityId,\n    undefined,\n    ALL_ENTITY_BUNDLE_FIELDS,\n    { staleTime: Infinity },\n  )\n  const isProject = EntityType.project == entityBundle.entityType\n\n  // The parent's benefactor ACL will be shown if the user removes the ACL on the current entity\n  const { data: parentAcl } = useSuspenseGetEntityBenefactorACL(\n    entityBundle.entity.parentId!,\n    {\n      staleTime: Infinity,\n    },\n  )\n\n  const consolidatedOriginalResourceAccess = useMemo(\n    () =>\n      consolidateResourceAccessList(entityBundle.benefactorAcl.resourceAccess),\n    [entityBundle.benefactorAcl.resourceAccess],\n  )\n\n  const parentResourceAccess = useMemo(\n    () => parentAcl?.resourceAccess ?? [],\n    [parentAcl],\n  )\n  const canEdit = entityBundle.permissions.canChangePermissions\n  const isOpenData = entityBundle.permissions.isEntityOpenData\n  const originalIsInherited = !(entityBundle.benefactorAcl.id == entityId)\n  const [updatedIsInherited, setUpdatedIsInherited] =\n    useState(originalIsInherited)\n  const [notifyNewAdditions, setNotifyNewAdditions] = useState(false)\n  const [error, setError] = useState<Error>()\n\n  const {\n    resourceAccessList: updatedResourceAccessList,\n    setResourceAccessList,\n    addResourceAccessItem,\n    updateResourceAccessItem,\n    removeResourceAccessItem,\n    resetDirtyState,\n  } = useUpdateAcl({\n    initialResourceAccessList: consolidatedOriginalResourceAccess,\n  })\n\n  // If `consolidatedOriginalResourceAccess` changes, reset state\n  useEffect(() => {\n    if (consolidatedOriginalResourceAccess) {\n      resetDirtyState()\n      setResourceAccessList([...consolidatedOriginalResourceAccess])\n    }\n  }, [\n    consolidatedOriginalResourceAccess,\n    resetDirtyState,\n    setResourceAccessList,\n  ])\n\n  // If `originalIsInherited` changes, reset state\n  useEffect(() => {\n    resetDirtyState()\n    setUpdatedIsInherited(originalIsInherited)\n  }, [originalIsInherited, resetDirtyState])\n\n  // If the editor toggles the inherited state, reset the resource access list\n  useEffect(() => {\n    if (originalIsInherited == updatedIsInherited) {\n      // The user reverted to the original state (regardless of inherited or not)\n      setResourceAccessList(consolidatedOriginalResourceAccess)\n    } else if (updatedIsInherited) {\n      // The user toggled to inherited, update the resource access list to match the parent\n      setResourceAccessList(parentResourceAccess)\n    } else {\n      // The user toggled to local, no need to update the list (the parent's list is already in the editor)\n    }\n    resetDirtyState()\n  }, [\n    originalIsInherited,\n    consolidatedOriginalResourceAccess,\n    parentResourceAccess,\n    resetDirtyState,\n    setResourceAccessList,\n    updatedIsInherited,\n  ])\n\n  const isPublic = isEntityPublic(\n    updatedResourceAccessList,\n    realmPrincipals ?? {},\n  )\n\n  const {\n    sendNotification,\n    isLoading: isLoadingSendMessageToNewACLUsers,\n    isPending: isPendingSendMessageToNewACLUsers,\n  } = useNotifyNewACLUsers({\n    subject: getSubject(entityBundle.entity.name || ''),\n    body: getBody(ownProfile, entityId),\n    initialResourceAccessList: consolidatedOriginalResourceAccess,\n    newResourceAccessList: updatedResourceAccessList,\n  })\n\n  const mutationOptions = {\n    onSuccess: () => {\n      if (notifyNewAdditions) {\n        sendNotification()\n      }\n      onUpdateSuccess()\n    },\n    onError: (e: Error) => {\n      setError(e)\n    },\n  }\n\n  const { mutate: createAcl, isPending: isPendingCreateAcl } =\n    useCreateEntityACL(mutationOptions)\n  const { mutate: updateAcl, isPending: isPendingUpdateAcl } =\n    useUpdateEntityACL(mutationOptions)\n  const { mutate: deleteAcl, isPending: isPendingDeleteAcl } =\n    useDeleteEntityACL(mutationOptions)\n\n  const isPending =\n    isPendingCreateAcl ||\n    isPendingUpdateAcl ||\n    isPendingDeleteAcl ||\n    isPendingSendMessageToNewACLUsers\n\n  const hasAclChanged = useMemo(() => {\n    return (\n      originalIsInherited != updatedIsInherited ||\n      !resourceAccessListIsEqual(\n        consolidatedOriginalResourceAccess,\n        updatedResourceAccessList,\n      )\n    )\n  }, [\n    consolidatedOriginalResourceAccess,\n    originalIsInherited,\n    updatedIsInherited,\n    updatedResourceAccessList,\n  ])\n\n  const canSave =\n    hasAclChanged || isLoadingSendMessageToNewACLUsers || isPending\n\n  const showInheritedAclUpdateWarning = hasAclChanged && isAfterUpload\n\n  useEffect(() => {\n    onCanSaveChange(canSave)\n  }, [onCanSaveChange, canSave])\n\n  useImperativeHandle(ref, () => {\n    return {\n      save() {\n        if (canSave) {\n          // Check if the inheritance changed; if so, the ACL should be created/deleted\n          if (originalIsInherited != updatedIsInherited) {\n            if (updatedIsInherited) {\n              deleteAcl(entityId)\n            } else {\n              createAcl({\n                id: entityId,\n                resourceAccess: updatedResourceAccessList,\n              })\n            }\n          } else {\n            // Inheritance did not change; update the ACL\n            updateAcl({\n              // ensure we get all fields from the original ACL, including the etag\n              ...entityBundle.accessControlList!,\n              resourceAccess: updatedResourceAccessList,\n            })\n          }\n        } else {\n          console.error('EntityAclEditor: save() called but canSave is false')\n        }\n      },\n    }\n  }, [\n    canSave,\n    createAcl,\n    deleteAcl,\n    entityBundle,\n    entityId,\n    originalIsInherited,\n    updateAcl,\n    updatedIsInherited,\n    updatedResourceAccessList,\n  ])\n\n  return (\n    <Stack\n      sx={{\n        gap: 2,\n      }}\n    >\n      <OpenData\n        isOpenData={isOpenData}\n        isPublic={isPublic}\n        currentUserCanUpdateSharingSettings={canEdit}\n      />\n      <InheritanceMessage\n        isProject={isProject}\n        isInherited={updatedIsInherited}\n        benefactorId={updatedIsInherited ? parentAcl?.id : entityId}\n        isAfterUpload={isAfterUpload}\n      />\n      {showInheritedAclUpdateWarning && (\n        <FullWidthAlert\n          isGlobal={false}\n          variant={'warning'}\n          title={`Edits will affect settings of entire ${entityTypeToFriendlyName(\n            entityBundle?.entityType,\n          ).toLowerCase()}.`}\n          description={\n            <>\n              <p>\n                Editing the settings here will impact the sharing settings for\n                all files and folders within this{' '}\n                {entityTypeToFriendlyName(\n                  entityBundle?.entityType,\n                ).toLowerCase()}\n                , not just the ones you&apos;ve recently uploaded.\n              </p>\n              <p>\n                View the instructions above for setting your{' '}\n                <Link\n                  href={\n                    SYNAPSE_DOCS_SHARING_SETTINGS_PERMISSIONS_CONDITIONS_FOR_USE_URL\n                  }\n                  target={'_blank'}\n                >\n                  Local Sharing Settings\n                </Link>\n                .\n              </p>\n            </>\n          }\n        />\n      )}\n      {/* Create / delete local sharing settings button */}\n      {!isAfterUpload &&\n        !isProject &&\n        entityBundle.permissions.canEnableInheritance && (\n          <CreateOrDeleteLocalSharingSettingsButton\n            isInherited={updatedIsInherited}\n            setIsInherited={setUpdatedIsInherited}\n          />\n        )}\n      {error && <Alert severity=\"error\">{error.message}</Alert>}\n      <AclEditor\n        isInherited={updatedIsInherited}\n        canEdit={getCanEditResourceAccess(\n          canEdit,\n          updatedIsInherited,\n          ownProfile,\n          publicGroupId,\n        )}\n        canRemoveEntry={getCanDeleteResourceAccess(\n          canEdit,\n          updatedIsInherited,\n          ownProfile,\n        )}\n        resourceAccessList={updatedResourceAccessList}\n        availablePermissionLevels={availablePermissionLevels}\n        emptyText={/* This should never happen */ ''}\n        displayedPermissionLevelOverride={getDisplayedPermissionLevelOverride(\n          isOpenData,\n          publicGroupId,\n        )}\n        onAddPrincipalToAcl={id => {\n          if (publicGroupId !== undefined && String(id) === publicGroupId) {\n            addResourceAccessItem(\n              id,\n              getAccessTypeFromPermissionLevel('CAN_VIEW'),\n            )\n          } else {\n            addResourceAccessItem(\n              id,\n              getAccessTypeFromPermissionLevel('CAN_DOWNLOAD'),\n            )\n          }\n        }}\n        updateResourceAccessItem={updateResourceAccessItem}\n        removeResourceAccessItem={removeResourceAccessItem}\n        showNotifyCheckbox={true}\n        notifyCheckboxValue={notifyNewAdditions}\n        onNotifyCheckboxChange={setNotifyNewAdditions}\n        showAddRemovePublicButton={true}\n      />\n    </Stack>\n  )\n})\n\nconst EntityAclEditorWithSuspense = forwardRef(\n  function EntityAclEditorWithSuspense(\n    props: EntityAclEditorProps,\n    ref: ForwardedRef<EntityAclEditorHandle>,\n  ) {\n    return (\n      <SynapseErrorBoundary>\n        <Suspense fallback={<AclEditorSkeleton />}>\n          <EntityAclEditor {...props} ref={ref} />\n        </Suspense>\n      </SynapseErrorBoundary>\n    )\n  },\n)\n\nexport default EntityAclEditorWithSuspense\n"],"mappings":"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"}

package/dist/components/EntityAclEditor/EntityAclEditorModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityAclEditorModal.js","names":[],"sources":["../../../src/components/EntityAclEditor/EntityAclEditorModal.tsx"],"sourcesContent":["import ConfirmCloseWithoutSavingDialog from '@/components/Dialog/ConfirmCloseWithoutSavingDialog'\nimport { useGetEntityBundle } from '@/synapse-queries'\nimport { entityTypeToFriendlyName } from '@/utils/functions/EntityTypeUtils'\nimport { SYNAPSE_DOCS_SHARING_SETTINGS_PERMISSIONS_CONDITIONS_FOR_USE_URL } from '@/utils/SynapseConstants'\nimport { noop } from 'lodash-es'\nimport { useRef, useState } from 'react'\nimport { ConfirmationDialog } from '../ConfirmationDialog'\nimport { displayToast } from '../ToastMessage'\nimport EntityAclEditor, { EntityAclEditorHandle } from './EntityAclEditor'\n\nconst ENTITY_SHARING_SETTINGS_HELP_MARKDOWN = `Sharing settings determine who can access your content, and what kind of access they have. Choose people/teams and define their level of access below.\\n\\n_Only Administrators can add, delete, or change access levels for other people._`\n\nexport type EntityAclEditorModalProps = {\n  entityId: string\n  open: boolean\n  onUpdateSuccess?: () => void\n  onClose: () => void\n  isAfterUpload?: boolean\n}\n\nexport default function EntityAclEditorModal(props: EntityAclEditorModalProps) {\n  const {\n    entityId,\n    open,\n    onUpdateSuccess = noop,\n    onClose,\n    isAfterUpload = false,\n  } = props\n  const [showConfirmCloseDialog, setShowConfirmCloseDialog] = useState(false)\n  const [isDirty, setIsDirty] = useState(false)\n  const entityAclEditorRef = useRef<EntityAclEditorHandle>(null)\n\n  // We just need the entity type, but the editor will also fetch the bundle, so we can use that and rely on/preload the cache\n  const { data: entityBundle } = useGetEntityBundle(entityId)\n  const entityTypeDisplay = entityBundle?.entityType\n    ? entityTypeToFriendlyName(entityBundle?.entityType)\n    : ''\n  const canEdit = entityBundle?.permissions?.canChangePermissions\n\n  function handleClose() {\n    if (isDirty) {\n      setShowConfirmCloseDialog(true)\n    } else {\n      onClose()\n    }\n  }\n\n  return (\n    <>\n      <ConfirmCloseWithoutSavingDialog\n        open={showConfirmCloseDialog}\n        onCancel={() => {\n          setShowConfirmCloseDialog(false)\n        }}\n        onConfirm={() => {\n          setShowConfirmCloseDialog(false)\n          onClose()\n        }}\n      />\n      <ConfirmationDialog\n        title={`${entityTypeDisplay} Sharing Settings`.trim()}\n        onCancel={handleClose}\n        open={open}\n        maxWidth={'md'}\n        titleHelpPopoverProps={{\n          markdownText: ENTITY_SHARING_SETTINGS_HELP_MARKDOWN,\n          helpUrl:\n            SYNAPSE_DOCS_SHARING_SETTINGS_PERMISSIONS_CONDITIONS_FOR_USE_URL,\n        }}\n        content={\n          <EntityAclEditor\n            ref={entityAclEditorRef}\n            entityId={entityId}\n            onCanSaveChange={isDirty => setIsDirty(isDirty)}\n            onUpdateSuccess={() => {\n              displayToast(\n                'Permissions were successfully saved to Synapse',\n                'info',\n              )\n              onUpdateSuccess()\n              onClose()\n            }}\n            isAfterUpload={isAfterUpload}\n          />\n        }\n        onConfirm={e => {\n          // SWC-7055 - The default action may trigger `beforeunload` and erroneously warn the user about leaving the page.\n          e.preventDefault()\n          entityAclEditorRef.current!.save()\n        }}\n        confirmButtonProps={{\n          children: canEdit ? 'Save' : 'OK',\n          disabled: !isDirty,\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAUA,IAAM,IAAwC;AAU9C,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EACJ,aACA,SACA,qBAAkB,GAClB,YACA,mBAAgB,OACd,GACE,CAAC,GAAwB,KAA6B,EAAS,GAAM,EACrE,CAAC,GAAS,KAAc,EAAS,GAAM,EACvC,IAAqB,EAA8B,KAAK,EAGxD,EAAE,MAAM,MAAiB,EAAmB,EAAS,EACrD,IAAoB,GAAc,aACpC,EAAyB,GAAc,WAAW,GAClD,IACE,IAAU,GAAc,aAAa;CAE3C,SAAS,IAAc;AACrB,EAAI,IACF,EAA0B,GAAK,GAE/B,GAAS;;AAIb,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,MAAM;EACN,gBAAgB;AACd,KAA0B,GAAM;;EAElC,iBAAiB;AAEf,GADA,EAA0B,GAAM,EAChC,GAAS;;EAEX,CAAA,EACF,kBAAC,GAAD;EACE,OAAO,GAAG,EAAkB,mBAAmB,MAAM;EACrD,UAAU;EACJ;EACN,UAAU;EACV,uBAAuB;GACrB,cAAc;GACd,SACE;GACH;EACD,SACE,kBAAC,GAAD;GACE,KAAK;GACK;GACV,kBAAiB,MAAW,EAAW,EAAQ;GAC/C,uBAAuB;AAMrB,IALA,EACE,kDACA,OACD,EACD,GAAiB,EACjB,GAAS;;GAEI;GACf,CAAA;EAEJ,YAAW,MAAK;AAGd,GADA,EAAE,gBAAgB,EAClB,EAAmB,QAAS,MAAM;;EAEpC,oBAAoB;GAClB,UAAU,IAAU,SAAS;GAC7B,UAAU,CAAC;GACZ;EACD,CAAA,CACD,EAAA,CAAA"}
+{"version":3,"file":"EntityAclEditorModal.js","names":[],"sources":["../../../src/components/EntityAclEditor/EntityAclEditorModal.tsx"],"sourcesContent":["import ConfirmCloseWithoutSavingDialog from '@/components/Dialog/ConfirmCloseWithoutSavingDialog'\nimport { useGetEntityBundle } from '@/synapse-queries'\nimport { entityTypeToFriendlyName } from '@/utils/functions/EntityTypeUtils'\nimport { SYNAPSE_DOCS_SHARING_SETTINGS_PERMISSIONS_CONDITIONS_FOR_USE_URL } from '@/utils/SynapseConstants'\nimport { noop } from 'lodash-es'\nimport { useRef, useState } from 'react'\nimport { ConfirmationDialog } from '../ConfirmationDialog'\nimport { displayToast } from '../ToastMessage'\nimport EntityAclEditor, { EntityAclEditorHandle } from './EntityAclEditor'\n\nconst ENTITY_SHARING_SETTINGS_HELP_MARKDOWN = `Sharing settings determine who can access your content, and what kind of access they have. Choose people/teams and define their level of access below.\\n\\n_Only Administrators can add, delete, or change access levels for other people._`\n\nexport type EntityAclEditorModalProps = {\n  entityId: string\n  open: boolean\n  onUpdateSuccess?: () => void\n  onClose: () => void\n  isAfterUpload?: boolean\n}\n\nexport default function EntityAclEditorModal(props: EntityAclEditorModalProps) {\n  const {\n    entityId,\n    open,\n    onUpdateSuccess = noop,\n    onClose,\n    isAfterUpload = false,\n  } = props\n  const [showConfirmCloseDialog, setShowConfirmCloseDialog] = useState(false)\n  const [isDirty, setIsDirty] = useState(false)\n  const entityAclEditorRef = useRef<EntityAclEditorHandle>(null)\n\n  // We just need the entity type, but the editor will also fetch the bundle, so we can use that and rely on/preload the cache\n  const { data: entityBundle } = useGetEntityBundle(entityId)\n  const entityTypeDisplay = entityBundle?.entityType\n    ? entityTypeToFriendlyName(entityBundle?.entityType)\n    : ''\n  const canEdit = entityBundle?.permissions?.canChangePermissions\n\n  function handleClose() {\n    if (isDirty) {\n      setShowConfirmCloseDialog(true)\n    } else {\n      onClose()\n    }\n  }\n\n  return (\n    <>\n      <ConfirmCloseWithoutSavingDialog\n        open={showConfirmCloseDialog}\n        onCancel={() => {\n          setShowConfirmCloseDialog(false)\n        }}\n        onConfirm={() => {\n          setShowConfirmCloseDialog(false)\n          onClose()\n        }}\n      />\n      <ConfirmationDialog\n        title={`${entityTypeDisplay} Sharing Settings`.trim()}\n        onCancel={handleClose}\n        open={open}\n        maxWidth={'md'}\n        titleHelpPopoverProps={{\n          markdownText: ENTITY_SHARING_SETTINGS_HELP_MARKDOWN,\n          helpUrl:\n            SYNAPSE_DOCS_SHARING_SETTINGS_PERMISSIONS_CONDITIONS_FOR_USE_URL,\n        }}\n        content={\n          <EntityAclEditor\n            ref={entityAclEditorRef}\n            entityId={entityId}\n            onCanSaveChange={isDirty => setIsDirty(isDirty)}\n            onUpdateSuccess={() => {\n              displayToast(\n                'Permissions were successfully saved to Synapse',\n                'info',\n              )\n              onUpdateSuccess()\n              onClose()\n            }}\n            isAfterUpload={isAfterUpload}\n          />\n        }\n        onConfirm={e => {\n          // SWC-7055 - The default action may trigger `beforeunload` and erroneously warn the user about leaving the page.\n          e.preventDefault()\n          entityAclEditorRef.current!.save()\n        }}\n        confirmButtonProps={{\n          children: canEdit ? 'Save' : 'OK',\n          disabled: !isDirty,\n        }}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAUA,IAAM,IAAwC;AAU9C,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EACJ,aACA,SACA,qBAAkB,GAClB,YACA,mBAAgB,OACd,GACE,CAAC,GAAwB,KAA6B,EAAS,EAAK,GACpE,CAAC,GAAS,KAAc,EAAS,EAAK,GACtC,IAAqB,EAA8B,IAAI,GAGvD,EAAE,MAAM,MAAiB,EAAmB,CAAQ,GACpD,IAAoB,GAAc,aACpC,EAAyB,GAAc,UAAU,IACjD,IACE,IAAU,GAAc,aAAa;CAE3C,SAAS,IAAc;EACrB,AAAI,IACF,EAA0B,EAAI,IAE9B,EAAQ;CAEZ;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,MAAM;EACN,gBAAgB;GACd,EAA0B,EAAK;EACjC;EACA,iBAAiB;GAEf,AADA,EAA0B,EAAK,GAC/B,EAAQ;EACV;CACD,CAAA,GACD,kBAAC,GAAD;EACE,OAAO,GAAG,EAAkB,mBAAmB,KAAK;EACpD,UAAU;EACJ;EACN,UAAU;EACV,uBAAuB;GACrB,cAAc;GACd,SACE;EACJ;EACA,SACE,kBAAC,GAAD;GACE,KAAK;GACK;GACV,kBAAiB,MAAW,EAAW,CAAO;GAC9C,uBAAuB;IAMrB,AALA,EACE,kDACA,MACF,GACA,EAAgB,GAChB,EAAQ;GACV;GACe;EAChB,CAAA;EAEH,YAAW,MAAK;GAGd,AADA,EAAE,eAAe,GACjB,EAAmB,QAAS,KAAK;EACnC;EACA,oBAAoB;GAClB,UAAU,IAAU,SAAS;GAC7B,UAAU,CAAC;EACb;CACD,CAAA,CACD,EAAA,CAAA;AAEN"}

package/dist/components/EntityAclEditor/InheritanceMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"InheritanceMessage.js","names":[],"sources":["../../../src/components/EntityAclEditor/InheritanceMessage.tsx"],"sourcesContent":["import { useGetEntityHeader } from '@/synapse-queries/entity/useGetEntityHeaders'\nimport {\n  convertToEntityType,\n  entityTypeToFriendlyName,\n} from '@/utils/functions/EntityTypeUtils'\nimport { SYNAPSE_DOCS_SHARING_SETTINGS_PERMISSIONS_CONDITIONS_FOR_USE_URL } from '@/utils/SynapseConstants'\nimport { Link, Typography } from '@mui/material'\nimport { EntityLink } from '../EntityLink'\n\ntype InheritanceMessageProps = {\n  isProject: boolean\n  isInherited: boolean\n  isAfterUpload?: boolean\n  benefactorId?: string\n}\n\nexport function InheritanceMessage(props: InheritanceMessageProps) {\n  const { isProject, isInherited, isAfterUpload = false, benefactorId } = props\n  const { data: benefactorHeader } = useGetEntityHeader(\n    benefactorId,\n    undefined,\n    {\n      enabled: Boolean(benefactorId),\n    },\n  )\n\n  if (isAfterUpload) {\n    return (\n      <>\n        <Typography variant={'body1'}>\n          Currently, the sharing settings are inherited from the{' '}\n          {benefactorHeader\n            ? entityTypeToFriendlyName(\n                convertToEntityType(benefactorHeader.type),\n              ).toLowerCase()\n            : 'container'}{' '}\n          named\n          {benefactorId ? (\n            <>\n              {' '}\n              <EntityLink entity={benefactorId} />{' '}\n            </>\n          ) : (\n            ''\n          )}\n          . If you wish to customize settings for a particular file, folder, or\n          table, you must establish <strong>Local Sharing Settings</strong> to\n          make modifications.\n        </Typography>\n        <Typography variant={'body1'}>\n          After uploading, choose the file you want to customize sharing\n          settings for, then navigate to File Tools &gt;{' '}\n          <Link\n            href={\n              SYNAPSE_DOCS_SHARING_SETTINGS_PERMISSIONS_CONDITIONS_FOR_USE_URL\n            }\n          >\n            File Sharing Settings\n          </Link>\n          .\n        </Typography>\n      </>\n    )\n  } else if (isProject) {\n    return (\n      <Typography variant={'body1'}>\n        The sharing settings shown below apply to this project and are inherited\n        by all project contents unless local sharing settings have been set.\n      </Typography>\n    )\n  } else if (isInherited) {\n    return (\n      <Typography variant={'body1'}>\n        The sharing settings shown below are currently being inherited{' '}\n        {benefactorId ? (\n          <>\n            from <EntityLink entity={benefactorId} />{' '}\n          </>\n        ) : (\n          ''\n        )}\n      </Typography>\n    )\n  } else {\n    return (\n      <Typography variant={'body1'}>\n        The local sharing settings shown below are <strong>not</strong> being\n        inherited from a parent resource.\n      </Typography>\n    )\n  }\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,EAAmB,GAAgC;CACjE,IAAM,EAAE,cAAW,gBAAa,mBAAgB,IAAO,oBAAiB,GAClE,EAAE,MAAM,MAAqB,EACjC,GACA,KAAA,GACA,EACE,SAAS,EAAQ,GAClB,CACF;AA4DC,QA1DE,IAEA,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAY,SAAS;YAArB;GAA8B;GAC2B;GACtD,IACG,EACE,EAAoB,EAAiB,KAAK,CAC3C,CAAC,aAAa,GACf;GAAa;GAAI;GAEpB,IACC,kBAAA,GAAA,EAAA,UAAA;IACG;IACD,kBAAC,GAAD,EAAY,QAAQ,GAAgB,CAAA;IAAC;IACpC,EAAA,CAAA,GAEH;GACA;GAEwB,kBAAC,UAAD,EAAA,UAAQ,0BAA+B,CAAA;;GAEtD;KACb,kBAAC,GAAD;EAAY,SAAS;YAArB;GAA8B;GAEmB;GAC/C,kBAAC,GAAD;IACE,MACE;cAEH;IAEM,CAAA;;GAEI;IACZ,EAAA,CAAA,GAEI,IAEP,kBAAC,GAAD;EAAY,SAAS;YAAS;EAGjB,CAAA,GAEN,IAEP,kBAAC,GAAD;EAAY,SAAS;YAArB;GAA8B;GACmC;GAC9D,IACC,kBAAA,GAAA,EAAA,UAAA;IAAE;IACK,kBAAC,GAAD,EAAY,QAAQ,GAAgB,CAAA;IAAC;IACzC,EAAA,CAAA,GAEH;GAES;MAIb,kBAAC,GAAD;EAAY,SAAS;YAArB;GAA8B;GACe,kBAAC,UAAD,EAAA,UAAQ,OAAY,CAAA;;GAEpD"}
+{"version":3,"file":"InheritanceMessage.js","names":[],"sources":["../../../src/components/EntityAclEditor/InheritanceMessage.tsx"],"sourcesContent":["import { useGetEntityHeader } from '@/synapse-queries/entity/useGetEntityHeaders'\nimport {\n  convertToEntityType,\n  entityTypeToFriendlyName,\n} from '@/utils/functions/EntityTypeUtils'\nimport { SYNAPSE_DOCS_SHARING_SETTINGS_PERMISSIONS_CONDITIONS_FOR_USE_URL } from '@/utils/SynapseConstants'\nimport { Link, Typography } from '@mui/material'\nimport { EntityLink } from '../EntityLink'\n\ntype InheritanceMessageProps = {\n  isProject: boolean\n  isInherited: boolean\n  isAfterUpload?: boolean\n  benefactorId?: string\n}\n\nexport function InheritanceMessage(props: InheritanceMessageProps) {\n  const { isProject, isInherited, isAfterUpload = false, benefactorId } = props\n  const { data: benefactorHeader } = useGetEntityHeader(\n    benefactorId,\n    undefined,\n    {\n      enabled: Boolean(benefactorId),\n    },\n  )\n\n  if (isAfterUpload) {\n    return (\n      <>\n        <Typography variant={'body1'}>\n          Currently, the sharing settings are inherited from the{' '}\n          {benefactorHeader\n            ? entityTypeToFriendlyName(\n                convertToEntityType(benefactorHeader.type),\n              ).toLowerCase()\n            : 'container'}{' '}\n          named\n          {benefactorId ? (\n            <>\n              {' '}\n              <EntityLink entity={benefactorId} />{' '}\n            </>\n          ) : (\n            ''\n          )}\n          . If you wish to customize settings for a particular file, folder, or\n          table, you must establish <strong>Local Sharing Settings</strong> to\n          make modifications.\n        </Typography>\n        <Typography variant={'body1'}>\n          After uploading, choose the file you want to customize sharing\n          settings for, then navigate to File Tools &gt;{' '}\n          <Link\n            href={\n              SYNAPSE_DOCS_SHARING_SETTINGS_PERMISSIONS_CONDITIONS_FOR_USE_URL\n            }\n          >\n            File Sharing Settings\n          </Link>\n          .\n        </Typography>\n      </>\n    )\n  } else if (isProject) {\n    return (\n      <Typography variant={'body1'}>\n        The sharing settings shown below apply to this project and are inherited\n        by all project contents unless local sharing settings have been set.\n      </Typography>\n    )\n  } else if (isInherited) {\n    return (\n      <Typography variant={'body1'}>\n        The sharing settings shown below are currently being inherited{' '}\n        {benefactorId ? (\n          <>\n            from <EntityLink entity={benefactorId} />{' '}\n          </>\n        ) : (\n          ''\n        )}\n      </Typography>\n    )\n  } else {\n    return (\n      <Typography variant={'body1'}>\n        The local sharing settings shown below are <strong>not</strong> being\n        inherited from a parent resource.\n      </Typography>\n    )\n  }\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,EAAmB,GAAgC;CACjE,IAAM,EAAE,cAAW,gBAAa,mBAAgB,IAAO,oBAAiB,GAClE,EAAE,MAAM,MAAqB,EACjC,GACA,KAAA,GACA,EACE,SAAS,EAAQ,EACnB,CACF;CA4DE,OA1DE,IAEA,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EAAY,SAAS;YAArB;GAA8B;GAC2B;GACtD,IACG,EACE,EAAoB,EAAiB,IAAI,CAC3C,EAAE,YAAY,IACd;GAAa;GAAI;GAEpB,IACC,kBAAA,GAAA,EAAA,UAAA;IACG;IACD,kBAAC,GAAD,EAAY,QAAQ,EAAe,CAAA;IAAE;GACrC,EAAA,CAAA,IAEF;GACA;GAEwB,kBAAC,UAAD,EAAA,UAAQ,yBAA8B,CAAA;GAAC;EAEvD;KACZ,kBAAC,GAAD;EAAY,SAAS;YAArB;GAA8B;GAEmB;GAC/C,kBAAC,GAAD;IACE,MACE;cAEH;GAEK,CAAA;GAAC;EAEG;GACZ,EAAA,CAAA,IAEK,IAEP,kBAAC,GAAD;EAAY,SAAS;YAAS;CAGlB,CAAA,IAEL,IAEP,kBAAC,GAAD;EAAY,SAAS;YAArB;GAA8B;GACmC;GAC9D,IACC,kBAAA,GAAA,EAAA,UAAA;IAAE;IACK,kBAAC,GAAD,EAAY,QAAQ,EAAe,CAAA;IAAE;GAC1C,EAAA,CAAA,IAEF;EAEQ;MAIZ,kBAAC,GAAD;EAAY,SAAS;YAArB;GAA8B;GACe,kBAAC,UAAD,EAAA,UAAQ,MAAW,CAAA;GAAC;EAErD;;AAGlB"}

package/dist/components/EntityAclEditor/OpenData.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenData.js","names":[],"sources":["../../../src/components/EntityAclEditor/OpenData.tsx"],"sourcesContent":["import IconSvg from '../IconSvg'\nimport { Box, BoxProps, styled, Typography } from '@mui/material'\nimport { StyledComponent } from '@emotion/styled'\n\nconst OpenDataContainer: StyledComponent<BoxProps> = styled(Box, {\n  label: 'OpenDataContainer',\n})(({ theme }) => ({\n  background: theme.palette.grey[100],\n  padding: `${theme.spacing(2.5)} ${theme.spacing(4)}`,\n  border: `1px solid ${theme.palette.grey[300]}`,\n  borderRadius: '3px',\n  marginBottom: theme.spacing(2),\n}))\n\nexport type OpenDataProps = {\n  isOpenData: boolean\n  isPublic: boolean\n  currentUserCanUpdateSharingSettings: boolean\n}\n\nexport default function OpenData(props: OpenDataProps) {\n  const { isOpenData, isPublic, currentUserCanUpdateSharingSettings } = props\n\n  if (isOpenData && isPublic) {\n    return (\n      <OpenDataContainer display={'flex'} gap={1}>\n        <IconSvg icon=\"checkCircle\" color={'success'} wrap={false} />\n        <div>\n          <Typography\n            variant={'body1'}\n            sx={{\n              color: 'text.secondary',\n            }}\n          >\n            <strong>This is anonymous access data.</strong>\n          </Typography>\n          <Typography\n            variant={'body1'}\n            sx={{\n              color: 'text.secondary',\n            }}\n          >\n            Anyone can download it, even if they aren’t logged in to Synapse.\n          </Typography>\n        </div>\n      </OpenDataContainer>\n    )\n  } else if (isOpenData && !isPublic && currentUserCanUpdateSharingSettings) {\n    return (\n      <OpenDataContainer>\n        <Typography\n          variant={'body1'}\n          sx={{\n            color: 'text.secondary',\n          }}\n        >\n          <strong>This is not anonymous access data.</strong>\n        </Typography>\n        <Typography\n          variant={'body1'}\n          sx={{\n            color: 'text.secondary',\n          }}\n        >\n          You must grant public access for all users to be able to anonymously\n          download it.\n        </Typography>\n      </OpenDataContainer>\n    )\n  } else if (!isOpenData && isPublic && currentUserCanUpdateSharingSettings) {\n    return (\n      <OpenDataContainer>\n        <Typography\n          variant={'body1'}\n          sx={{\n            color: 'text.secondary',\n          }}\n        >\n          <strong>\n            Users must be logged in to download public access data.\n          </strong>\n        </Typography>\n        <Typography\n          variant={'body1'}\n          sx={{\n            color: 'text.secondary',\n          }}\n        >\n          This data is publicly viewable, but only registered and logged-in\n          users can download it.\n        </Typography>\n      </OpenDataContainer>\n    )\n  }\n\n  return null\n}\n"],"mappings":";;;;AAIA,IAAM,IAA+C,EAAO,GAAK,EAC/D,OAAO,qBACR,CAAC,EAAE,EAAE,gBAAa;CACjB,YAAY,EAAM,QAAQ,KAAK;CAC/B,SAAS,GAAG,EAAM,QAAQ,IAAI,CAAC,GAAG,EAAM,QAAQ,EAAE;CAClD,QAAQ,aAAa,EAAM,QAAQ,KAAK;CACxC,cAAc;CACd,cAAc,EAAM,QAAQ,EAAE;CAC/B,EAAE;AAQH,SAAwB,EAAS,GAAsB;CACrD,IAAM,EAAE,eAAY,aAAU,2CAAwC;AA0EtE,QAxEI,KAAc,IAEd,kBAAC,GAAD;EAAmB,SAAS;EAAQ,KAAK;YAAzC,CACE,kBAAC,GAAD;GAAS,MAAK;GAAc,OAAO;GAAW,MAAM;GAAS,CAAA,EAC7D,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,SAAS;GACT,IAAI,EACF,OAAO,kBACR;aAED,kBAAC,UAAD,EAAA,UAAQ,kCAAuC,CAAA;GACpC,CAAA,EACb,kBAAC,GAAD;GACE,SAAS;GACT,IAAI,EACF,OAAO,kBACR;aACF;GAEY,CAAA,CACT,EAAA,CAAA,CACY;MAEb,KAAc,CAAC,KAAY,IAElC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,SAAS;EACT,IAAI,EACF,OAAO,kBACR;YAED,kBAAC,UAAD,EAAA,UAAQ,sCAA2C,CAAA;EACxC,CAAA,EACb,kBAAC,GAAD;EACE,SAAS;EACT,IAAI,EACF,OAAO,kBACR;YACF;EAGY,CAAA,CACK,EAAA,CAAA,GAEb,CAAC,KAAc,KAAY,IAElC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,SAAS;EACT,IAAI,EACF,OAAO,kBACR;YAED,kBAAC,UAAD,EAAA,UAAQ,2DAEC,CAAA;EACE,CAAA,EACb,kBAAC,GAAD;EACE,SAAS;EACT,IAAI,EACF,OAAO,kBACR;YACF;EAGY,CAAA,CACK,EAAA,CAAA,GAIjB"}
+{"version":3,"file":"OpenData.js","names":[],"sources":["../../../src/components/EntityAclEditor/OpenData.tsx"],"sourcesContent":["import IconSvg from '../IconSvg'\nimport { Box, BoxProps, styled, Typography } from '@mui/material'\nimport { StyledComponent } from '@emotion/styled'\n\nconst OpenDataContainer: StyledComponent<BoxProps> = styled(Box, {\n  label: 'OpenDataContainer',\n})(({ theme }) => ({\n  background: theme.palette.grey[100],\n  padding: `${theme.spacing(2.5)} ${theme.spacing(4)}`,\n  border: `1px solid ${theme.palette.grey[300]}`,\n  borderRadius: '3px',\n  marginBottom: theme.spacing(2),\n}))\n\nexport type OpenDataProps = {\n  isOpenData: boolean\n  isPublic: boolean\n  currentUserCanUpdateSharingSettings: boolean\n}\n\nexport default function OpenData(props: OpenDataProps) {\n  const { isOpenData, isPublic, currentUserCanUpdateSharingSettings } = props\n\n  if (isOpenData && isPublic) {\n    return (\n      <OpenDataContainer display={'flex'} gap={1}>\n        <IconSvg icon=\"checkCircle\" color={'success'} wrap={false} />\n        <div>\n          <Typography\n            variant={'body1'}\n            sx={{\n              color: 'text.secondary',\n            }}\n          >\n            <strong>This is anonymous access data.</strong>\n          </Typography>\n          <Typography\n            variant={'body1'}\n            sx={{\n              color: 'text.secondary',\n            }}\n          >\n            Anyone can download it, even if they aren’t logged in to Synapse.\n          </Typography>\n        </div>\n      </OpenDataContainer>\n    )\n  } else if (isOpenData && !isPublic && currentUserCanUpdateSharingSettings) {\n    return (\n      <OpenDataContainer>\n        <Typography\n          variant={'body1'}\n          sx={{\n            color: 'text.secondary',\n          }}\n        >\n          <strong>This is not anonymous access data.</strong>\n        </Typography>\n        <Typography\n          variant={'body1'}\n          sx={{\n            color: 'text.secondary',\n          }}\n        >\n          You must grant public access for all users to be able to anonymously\n          download it.\n        </Typography>\n      </OpenDataContainer>\n    )\n  } else if (!isOpenData && isPublic && currentUserCanUpdateSharingSettings) {\n    return (\n      <OpenDataContainer>\n        <Typography\n          variant={'body1'}\n          sx={{\n            color: 'text.secondary',\n          }}\n        >\n          <strong>\n            Users must be logged in to download public access data.\n          </strong>\n        </Typography>\n        <Typography\n          variant={'body1'}\n          sx={{\n            color: 'text.secondary',\n          }}\n        >\n          This data is publicly viewable, but only registered and logged-in\n          users can download it.\n        </Typography>\n      </OpenDataContainer>\n    )\n  }\n\n  return null\n}\n"],"mappings":";;;;AAIA,IAAM,IAA+C,EAAO,GAAK,EAC/D,OAAO,oBACT,CAAC,GAAG,EAAE,gBAAa;CACjB,YAAY,EAAM,QAAQ,KAAK;CAC/B,SAAS,GAAG,EAAM,QAAQ,GAAG,EAAE,GAAG,EAAM,QAAQ,CAAC;CACjD,QAAQ,aAAa,EAAM,QAAQ,KAAK;CACxC,cAAc;CACd,cAAc,EAAM,QAAQ,CAAC;AAC/B,EAAE;AAQF,SAAwB,EAAS,GAAsB;CACrD,IAAM,EAAE,eAAY,aAAU,2CAAwC;CA0EtE,OAxEI,KAAc,IAEd,kBAAC,GAAD;EAAmB,SAAS;EAAQ,KAAK;YAAzC,CACE,kBAAC,GAAD;GAAS,MAAK;GAAc,OAAO;GAAW,MAAM;EAAQ,CAAA,GAC5D,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,SAAS;GACT,IAAI,EACF,OAAO,iBACT;aAEA,kBAAC,UAAD,EAAA,UAAQ,iCAAsC,CAAA;EACpC,CAAA,GACZ,kBAAC,GAAD;GACE,SAAS;GACT,IAAI,EACF,OAAO,iBACT;aACD;EAEW,CAAA,CACT,EAAA,CAAA,CACY;MAEZ,KAAc,CAAC,KAAY,IAElC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,SAAS;EACT,IAAI,EACF,OAAO,iBACT;YAEA,kBAAC,UAAD,EAAA,UAAQ,qCAA0C,CAAA;CACxC,CAAA,GACZ,kBAAC,GAAD;EACE,SAAS;EACT,IAAI,EACF,OAAO,iBACT;YACD;CAGW,CAAA,CACK,EAAA,CAAA,IAEZ,CAAC,KAAc,KAAY,IAElC,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,SAAS;EACT,IAAI,EACF,OAAO,iBACT;YAEA,kBAAC,UAAD,EAAA,UAAQ,0DAEA,CAAA;CACE,CAAA,GACZ,kBAAC,GAAD;EACE,SAAS;EACT,IAAI,EACF,OAAO,iBACT;YACD;CAGW,CAAA,CACK,EAAA,CAAA,IAIhB;AACT"}

package/dist/components/EntityAclEditor/useNotifyNewACLUsers.js.map

@@ -1 +1 @@
-{"version":3,"file":"useNotifyNewACLUsers.js","names":[],"sources":["../../../src/components/EntityAclEditor/useNotifyNewACLUsers.ts"],"sourcesContent":["import {\n  useGetCurrentUserProfile,\n  useGetUserGroupHeaders,\n  useSendMessage,\n} from '@/synapse-queries'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport {\n  ResourceAccess,\n  UserGroupHeader,\n} from '@sage-bionetworks/synapse-types'\nimport { useCallback } from 'react'\nimport { displayToast } from '../ToastMessage'\n\ntype UseNotifyNewACLUsersOptions = {\n  subject: string\n  body: string\n  initialResourceAccessList: ResourceAccess[]\n  newResourceAccessList: ResourceAccess[]\n}\n\nexport function shouldNotifyUserInNewResourceAccess(\n  principalId: number,\n  initialResourceAccessList: ResourceAccess[],\n  userGroupHeader: UserGroupHeader,\n  currentUserId: string,\n  publicPrincipalIds: string[],\n): boolean {\n  const isInInitialResourceAccess = initialResourceAccessList.some(\n    initialResourceAccess => principalId === initialResourceAccess.principalId,\n  )\n  const isIndividual = userGroupHeader.isIndividual\n  const isCurrentUser = String(principalId) === currentUserId\n  const isPublic = publicPrincipalIds.includes(String(principalId))\n\n  return (\n    !isInInitialResourceAccess && // Is not in the initial list\n    isIndividual && // Is an individual, not a team (SWC-1195)\n    !isCurrentUser && // do not notify the current user (SWC-5576)\n    !isPublic // never try to notify all/public users\n  )\n}\n\nexport default function useNotifyNewACLUsers(\n  options: UseNotifyNewACLUsersOptions,\n) {\n  const { subject, body, initialResourceAccessList, newResourceAccessList } =\n    options\n\n  const { data } = useGetRealmPrincipals()\n  const realmPrincipals = data || {}\n  const {\n    authenticatedUsers: authenticatedUsersId,\n    publicGroup: publicGroupId,\n    anonymousUser: anonymousUserId,\n  } = realmPrincipals\n  const publicPrincipalIds = [\n    authenticatedUsersId,\n    publicGroupId,\n    anonymousUserId,\n  ].filter((id): id is string => id !== undefined)\n\n  const { data: currentUserProfile, isLoading: isLoadingCurrentUserProfile } =\n    useGetCurrentUserProfile()\n  const { data: userGroupHeaders, isLoading: isLoadingUserGroupHeaders } =\n    useGetUserGroupHeaders(\n      newResourceAccessList.map(ra => String(ra.principalId)),\n    )\n  const isLoading = isLoadingCurrentUserProfile || isLoadingUserGroupHeaders\n\n  const { mutate: sendMessage, isPending } = useSendMessage({\n    onError: error => {\n      displayToast(`New users couldn't be notified: ${error.reason}`)\n    },\n  })\n\n  const sendNotification = useCallback(() => {\n    if (isLoading) {\n      console.error(\n        'Attempted to send notification before user profile or user group headers were loaded. This should never happen.',\n      )\n      return\n    }\n    const usersToNotify = newResourceAccessList\n      .filter(newResourceAccess => {\n        const userGroupHeader = userGroupHeaders!.find(\n          ugh => ugh.ownerId === String(newResourceAccess.principalId),\n        )!\n        return shouldNotifyUserInNewResourceAccess(\n          newResourceAccess.principalId,\n          initialResourceAccessList,\n          userGroupHeader,\n          currentUserProfile!.ownerId,\n          publicPrincipalIds,\n        )\n      })\n      .map(ra => String(ra.principalId))\n\n    if (usersToNotify.length > 0) {\n      sendMessage({\n        subject,\n        body,\n        recipients: usersToNotify,\n      })\n    }\n  }, [\n    body,\n    currentUserProfile,\n    initialResourceAccessList,\n    isLoading,\n    newResourceAccessList,\n    publicPrincipalIds,\n    sendMessage,\n    subject,\n    userGroupHeaders,\n  ])\n\n  return {\n    sendNotification,\n    isPending,\n    isLoading,\n  }\n}\n"],"mappings":";;;;;;;;;AAoBA,SAAgB,EACd,GACA,GACA,GACA,GACA,GACS;CACT,IAAM,IAA4B,EAA0B,MAC1D,MAAyB,MAAgB,EAAsB,YAChE,EACK,IAAe,EAAgB,cAC/B,IAAgB,OAAO,EAAY,KAAK,GACxC,IAAW,EAAmB,SAAS,OAAO,EAAY,CAAC;AAEjE,QACE,CAAC,KACD,KACA,CAAC,KACD,CAAC;;AAIL,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,YAAS,SAAM,8BAA2B,6BAChD,GAEI,EAAE,YAAS,GAAuB,EAElC,EACJ,oBAAoB,GACpB,aAAa,GACb,eAAe,MAJO,KAAQ,EAAE,EAM5B,IAAqB;EACzB;EACA;EACA;EACD,CAAC,QAAQ,MAAqB,MAAO,KAAA,EAAU,EAE1C,EAAE,MAAM,GAAoB,WAAW,MAC3C,GAA0B,EACtB,EAAE,MAAM,GAAkB,WAAW,MACzC,EACE,EAAsB,KAAI,MAAM,OAAO,EAAG,YAAY,CAAC,CACxD,EACG,IAAY,KAA+B,GAE3C,EAAE,QAAQ,GAAa,iBAAc,EAAe,EACxD,UAAS,MAAS;AAChB,IAAa,mCAAmC,EAAM,SAAS;IAElE,CAAC;AA2CF,QAAO;EACL,kBA1CuB,QAAkB;AACzC,OAAI,GAAW;AACb,YAAQ,MACN,kHACD;AACD;;GAEF,IAAM,IAAgB,EACnB,QAAO,MAAqB;IAC3B,IAAM,IAAkB,EAAkB,MACxC,MAAO,EAAI,YAAY,OAAO,EAAkB,YAAY,CAC7D;AACD,WAAO,EACL,EAAkB,aAClB,GACA,GACA,EAAoB,SACpB,EACD;KACD,CACD,KAAI,MAAM,OAAO,EAAG,YAAY,CAAC;AAEpC,GAAI,EAAc,SAAS,KACzB,EAAY;IACV;IACA;IACA,YAAY;IACb,CAAC;KAEH;GACD;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACD,CAGC;EACA;EACA;EACD"}
+{"version":3,"file":"useNotifyNewACLUsers.js","names":[],"sources":["../../../src/components/EntityAclEditor/useNotifyNewACLUsers.ts"],"sourcesContent":["import {\n  useGetCurrentUserProfile,\n  useGetUserGroupHeaders,\n  useSendMessage,\n} from '@/synapse-queries'\nimport { useGetRealmPrincipals } from '@/synapse-queries/realm/useRealmPrincipals'\nimport {\n  ResourceAccess,\n  UserGroupHeader,\n} from '@sage-bionetworks/synapse-types'\nimport { useCallback } from 'react'\nimport { displayToast } from '../ToastMessage'\n\ntype UseNotifyNewACLUsersOptions = {\n  subject: string\n  body: string\n  initialResourceAccessList: ResourceAccess[]\n  newResourceAccessList: ResourceAccess[]\n}\n\nexport function shouldNotifyUserInNewResourceAccess(\n  principalId: number,\n  initialResourceAccessList: ResourceAccess[],\n  userGroupHeader: UserGroupHeader,\n  currentUserId: string,\n  publicPrincipalIds: string[],\n): boolean {\n  const isInInitialResourceAccess = initialResourceAccessList.some(\n    initialResourceAccess => principalId === initialResourceAccess.principalId,\n  )\n  const isIndividual = userGroupHeader.isIndividual\n  const isCurrentUser = String(principalId) === currentUserId\n  const isPublic = publicPrincipalIds.includes(String(principalId))\n\n  return (\n    !isInInitialResourceAccess && // Is not in the initial list\n    isIndividual && // Is an individual, not a team (SWC-1195)\n    !isCurrentUser && // do not notify the current user (SWC-5576)\n    !isPublic // never try to notify all/public users\n  )\n}\n\nexport default function useNotifyNewACLUsers(\n  options: UseNotifyNewACLUsersOptions,\n) {\n  const { subject, body, initialResourceAccessList, newResourceAccessList } =\n    options\n\n  const { data } = useGetRealmPrincipals()\n  const realmPrincipals = data || {}\n  const {\n    authenticatedUsers: authenticatedUsersId,\n    publicGroup: publicGroupId,\n    anonymousUser: anonymousUserId,\n  } = realmPrincipals\n  const publicPrincipalIds = [\n    authenticatedUsersId,\n    publicGroupId,\n    anonymousUserId,\n  ].filter((id): id is string => id !== undefined)\n\n  const { data: currentUserProfile, isLoading: isLoadingCurrentUserProfile } =\n    useGetCurrentUserProfile()\n  const { data: userGroupHeaders, isLoading: isLoadingUserGroupHeaders } =\n    useGetUserGroupHeaders(\n      newResourceAccessList.map(ra => String(ra.principalId)),\n    )\n  const isLoading = isLoadingCurrentUserProfile || isLoadingUserGroupHeaders\n\n  const { mutate: sendMessage, isPending } = useSendMessage({\n    onError: error => {\n      displayToast(`New users couldn't be notified: ${error.reason}`)\n    },\n  })\n\n  const sendNotification = useCallback(() => {\n    if (isLoading) {\n      console.error(\n        'Attempted to send notification before user profile or user group headers were loaded. This should never happen.',\n      )\n      return\n    }\n    const usersToNotify = newResourceAccessList\n      .filter(newResourceAccess => {\n        const userGroupHeader = userGroupHeaders!.find(\n          ugh => ugh.ownerId === String(newResourceAccess.principalId),\n        )!\n        return shouldNotifyUserInNewResourceAccess(\n          newResourceAccess.principalId,\n          initialResourceAccessList,\n          userGroupHeader,\n          currentUserProfile!.ownerId,\n          publicPrincipalIds,\n        )\n      })\n      .map(ra => String(ra.principalId))\n\n    if (usersToNotify.length > 0) {\n      sendMessage({\n        subject,\n        body,\n        recipients: usersToNotify,\n      })\n    }\n  }, [\n    body,\n    currentUserProfile,\n    initialResourceAccessList,\n    isLoading,\n    newResourceAccessList,\n    publicPrincipalIds,\n    sendMessage,\n    subject,\n    userGroupHeaders,\n  ])\n\n  return {\n    sendNotification,\n    isPending,\n    isLoading,\n  }\n}\n"],"mappings":";;;;;;;;;AAoBA,SAAgB,EACd,GACA,GACA,GACA,GACA,GACS;CACT,IAAM,IAA4B,EAA0B,MAC1D,MAAyB,MAAgB,EAAsB,WACjE,GACM,IAAe,EAAgB,cAC/B,IAAgB,OAAO,CAAW,MAAM,GACxC,IAAW,EAAmB,SAAS,OAAO,CAAW,CAAC;CAEhE,OACE,CAAC,KACD,KACA,CAAC,KACD,CAAC;AAEL;AAEA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,YAAS,SAAM,8BAA2B,6BAChD,GAEI,EAAE,YAAS,EAAsB,GAEjC,EACJ,oBAAoB,GACpB,aAAa,GACb,eAAe,MAJO,KAAQ,CAAC,GAM3B,IAAqB;EACzB;EACA;EACA;CACF,EAAE,QAAQ,MAAqB,MAAO,KAAA,CAAS,GAEzC,EAAE,MAAM,GAAoB,WAAW,MAC3C,EAAyB,GACrB,EAAE,MAAM,GAAkB,WAAW,MACzC,EACE,EAAsB,KAAI,MAAM,OAAO,EAAG,WAAW,CAAC,CACxD,GACI,IAAY,KAA+B,GAE3C,EAAE,QAAQ,GAAa,iBAAc,EAAe,EACxD,UAAS,MAAS;EAChB,EAAa,mCAAmC,EAAM,QAAQ;CAChE,EACF,CAAC;CA2CD,OAAO;EACL,kBA1CuB,QAAkB;GACzC,IAAI,GAAW;IACb,QAAQ,MACN,iHACF;IACA;GACF;GACA,IAAM,IAAgB,EACnB,QAAO,MAAqB;IAC3B,IAAM,IAAkB,EAAkB,MACxC,MAAO,EAAI,YAAY,OAAO,EAAkB,WAAW,CAC7D;IACA,OAAO,EACL,EAAkB,aAClB,GACA,GACA,EAAoB,SACpB,CACF;GACF,CAAC,EACA,KAAI,MAAM,OAAO,EAAG,WAAW,CAAC;GAEnC,AAAI,EAAc,SAAS,KACzB,EAAY;IACV;IACA;IACA,YAAY;GACd,CAAC;EAEL,GAAG;GACD;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF,CAGE;EACA;EACA;CACF;AACF"}

package/dist/components/EntityBadgeIcons/EntityBadgeIcons.js

@@ -1,162 +1,160 @@
 import { useGetRealmPrincipals as e } from "../../synapse-queries/realm/useRealmPrincipals.js";
 import t from "../../synapse-queries/entity/useEntityBundle.js";
 import { useDeleteEntity as n, useGetJson as r } from "../../synapse-queries/entity/useEntity.js";
-import { useGetSchemaBinding as i, useGetValidationResults as ee } from "../../synapse-queries/entity/useEntityBoundSchema.js";
+import { useGetSchemaBinding as ee, useGetValidationResults as te } from "../../synapse-queries/entity/useEntityBoundSchema.js";
 import "../../synapse-queries/index.js";
-import { WarningDialog as a } from "../SynapseForm/WarningDialog.js";
-import { isEntityPublic as o } from "../../utils/functions/AccessControlListUtils.js";
-import { getDisplayedAnnotation as s } from "../entity/metadata/AnnotationsTable.js";
-import { EntityModal as c } from "../entity/metadata/EntityModal.js";
-import { HoverPopover as l } from "../styled/HoverPopover.js";
-import { useEffect as u, useState as d } from "react";
-import { isEmpty as f } from "lodash-es";
-import { Tooltip as p } from "@mui/material";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { ALL_ENTITY_BUNDLE_FIELDS as _ } from "@sage-bionetworks/synapse-types";
-import { EntityType as v } from "@sage-bionetworks/synapse-client";
-import { ChatBubbleTwoTone as y, CheckTwoTone as b, DescriptionTwoTone as te, LinkOffTwoTone as ne, LocalOfferTwoTone as re, LockTwoTone as ie, PublicTwoTone as ae } from "@mui/icons-material";
-import { useInView as x } from "react-intersection-observer";
+import { WarningDialog as i } from "../SynapseForm/WarningDialog.js";
+import { isEntityPublic as a } from "../../utils/functions/AccessControlListUtils.js";
+import { getDisplayedAnnotation as o } from "../entity/metadata/AnnotationsTable.js";
+import { EntityModal as s } from "../entity/metadata/EntityModal.js";
+import { HoverPopover as c } from "../styled/HoverPopover.js";
+import { useEffect as ne, useState as l } from "react";
+import { isEmpty as u } from "lodash-es";
+import { Tooltip as d } from "@mui/material";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { ALL_ENTITY_BUNDLE_FIELDS as h } from "@sage-bionetworks/synapse-types";
+import { EntityType as g } from "@sage-bionetworks/synapse-client";
+import { ChatBubbleTwoTone as _, CheckTwoTone as v, DescriptionTwoTone as y, LinkOffTwoTone as b, LocalOfferTwoTone as x, LockTwoTone as S, PublicTwoTone as C } from "@mui/icons-material";
+import { useInView as w } from "react-intersection-observer";
 //#region src/components/EntityBadgeIcons/EntityBadgeIcons.tsx
-var S = (S) => {
-	let { entityId: C, versionNumber: w, flexWrap: T = "nowrap", justifyContent: E = "flex-start", showIsPublicPrivate: D = !0, showHasLocalSharingSettings: O = !0, showHasAnnotations: k = !0, showHasWiki: A = !0, showHasDiscussionThread: j = !0, showUnlink: M = !0, onUnlink: N = () => {}, onUnlinkError: P = () => {}, canOpenModal: F } = S, { data: I } = e(), L = I || {}, R = /* @__PURE__ */ function(e) {
-		return e.NO_SCHEMA = "", e.VALID = "Valid", e.INVALID = "Invalid", e.ANNOTATIONS_MISSING = "Missing", e;
-	}({}), { ref: z, inView: B } = x(), { data: V } = r(C, w, !0, { enabled: B }), H = V?.annotations, { data: U } = t(C, w, _, { enabled: B }), [W, G] = d(!1), [K, q] = d(!1), [J, Y] = d(R.NO_SCHEMA), { data: X } = i(C, {
-		enabled: B,
+var T = (T) => {
+	let { entityId: E, versionNumber: D, flexWrap: O = "nowrap", justifyContent: k = "flex-start", showIsPublicPrivate: A = !0, showHasLocalSharingSettings: j = !0, showHasAnnotations: M = !0, showHasWiki: N = !0, showHasDiscussionThread: P = !0, showUnlink: F = !0, onUnlink: I = () => {}, onUnlinkError: L = () => {}, canOpenModal: R } = T, { data: re } = e(), z = re || {}, { ref: B, inView: V } = w(), { data: H } = r(E, D, !0, { enabled: V }), U = H?.annotations, { data: W } = t(E, D, h, { enabled: V }), [G, K] = l(!1), [q, J] = l(!1), [Y, X] = l(""), { data: Z } = ee(E, {
+		enabled: V,
 		staleTime: 60 * 1e3
-	}), { data: Z } = ee(C, {
-		enabled: B && !!X,
+	}), { data: Q } = te(E, {
+		enabled: V && !!Z,
 		staleTime: 60 * 1e3
-	}), Q = H && !f(H) ? Object.keys(H).length : 0;
-	u(() => {
-		Z && (Z.isValid ? Y(R.VALID) : Y(Q ? R.INVALID : R.ANNOTATIONS_MISSING));
+	}), $ = U && !u(U) ? Object.keys(U).length : 0;
+	ne(() => {
+		Q && (Q.isValid ? X("Valid") : X($ ? "Invalid" : "Missing"));
 	}, [
-		Z,
 		Q,
-		H,
-		R.VALID,
-		R.INVALID,
-		R.ANNOTATIONS_MISSING
+		$,
+		U,
+		"Valid",
+		"Invalid",
+		"Missing"
 	]);
-	let { mutate: oe } = n({
+	let { mutate: ie } = n({
 		onSuccess: (e, t) => {
-			N(t);
+			I(t);
 		},
-		onError: P
-	}), se = /* @__PURE__ */ h(m, { children: H ? Object.entries(H ?? []).map(([e, t]) => /* @__PURE__ */ g("tr", { children: [/* @__PURE__ */ h("td", { children: /* @__PURE__ */ h("b", { children: e }) }), /* @__PURE__ */ h("td", { children: Array.isArray(t) ? t.map(s).join(", ") : s(t) })] }, e)) : "" }), ce = /* @__PURE__ */ h(m, { children: X ? /* @__PURE__ */ g("tr", { children: [/* @__PURE__ */ h("td", { children: /* @__PURE__ */ h("b", { children: "Validation Schema" }) }), /* @__PURE__ */ h("td", { children: X.jsonSchemaVersionInfo.schemaName })] }) : "" }), le = Z ? `${J} Annotations` : "", $ = /* @__PURE__ */ h("div", {
+		onError: L
+	}), ae = /* @__PURE__ */ p(f, { children: U ? Object.entries(U ?? []).map(([e, t]) => /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("td", { children: /* @__PURE__ */ p("b", { children: e }) }), /* @__PURE__ */ p("td", { children: Array.isArray(t) ? t.map(o).join(", ") : o(t) })] }, e)) : "" }), oe = /* @__PURE__ */ p(f, { children: Z ? /* @__PURE__ */ m("tr", { children: [/* @__PURE__ */ p("td", { children: /* @__PURE__ */ p("b", { children: "Validation Schema" }) }), /* @__PURE__ */ p("td", { children: Z.jsonSchemaVersionInfo.schemaName })] }) : "" }), se = Q ? `${Y} Annotations` : "", ce = /* @__PURE__ */ p("div", {
 		className: "EntityBadgeTooltip",
-		children: /* @__PURE__ */ h("table", { children: /* @__PURE__ */ g("tbody", { children: [se || "", ce] }) })
+		children: /* @__PURE__ */ p("table", { children: /* @__PURE__ */ m("tbody", { children: [ae || "", oe] }) })
 	});
-	return /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ p("div", {
 		className: "EntityBadge",
-		ref: z,
+		ref: B,
 		style: {
-			flexWrap: T,
-			justifyContent: E
+			flexWrap: O,
+			justifyContent: k
 		},
-		children: U && /* @__PURE__ */ g(m, { children: [
-			/* @__PURE__ */ h("div", {
+		children: W && /* @__PURE__ */ m(f, { children: [
+			/* @__PURE__ */ p("div", {
 				onClick: (e) => e.stopPropagation(),
-				children: /* @__PURE__ */ h(c, {
-					entityId: C,
-					show: W,
+				children: /* @__PURE__ */ p(s, {
+					entityId: E,
+					show: G,
 					showTabs: !1,
-					onClose: () => G(!1),
+					onClose: () => K(!1),
 					initialTab: "ANNOTATIONS"
 				})
 			}),
-			D && U.benefactorAcl && o(U.benefactorAcl.resourceAccess, L) ? /* @__PURE__ */ h(p, {
+			A && W.benefactorAcl && a(W.benefactorAcl.resourceAccess, z) ? /* @__PURE__ */ p(d, {
 				title: "Public",
 				enterNextDelay: 100,
 				placement: "right",
-				children: /* @__PURE__ */ h(ae, {
+				children: /* @__PURE__ */ p(C, {
 					"aria-hidden": !1,
 					role: "img",
 					className: "EntityBadge__Badge",
 					"data-testid": "is-public-icon"
 				})
 			}) : null,
-			D && U.benefactorAcl && !o(U.benefactorAcl.resourceAccess, L) ? /* @__PURE__ */ h(p, {
+			A && W.benefactorAcl && !a(W.benefactorAcl.resourceAccess, z) ? /* @__PURE__ */ p(d, {
 				title: "Private",
 				enterNextDelay: 100,
 				placement: "right",
-				children: /* @__PURE__ */ h(ie, {
+				children: /* @__PURE__ */ p(S, {
 					"aria-hidden": !1,
 					role: "img",
 					className: "EntityBadge__Badge",
 					"data-testid": "is-private-icon"
 				})
 			}) : null,
-			O && U.benefactorAcl && C === U.benefactorAcl.id ? /* @__PURE__ */ h(p, {
+			j && W.benefactorAcl && E === W.benefactorAcl.id ? /* @__PURE__ */ p(d, {
 				title: "Sharing Settings have been set",
 				enterNextDelay: 100,
 				placement: "right",
-				children: /* @__PURE__ */ h(b, {
+				children: /* @__PURE__ */ p(v, {
 					"aria-hidden": !1,
 					role: "img",
 					className: "EntityBadge__Badge",
 					"data-testid": "sharing-settings-icon"
 				})
 			}) : null,
-			k && !!(Q || Z) && /* @__PURE__ */ h(l, {
-				title: le,
-				popoverContent: $,
+			M && !!($ || Q) && /* @__PURE__ */ p(c, {
+				title: se,
+				popoverContent: ce,
 				placement: "right",
 				maxWidth: 500,
-				actionButton: F ? {
+				actionButton: R ? {
 					content: "Edit Annotations",
-					onClick: () => G(!0),
+					onClick: () => K(!0),
 					closeOnClick: !0
 				} : void 0,
-				children: /* @__PURE__ */ h(re, {
+				children: /* @__PURE__ */ p(x, {
 					"aria-hidden": !1,
-					role: F ? "button" : "img",
-					className: `EntityBadge__Badge ${J}`,
+					role: R ? "button" : "img",
+					className: `EntityBadge__Badge ${Y}`,
 					"data-html": !0,
 					"data-testid": "annotations-icon"
 				})
 			}),
-			A && U.rootWikiId && /* @__PURE__ */ h(p, {
+			N && W.rootWikiId && /* @__PURE__ */ p(d, {
 				title: "Has a wiki",
 				enterNextDelay: 100,
 				placement: "right",
-				children: /* @__PURE__ */ h(te, {
+				children: /* @__PURE__ */ p(y, {
 					"aria-hidden": !1,
 					role: "img",
 					className: "EntityBadge__Badge",
 					"data-testid": "wiki-icon"
 				})
 			}),
-			j && !!U.threadCount && U.threadCount > 0 && /* @__PURE__ */ h(p, {
+			P && !!W.threadCount && W.threadCount > 0 && /* @__PURE__ */ p(d, {
 				title: "Has been mentioned in discussion",
 				enterNextDelay: 100,
 				placement: "right",
-				children: /* @__PURE__ */ h(y, {
+				children: /* @__PURE__ */ p(_, {
 					"aria-hidden": !1,
 					role: "img",
 					className: "EntityBadge__Badge",
 					"data-testid": "discussion-icon"
 				})
 			}),
-			M && U.entityType === v.link && U.permissions?.canDelete && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(a, {
-				open: K,
+			F && W.entityType === g.link && W.permissions?.canDelete && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(i, {
+				open: q,
 				title: "Confirm Unlink",
 				content: "Are you sure you want to remove this link? The original object will not be changed.",
 				confirmButtonText: "Unlink",
 				confirmButtonColor: "error",
 				onConfirm: () => {
-					oe(C), q(!1);
+					ie(E), J(!1);
 				},
 				onCancel: () => {
-					q(!1);
+					J(!1);
 				}
-			}), /* @__PURE__ */ h(p, {
+			}), /* @__PURE__ */ p(d, {
 				title: "Remove this link",
 				enterNextDelay: 100,
 				placement: "right",
-				children: /* @__PURE__ */ h(ne, {
+				children: /* @__PURE__ */ p(b, {
 					"aria-hidden": !1,
 					role: "button",
-					onClick: () => q(!0),
+					onClick: () => J(!0),
 					className: "EntityBadge__Badge Unlink",
 					"data-testid": "unlink-icon"
 				})
@@ -165,6 +163,6 @@ var S = (S) => {
 	});
 };
 //#endregion
-export { S as EntityBadgeIcons, S as default };
+export { T as EntityBadgeIcons, T as default };
 
 //# sourceMappingURL=EntityBadgeIcons.js.map