synapse-react-client 4.0.19 → 4.0.21

package/dist/components/SetBasicAccessRequirementFields/AccessRequirementTextInstructions.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessRequirementTextInstructions.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/AccessRequirementTextInstructions.tsx"],"sourcesContent":["import { Box, Button, Typography } from '@mui/material'\nimport {\n  ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  AccessRequirement,\n  TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport { getOldAccessRequirementInstructions } from './GovernanceUtils'\n\ntype AccessRequirementTextInstructionsProps = {\n  accessRequirement: AccessRequirement\n  onConfirmDelete: (updatedAr: AccessRequirement) => void\n  allowDelete?: boolean\n}\n\nexport function AccessRequirementTextInstructions(\n  props: AccessRequirementTextInstructionsProps,\n) {\n  const { accessRequirement, onConfirmDelete, allowDelete = false } = props\n\n  const [open, setOpen] = useState<boolean>(false)\n  const oldInstructions = getOldAccessRequirementInstructions(accessRequirement)\n\n  return (\n    <>\n      {Boolean(oldInstructions) && (\n        <Box\n          sx={{\n            mb: 2,\n          }}\n        >\n          <Typography\n            variant=\"body1\"\n            sx={{\n              fontWeight: 700,\n              mb: 1,\n            }}\n          >\n            Legacy text-only instructions\n          </Typography>\n          <Typography\n            variant=\"body1\"\n            sx={{\n              mb: 1,\n            }}\n          >\n            {oldInstructions}\n          </Typography>\n          {allowDelete && (\n            <>\n              <Button\n                variant=\"contained\"\n                color=\"error\"\n                onClick={() => setOpen(true)}\n              >\n                Delete old instructions\n              </Button>\n              <ConfirmationDialog\n                open={open}\n                title=\"Are you sure?\"\n                content=\"Deleting the old instructions cannot be undone. Continue?\"\n                onCancel={() => setOpen(false)}\n                onConfirm={() => {\n                  const clearedInstructionsAr = { ...accessRequirement }\n                  if (\n                    clearedInstructionsAr.concreteType ===\n                    TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n                  ) {\n                    clearedInstructionsAr.termsOfUse = undefined\n                  } else if (\n                    clearedInstructionsAr.concreteType ===\n                    ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n                  ) {\n                    clearedInstructionsAr.actContactInfo = undefined\n                  }\n                  onConfirmDelete(clearedInstructionsAr)\n                  setOpen(false)\n                }}\n              />\n            </>\n          )}\n        </Box>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,sBAAmB,oBAAiB,iBAAc,OAAU,GAE9D,CAAC,GAAM,KAAW,EAAkB,GAAM,EAC1C,IAAkB,EAAoC,EAAkB;AAE9E,QACE,kBAAA,GAAA,EAAA,UACG,EAAQ,KACP,kBAAC,GAAD;EACE,IAAI,EACF,IAAI,GACL;YAHH;GAKE,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KACF,YAAY;KACZ,IAAI;KACL;cACF;IAEY,CAAA;GACb,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI,EACF,IAAI,GACL;cAEA;IACU,CAAA;GACZ,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,eAAe,EAAQ,GAAK;cAC7B;IAEQ,CAAA,EACT,kBAAC,GAAD;IACQ;IACN,OAAM;IACN,SAAQ;IACR,gBAAgB,EAAQ,GAAM;IAC9B,iBAAiB;KACf,IAAM,IAAwB,EAAE,GAAG,GAAmB;AAatD,KAXE,EAAsB,iBACtB,IAEA,EAAsB,aAAa,KAAA,IAEnC,EAAsB,iBACtB,MAEA,EAAsB,iBAAiB,KAAA,IAEzC,EAAgB,EAAsB,EACtC,EAAQ,GAAM;;IAEhB,CAAA,CACD,EAAA,CAAA;GAED;KAEP,CAAA"}
+{"version":3,"file":"AccessRequirementTextInstructions.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/AccessRequirementTextInstructions.tsx"],"sourcesContent":["import { Box, Button, Typography } from '@mui/material'\nimport {\n  ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  AccessRequirement,\n  TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport { getOldAccessRequirementInstructions } from './GovernanceUtils'\n\ntype AccessRequirementTextInstructionsProps = {\n  accessRequirement: AccessRequirement\n  onConfirmDelete: (updatedAr: AccessRequirement) => void\n  allowDelete?: boolean\n}\n\nexport function AccessRequirementTextInstructions(\n  props: AccessRequirementTextInstructionsProps,\n) {\n  const { accessRequirement, onConfirmDelete, allowDelete = false } = props\n\n  const [open, setOpen] = useState<boolean>(false)\n  const oldInstructions = getOldAccessRequirementInstructions(accessRequirement)\n\n  return (\n    <>\n      {Boolean(oldInstructions) && (\n        <Box\n          sx={{\n            mb: 2,\n          }}\n        >\n          <Typography\n            variant=\"body1\"\n            sx={{\n              fontWeight: 700,\n              mb: 1,\n            }}\n          >\n            Legacy text-only instructions\n          </Typography>\n          <Typography\n            variant=\"body1\"\n            sx={{\n              mb: 1,\n            }}\n          >\n            {oldInstructions}\n          </Typography>\n          {allowDelete && (\n            <>\n              <Button\n                variant=\"contained\"\n                color=\"error\"\n                onClick={() => setOpen(true)}\n              >\n                Delete old instructions\n              </Button>\n              <ConfirmationDialog\n                open={open}\n                title=\"Are you sure?\"\n                content=\"Deleting the old instructions cannot be undone. Continue?\"\n                onCancel={() => setOpen(false)}\n                onConfirm={() => {\n                  const clearedInstructionsAr = { ...accessRequirement }\n                  if (\n                    clearedInstructionsAr.concreteType ===\n                    TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n                  ) {\n                    clearedInstructionsAr.termsOfUse = undefined\n                  } else if (\n                    clearedInstructionsAr.concreteType ===\n                    ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n                  ) {\n                    clearedInstructionsAr.actContactInfo = undefined\n                  }\n                  onConfirmDelete(clearedInstructionsAr)\n                  setOpen(false)\n                }}\n              />\n            </>\n          )}\n        </Box>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,sBAAmB,oBAAiB,iBAAc,OAAU,GAE9D,CAAC,GAAM,KAAW,EAAkB,EAAK,GACzC,IAAkB,EAAoC,CAAiB;CAE7E,OACE,kBAAA,GAAA,EAAA,UACG,EAAQ,KACP,kBAAC,GAAD;EACE,IAAI,EACF,IAAI,EACN;YAHF;GAKE,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KACF,YAAY;KACZ,IAAI;IACN;cACD;GAEW,CAAA;GACZ,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI,EACF,IAAI,EACN;cAEC;GACS,CAAA;GACX,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,eAAe,EAAQ,EAAI;cAC5B;GAEO,CAAA,GACR,kBAAC,GAAD;IACQ;IACN,OAAM;IACN,SAAQ;IACR,gBAAgB,EAAQ,EAAK;IAC7B,iBAAiB;KACf,IAAM,IAAwB,EAAE,GAAG,EAAkB;KAarD,AAXE,EAAsB,iBACtB,IAEA,EAAsB,aAAa,KAAA,IAEnC,EAAsB,iBACtB,MAEA,EAAsB,iBAAiB,KAAA,IAEzC,EAAgB,CAAqB,GACrC,EAAQ,EAAK;IACf;GACD,CAAA,CACD,EAAA,CAAA;EAED;IAEP,CAAA;AAEN"}

package/dist/components/SetBasicAccessRequirementFields/AccessRequirementWikiInstructions.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessRequirementWikiInstructions.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/AccessRequirementWikiInstructions.tsx"],"sourcesContent":["import { Box, Typography } from '@mui/material'\nimport { AccessRequirement, ObjectType } from '@sage-bionetworks/synapse-types'\nimport WikiMarkdownEditorButton from '../WikiMarkdownEditorButton'\n\nexport type AccessRequirementWikiInstructionsProps = {\n  accessRequirement: AccessRequirement\n}\n\nexport function AccessRequirementWikiInstructions(\n  props: AccessRequirementWikiInstructionsProps,\n) {\n  const { accessRequirement } = props\n\n  return (\n    <Box\n      sx={{\n        mb: 2,\n      }}\n    >\n      <Typography\n        variant=\"body1\"\n        sx={{\n          fontWeight: 700,\n        }}\n      >\n        {'Instructions (wiki)'}\n      </Typography>\n      <WikiMarkdownEditorButton\n        ownerObjectType={ObjectType.ACCESS_REQUIREMENT}\n        ownerObjectId={accessRequirement.id.toString()}\n        displayWikiMarkdown={true}\n        buttonProps={{ children: 'Edit Instructions' }}\n      />\n    </Box>\n  )\n}\n"],"mappings":";;;;;AAQA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,yBAAsB;AAE9B,QACE,kBAAC,GAAD;EACE,IAAI,EACF,IAAI,GACL;YAHH,CAKE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,YAAY,KACb;aAEA;GACU,CAAA,EACb,kBAAC,GAAD;GACE,iBAAiB,EAAW;GAC5B,eAAe,EAAkB,GAAG,UAAU;GAC9C,qBAAqB;GACrB,aAAa,EAAE,UAAU,qBAAqB;GAC9C,CAAA,CACE"}
+{"version":3,"file":"AccessRequirementWikiInstructions.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/AccessRequirementWikiInstructions.tsx"],"sourcesContent":["import { Box, Typography } from '@mui/material'\nimport { AccessRequirement, ObjectType } from '@sage-bionetworks/synapse-types'\nimport WikiMarkdownEditorButton from '../WikiMarkdownEditorButton'\n\nexport type AccessRequirementWikiInstructionsProps = {\n  accessRequirement: AccessRequirement\n}\n\nexport function AccessRequirementWikiInstructions(\n  props: AccessRequirementWikiInstructionsProps,\n) {\n  const { accessRequirement } = props\n\n  return (\n    <Box\n      sx={{\n        mb: 2,\n      }}\n    >\n      <Typography\n        variant=\"body1\"\n        sx={{\n          fontWeight: 700,\n        }}\n      >\n        {'Instructions (wiki)'}\n      </Typography>\n      <WikiMarkdownEditorButton\n        ownerObjectType={ObjectType.ACCESS_REQUIREMENT}\n        ownerObjectId={accessRequirement.id.toString()}\n        displayWikiMarkdown={true}\n        buttonProps={{ children: 'Edit Instructions' }}\n      />\n    </Box>\n  )\n}\n"],"mappings":";;;;;AAQA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,yBAAsB;CAE9B,OACE,kBAAC,GAAD;EACE,IAAI,EACF,IAAI,EACN;YAHF,CAKE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,YAAY,IACd;aAEC;EACS,CAAA,GACZ,kBAAC,GAAD;GACE,iBAAiB,EAAW;GAC5B,eAAe,EAAkB,GAAG,SAAS;GAC7C,qBAAqB;GACrB,aAAa,EAAE,UAAU,oBAAoB;EAC9C,CAAA,CACE;;AAET"}

package/dist/components/SetBasicAccessRequirementFields/AccessorRequirements.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessorRequirements.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/AccessorRequirements.tsx"],"sourcesContent":["import {\n  AccessRequirement,\n  MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\nimport { hasAccessorRequirement } from './GovernanceUtils'\nimport { Box, Checkbox, FormControlLabel, Typography } from '@mui/material'\n\ntype AccessorRequirementsProps = {\n  accessRequirement: AccessRequirement\n  onChange: (updatedAr: AccessRequirement) => void\n}\n\nexport function AccessorRequirements(props: AccessorRequirementsProps) {\n  const { accessRequirement, onChange } = props\n\n  return (\n    <>\n      {hasAccessorRequirement(accessRequirement) && (\n        <>\n          <Box\n            sx={{\n              mb: 2,\n            }}\n          >\n            <Typography\n              variant=\"body1\"\n              sx={{\n                fontWeight: 700,\n              }}\n            >\n              Accessor requirements\n            </Typography>\n            <FormControlLabel\n              control={<Checkbox />}\n              label=\"Accessors must be certified.\"\n              checked={accessRequirement.isCertifiedUserRequired}\n              onChange={(_event, checked: boolean) =>\n                onChange({\n                  ...accessRequirement,\n                  isCertifiedUserRequired: checked,\n                })\n              }\n            />\n            <FormControlLabel\n              control={<Checkbox />}\n              label=\"Accessors must have a validated profile.\"\n              checked={accessRequirement.isValidatedProfileRequired}\n              onChange={(_event, checked: boolean) =>\n                onChange({\n                  ...accessRequirement,\n                  isValidatedProfileRequired: checked,\n                })\n              }\n            />\n            {accessRequirement.concreteType ===\n              MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE && (\n              <FormControlLabel\n                control={<Checkbox />}\n                label=\"Accessors must use two-factor authentication (2FA).\"\n                checked={accessRequirement.isTwoFaRequired}\n                onChange={(_event, checked: boolean) =>\n                  onChange({\n                    ...accessRequirement,\n                    isTwoFaRequired: checked,\n                  })\n                }\n              />\n            )}\n          </Box>\n        </>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;AAYA,SAAgB,EAAqB,GAAkC;CACrE,IAAM,EAAE,sBAAmB,gBAAa;AAExC,QACE,kBAAA,GAAA,EAAA,UACG,EAAuB,EAAkB,IACxC,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACE,IAAI,EACF,IAAI,GACL;YAHH;GAKE,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI,EACF,YAAY,KACb;cACF;IAEY,CAAA;GACb,kBAAC,GAAD;IACE,SAAS,kBAAC,GAAD,EAAY,CAAA;IACrB,OAAM;IACN,SAAS,EAAkB;IAC3B,WAAW,GAAQ,MACjB,EAAS;KACP,GAAG;KACH,yBAAyB;KAC1B,CAAC;IAEJ,CAAA;GACF,kBAAC,GAAD;IACE,SAAS,kBAAC,GAAD,EAAY,CAAA;IACrB,OAAM;IACN,SAAS,EAAkB;IAC3B,WAAW,GAAQ,MACjB,EAAS;KACP,GAAG;KACH,4BAA4B;KAC7B,CAAC;IAEJ,CAAA;GACD,EAAkB,iBACjB,KACA,kBAAC,GAAD;IACE,SAAS,kBAAC,GAAD,EAAY,CAAA;IACrB,OAAM;IACN,SAAS,EAAkB;IAC3B,WAAW,GAAQ,MACjB,EAAS;KACP,GAAG;KACH,iBAAiB;KAClB,CAAC;IAEJ,CAAA;GAEA;KACL,CAAA,EAEJ,CAAA"}
+{"version":3,"file":"AccessorRequirements.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/AccessorRequirements.tsx"],"sourcesContent":["import {\n  AccessRequirement,\n  MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\nimport { hasAccessorRequirement } from './GovernanceUtils'\nimport { Box, Checkbox, FormControlLabel, Typography } from '@mui/material'\n\ntype AccessorRequirementsProps = {\n  accessRequirement: AccessRequirement\n  onChange: (updatedAr: AccessRequirement) => void\n}\n\nexport function AccessorRequirements(props: AccessorRequirementsProps) {\n  const { accessRequirement, onChange } = props\n\n  return (\n    <>\n      {hasAccessorRequirement(accessRequirement) && (\n        <>\n          <Box\n            sx={{\n              mb: 2,\n            }}\n          >\n            <Typography\n              variant=\"body1\"\n              sx={{\n                fontWeight: 700,\n              }}\n            >\n              Accessor requirements\n            </Typography>\n            <FormControlLabel\n              control={<Checkbox />}\n              label=\"Accessors must be certified.\"\n              checked={accessRequirement.isCertifiedUserRequired}\n              onChange={(_event, checked: boolean) =>\n                onChange({\n                  ...accessRequirement,\n                  isCertifiedUserRequired: checked,\n                })\n              }\n            />\n            <FormControlLabel\n              control={<Checkbox />}\n              label=\"Accessors must have a validated profile.\"\n              checked={accessRequirement.isValidatedProfileRequired}\n              onChange={(_event, checked: boolean) =>\n                onChange({\n                  ...accessRequirement,\n                  isValidatedProfileRequired: checked,\n                })\n              }\n            />\n            {accessRequirement.concreteType ===\n              MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE && (\n              <FormControlLabel\n                control={<Checkbox />}\n                label=\"Accessors must use two-factor authentication (2FA).\"\n                checked={accessRequirement.isTwoFaRequired}\n                onChange={(_event, checked: boolean) =>\n                  onChange({\n                    ...accessRequirement,\n                    isTwoFaRequired: checked,\n                  })\n                }\n              />\n            )}\n          </Box>\n        </>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;AAYA,SAAgB,EAAqB,GAAkC;CACrE,IAAM,EAAE,sBAAmB,gBAAa;CAExC,OACE,kBAAA,GAAA,EAAA,UACG,EAAuB,CAAiB,KACvC,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACE,IAAI,EACF,IAAI,EACN;YAHF;GAKE,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI,EACF,YAAY,IACd;cACD;GAEW,CAAA;GACZ,kBAAC,GAAD;IACE,SAAS,kBAAC,GAAD,CAAW,CAAA;IACpB,OAAM;IACN,SAAS,EAAkB;IAC3B,WAAW,GAAQ,MACjB,EAAS;KACP,GAAG;KACH,yBAAyB;IAC3B,CAAC;GAEJ,CAAA;GACD,kBAAC,GAAD;IACE,SAAS,kBAAC,GAAD,CAAW,CAAA;IACpB,OAAM;IACN,SAAS,EAAkB;IAC3B,WAAW,GAAQ,MACjB,EAAS;KACP,GAAG;KACH,4BAA4B;IAC9B,CAAC;GAEJ,CAAA;GACA,EAAkB,iBACjB,KACA,kBAAC,GAAD;IACE,SAAS,kBAAC,GAAD,CAAW,CAAA;IACpB,OAAM;IACN,SAAS,EAAkB;IAC3B,WAAW,GAAQ,MACjB,EAAS;KACP,GAAG;KACH,iBAAiB;IACnB,CAAC;GAEJ,CAAA;EAEA;IACL,CAAA,EAEJ,CAAA;AAEN"}

package/dist/components/SetBasicAccessRequirementFields/GovernanceUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"GovernanceUtils.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/GovernanceUtils.ts"],"sourcesContent":["import {\n  ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  AccessRequirement,\n  LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  ManagedACTAccessRequirement,\n  SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  SelfSignAccessRequirement,\n  TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\n\nexport const LOCK_ACCESS_REQUIREMENT_TEXT =\n  'Access restricted pending review by Synapse Access and Compliance Team.'\n\nexport const getOldAccessRequirementInstructions = (ar: AccessRequirement) => {\n  switch (ar.concreteType) {\n    case MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n    case SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n      // uses wiki to store instructions\n      return ''\n    case TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n      return ar.termsOfUse\n    case ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n      return ar.actContactInfo\n    case LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n      return LOCK_ACCESS_REQUIREMENT_TEXT\n  }\n}\n\n/**\n * Returns true iff the access requirement can apply restrictions based on\n * accessor qualities, such as certification or validation status\n */\nexport const hasAccessorRequirement = (\n  ar: AccessRequirement,\n): ar is SelfSignAccessRequirement | ManagedACTAccessRequirement => {\n  return (\n    ar.concreteType === SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE ||\n    ar.concreteType == MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n  )\n}\n"],"mappings":";;AAWA,IAAa,IACX,2EAEW,KAAuC,MAA0B;AAC5E,SAAQ,EAAG,cAAX;EACE,KAAK;EACL,KAAK,EAEH,QAAO;EACT,KAAK,EACH,QAAO,EAAG;EACZ,KAAK,EACH,QAAO,EAAG;EACZ,KAAK,EACH,QAAO;;GAQA,KACX,MAGE,EAAG,iBAAiB,KACpB,EAAG,gBAAgB"}
+{"version":3,"file":"GovernanceUtils.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/GovernanceUtils.ts"],"sourcesContent":["import {\n  ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  AccessRequirement,\n  LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  ManagedACTAccessRequirement,\n  SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n  SelfSignAccessRequirement,\n  TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE,\n} from '@sage-bionetworks/synapse-types'\n\nexport const LOCK_ACCESS_REQUIREMENT_TEXT =\n  'Access restricted pending review by Synapse Access and Compliance Team.'\n\nexport const getOldAccessRequirementInstructions = (ar: AccessRequirement) => {\n  switch (ar.concreteType) {\n    case MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n    case SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n      // uses wiki to store instructions\n      return ''\n    case TERMS_OF_USE_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n      return ar.termsOfUse\n    case ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n      return ar.actContactInfo\n    case LOCK_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE:\n      return LOCK_ACCESS_REQUIREMENT_TEXT\n  }\n}\n\n/**\n * Returns true iff the access requirement can apply restrictions based on\n * accessor qualities, such as certification or validation status\n */\nexport const hasAccessorRequirement = (\n  ar: AccessRequirement,\n): ar is SelfSignAccessRequirement | ManagedACTAccessRequirement => {\n  return (\n    ar.concreteType === SELF_SIGN_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE ||\n    ar.concreteType == MANAGED_ACT_ACCESS_REQUIREMENT_CONCRETE_TYPE_VALUE\n  )\n}\n"],"mappings":";;AAWA,IAAa,IACX,2EAEW,KAAuC,MAA0B;CAC5E,QAAQ,EAAG,cAAX;EACE,KAAK;EACL,KAAK,GAEH,OAAO;EACT,KAAK,GACH,OAAO,EAAG;EACZ,KAAK,GACH,OAAO,EAAG;EACZ,KAAK,GACH,OAAO;CACX;AACF,GAMa,KACX,MAGE,EAAG,iBAAiB,KACpB,EAAG,gBAAgB"}

package/dist/components/SetBasicAccessRequirementFields/SetBasicAccessRequirementFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetBasicAccessRequirementFields.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/SetBasicAccessRequirementFields.tsx"],"sourcesContent":["import {\n  useGetAccessRequirements,\n  useUpdateAccessRequirement,\n} from '@/synapse-queries'\nimport { Alert } from '@mui/material'\nimport {\n  AccessRequirement,\n  ManagedACTAccessRequirement,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { AccessorRequirements } from './AccessorRequirements'\nimport { AccessRequirementTextInstructions } from './AccessRequirementTextInstructions'\nimport { AccessRequirementWikiInstructions } from './AccessRequirementWikiInstructions'\n\nexport type BasicAccessRequirement = Exclude<\n  AccessRequirement,\n  ManagedACTAccessRequirement\n>\n\nexport type SetBasicAccessRequirementFieldsHandle = {\n  /* Allow the parent component to trigger saving the AR, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type SetBasicAccessRequirementFieldsProps = {\n  accessRequirementId: string\n  /* Called when AR has been saved successfully */\n  onSave: () => void\n  /* Called when error saving AR */\n  onError: () => void\n  allowDeleteTextInstructions?: boolean\n}\n\nexport const SetBasicAccessRequirementFields = forwardRef(\n  function SetBasicAccessRequirementFields(\n    props: SetBasicAccessRequirementFieldsProps,\n    ref: ForwardedRef<SetBasicAccessRequirementFieldsHandle>,\n  ) {\n    const {\n      accessRequirementId,\n      onSave,\n      onError,\n      allowDeleteTextInstructions = false,\n    } = props\n    const [updatedAr, setUpdatedAr] = useState<BasicAccessRequirement | null>(\n      null,\n    )\n\n    const { data: accessRequirement, error: getArError } =\n      useGetAccessRequirements<BasicAccessRequirement>(accessRequirementId, {\n        staleTime: Infinity,\n      })\n    useEffect(() => {\n      if (accessRequirement) {\n        setUpdatedAr(accessRequirement)\n      }\n    }, [accessRequirement])\n\n    const { mutateAsync: updateAccessRequirement, error: updateArError } =\n      useUpdateAccessRequirement<BasicAccessRequirement>()\n\n    const onUpdateAccessRequirement = useCallback(\n      async (\n        updatedAr: BasicAccessRequirement,\n        isDeletingTextInstructions: boolean,\n      ) => {\n        try {\n          await updateAccessRequirement(updatedAr)\n          setUpdatedAr(updatedAr)\n          if (!isDeletingTextInstructions) {\n            onSave()\n          }\n        } catch {\n          if (!isDeletingTextInstructions) {\n            onError()\n          }\n        }\n      },\n      [onSave, onError, updateAccessRequirement],\n    )\n\n    useImperativeHandle(ref, () => {\n      return {\n        save() {\n          if (updatedAr) onUpdateAccessRequirement(updatedAr, false)\n        },\n      }\n    }, [updatedAr, onUpdateAccessRequirement])\n\n    if (!updatedAr) {\n      if (getArError) {\n        return <Alert severity=\"error\">{getArError.reason}</Alert>\n      } else {\n        return <SynapseSpinner />\n      }\n    }\n\n    return (\n      <>\n        <AccessRequirementTextInstructions\n          accessRequirement={updatedAr}\n          allowDelete={allowDeleteTextInstructions}\n          onConfirmDelete={updatedAr => {\n            onUpdateAccessRequirement(updatedAr as BasicAccessRequirement, true)\n          }}\n        />\n        <AccessRequirementWikiInstructions accessRequirement={updatedAr} />\n        <AccessorRequirements\n          accessRequirement={updatedAr}\n          onChange={updatedAr =>\n            setUpdatedAr(updatedAr as BasicAccessRequirement)\n          }\n        />\n        {updateArError && (\n          <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n            {updateArError.reason}\n          </Alert>\n        )}\n      </>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;AAyCA,IAAa,IAAkC,EAC7C,SACE,GACA,GACA;CACA,IAAM,EACJ,wBACA,WACA,YACA,iCAA8B,OAC5B,GACE,CAAC,GAAW,KAAgB,EAChC,KACD,EAEK,EAAE,MAAM,GAAmB,OAAO,MACtC,EAAiD,GAAqB,EACpE,WAAW,UACZ,CAAC;AACJ,SAAgB;AACd,EAAI,KACF,EAAa,EAAkB;IAEhC,CAAC,EAAkB,CAAC;CAEvB,IAAM,EAAE,aAAa,GAAyB,OAAO,MACnD,GAAoD,EAEhD,IAA4B,EAChC,OACE,GACA,MACG;AACH,MAAI;AAGF,GAFA,MAAM,EAAwB,EAAU,EACxC,EAAa,EAAU,EAClB,KACH,GAAQ;UAEJ;AACN,GAAK,KACH,GAAS;;IAIf;EAAC;EAAQ;EAAS;EAAwB,CAC3C;AAkBD,QAhBA,EAAoB,UACX,EACL,OAAO;AACL,EAAI,KAAW,EAA0B,GAAW,GAAM;IAE7D,GACA,CAAC,GAAW,EAA0B,CAAC,EAErC,IASH,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,mBAAmB;GACnB,aAAa;GACb,kBAAiB,MAAa;AAC5B,MAA0B,GAAqC,GAAK;;GAEtE,CAAA;EACF,kBAAC,GAAD,EAAmC,mBAAmB,GAAa,CAAA;EACnE,kBAAC,GAAD;GACE,mBAAmB;GACnB,WAAU,MACR,EAAa,EAAoC;GAEnD,CAAA;EACD,KACC,kBAAC,GAAD;GAAO,UAAS;GAAQ,IAAI,EAAE,WAAW,GAAG;aACzC,EAAc;GACT,CAAA;EAET,EAAA,CAAA,GA5BC,IACK,kBAAC,GAAD;EAAO,UAAS;YAAS,EAAW;EAAe,CAAA,GAEnD,kBAAC,GAAD,EAAkB,CAAA;EA4BhC"}
+{"version":3,"file":"SetBasicAccessRequirementFields.js","names":[],"sources":["../../../src/components/SetBasicAccessRequirementFields/SetBasicAccessRequirementFields.tsx"],"sourcesContent":["import {\n  useGetAccessRequirements,\n  useUpdateAccessRequirement,\n} from '@/synapse-queries'\nimport { Alert } from '@mui/material'\nimport {\n  AccessRequirement,\n  ManagedACTAccessRequirement,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useState,\n} from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { AccessorRequirements } from './AccessorRequirements'\nimport { AccessRequirementTextInstructions } from './AccessRequirementTextInstructions'\nimport { AccessRequirementWikiInstructions } from './AccessRequirementWikiInstructions'\n\nexport type BasicAccessRequirement = Exclude<\n  AccessRequirement,\n  ManagedACTAccessRequirement\n>\n\nexport type SetBasicAccessRequirementFieldsHandle = {\n  /* Allow the parent component to trigger saving the AR, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type SetBasicAccessRequirementFieldsProps = {\n  accessRequirementId: string\n  /* Called when AR has been saved successfully */\n  onSave: () => void\n  /* Called when error saving AR */\n  onError: () => void\n  allowDeleteTextInstructions?: boolean\n}\n\nexport const SetBasicAccessRequirementFields = forwardRef(\n  function SetBasicAccessRequirementFields(\n    props: SetBasicAccessRequirementFieldsProps,\n    ref: ForwardedRef<SetBasicAccessRequirementFieldsHandle>,\n  ) {\n    const {\n      accessRequirementId,\n      onSave,\n      onError,\n      allowDeleteTextInstructions = false,\n    } = props\n    const [updatedAr, setUpdatedAr] = useState<BasicAccessRequirement | null>(\n      null,\n    )\n\n    const { data: accessRequirement, error: getArError } =\n      useGetAccessRequirements<BasicAccessRequirement>(accessRequirementId, {\n        staleTime: Infinity,\n      })\n    useEffect(() => {\n      if (accessRequirement) {\n        setUpdatedAr(accessRequirement)\n      }\n    }, [accessRequirement])\n\n    const { mutateAsync: updateAccessRequirement, error: updateArError } =\n      useUpdateAccessRequirement<BasicAccessRequirement>()\n\n    const onUpdateAccessRequirement = useCallback(\n      async (\n        updatedAr: BasicAccessRequirement,\n        isDeletingTextInstructions: boolean,\n      ) => {\n        try {\n          await updateAccessRequirement(updatedAr)\n          setUpdatedAr(updatedAr)\n          if (!isDeletingTextInstructions) {\n            onSave()\n          }\n        } catch {\n          if (!isDeletingTextInstructions) {\n            onError()\n          }\n        }\n      },\n      [onSave, onError, updateAccessRequirement],\n    )\n\n    useImperativeHandle(ref, () => {\n      return {\n        save() {\n          if (updatedAr) onUpdateAccessRequirement(updatedAr, false)\n        },\n      }\n    }, [updatedAr, onUpdateAccessRequirement])\n\n    if (!updatedAr) {\n      if (getArError) {\n        return <Alert severity=\"error\">{getArError.reason}</Alert>\n      } else {\n        return <SynapseSpinner />\n      }\n    }\n\n    return (\n      <>\n        <AccessRequirementTextInstructions\n          accessRequirement={updatedAr}\n          allowDelete={allowDeleteTextInstructions}\n          onConfirmDelete={updatedAr => {\n            onUpdateAccessRequirement(updatedAr as BasicAccessRequirement, true)\n          }}\n        />\n        <AccessRequirementWikiInstructions accessRequirement={updatedAr} />\n        <AccessorRequirements\n          accessRequirement={updatedAr}\n          onChange={updatedAr =>\n            setUpdatedAr(updatedAr as BasicAccessRequirement)\n          }\n        />\n        {updateArError && (\n          <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n            {updateArError.reason}\n          </Alert>\n        )}\n      </>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;AAyCA,IAAa,IAAkC,EAC7C,SACE,GACA,GACA;CACA,IAAM,EACJ,wBACA,WACA,YACA,iCAA8B,OAC5B,GACE,CAAC,GAAW,KAAgB,EAChC,IACF,GAEM,EAAE,MAAM,GAAmB,OAAO,MACtC,EAAiD,GAAqB,EACpE,WAAW,SACb,CAAC;CACH,QAAgB;EACd,AAAI,KACF,EAAa,CAAiB;CAElC,GAAG,CAAC,CAAiB,CAAC;CAEtB,IAAM,EAAE,aAAa,GAAyB,OAAO,MACnD,EAAmD,GAE/C,IAA4B,EAChC,OACE,GACA,MACG;EACH,IAAI;GAGF,AAFA,MAAM,EAAwB,CAAS,GACvC,EAAa,CAAS,GACjB,KACH,EAAO;EAEX,QAAQ;GACN,AAAK,KACH,EAAQ;EAEZ;CACF,GACA;EAAC;EAAQ;EAAS;CAAuB,CAC3C;CAkBA,OAhBA,EAAoB,UACX,EACL,OAAO;EACL,AAAI,KAAW,EAA0B,GAAW,EAAK;CAC3D,EACF,IACC,CAAC,GAAW,CAAyB,CAAC,GAEpC,IASH,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,mBAAmB;GACnB,aAAa;GACb,kBAAiB,MAAa;IAC5B,EAA0B,GAAqC,EAAI;GACrE;EACD,CAAA;EACD,kBAAC,GAAD,EAAmC,mBAAmB,EAAY,CAAA;EAClE,kBAAC,GAAD;GACE,mBAAmB;GACnB,WAAU,MACR,EAAa,CAAmC;EAEnD,CAAA;EACA,KACC,kBAAC,GAAD;GAAO,UAAS;GAAQ,IAAI,EAAE,WAAW,EAAE;aACxC,EAAc;EACV,CAAA;CAET,EAAA,CAAA,IA5BE,IACK,kBAAC,GAAD;EAAO,UAAS;YAAS,EAAW;CAAc,CAAA,IAElD,kBAAC,GAAD,CAAiB,CAAA;AA2B9B,CACF"}

package/dist/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetManagedAccessRequirementFields.js","names":[],"sources":["../../../src/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.tsx"],"sourcesContent":["import {\n  useGetAccessRequirements,\n  useUpdateAccessRequirement,\n} from '@/synapse-queries'\nimport { DAY_IN_MS } from '@/utils/SynapseConstants'\nimport {\n  Alert,\n  Box,\n  Checkbox,\n  FormControlLabel,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  FileUploadComplete,\n  ManagedACTAccessRequirement,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { UploadDocumentField } from '../AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport {\n  AccessorRequirements,\n  AccessRequirementWikiInstructions,\n} from '../SetBasicAccessRequirementFields'\n\nexport const DUC_TEMPLATE_UPLOAD_ERROR =\n  'There was an error uploading the DUC template. '\n\nexport const getValidExpirationPeriodOrErrorMessage = (\n  expirationPeriodDays: string,\n) => {\n  if (expirationPeriodDays === '') return 0\n\n  const msgPrefix = 'Please enter a valid expiration period (in days): '\n  if (/^[-]?\\d+$/.test(expirationPeriodDays)) {\n    const num = Number(expirationPeriodDays)\n    if (num < 0) {\n      return `${msgPrefix}If expiration period is set, then it must be greater than 0.`\n    }\n    return num * DAY_IN_MS\n  }\n  return `${msgPrefix}For input string: \"${expirationPeriodDays}\"`\n}\n\nexport type SetManagedAccessRequirementFieldsHandle = {\n  /* Allow the parent component to trigger saving the AR, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type SetManagedAccessRequirementFieldsProps = {\n  accessRequirementId: string\n  /* Called when AR has been saved successfully */\n  onSave: () => void\n  /* Called when error saving AR */\n  onError: () => void\n}\n\nexport const SetManagedAccessRequirementFields = forwardRef(\n  function SetManagedAccessRequirementFields(\n    props: SetManagedAccessRequirementFieldsProps,\n    ref: ForwardedRef<SetManagedAccessRequirementFieldsHandle>,\n  ) {\n    const { accessRequirementId, onSave, onError } = props\n\n    const { data: accessRequirement, error: getArError } =\n      useGetAccessRequirements<ManagedACTAccessRequirement>(\n        accessRequirementId,\n        { staleTime: Infinity },\n      )\n    useEffect(() => {\n      if (accessRequirement) {\n        setUpdatedAr(accessRequirement)\n        setExpirationPeriodDays(\n          (accessRequirement.expirationPeriod / DAY_IN_MS).toString(),\n        )\n      }\n    }, [accessRequirement])\n\n    const [uploadDucTemplateError, setUploadDucTemplateError] = useState<\n      string | null\n    >(null)\n    const [expirationPeriodError, setExpirationPeriodError] = useState<\n      string | null\n    >(null)\n\n    const [updatedAr, setUpdatedAr] =\n      useState<ManagedACTAccessRequirement | null>(null)\n    const [expirationPeriodDays, setExpirationPeriodDays] = useState<string>('')\n\n    const ducTemplateFileHandleAssociation = useMemo(() => {\n      if (updatedAr?.ducTemplateFileHandleId) {\n        const ducTemplateFileHandleAssociation: FileHandleAssociation = {\n          fileHandleId: updatedAr.ducTemplateFileHandleId,\n          associateObjectType:\n            FileHandleAssociateType.AccessRequirementAttachment,\n          associateObjectId: updatedAr.id.toString(),\n        }\n        return ducTemplateFileHandleAssociation\n      }\n      return undefined\n    }, [updatedAr?.ducTemplateFileHandleId, updatedAr?.id])\n\n    const uploadDucTemplateCallback = (data: UploadCallbackResp) => {\n      if (data.resp && data.success && updatedAr) {\n        setUploadDucTemplateError(null)\n        // Files are uploaded and synced with the server immediately\n        const uploadResponse: FileUploadComplete = data.resp\n        setUpdatedAr({\n          ...updatedAr,\n          ducTemplateFileHandleId: uploadResponse.fileHandleId,\n        })\n      } else if (!data.success && data.error) {\n        setUploadDucTemplateError(\n          `${DUC_TEMPLATE_UPLOAD_ERROR} ${\n            (data.error as SynapseClientError).reason\n          }`,\n        )\n      }\n    }\n\n    const {\n      mutate: updateAccessRequirement,\n      isPending: isUpdatingAccessRequirement,\n      error: updateArError,\n    } = useUpdateAccessRequirement<ManagedACTAccessRequirement>({\n      onSuccess: () => onSave(),\n      onError: () => onError(),\n    })\n\n    useImperativeHandle(ref, () => {\n      return {\n        save() {\n          if (updatedAr) {\n            const expirationPeriodOrErrorMessage =\n              getValidExpirationPeriodOrErrorMessage(expirationPeriodDays)\n            if (typeof expirationPeriodOrErrorMessage === 'string') {\n              setExpirationPeriodError(expirationPeriodOrErrorMessage)\n              onError()\n            } else {\n              updateAccessRequirement({\n                ...updatedAr,\n                expirationPeriod: expirationPeriodOrErrorMessage,\n              })\n            }\n          }\n        },\n      }\n    }, [expirationPeriodDays, updatedAr, updateAccessRequirement, onError])\n\n    if (!updatedAr) {\n      if (getArError) {\n        return <Alert severity=\"error\">{getArError.reason}</Alert>\n      } else {\n        return <SynapseSpinner />\n      }\n    }\n\n    return (\n      <>\n        <AccessRequirementWikiInstructions accessRequirement={updatedAr} />\n        <Box>\n          <Typography\n            sx={{\n              bgcolor: '#f5f5f5',\n              borderBottom: '1px solid #ddd',\n              color: '#333',\n              px: 2,\n              py: 1,\n            }}\n          >\n            Data Access Request Parameters\n          </Typography>\n          <Box\n            sx={{\n              mt: 2,\n              mb: 4,\n            }}\n          >\n            <AccessorRequirements\n              accessRequirement={updatedAr}\n              onChange={updatedAr =>\n                setUpdatedAr(updatedAr as ManagedACTAccessRequirement)\n              }\n            />\n            <Box\n              sx={{\n                mb: 2,\n              }}\n            >\n              <Typography\n                variant=\"body1\"\n                sx={{\n                  fontWeight: 700,\n                }}\n              >\n                DUC\n              </Typography>\n              <FormControlLabel\n                control={<Checkbox />}\n                label=\"DUC is required.\"\n                checked={updatedAr.isDUCRequired}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    isDUCRequired: checked,\n                  })\n                }\n              />\n              <SynapseErrorBoundary>\n                <UploadDocumentField\n                  id=\"duc\"\n                  isLoading={isUpdatingAccessRequirement}\n                  uploadCallback={resp => uploadDucTemplateCallback(resp)}\n                  documentName=\"Template DUC\"\n                  fileHandleAssociations={\n                    ducTemplateFileHandleAssociation\n                      ? [ducTemplateFileHandleAssociation]\n                      : undefined\n                  }\n                  isMultiFileUpload={false}\n                  uploadBtnVariant=\"contained\"\n                />\n                {uploadDucTemplateError && (\n                  <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n                    {uploadDucTemplateError}\n                  </Alert>\n                )}\n              </SynapseErrorBoundary>\n              <FormControlLabel\n                label=\"IRB approval is required.\"\n                checked={updatedAr.isIRBApprovalRequired}\n                control={<Checkbox />}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    isIRBApprovalRequired: checked,\n                  })\n                }\n                sx={{ ml: 0 }}\n              />\n              <FormControlLabel\n                control={<Checkbox />}\n                label=\"Other documents are required.\"\n                checked={updatedAr.areOtherAttachmentsRequired}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    areOtherAttachmentsRequired: checked,\n                  })\n                }\n              />\n              <TextField\n                id=\"expirationPeriod\"\n                name=\"expirationPeriod\"\n                label=\"Expiration period (days)\"\n                value={expirationPeriodDays}\n                error={Boolean(expirationPeriodError)}\n                helperText={expirationPeriodError}\n                sx={{ mt: 1 }}\n                fullWidth\n                onChange={event => {\n                  setExpirationPeriodError(null)\n                  setExpirationPeriodDays(event.target.value)\n                }}\n                onBlur={() => {\n                  const expirationPeriodOrErrorMessage =\n                    getValidExpirationPeriodOrErrorMessage(expirationPeriodDays)\n                  if (typeof expirationPeriodOrErrorMessage === 'string') {\n                    setExpirationPeriodError(expirationPeriodOrErrorMessage)\n                  }\n                }}\n              />\n              <Box\n                sx={{\n                  mt: 1,\n                }}\n              >\n                <FormControlLabel\n                  control={<Checkbox />}\n                  label=\"Intended Data Use statement is required.\"\n                  checked={updatedAr.isIDURequired}\n                  onChange={(_event, checked: boolean) => {\n                    if (checked) {\n                      setUpdatedAr({\n                        ...updatedAr,\n                        isIDURequired: true,\n                      })\n                    } else {\n                      setUpdatedAr({\n                        ...updatedAr,\n                        isIDURequired: false,\n                        isIDUPublic: false,\n                      })\n                    }\n                  }}\n                />\n                <FormControlLabel\n                  control={<Checkbox />}\n                  label=\"Intended Data Use statements will be publicly available.\"\n                  checked={updatedAr.isIDUPublic}\n                  disabled={!updatedAr.isIDURequired}\n                  onChange={(_event, checked: boolean) =>\n                    setUpdatedAr({\n                      ...updatedAr,\n                      isIDUPublic: checked,\n                    })\n                  }\n                />\n              </Box>\n            </Box>\n          </Box>\n        </Box>\n        {updateArError && (\n          <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n            {updateArError.reason}\n          </Alert>\n        )}\n      </>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;;;;;AAqCA,IAAa,IACX,mDAEW,KACX,MACG;AACH,KAAI,MAAyB,GAAI,QAAO;CAExC,IAAM,IAAY;AAClB,KAAI,YAAY,KAAK,EAAqB,EAAE;EAC1C,IAAM,IAAM,OAAO,EAAqB;AAIxC,SAHI,IAAM,IACD,GAAG,EAAU,gEAEf,IAAM;;AAEf,QAAO,GAAG,EAAU,qBAAqB,EAAqB;GAgBnD,IAAoC,EAC/C,SACE,GACA,GACA;CACA,IAAM,EAAE,wBAAqB,WAAQ,eAAY,GAE3C,EAAE,MAAM,GAAmB,OAAO,MACtC,EACE,GACA,EAAE,WAAW,UAAU,CACxB;AACH,SAAgB;AACd,EAAI,MACF,EAAa,EAAkB,EAC/B,GACG,EAAkB,mBAAmB,GAAW,UAAU,CAC5D;IAEF,CAAC,EAAkB,CAAC;CAEvB,IAAM,CAAC,GAAwB,KAA6B,EAE1D,KAAK,EACD,CAAC,GAAuB,KAA4B,EAExD,KAAK,EAED,CAAC,GAAW,KAChB,EAA6C,KAAK,EAC9C,CAAC,GAAsB,KAA2B,EAAiB,GAAG,EAEtE,IAAmC,QAAc;AACrD,MAAI,GAAW,wBAOb,QAAO;GALL,cAAc,EAAU;GACxB,qBACE,EAAwB;GAC1B,mBAAmB,EAAU,GAAG,UAAU;GAErC;IAGR,CAAC,GAAW,yBAAyB,GAAW,GAAG,CAAC,EAEjD,KAA6B,MAA6B;AAC9D,MAAI,EAAK,QAAQ,EAAK,WAAW,GAAW;AAC1C,KAA0B,KAAK;GAE/B,IAAM,IAAqC,EAAK;AAChD,KAAa;IACX,GAAG;IACH,yBAAyB,EAAe;IACzC,CAAC;SACO,CAAC,EAAK,WAAW,EAAK,SAC/B,EACE,GAAG,EAA0B,GAC1B,EAAK,MAA6B,SAEtC;IAIC,EACJ,QAAQ,GACR,WAAW,GACX,OAAO,MACL,EAAwD;EAC1D,iBAAiB,GAAQ;EACzB,eAAe,GAAS;EACzB,CAAC;AA8BF,QA5BA,EAAoB,UACX,EACL,OAAO;AACL,MAAI,GAAW;GACb,IAAM,IACJ,EAAuC,EAAqB;AAC9D,GAAI,OAAO,KAAmC,YAC5C,EAAyB,EAA+B,EACxD,GAAS,IAET,EAAwB;IACtB,GAAG;IACH,kBAAkB;IACnB,CAAC;;IAIT,GACA;EAAC;EAAsB;EAAW;EAAyB;EAAQ,CAAC,EAElE,IASH,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD,EAAmC,mBAAmB,GAAa,CAAA;EACnE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,cAAc;IACd,OAAO;IACP,IAAI;IACJ,IAAI;IACL;aACF;GAEY,CAAA,EACb,kBAAC,GAAD;GACE,IAAI;IACF,IAAI;IACJ,IAAI;IACL;aAJH,CAME,kBAAC,GAAD;IACE,mBAAmB;IACnB,WAAU,MACR,EAAa,EAAyC;IAExD,CAAA,EACF,kBAAC,GAAD;IACE,IAAI,EACF,IAAI,GACL;cAHH;KAKE,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI,EACF,YAAY,KACb;gBACF;MAEY,CAAA;KACb,kBAAC,GAAD;MACE,SAAS,kBAAC,GAAD,EAAY,CAAA;MACrB,OAAM;MACN,SAAS,EAAU;MACnB,WAAW,GAAQ,MACjB,EAAa;OACX,GAAG;OACH,eAAe;OAChB,CAAC;MAEJ,CAAA;KACF,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MACE,IAAG;MACH,WAAW;MACX,iBAAgB,MAAQ,EAA0B,EAAK;MACvD,cAAa;MACb,wBACE,IACI,CAAC,EAAiC,GAClC,KAAA;MAEN,mBAAmB;MACnB,kBAAiB;MACjB,CAAA,EACD,KACC,kBAAC,GAAD;MAAO,UAAS;MAAQ,IAAI,EAAE,WAAW,GAAG;gBACzC;MACK,CAAA,CAEW,EAAA,CAAA;KACvB,kBAAC,GAAD;MACE,OAAM;MACN,SAAS,EAAU;MACnB,SAAS,kBAAC,GAAD,EAAY,CAAA;MACrB,WAAW,GAAQ,MACjB,EAAa;OACX,GAAG;OACH,uBAAuB;OACxB,CAAC;MAEJ,IAAI,EAAE,IAAI,GAAG;MACb,CAAA;KACF,kBAAC,GAAD;MACE,SAAS,kBAAC,GAAD,EAAY,CAAA;MACrB,OAAM;MACN,SAAS,EAAU;MACnB,WAAW,GAAQ,MACjB,EAAa;OACX,GAAG;OACH,6BAA6B;OAC9B,CAAC;MAEJ,CAAA;KACF,kBAAC,GAAD;MACE,IAAG;MACH,MAAK;MACL,OAAM;MACN,OAAO;MACP,OAAO,EAAQ;MACf,YAAY;MACZ,IAAI,EAAE,IAAI,GAAG;MACb,WAAA;MACA,WAAU,MAAS;AAEjB,OADA,EAAyB,KAAK,EAC9B,EAAwB,EAAM,OAAO,MAAM;;MAE7C,cAAc;OACZ,IAAM,IACJ,EAAuC,EAAqB;AAC9D,OAAI,OAAO,KAAmC,YAC5C,EAAyB,EAA+B;;MAG5D,CAAA;KACF,kBAAC,GAAD;MACE,IAAI,EACF,IAAI,GACL;gBAHH,CAKE,kBAAC,GAAD;OACE,SAAS,kBAAC,GAAD,EAAY,CAAA;OACrB,OAAM;OACN,SAAS,EAAU;OACnB,WAAW,GAAQ,MAAqB;AACtC,QACE,EADE,IACW;SACX,GAAG;SACH,eAAe;SAChB,GAEY;SACX,GAAG;SACH,eAAe;SACf,aAAa;SACd,CAAC;;OAGN,CAAA,EACF,kBAAC,GAAD;OACE,SAAS,kBAAC,GAAD,EAAY,CAAA;OACrB,OAAM;OACN,SAAS,EAAU;OACnB,UAAU,CAAC,EAAU;OACrB,WAAW,GAAQ,MACjB,EAAa;QACX,GAAG;QACH,aAAa;QACd,CAAC;OAEJ,CAAA,CACE;;KACF;MACF;KACF,EAAA,CAAA;EACL,KACC,kBAAC,GAAD;GAAO,UAAS;GAAQ,IAAI,EAAE,WAAW,GAAG;aACzC,EAAc;GACT,CAAA;EAET,EAAA,CAAA,GAvKC,IACK,kBAAC,GAAD;EAAO,UAAS;YAAS,EAAW;EAAe,CAAA,GAEnD,kBAAC,GAAD,EAAkB,CAAA;EAuKhC"}
+{"version":3,"file":"SetManagedAccessRequirementFields.js","names":[],"sources":["../../../src/components/SetManagedAccessRequirementFields/SetManagedAccessRequirementFields.tsx"],"sourcesContent":["import {\n  useGetAccessRequirements,\n  useUpdateAccessRequirement,\n} from '@/synapse-queries'\nimport { DAY_IN_MS } from '@/utils/SynapseConstants'\nimport {\n  Alert,\n  Box,\n  Checkbox,\n  FormControlLabel,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  FileUploadComplete,\n  ManagedACTAccessRequirement,\n  UploadCallbackResp,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  ForwardedRef,\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useState,\n} from 'react'\nimport { UploadDocumentField } from '../AccessRequirementList/ManagedACTAccessRequirementRequestFlow/UploadDocumentField'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport {\n  AccessorRequirements,\n  AccessRequirementWikiInstructions,\n} from '../SetBasicAccessRequirementFields'\n\nexport const DUC_TEMPLATE_UPLOAD_ERROR =\n  'There was an error uploading the DUC template. '\n\nexport const getValidExpirationPeriodOrErrorMessage = (\n  expirationPeriodDays: string,\n) => {\n  if (expirationPeriodDays === '') return 0\n\n  const msgPrefix = 'Please enter a valid expiration period (in days): '\n  if (/^[-]?\\d+$/.test(expirationPeriodDays)) {\n    const num = Number(expirationPeriodDays)\n    if (num < 0) {\n      return `${msgPrefix}If expiration period is set, then it must be greater than 0.`\n    }\n    return num * DAY_IN_MS\n  }\n  return `${msgPrefix}For input string: \"${expirationPeriodDays}\"`\n}\n\nexport type SetManagedAccessRequirementFieldsHandle = {\n  /* Allow the parent component to trigger saving the AR, so this may be embedded in an arbitrary modal. */\n  save: () => void\n}\n\nexport type SetManagedAccessRequirementFieldsProps = {\n  accessRequirementId: string\n  /* Called when AR has been saved successfully */\n  onSave: () => void\n  /* Called when error saving AR */\n  onError: () => void\n}\n\nexport const SetManagedAccessRequirementFields = forwardRef(\n  function SetManagedAccessRequirementFields(\n    props: SetManagedAccessRequirementFieldsProps,\n    ref: ForwardedRef<SetManagedAccessRequirementFieldsHandle>,\n  ) {\n    const { accessRequirementId, onSave, onError } = props\n\n    const { data: accessRequirement, error: getArError } =\n      useGetAccessRequirements<ManagedACTAccessRequirement>(\n        accessRequirementId,\n        { staleTime: Infinity },\n      )\n    useEffect(() => {\n      if (accessRequirement) {\n        setUpdatedAr(accessRequirement)\n        setExpirationPeriodDays(\n          (accessRequirement.expirationPeriod / DAY_IN_MS).toString(),\n        )\n      }\n    }, [accessRequirement])\n\n    const [uploadDucTemplateError, setUploadDucTemplateError] = useState<\n      string | null\n    >(null)\n    const [expirationPeriodError, setExpirationPeriodError] = useState<\n      string | null\n    >(null)\n\n    const [updatedAr, setUpdatedAr] =\n      useState<ManagedACTAccessRequirement | null>(null)\n    const [expirationPeriodDays, setExpirationPeriodDays] = useState<string>('')\n\n    const ducTemplateFileHandleAssociation = useMemo(() => {\n      if (updatedAr?.ducTemplateFileHandleId) {\n        const ducTemplateFileHandleAssociation: FileHandleAssociation = {\n          fileHandleId: updatedAr.ducTemplateFileHandleId,\n          associateObjectType:\n            FileHandleAssociateType.AccessRequirementAttachment,\n          associateObjectId: updatedAr.id.toString(),\n        }\n        return ducTemplateFileHandleAssociation\n      }\n      return undefined\n    }, [updatedAr?.ducTemplateFileHandleId, updatedAr?.id])\n\n    const uploadDucTemplateCallback = (data: UploadCallbackResp) => {\n      if (data.resp && data.success && updatedAr) {\n        setUploadDucTemplateError(null)\n        // Files are uploaded and synced with the server immediately\n        const uploadResponse: FileUploadComplete = data.resp\n        setUpdatedAr({\n          ...updatedAr,\n          ducTemplateFileHandleId: uploadResponse.fileHandleId,\n        })\n      } else if (!data.success && data.error) {\n        setUploadDucTemplateError(\n          `${DUC_TEMPLATE_UPLOAD_ERROR} ${\n            (data.error as SynapseClientError).reason\n          }`,\n        )\n      }\n    }\n\n    const {\n      mutate: updateAccessRequirement,\n      isPending: isUpdatingAccessRequirement,\n      error: updateArError,\n    } = useUpdateAccessRequirement<ManagedACTAccessRequirement>({\n      onSuccess: () => onSave(),\n      onError: () => onError(),\n    })\n\n    useImperativeHandle(ref, () => {\n      return {\n        save() {\n          if (updatedAr) {\n            const expirationPeriodOrErrorMessage =\n              getValidExpirationPeriodOrErrorMessage(expirationPeriodDays)\n            if (typeof expirationPeriodOrErrorMessage === 'string') {\n              setExpirationPeriodError(expirationPeriodOrErrorMessage)\n              onError()\n            } else {\n              updateAccessRequirement({\n                ...updatedAr,\n                expirationPeriod: expirationPeriodOrErrorMessage,\n              })\n            }\n          }\n        },\n      }\n    }, [expirationPeriodDays, updatedAr, updateAccessRequirement, onError])\n\n    if (!updatedAr) {\n      if (getArError) {\n        return <Alert severity=\"error\">{getArError.reason}</Alert>\n      } else {\n        return <SynapseSpinner />\n      }\n    }\n\n    return (\n      <>\n        <AccessRequirementWikiInstructions accessRequirement={updatedAr} />\n        <Box>\n          <Typography\n            sx={{\n              bgcolor: '#f5f5f5',\n              borderBottom: '1px solid #ddd',\n              color: '#333',\n              px: 2,\n              py: 1,\n            }}\n          >\n            Data Access Request Parameters\n          </Typography>\n          <Box\n            sx={{\n              mt: 2,\n              mb: 4,\n            }}\n          >\n            <AccessorRequirements\n              accessRequirement={updatedAr}\n              onChange={updatedAr =>\n                setUpdatedAr(updatedAr as ManagedACTAccessRequirement)\n              }\n            />\n            <Box\n              sx={{\n                mb: 2,\n              }}\n            >\n              <Typography\n                variant=\"body1\"\n                sx={{\n                  fontWeight: 700,\n                }}\n              >\n                DUC\n              </Typography>\n              <FormControlLabel\n                control={<Checkbox />}\n                label=\"DUC is required.\"\n                checked={updatedAr.isDUCRequired}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    isDUCRequired: checked,\n                  })\n                }\n              />\n              <SynapseErrorBoundary>\n                <UploadDocumentField\n                  id=\"duc\"\n                  isLoading={isUpdatingAccessRequirement}\n                  uploadCallback={resp => uploadDucTemplateCallback(resp)}\n                  documentName=\"Template DUC\"\n                  fileHandleAssociations={\n                    ducTemplateFileHandleAssociation\n                      ? [ducTemplateFileHandleAssociation]\n                      : undefined\n                  }\n                  isMultiFileUpload={false}\n                  uploadBtnVariant=\"contained\"\n                />\n                {uploadDucTemplateError && (\n                  <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n                    {uploadDucTemplateError}\n                  </Alert>\n                )}\n              </SynapseErrorBoundary>\n              <FormControlLabel\n                label=\"IRB approval is required.\"\n                checked={updatedAr.isIRBApprovalRequired}\n                control={<Checkbox />}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    isIRBApprovalRequired: checked,\n                  })\n                }\n                sx={{ ml: 0 }}\n              />\n              <FormControlLabel\n                control={<Checkbox />}\n                label=\"Other documents are required.\"\n                checked={updatedAr.areOtherAttachmentsRequired}\n                onChange={(_event, checked: boolean) =>\n                  setUpdatedAr({\n                    ...updatedAr,\n                    areOtherAttachmentsRequired: checked,\n                  })\n                }\n              />\n              <TextField\n                id=\"expirationPeriod\"\n                name=\"expirationPeriod\"\n                label=\"Expiration period (days)\"\n                value={expirationPeriodDays}\n                error={Boolean(expirationPeriodError)}\n                helperText={expirationPeriodError}\n                sx={{ mt: 1 }}\n                fullWidth\n                onChange={event => {\n                  setExpirationPeriodError(null)\n                  setExpirationPeriodDays(event.target.value)\n                }}\n                onBlur={() => {\n                  const expirationPeriodOrErrorMessage =\n                    getValidExpirationPeriodOrErrorMessage(expirationPeriodDays)\n                  if (typeof expirationPeriodOrErrorMessage === 'string') {\n                    setExpirationPeriodError(expirationPeriodOrErrorMessage)\n                  }\n                }}\n              />\n              <Box\n                sx={{\n                  mt: 1,\n                }}\n              >\n                <FormControlLabel\n                  control={<Checkbox />}\n                  label=\"Intended Data Use statement is required.\"\n                  checked={updatedAr.isIDURequired}\n                  onChange={(_event, checked: boolean) => {\n                    if (checked) {\n                      setUpdatedAr({\n                        ...updatedAr,\n                        isIDURequired: true,\n                      })\n                    } else {\n                      setUpdatedAr({\n                        ...updatedAr,\n                        isIDURequired: false,\n                        isIDUPublic: false,\n                      })\n                    }\n                  }}\n                />\n                <FormControlLabel\n                  control={<Checkbox />}\n                  label=\"Intended Data Use statements will be publicly available.\"\n                  checked={updatedAr.isIDUPublic}\n                  disabled={!updatedAr.isIDURequired}\n                  onChange={(_event, checked: boolean) =>\n                    setUpdatedAr({\n                      ...updatedAr,\n                      isIDUPublic: checked,\n                    })\n                  }\n                />\n              </Box>\n            </Box>\n          </Box>\n        </Box>\n        {updateArError && (\n          <Alert severity=\"error\" sx={{ marginTop: 2 }}>\n            {updateArError.reason}\n          </Alert>\n        )}\n      </>\n    )\n  },\n)\n"],"mappings":";;;;;;;;;;;;;;AAqCA,IAAa,IACX,mDAEW,KACX,MACG;CACH,IAAI,MAAyB,IAAI,OAAO;CAExC,IAAM,IAAY;CAClB,IAAI,YAAY,KAAK,CAAoB,GAAG;EAC1C,IAAM,IAAM,OAAO,CAAoB;EAIvC,OAHI,IAAM,IACD,GAAG,EAAU,gEAEf,IAAM;CACf;CACA,OAAO,GAAG,EAAU,qBAAqB,EAAqB;AAChE,GAea,IAAoC,EAC/C,SACE,GACA,GACA;CACA,IAAM,EAAE,wBAAqB,WAAQ,eAAY,GAE3C,EAAE,MAAM,GAAmB,OAAO,MACtC,EACE,GACA,EAAE,WAAW,SAAS,CACxB;CACF,QAAgB;EACd,AAAI,MACF,EAAa,CAAiB,GAC9B,GACG,EAAkB,mBAAmB,GAAW,SAAS,CAC5D;CAEJ,GAAG,CAAC,CAAiB,CAAC;CAEtB,IAAM,CAAC,GAAwB,KAA6B,EAE1D,IAAI,GACA,CAAC,GAAuB,KAA4B,EAExD,IAAI,GAEA,CAAC,GAAW,KAChB,EAA6C,IAAI,GAC7C,CAAC,GAAsB,KAA2B,EAAiB,EAAE,GAErE,IAAmC,QAAc;EACrD,IAAI,GAAW,yBAOb,OAAO;GALL,cAAc,EAAU;GACxB,qBACE,EAAwB;GAC1B,mBAAmB,EAAU,GAAG,SAAS;EAEpC;CAGX,GAAG,CAAC,GAAW,yBAAyB,GAAW,EAAE,CAAC,GAEhD,KAA6B,MAA6B;EAC9D,IAAI,EAAK,QAAQ,EAAK,WAAW,GAAW;GAC1C,EAA0B,IAAI;GAE9B,IAAM,IAAqC,EAAK;GAChD,EAAa;IACX,GAAG;IACH,yBAAyB,EAAe;GAC1C,CAAC;EACH,OAAO,AAAI,CAAC,EAAK,WAAW,EAAK,SAC/B,EACE,GAAG,EAA0B,GAC1B,EAAK,MAA6B,QAEvC;CAEJ,GAEM,EACJ,QAAQ,GACR,WAAW,GACX,OAAO,MACL,EAAwD;EAC1D,iBAAiB,EAAO;EACxB,eAAe,EAAQ;CACzB,CAAC;CA8BD,OA5BA,EAAoB,UACX,EACL,OAAO;EACL,IAAI,GAAW;GACb,IAAM,IACJ,EAAuC,CAAoB;GAC7D,AAAI,OAAO,KAAmC,YAC5C,EAAyB,CAA8B,GACvD,EAAQ,KAER,EAAwB;IACtB,GAAG;IACH,kBAAkB;GACpB,CAAC;EAEL;CACF,EACF,IACC;EAAC;EAAsB;EAAW;EAAyB;CAAO,CAAC,GAEjE,IASH,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD,EAAmC,mBAAmB,EAAY,CAAA;EAClE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,cAAc;IACd,OAAO;IACP,IAAI;IACJ,IAAI;GACN;aACD;EAEW,CAAA,GACZ,kBAAC,GAAD;GACE,IAAI;IACF,IAAI;IACJ,IAAI;GACN;aAJF,CAME,kBAAC,GAAD;IACE,mBAAmB;IACnB,WAAU,MACR,EAAa,CAAwC;GAExD,CAAA,GACD,kBAAC,GAAD;IACE,IAAI,EACF,IAAI,EACN;cAHF;KAKE,kBAAC,GAAD;MACE,SAAQ;MACR,IAAI,EACF,YAAY,IACd;gBACD;KAEW,CAAA;KACZ,kBAAC,GAAD;MACE,SAAS,kBAAC,GAAD,CAAW,CAAA;MACpB,OAAM;MACN,SAAS,EAAU;MACnB,WAAW,GAAQ,MACjB,EAAa;OACX,GAAG;OACH,eAAe;MACjB,CAAC;KAEJ,CAAA;KACD,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MACE,IAAG;MACH,WAAW;MACX,iBAAgB,MAAQ,EAA0B,CAAI;MACtD,cAAa;MACb,wBACE,IACI,CAAC,CAAgC,IACjC,KAAA;MAEN,mBAAmB;MACnB,kBAAiB;KAClB,CAAA,GACA,KACC,kBAAC,GAAD;MAAO,UAAS;MAAQ,IAAI,EAAE,WAAW,EAAE;gBACxC;KACI,CAAA,CAEW,EAAA,CAAA;KACtB,kBAAC,GAAD;MACE,OAAM;MACN,SAAS,EAAU;MACnB,SAAS,kBAAC,GAAD,CAAW,CAAA;MACpB,WAAW,GAAQ,MACjB,EAAa;OACX,GAAG;OACH,uBAAuB;MACzB,CAAC;MAEH,IAAI,EAAE,IAAI,EAAE;KACb,CAAA;KACD,kBAAC,GAAD;MACE,SAAS,kBAAC,GAAD,CAAW,CAAA;MACpB,OAAM;MACN,SAAS,EAAU;MACnB,WAAW,GAAQ,MACjB,EAAa;OACX,GAAG;OACH,6BAA6B;MAC/B,CAAC;KAEJ,CAAA;KACD,kBAAC,GAAD;MACE,IAAG;MACH,MAAK;MACL,OAAM;MACN,OAAO;MACP,OAAO,EAAQ;MACf,YAAY;MACZ,IAAI,EAAE,IAAI,EAAE;MACZ,WAAA;MACA,WAAU,MAAS;OAEjB,AADA,EAAyB,IAAI,GAC7B,EAAwB,EAAM,OAAO,KAAK;MAC5C;MACA,cAAc;OACZ,IAAM,IACJ,EAAuC,CAAoB;OAC7D,AAAI,OAAO,KAAmC,YAC5C,EAAyB,CAA8B;MAE3D;KACD,CAAA;KACD,kBAAC,GAAD;MACE,IAAI,EACF,IAAI,EACN;gBAHF,CAKE,kBAAC,GAAD;OACE,SAAS,kBAAC,GAAD,CAAW,CAAA;OACpB,OAAM;OACN,SAAS,EAAU;OACnB,WAAW,GAAQ,MAAqB;QACtC,AACE,EADE,IACW;SACX,GAAG;SACH,eAAe;QACjB,IAEa;SACX,GAAG;SACH,eAAe;SACf,aAAa;QACf,CAAC;OAEL;MACD,CAAA,GACD,kBAAC,GAAD;OACE,SAAS,kBAAC,GAAD,CAAW,CAAA;OACpB,OAAM;OACN,SAAS,EAAU;OACnB,UAAU,CAAC,EAAU;OACrB,WAAW,GAAQ,MACjB,EAAa;QACX,GAAG;QACH,aAAa;OACf,CAAC;MAEJ,CAAA,CACE;;IACF;KACF;IACF,EAAA,CAAA;EACJ,KACC,kBAAC,GAAD;GAAO,UAAS;GAAQ,IAAI,EAAE,WAAW,EAAE;aACxC,EAAc;EACV,CAAA;CAET,EAAA,CAAA,IAvKE,IACK,kBAAC,GAAD;EAAO,UAAS;YAAS,EAAW;CAAc,CAAA,IAElD,kBAAC,GAAD,CAAiB,CAAA;AAsK9B,CACF"}

package/dist/components/ShareThisPage/ShareThisPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShareThisPage.js","names":[],"sources":["../../../src/components/ShareThisPage/ShareThisPage.tsx"],"sourcesContent":["import {\n  Button,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  IconButton,\n  Typography,\n  Input,\n  Box,\n} from '@mui/material'\nimport React from 'react'\nimport { useEffect, useState } from 'react'\nimport CloseIcon from '@mui/icons-material/Close'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport {\n  LinkedinShareButton,\n  LinkedinIcon,\n  TwitterShareButton,\n  BlueskyShareButton,\n  BlueskyIcon,\n  XIcon,\n} from 'react-share'\nimport styles from './ShareThisPage.module.scss'\nimport { ShareTwoTone } from '@mui/icons-material'\nimport { useCreateShortUrl } from '../../utils/hooks/useCreateShortUrl'\n\nexport type ShareThisPageProps = {\n  shortIoPublicApiKey?: string\n  domain?: string\n  renderAs?: 'button' | 'icon'\n  open?: boolean\n  onClose?: () => void\n}\n\nconst ShareThisPage = ({\n  shortIoPublicApiKey,\n  domain = 'sageb.io',\n  renderAs = 'button',\n  open: externalOpen,\n  onClose: externalOnClose,\n}: ShareThisPageProps): React.ReactNode => {\n  const [url, setUrl] = useState('')\n  const [internalOpen, setInternalOpen] = useState(false)\n\n  // Use internal state if externalOpen is undefined\n  // Otherwise, the open state is controlled externally by externalOpen\n  const isControlled = externalOpen === undefined\n  const open = isControlled ? internalOpen : externalOpen\n\n  const handleOpen = () => {\n    if (isControlled) {\n      setInternalOpen(true)\n    }\n  }\n\n  const handleClose = () => {\n    if (isControlled) {\n      setInternalOpen(false)\n    }\n    if (externalOnClose) {\n      externalOnClose()\n    }\n  }\n\n  const { mutate: createShortUrl, isPending } = useCreateShortUrl({\n    shortIoPublicApiKey,\n    domain,\n    onSuccess: data => {\n      setUrl(data)\n    },\n    onError: error => {\n      console.error(error)\n      setUrl(window.location.href)\n    },\n  })\n\n  useEffect(() => {\n    if (open) {\n      createShortUrl()\n    }\n  }, [open, createShortUrl])\n\n  return (\n    <div>\n      {renderAs === 'button' && (\n        <Button\n          variant=\"outlined\"\n          startIcon={<ShareTwoTone className={styles.shareIcon} />}\n          onClick={handleOpen}\n        >\n          Share\n        </Button>\n      )}\n\n      <Dialog\n        open={open}\n        onClose={handleClose}\n        maxWidth=\"xs\"\n        className={styles.dialogPaper}\n      >\n        <DialogTitle className={styles.dialogTitle}>\n          Share this page\n          <IconButton onClick={handleClose} size=\"small\">\n            <CloseIcon className={styles.closeIcon} />\n          </IconButton>\n        </DialogTitle>\n\n        <DialogContent className={styles.dialogContent}>\n          <Box className={styles.contentStack}>\n            <div className={styles.shareButtonsContainer}>\n              <LinkedinShareButton url={url} aria-label=\"Share on LinkedIn\">\n                <div className={styles.shareItem}>\n                  <LinkedinIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    LinkedIn\n                  </Typography>\n                </div>\n              </LinkedinShareButton>\n\n              <TwitterShareButton url={url} aria-label=\"Share on X\">\n                <div className={styles.shareItem}>\n                  <XIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    X\n                  </Typography>\n                </div>\n              </TwitterShareButton>\n\n              <BlueskyShareButton url={url} aria-label=\"Share on Bluesky\">\n                <div className={styles.shareItem}>\n                  <BlueskyIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    Bluesky\n                  </Typography>\n                </div>\n              </BlueskyShareButton>\n            </div>\n\n            <div className={styles.copySection}>\n              <Typography className={styles.copyLabel}>Page Link</Typography>\n              <div className={styles.copyRow}>\n                <Input\n                  className={styles.urlInput}\n                  value={url}\n                  readOnly\n                  aria-label=\"Page URL\"\n                  placeholder={isPending ? 'Generating link...' : ''}\n                />\n                <CopyToClipboardIcon\n                  value={url}\n                  sizePx={24}\n                  className={styles.copyButton}\n                />\n              </div>\n            </div>\n          </Box>\n        </DialogContent>\n      </Dialog>\n    </div>\n  )\n}\n\nexport default ShareThisPage\n"],"mappings":";;;;;;;;;;AAkCA,IAAM,KAAiB,EACrB,wBACA,YAAS,YACT,cAAW,UACX,MAAM,GACN,SAAS,QACgC;CACzC,IAAM,CAAC,GAAK,KAAU,EAAS,GAAG,EAC5B,CAAC,GAAc,KAAmB,EAAS,GAAM,EAIjD,IAAe,MAAiB,KAAA,GAChC,IAAO,IAAe,IAAe,GAErC,UAAmB;AACvB,EAAI,KACF,EAAgB,GAAK;IAInB,UAAoB;AAIxB,EAHI,KACF,EAAgB,GAAM,EAEpB,KACF,GAAiB;IAIf,EAAE,QAAQ,GAAgB,iBAAc,EAAkB;EAC9D;EACA;EACA,YAAW,MAAQ;AACjB,KAAO,EAAK;;EAEd,UAAS,MAAS;AAEhB,GADA,QAAQ,MAAM,EAAM,EACpB,EAAO,OAAO,SAAS,KAAK;;EAE/B,CAAC;AAQF,QANA,QAAgB;AACd,EAAI,KACF,GAAgB;IAEjB,CAAC,GAAM,EAAe,CAAC,EAGxB,kBAAC,OAAD,EAAA,UAAA,CACG,MAAa,YACZ,kBAAC,GAAD;EACE,SAAQ;EACR,WAAW,kBAAC,GAAD,EAAc,WAAW,EAAO,WAAa,CAAA;EACxD,SAAS;YACV;EAEQ,CAAA,EAGX,kBAAC,GAAD;EACQ;EACN,SAAS;EACT,UAAS;EACT,WAAW,EAAO;YAJpB,CAME,kBAAC,GAAD;GAAa,WAAW,EAAO;aAA/B,CAA4C,mBAE1C,kBAAC,GAAD;IAAY,SAAS;IAAa,MAAK;cACrC,kBAAC,GAAD,EAAW,WAAW,EAAO,WAAa,CAAA;IAC/B,CAAA,CACD;MAEd,kBAAC,GAAD;GAAe,WAAW,EAAO;aAC/B,kBAAC,GAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB;MACE,kBAAC,GAAD;OAA0B;OAAK,cAAW;iBACxC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAc,MAAM;SAAI,OAAA;SAAQ,CAAA,EAChC,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;SAEjD,CAAA,CACT;;OACc,CAAA;MAEtB,kBAAC,GAAD;OAAyB;OAAK,cAAW;iBACvC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAO,MAAM;SAAI,OAAA;SAAQ,CAAA,EACzB,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;SAEjD,CAAA,CACT;;OACa,CAAA;MAErB,kBAAC,GAAD;OAAyB;OAAK,cAAW;iBACvC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAa,MAAM;SAAI,OAAA;SAAQ,CAAA,EAC/B,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;SAEjD,CAAA,CACT;;OACa,CAAA;MACjB;QAEN,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACE,kBAAC,GAAD;MAAY,WAAW,EAAO;gBAAW;MAAsB,CAAA,EAC/D,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,GAAD;OACE,WAAW,EAAO;OAClB,OAAO;OACP,UAAA;OACA,cAAW;OACX,aAAa,IAAY,uBAAuB;OAChD,CAAA,EACF,kBAAC,GAAD;OACE,OAAO;OACP,QAAQ;OACR,WAAW,EAAO;OAClB,CAAA,CACE;QACF;OACF;;GACQ,CAAA,CACT;IACL,EAAA,CAAA"}
+{"version":3,"file":"ShareThisPage.js","names":[],"sources":["../../../src/components/ShareThisPage/ShareThisPage.tsx"],"sourcesContent":["import {\n  Button,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  IconButton,\n  Typography,\n  Input,\n  Box,\n} from '@mui/material'\nimport React from 'react'\nimport { useEffect, useState } from 'react'\nimport CloseIcon from '@mui/icons-material/Close'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport {\n  LinkedinShareButton,\n  LinkedinIcon,\n  TwitterShareButton,\n  BlueskyShareButton,\n  BlueskyIcon,\n  XIcon,\n} from 'react-share'\nimport styles from './ShareThisPage.module.scss'\nimport { ShareTwoTone } from '@mui/icons-material'\nimport { useCreateShortUrl } from '../../utils/hooks/useCreateShortUrl'\n\nexport type ShareThisPageProps = {\n  shortIoPublicApiKey?: string\n  domain?: string\n  renderAs?: 'button' | 'icon'\n  open?: boolean\n  onClose?: () => void\n}\n\nconst ShareThisPage = ({\n  shortIoPublicApiKey,\n  domain = 'sageb.io',\n  renderAs = 'button',\n  open: externalOpen,\n  onClose: externalOnClose,\n}: ShareThisPageProps): React.ReactNode => {\n  const [url, setUrl] = useState('')\n  const [internalOpen, setInternalOpen] = useState(false)\n\n  // Use internal state if externalOpen is undefined\n  // Otherwise, the open state is controlled externally by externalOpen\n  const isControlled = externalOpen === undefined\n  const open = isControlled ? internalOpen : externalOpen\n\n  const handleOpen = () => {\n    if (isControlled) {\n      setInternalOpen(true)\n    }\n  }\n\n  const handleClose = () => {\n    if (isControlled) {\n      setInternalOpen(false)\n    }\n    if (externalOnClose) {\n      externalOnClose()\n    }\n  }\n\n  const { mutate: createShortUrl, isPending } = useCreateShortUrl({\n    shortIoPublicApiKey,\n    domain,\n    onSuccess: data => {\n      setUrl(data)\n    },\n    onError: error => {\n      console.error(error)\n      setUrl(window.location.href)\n    },\n  })\n\n  useEffect(() => {\n    if (open) {\n      createShortUrl()\n    }\n  }, [open, createShortUrl])\n\n  return (\n    <div>\n      {renderAs === 'button' && (\n        <Button\n          variant=\"outlined\"\n          startIcon={<ShareTwoTone className={styles.shareIcon} />}\n          onClick={handleOpen}\n        >\n          Share\n        </Button>\n      )}\n\n      <Dialog\n        open={open}\n        onClose={handleClose}\n        maxWidth=\"xs\"\n        className={styles.dialogPaper}\n      >\n        <DialogTitle className={styles.dialogTitle}>\n          Share this page\n          <IconButton onClick={handleClose} size=\"small\">\n            <CloseIcon className={styles.closeIcon} />\n          </IconButton>\n        </DialogTitle>\n\n        <DialogContent className={styles.dialogContent}>\n          <Box className={styles.contentStack}>\n            <div className={styles.shareButtonsContainer}>\n              <LinkedinShareButton url={url} aria-label=\"Share on LinkedIn\">\n                <div className={styles.shareItem}>\n                  <LinkedinIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    LinkedIn\n                  </Typography>\n                </div>\n              </LinkedinShareButton>\n\n              <TwitterShareButton url={url} aria-label=\"Share on X\">\n                <div className={styles.shareItem}>\n                  <XIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    X\n                  </Typography>\n                </div>\n              </TwitterShareButton>\n\n              <BlueskyShareButton url={url} aria-label=\"Share on Bluesky\">\n                <div className={styles.shareItem}>\n                  <BlueskyIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    Bluesky\n                  </Typography>\n                </div>\n              </BlueskyShareButton>\n            </div>\n\n            <div className={styles.copySection}>\n              <Typography className={styles.copyLabel}>Page Link</Typography>\n              <div className={styles.copyRow}>\n                <Input\n                  className={styles.urlInput}\n                  value={url}\n                  readOnly\n                  aria-label=\"Page URL\"\n                  placeholder={isPending ? 'Generating link...' : ''}\n                />\n                <CopyToClipboardIcon\n                  value={url}\n                  sizePx={24}\n                  className={styles.copyButton}\n                />\n              </div>\n            </div>\n          </Box>\n        </DialogContent>\n      </Dialog>\n    </div>\n  )\n}\n\nexport default ShareThisPage\n"],"mappings":";;;;;;;;;;AAkCA,IAAM,KAAiB,EACrB,wBACA,YAAS,YACT,cAAW,UACX,MAAM,GACN,SAAS,QACgC;CACzC,IAAM,CAAC,GAAK,KAAU,EAAS,EAAE,GAC3B,CAAC,GAAc,KAAmB,EAAS,EAAK,GAIhD,IAAe,MAAiB,KAAA,GAChC,IAAO,IAAe,IAAe,GAErC,UAAmB;EACvB,AAAI,KACF,EAAgB,EAAI;CAExB,GAEM,UAAoB;EAIxB,AAHI,KACF,EAAgB,EAAK,GAEnB,KACF,EAAgB;CAEpB,GAEM,EAAE,QAAQ,GAAgB,iBAAc,EAAkB;EAC9D;EACA;EACA,YAAW,MAAQ;GACjB,EAAO,CAAI;EACb;EACA,UAAS,MAAS;GAEhB,AADA,QAAQ,MAAM,CAAK,GACnB,EAAO,OAAO,SAAS,IAAI;EAC7B;CACF,CAAC;CAQD,OANA,QAAgB;EACd,AAAI,KACF,EAAe;CAEnB,GAAG,CAAC,GAAM,CAAc,CAAC,GAGvB,kBAAC,OAAD,EAAA,UAAA,CACG,MAAa,YACZ,kBAAC,GAAD;EACE,SAAQ;EACR,WAAW,kBAAC,GAAD,EAAc,WAAW,EAAO,UAAY,CAAA;EACvD,SAAS;YACV;CAEO,CAAA,GAGV,kBAAC,GAAD;EACQ;EACN,SAAS;EACT,UAAS;EACT,WAAW,EAAO;YAJpB,CAME,kBAAC,GAAD;GAAa,WAAW,EAAO;aAA/B,CAA4C,mBAE1C,kBAAC,GAAD;IAAY,SAAS;IAAa,MAAK;cACrC,kBAAC,GAAD,EAAW,WAAW,EAAO,UAAY,CAAA;GAC/B,CAAA,CACD;MAEb,kBAAC,GAAD;GAAe,WAAW,EAAO;aAC/B,kBAAC,GAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB;MACE,kBAAC,GAAD;OAA0B;OAAK,cAAW;iBACxC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAc,MAAM;SAAI,OAAA;QAAO,CAAA,GAC/B,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;QAElD,CAAA,CACT;;MACc,CAAA;MAErB,kBAAC,GAAD;OAAyB;OAAK,cAAW;iBACvC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAO,MAAM;SAAI,OAAA;QAAO,CAAA,GACxB,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;QAElD,CAAA,CACT;;MACa,CAAA;MAEpB,kBAAC,GAAD;OAAyB;OAAK,cAAW;iBACvC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAa,MAAM;SAAI,OAAA;QAAO,CAAA,GAC9B,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;QAElD,CAAA,CACT;;MACa,CAAA;KACjB;QAEL,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACE,kBAAC,GAAD;MAAY,WAAW,EAAO;gBAAW;KAAqB,CAAA,GAC9D,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,GAAD;OACE,WAAW,EAAO;OAClB,OAAO;OACP,UAAA;OACA,cAAW;OACX,aAAa,IAAY,uBAAuB;MACjD,CAAA,GACD,kBAAC,GAAD;OACE,OAAO;OACP,QAAQ;OACR,WAAW,EAAO;MACnB,CAAA,CACE;OACF;MACF;;EACQ,CAAA,CACT;GACL,EAAA,CAAA;AAET"}

package/dist/components/ShowMore/ShowMore.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShowMore.js","names":[],"sources":["../../../src/components/ShowMore/ShowMore.tsx"],"sourcesContent":["import { Component, MouseEvent } from 'react'\n\nconst CHAR_COUNT_CUTOFF = 400\n\ntype ShowMoreState = {\n  showMore: boolean\n}\n\nexport type ShowMoreProps = {\n  summary: string\n  maxCharacterCount?: number\n}\n\nexport default class ShowMore extends Component<ShowMoreProps, ShowMoreState> {\n  constructor(props: ShowMoreProps) {\n    super(props)\n    this.state = {\n      showMore: false,\n    }\n    this.toggleShowMore = this.toggleShowMore.bind(this)\n  }\n\n  public toggleShowMore(event: MouseEvent<HTMLAnchorElement>) {\n    event.preventDefault()\n    this.setState({\n      showMore: true,\n    })\n  }\n\n  getCutoff = (summary: string, maxCharacterCount: number) => {\n    let previewText = ''\n    if (!summary) {\n      return { previewText }\n    }\n    let hiddenText = ''\n    const summarySplit = summary.split(' ')\n    // find num words to join such that its >= char_count_cutoff\n    let i = 0\n    while (previewText.length < maxCharacterCount && i < summarySplit.length) {\n      previewText += `${summarySplit[i]} `\n      i += 1\n    }\n    if (i < summarySplit.length - 1) {\n      hiddenText = summarySplit.slice(i).join(' ')\n    }\n    return { previewText, hiddenText }\n  }\n\n  public render() {\n    const { summary, maxCharacterCount = CHAR_COUNT_CUTOFF } = this.props\n    const meetsCharRequirements = summary && summary.length >= maxCharacterCount\n    const { previewText, hiddenText } = this.getCutoff(\n      summary,\n      maxCharacterCount,\n    )\n    const showMoreButton = meetsCharRequirements && (\n      <a\n        style={{ fontSize: '14px', cursor: 'pointer', marginLeft: '5px' }}\n        onClick={this.toggleShowMore}\n        className=\"highlight-link\"\n      >\n        ...Show More\n      </a>\n    )\n    return (\n      <>\n        <span>\n          {previewText}\n          <span className={this.state.showMore ? '' : 'SRC-hidden'}>\n            {hiddenText}\n          </span>\n        </span>\n        {!this.state.showMore && showMoreButton}\n      </>\n    )\n  }\n}\n"],"mappings":";;;AAEA,IAAM,IAAoB,KAWL,IAArB,cAAsC,EAAwC;CAC5E,YAAY,GAAsB;AAKhC,EAJA,MAAM,EAAM,EACZ,KAAK,QAAQ,EACX,UAAU,IACX,EACD,KAAK,iBAAiB,KAAK,eAAe,KAAK,KAAK;;CAGtD,eAAsB,GAAsC;AAE1D,EADA,EAAM,gBAAgB,EACtB,KAAK,SAAS,EACZ,UAAU,IACX,CAAC;;CAGJ,aAAa,GAAiB,MAA8B;EAC1D,IAAI,IAAc;AAClB,MAAI,CAAC,EACH,QAAO,EAAE,gBAAa;EAExB,IAAI,IAAa,IACX,IAAe,EAAQ,MAAM,IAAI,EAEnC,IAAI;AACR,SAAO,EAAY,SAAS,KAAqB,IAAI,EAAa,QAEhE,CADA,KAAe,GAAG,EAAa,GAAG,IAClC,KAAK;AAKP,SAHI,IAAI,EAAa,SAAS,MAC5B,IAAa,EAAa,MAAM,EAAE,CAAC,KAAK,IAAI,GAEvC;GAAE;GAAa;GAAY;;CAGpC,SAAgB;EACd,IAAM,EAAE,YAAS,uBAAoB,MAAsB,KAAK,OAC1D,IAAwB,KAAW,EAAQ,UAAU,GACrD,EAAE,gBAAa,kBAAe,KAAK,UACvC,GACA,EACD,EACK,IAAiB,KACrB,kBAAC,KAAD;GACE,OAAO;IAAE,UAAU;IAAQ,QAAQ;IAAW,YAAY;IAAO;GACjE,SAAS,KAAK;GACd,WAAU;aACX;GAEG,CAAA;AAEN,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD,EAAA,UAAA,CACG,GACD,kBAAC,QAAD;GAAM,WAAW,KAAK,MAAM,WAAW,KAAK;aACzC;GACI,CAAA,CACF,EAAA,CAAA,EACN,CAAC,KAAK,MAAM,YAAY,EACxB,EAAA,CAAA"}
+{"version":3,"file":"ShowMore.js","names":[],"sources":["../../../src/components/ShowMore/ShowMore.tsx"],"sourcesContent":["import { Component, MouseEvent } from 'react'\n\nconst CHAR_COUNT_CUTOFF = 400\n\ntype ShowMoreState = {\n  showMore: boolean\n}\n\nexport type ShowMoreProps = {\n  summary: string\n  maxCharacterCount?: number\n}\n\nexport default class ShowMore extends Component<ShowMoreProps, ShowMoreState> {\n  constructor(props: ShowMoreProps) {\n    super(props)\n    this.state = {\n      showMore: false,\n    }\n    this.toggleShowMore = this.toggleShowMore.bind(this)\n  }\n\n  public toggleShowMore(event: MouseEvent<HTMLAnchorElement>) {\n    event.preventDefault()\n    this.setState({\n      showMore: true,\n    })\n  }\n\n  getCutoff = (summary: string, maxCharacterCount: number) => {\n    let previewText = ''\n    if (!summary) {\n      return { previewText }\n    }\n    let hiddenText = ''\n    const summarySplit = summary.split(' ')\n    // find num words to join such that its >= char_count_cutoff\n    let i = 0\n    while (previewText.length < maxCharacterCount && i < summarySplit.length) {\n      previewText += `${summarySplit[i]} `\n      i += 1\n    }\n    if (i < summarySplit.length - 1) {\n      hiddenText = summarySplit.slice(i).join(' ')\n    }\n    return { previewText, hiddenText }\n  }\n\n  public render() {\n    const { summary, maxCharacterCount = CHAR_COUNT_CUTOFF } = this.props\n    const meetsCharRequirements = summary && summary.length >= maxCharacterCount\n    const { previewText, hiddenText } = this.getCutoff(\n      summary,\n      maxCharacterCount,\n    )\n    const showMoreButton = meetsCharRequirements && (\n      <a\n        style={{ fontSize: '14px', cursor: 'pointer', marginLeft: '5px' }}\n        onClick={this.toggleShowMore}\n        className=\"highlight-link\"\n      >\n        ...Show More\n      </a>\n    )\n    return (\n      <>\n        <span>\n          {previewText}\n          <span className={this.state.showMore ? '' : 'SRC-hidden'}>\n            {hiddenText}\n          </span>\n        </span>\n        {!this.state.showMore && showMoreButton}\n      </>\n    )\n  }\n}\n"],"mappings":";;;AAEA,IAAM,IAAoB,KAWL,IAArB,cAAsC,EAAwC;CAC5E,YAAY,GAAsB;EAKhC,AAJA,MAAM,CAAK,GACX,KAAK,QAAQ,EACX,UAAU,GACZ,GACA,KAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI;CACrD;CAEA,eAAsB,GAAsC;EAE1D,AADA,EAAM,eAAe,GACrB,KAAK,SAAS,EACZ,UAAU,GACZ,CAAC;CACH;CAEA,aAAa,GAAiB,MAA8B;EAC1D,IAAI,IAAc;EAClB,IAAI,CAAC,GACH,OAAO,EAAE,eAAY;EAEvB,IAAI,IAAa,IACX,IAAe,EAAQ,MAAM,GAAG,GAElC,IAAI;EACR,OAAO,EAAY,SAAS,KAAqB,IAAI,EAAa,SAEhE,AADA,KAAe,GAAG,EAAa,GAAG,IAClC,KAAK;EAKP,OAHI,IAAI,EAAa,SAAS,MAC5B,IAAa,EAAa,MAAM,CAAC,EAAE,KAAK,GAAG,IAEtC;GAAE;GAAa;EAAW;CACnC;CAEA,SAAgB;EACd,IAAM,EAAE,YAAS,uBAAoB,MAAsB,KAAK,OAC1D,IAAwB,KAAW,EAAQ,UAAU,GACrD,EAAE,gBAAa,kBAAe,KAAK,UACvC,GACA,CACF,GACM,IAAiB,KACrB,kBAAC,KAAD;GACE,OAAO;IAAE,UAAU;IAAQ,QAAQ;IAAW,YAAY;GAAM;GAChE,SAAS,KAAK;GACd,WAAU;aACX;EAEE,CAAA;EAEL,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD,EAAA,UAAA,CACG,GACD,kBAAC,QAAD;GAAM,WAAW,KAAK,MAAM,WAAW,KAAK;aACzC;EACG,CAAA,CACF,EAAA,CAAA,GACL,CAAC,KAAK,MAAM,YAAY,CACzB,EAAA,CAAA;CAEN;AACF"}

package/dist/components/SignInButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignInButton.js","names":[],"sources":["../../src/components/SignInButton.tsx"],"sourcesContent":["import React from 'react'\nimport { SRC_SIGN_IN_CLASS } from '@/utils/SynapseConstants'\nimport { Link } from '@mui/material'\nimport { CSSProperties } from 'react'\n\nexport type SignInProps = {\n  className?: string\n  style?: CSSProperties\n}\n// An event listener for the class SRC_SIGN_IN_CLASS is needed to trigger a download\n// modal\nconst SignInButton = ({ className, style }: SignInProps): React.ReactNode => {\n  return (\n    <Link\n      type=\"button\"\n      style={style}\n      className={`SignInButton ${SRC_SIGN_IN_CLASS} ${className}`}\n    >\n      Sign In\n    </Link>\n  )\n}\n\nexport default SignInButton\n"],"mappings":";;;;;AAWA,IAAM,KAAgB,EAAE,cAAW,eAE/B,kBAAC,GAAD;CACE,MAAK;CACE;CACP,WAAW,gBAAgB,EAAkB,GAAG;WACjD;CAEM,CAAA"}
+{"version":3,"file":"SignInButton.js","names":[],"sources":["../../src/components/SignInButton.tsx"],"sourcesContent":["import React from 'react'\nimport { SRC_SIGN_IN_CLASS } from '@/utils/SynapseConstants'\nimport { Link } from '@mui/material'\nimport { CSSProperties } from 'react'\n\nexport type SignInProps = {\n  className?: string\n  style?: CSSProperties\n}\n// An event listener for the class SRC_SIGN_IN_CLASS is needed to trigger a download\n// modal\nconst SignInButton = ({ className, style }: SignInProps): React.ReactNode => {\n  return (\n    <Link\n      type=\"button\"\n      style={style}\n      className={`SignInButton ${SRC_SIGN_IN_CLASS} ${className}`}\n    >\n      Sign In\n    </Link>\n  )\n}\n\nexport default SignInButton\n"],"mappings":";;;;;AAWA,IAAM,KAAgB,EAAE,cAAW,eAE/B,kBAAC,GAAD;CACE,MAAK;CACE;CACP,WAAW,gBAAgB,EAAkB,GAAG;WACjD;AAEK,CAAA"}

package/dist/components/SignInRequiredModal/SignInRequiredModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignInRequiredModal.js","names":[],"sources":["../../../src/components/SignInRequiredModal/SignInRequiredModal.tsx"],"sourcesContent":["import { SRC_SIGN_IN_CLASS } from '@/utils/SynapseConstants'\nimport {\n  ConfirmationDialog,\n  ConfirmationDialogProps,\n} from '../ConfirmationDialog/ConfirmationDialog'\n\nexport type SignInRequiredModalProps = Partial<\n  Omit<ConfirmationDialogProps, 'title' | 'onConfirm' | 'onCancel'>\n> & {\n  onHide: () => void\n}\n\nexport const CONFIRM_BUTTON_TEXT = 'Sign in'\nexport const DEFAULT_CONTENT =\n  'You will need to sign in for access to that resource.'\nexport const TITLE = 'Sign In Required'\n\nexport function SignInRequiredModal({\n  onHide,\n  content = DEFAULT_CONTENT,\n  open = true,\n  ...rest\n}: SignInRequiredModalProps) {\n  return (\n    <ConfirmationDialog\n      {...rest}\n      open={open}\n      title={TITLE}\n      content={content}\n      onCancel={onHide}\n      onConfirm={onHide}\n      confirmButtonProps={{\n        ...rest.confirmButtonProps,\n        children: rest.confirmButtonProps?.children ?? CONFIRM_BUTTON_TEXT,\n        className: SRC_SIGN_IN_CLASS,\n      }}\n    />\n  )\n}\n"],"mappings":";;;;AAYA,IAAa,IAAsB,WACtB,IACX,yDACW,IAAQ;AAErB,SAAgB,EAAoB,EAClC,WACA,aAAU,GACV,UAAO,IACP,GAAG,KACwB;AAC3B,QACE,kBAAC,GAAD;EACE,GAAI;EACE;EACN,OAAO;EACE;EACT,UAAU;EACV,WAAW;EACX,oBAAoB;GAClB,GAAG,EAAK;GACR,UAAU,EAAK,oBAAoB,YAAA;GACnC,WAAW;GACZ;EACD,CAAA"}
+{"version":3,"file":"SignInRequiredModal.js","names":[],"sources":["../../../src/components/SignInRequiredModal/SignInRequiredModal.tsx"],"sourcesContent":["import { SRC_SIGN_IN_CLASS } from '@/utils/SynapseConstants'\nimport {\n  ConfirmationDialog,\n  ConfirmationDialogProps,\n} from '../ConfirmationDialog/ConfirmationDialog'\n\nexport type SignInRequiredModalProps = Partial<\n  Omit<ConfirmationDialogProps, 'title' | 'onConfirm' | 'onCancel'>\n> & {\n  onHide: () => void\n}\n\nexport const CONFIRM_BUTTON_TEXT = 'Sign in'\nexport const DEFAULT_CONTENT =\n  'You will need to sign in for access to that resource.'\nexport const TITLE = 'Sign In Required'\n\nexport function SignInRequiredModal({\n  onHide,\n  content = DEFAULT_CONTENT,\n  open = true,\n  ...rest\n}: SignInRequiredModalProps) {\n  return (\n    <ConfirmationDialog\n      {...rest}\n      open={open}\n      title={TITLE}\n      content={content}\n      onCancel={onHide}\n      onConfirm={onHide}\n      confirmButtonProps={{\n        ...rest.confirmButtonProps,\n        children: rest.confirmButtonProps?.children ?? CONFIRM_BUTTON_TEXT,\n        className: SRC_SIGN_IN_CLASS,\n      }}\n    />\n  )\n}\n"],"mappings":";;;;AAYA,IAAa,IAAsB,WACtB,IACX,yDACW,IAAQ;AAErB,SAAgB,EAAoB,EAClC,WACA,aAAU,GACV,UAAO,IACP,GAAG,KACwB;CAC3B,OACE,kBAAC,GAAD;EACE,GAAI;EACE;EACN,OAAO;EACE;EACT,UAAU;EACV,WAAW;EACX,oBAAoB;GAClB,GAAG,EAAK;GACR,UAAU,EAAK,oBAAoB,YAAA;GACnC,WAAW;EACb;CACD,CAAA;AAEL"}

package/dist/components/Skeleton/SkeletonButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonButton.js","names":[],"sources":["../../../src/components/Skeleton/SkeletonButton.tsx"],"sourcesContent":["import { Button, Skeleton } from '@mui/material'\n\ntype SkeletonButtonProps = { placeholderText?: string }\n\n/**\n * Skeleton of a MUI button. The `placeholderText` prompt can be used to customise the length to roughly match the existing button\n */\nexport function SkeletonButton({\n  placeholderText = 'Placeholder',\n}: SkeletonButtonProps) {\n  return (\n    <Skeleton variant=\"rectangular\">\n      <Button>{placeholderText}</Button>\n    </Skeleton>\n  )\n}\n\nexport default SkeletonButton\n"],"mappings":";;;AAOA,SAAgB,EAAe,EAC7B,qBAAkB,iBACI;AACtB,QACE,kBAAC,GAAD;EAAU,SAAQ;YAChB,kBAAC,GAAD,EAAA,UAAS,GAAyB,CAAA;EACzB,CAAA"}
+{"version":3,"file":"SkeletonButton.js","names":[],"sources":["../../../src/components/Skeleton/SkeletonButton.tsx"],"sourcesContent":["import { Button, Skeleton } from '@mui/material'\n\ntype SkeletonButtonProps = { placeholderText?: string }\n\n/**\n * Skeleton of a MUI button. The `placeholderText` prompt can be used to customise the length to roughly match the existing button\n */\nexport function SkeletonButton({\n  placeholderText = 'Placeholder',\n}: SkeletonButtonProps) {\n  return (\n    <Skeleton variant=\"rectangular\">\n      <Button>{placeholderText}</Button>\n    </Skeleton>\n  )\n}\n\nexport default SkeletonButton\n"],"mappings":";;;AAOA,SAAgB,EAAe,EAC7B,qBAAkB,iBACI;CACtB,OACE,kBAAC,GAAD;EAAU,SAAQ;YAChB,kBAAC,GAAD,EAAA,UAAS,EAAwB,CAAA;CACzB,CAAA;AAEd"}

package/dist/components/Skeleton/SkeletonInlineBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonInlineBlock.js","names":[],"sources":["../../../src/components/Skeleton/SkeletonInlineBlock.tsx"],"sourcesContent":["import Skeleton, { SkeletonProps } from '@mui/material/Skeleton'\n\n/**\n * Skeleton with a display value of `inline-block`. MUI applies `display: block` with high specificity, so it's easiest to just apply the style to the component.\n */\nexport function SkeletonInlineBlock(props: SkeletonProps) {\n  return (\n    <Skeleton\n      style={{ ...props.style, display: 'inline-block' }}\n      {...props}\n    ></Skeleton>\n  )\n}\n"],"mappings":";;;AAKA,SAAgB,EAAoB,GAAsB;AACxD,QACE,kBAAC,GAAD;EACE,OAAO;GAAE,GAAG,EAAM;GAAO,SAAS;GAAgB;EAClD,GAAI;EACM,CAAA"}
+{"version":3,"file":"SkeletonInlineBlock.js","names":[],"sources":["../../../src/components/Skeleton/SkeletonInlineBlock.tsx"],"sourcesContent":["import Skeleton, { SkeletonProps } from '@mui/material/Skeleton'\n\n/**\n * Skeleton with a display value of `inline-block`. MUI applies `display: block` with high specificity, so it's easiest to just apply the style to the component.\n */\nexport function SkeletonInlineBlock(props: SkeletonProps) {\n  return (\n    <Skeleton\n      style={{ ...props.style, display: 'inline-block' }}\n      {...props}\n    ></Skeleton>\n  )\n}\n"],"mappings":";;;AAKA,SAAgB,EAAoB,GAAsB;CACxD,OACE,kBAAC,GAAD;EACE,OAAO;GAAE,GAAG,EAAM;GAAO,SAAS;EAAe;EACjD,GAAI;CACK,CAAA;AAEf"}

package/dist/components/Skeleton/SkeletonParagraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonParagraph.js","names":[],"sources":["../../../src/components/Skeleton/SkeletonParagraph.tsx"],"sourcesContent":["import { Fragment, ReactNode, useEffect, useState } from 'react'\nimport Skeleton from '@mui/material/Skeleton'\nimport { times } from 'lodash-es'\n\nexport type SkeletonParagraphProps = {\n  numRows?: number\n  rowHeight?: string\n  className?: string\n}\n\n/**\n * Skeleton component designed to mimic a paragraph.\n */\nexport function SkeletonParagraph({\n  numRows = 5,\n  rowHeight,\n  className,\n}: SkeletonParagraphProps) {\n  const [skeletons, setSkeletons] = useState<ReactNode[]>([])\n\n  useEffect(() => {\n    const elements: ReactNode[] = []\n    times(numRows, i => {\n      elements.push(\n        <Fragment key={i}>\n          <Skeleton\n            height={rowHeight}\n            width={i === numRows - 1 ? '35%' : '100%'}\n          ></Skeleton>\n        </Fragment>,\n      )\n    })\n    setSkeletons(elements)\n  }, [numRows, rowHeight])\n\n  return <div className={className}>{skeletons}</div>\n}\n"],"mappings":";;;;;AAaA,SAAgB,EAAkB,EAChC,aAAU,GACV,cACA,gBACyB;CACzB,IAAM,CAAC,GAAW,KAAgB,EAAsB,EAAE,CAAC;AAiB3D,QAfA,QAAgB;EACd,IAAM,IAAwB,EAAE;AAWhC,EAVA,EAAM,IAAS,MAAK;AAClB,KAAS,KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IACE,QAAQ;IACR,OAAO,MAAM,IAAU,IAAI,QAAQ;IACzB,CAAA,EACH,EALI,EAKJ,CACZ;IACD,EACF,EAAa,EAAS;IACrB,CAAC,GAAS,EAAU,CAAC,EAEjB,kBAAC,OAAD;EAAgB;YAAY;EAAgB,CAAA"}
+{"version":3,"file":"SkeletonParagraph.js","names":[],"sources":["../../../src/components/Skeleton/SkeletonParagraph.tsx"],"sourcesContent":["import { Fragment, ReactNode, useEffect, useState } from 'react'\nimport Skeleton from '@mui/material/Skeleton'\nimport { times } from 'lodash-es'\n\nexport type SkeletonParagraphProps = {\n  numRows?: number\n  rowHeight?: string\n  className?: string\n}\n\n/**\n * Skeleton component designed to mimic a paragraph.\n */\nexport function SkeletonParagraph({\n  numRows = 5,\n  rowHeight,\n  className,\n}: SkeletonParagraphProps) {\n  const [skeletons, setSkeletons] = useState<ReactNode[]>([])\n\n  useEffect(() => {\n    const elements: ReactNode[] = []\n    times(numRows, i => {\n      elements.push(\n        <Fragment key={i}>\n          <Skeleton\n            height={rowHeight}\n            width={i === numRows - 1 ? '35%' : '100%'}\n          ></Skeleton>\n        </Fragment>,\n      )\n    })\n    setSkeletons(elements)\n  }, [numRows, rowHeight])\n\n  return <div className={className}>{skeletons}</div>\n}\n"],"mappings":";;;;;AAaA,SAAgB,EAAkB,EAChC,aAAU,GACV,cACA,gBACyB;CACzB,IAAM,CAAC,GAAW,KAAgB,EAAsB,CAAC,CAAC;CAiB1D,OAfA,QAAgB;EACd,IAAM,IAAwB,CAAC;EAW/B,AAVA,EAAM,IAAS,MAAK;GAClB,EAAS,KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IACE,QAAQ;IACR,OAAO,MAAM,IAAU,IAAI,QAAQ;GAC1B,CAAA,EACH,GALK,CAKL,CACZ;EACF,CAAC,GACD,EAAa,CAAQ;CACvB,GAAG,CAAC,GAAS,CAAS,CAAC,GAEhB,kBAAC,OAAD;EAAgB;YAAY;CAAe,CAAA;AACpD"}

package/dist/components/Skeleton/SkeletonTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonTable.js","names":[],"sources":["../../../src/components/Skeleton/SkeletonTable.tsx"],"sourcesContent":["import { Fragment, ReactNode, useEffect, useState } from 'react'\nimport Skeleton from '@mui/material/Skeleton'\nimport { times } from 'lodash-es'\nimport { Box, BoxProps } from '@mui/material'\n\nfunction getRandomInt(min: number, max: number) {\n  return Math.floor(Math.random() * (max - min) + min)\n}\n\nexport type SkeletonTableProps = BoxProps & {\n  numRows?: number\n  numCols?: number\n  rowHeight?: string\n  fullWidthCells?: boolean\n}\n\n/**\n * Skeleton component designed to mimic a table with an arbitrary number of rows and columns.\n *\n * Implemented using CSS grid.\n */\nexport function SkeletonTable(props: SkeletonTableProps) {\n  const {\n    numRows = 5,\n    numCols = 2,\n    rowHeight,\n    fullWidthCells = false,\n    ...boxProps\n  } = props\n  const [skeletons, setSkeletons] = useState<ReactNode[]>([])\n\n  useEffect(() => {\n    const elements: ReactNode[] = []\n    times(numRows * numCols, i => {\n      elements.push(\n        <Fragment key={i}>\n          <Skeleton\n            height={rowHeight}\n            width={fullWidthCells ? '100%' : `${getRandomInt(35, 75)}%`}\n          ></Skeleton>\n        </Fragment>,\n      )\n    })\n    setSkeletons(elements)\n  }, [numRows, numCols, rowHeight, fullWidthCells])\n\n  return (\n    <Box\n      {...boxProps}\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: `auto `.repeat(numCols),\n        gap: '8px',\n        ...boxProps.sx,\n      }}\n    >\n      {skeletons}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAKA,SAAS,EAAa,GAAa,GAAa;AAC9C,QAAO,KAAK,MAAM,KAAK,QAAQ,IAAI,IAAM,KAAO,EAAI;;AAetD,SAAgB,EAAc,GAA2B;CACvD,IAAM,EACJ,aAAU,GACV,aAAU,GACV,cACA,oBAAiB,IACjB,GAAG,MACD,GACE,CAAC,GAAW,KAAgB,EAAsB,EAAE,CAAC;AAiB3D,QAfA,QAAgB;EACd,IAAM,IAAwB,EAAE;AAWhC,EAVA,EAAM,IAAU,IAAS,MAAK;AAC5B,KAAS,KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IACE,QAAQ;IACR,OAAO,IAAiB,SAAS,GAAG,EAAa,IAAI,GAAG,CAAC;IAC/C,CAAA,EACH,EALI,EAKJ,CACZ;IACD,EACF,EAAa,EAAS;IACrB;EAAC;EAAS;EAAS;EAAW;EAAe,CAAC,EAG/C,kBAAC,GAAD;EACE,GAAI;EACJ,IAAI;GACF,SAAS;GACT,qBAAqB,QAAQ,OAAO,EAAQ;GAC5C,KAAK;GACL,GAAG,EAAS;GACb;YAEA;EACG,CAAA"}
+{"version":3,"file":"SkeletonTable.js","names":[],"sources":["../../../src/components/Skeleton/SkeletonTable.tsx"],"sourcesContent":["import { Fragment, ReactNode, useEffect, useState } from 'react'\nimport Skeleton from '@mui/material/Skeleton'\nimport { times } from 'lodash-es'\nimport { Box, BoxProps } from '@mui/material'\n\nfunction getRandomInt(min: number, max: number) {\n  return Math.floor(Math.random() * (max - min) + min)\n}\n\nexport type SkeletonTableProps = BoxProps & {\n  numRows?: number\n  numCols?: number\n  rowHeight?: string\n  fullWidthCells?: boolean\n}\n\n/**\n * Skeleton component designed to mimic a table with an arbitrary number of rows and columns.\n *\n * Implemented using CSS grid.\n */\nexport function SkeletonTable(props: SkeletonTableProps) {\n  const {\n    numRows = 5,\n    numCols = 2,\n    rowHeight,\n    fullWidthCells = false,\n    ...boxProps\n  } = props\n  const [skeletons, setSkeletons] = useState<ReactNode[]>([])\n\n  useEffect(() => {\n    const elements: ReactNode[] = []\n    times(numRows * numCols, i => {\n      elements.push(\n        <Fragment key={i}>\n          <Skeleton\n            height={rowHeight}\n            width={fullWidthCells ? '100%' : `${getRandomInt(35, 75)}%`}\n          ></Skeleton>\n        </Fragment>,\n      )\n    })\n    setSkeletons(elements)\n  }, [numRows, numCols, rowHeight, fullWidthCells])\n\n  return (\n    <Box\n      {...boxProps}\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: `auto `.repeat(numCols),\n        gap: '8px',\n        ...boxProps.sx,\n      }}\n    >\n      {skeletons}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAKA,SAAS,EAAa,GAAa,GAAa;CAC9C,OAAO,KAAK,MAAM,KAAK,OAAO,KAAK,IAAM,KAAO,CAAG;AACrD;AAcA,SAAgB,EAAc,GAA2B;CACvD,IAAM,EACJ,aAAU,GACV,aAAU,GACV,cACA,oBAAiB,IACjB,GAAG,MACD,GACE,CAAC,GAAW,KAAgB,EAAsB,CAAC,CAAC;CAiB1D,OAfA,QAAgB;EACd,IAAM,IAAwB,CAAC;EAW/B,AAVA,EAAM,IAAU,IAAS,MAAK;GAC5B,EAAS,KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IACE,QAAQ;IACR,OAAO,IAAiB,SAAS,GAAG,EAAa,IAAI,EAAE,EAAE;GAChD,CAAA,EACH,GALK,CAKL,CACZ;EACF,CAAC,GACD,EAAa,CAAQ;CACvB,GAAG;EAAC;EAAS;EAAS;EAAW;CAAc,CAAC,GAG9C,kBAAC,GAAD;EACE,GAAI;EACJ,IAAI;GACF,SAAS;GACT,qBAAqB,QAAQ,OAAO,CAAO;GAC3C,KAAK;GACL,GAAG,EAAS;EACd;YAEC;CACE,CAAA;AAET"}

package/dist/components/SmartLink/SmartButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmartButton.js","names":[],"sources":["../../../src/components/SmartLink/SmartButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@mui/material'\nimport { useSmartLink } from './useSmartLink'\n\ninterface SmartButtonProps extends ButtonProps {\n  href?: string\n  target?: string\n}\n\nexport function SmartButton({\n  href,\n  target,\n  children,\n  ...props\n}: SmartButtonProps) {\n  const navProps = useSmartLink(href, target)\n  return (\n    <Button {...navProps} {...props}>\n      {children}\n    </Button>\n  )\n}\n"],"mappings":";;;;AAQA,SAAgB,EAAY,EAC1B,SACA,WACA,aACA,GAAG,KACgB;AAEnB,QACE,kBAAC,GAAD;EAAQ,GAFO,EAAa,GAAM,EAEtB;EAAU,GAAI;EACvB;EACM,CAAA"}
+{"version":3,"file":"SmartButton.js","names":[],"sources":["../../../src/components/SmartLink/SmartButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@mui/material'\nimport { useSmartLink } from './useSmartLink'\n\ninterface SmartButtonProps extends ButtonProps {\n  href?: string\n  target?: string\n}\n\nexport function SmartButton({\n  href,\n  target,\n  children,\n  ...props\n}: SmartButtonProps) {\n  const navProps = useSmartLink(href, target)\n  return (\n    <Button {...navProps} {...props}>\n      {children}\n    </Button>\n  )\n}\n"],"mappings":";;;;AAQA,SAAgB,EAAY,EAC1B,SACA,WACA,aACA,GAAG,KACgB;CAEnB,OACE,kBAAC,GAAD;EAAQ,GAFO,EAAa,GAAM,CAEtB;EAAU,GAAI;EACvB;CACK,CAAA;AAEZ"}

package/dist/components/SmartLink/SmartLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmartLink.js","names":[],"sources":["../../../src/components/SmartLink/SmartLink.tsx"],"sourcesContent":["import { Link as MuiLink, LinkProps as MuiLinkProps } from '@mui/material'\nimport { useSmartLink } from './useSmartLink'\n\ninterface SmartLinkProps extends MuiLinkProps {\n  href: string\n}\n\nexport function SmartLink({\n  href,\n  target,\n  children,\n  ...props\n}: SmartLinkProps) {\n  const navProps = useSmartLink(href, target)\n  return (\n    <MuiLink {...navProps} {...props}>\n      {children}\n    </MuiLink>\n  )\n}\n"],"mappings":";;;;AAOA,SAAgB,EAAU,EACxB,SACA,WACA,aACA,GAAG,KACc;AAEjB,QACE,kBAAC,GAAD;EAAS,GAFM,EAAa,GAAM,EAErB;EAAU,GAAI;EACxB;EACO,CAAA"}
+{"version":3,"file":"SmartLink.js","names":[],"sources":["../../../src/components/SmartLink/SmartLink.tsx"],"sourcesContent":["import { Link as MuiLink, LinkProps as MuiLinkProps } from '@mui/material'\nimport { useSmartLink } from './useSmartLink'\n\ninterface SmartLinkProps extends MuiLinkProps {\n  href: string\n}\n\nexport function SmartLink({\n  href,\n  target,\n  children,\n  ...props\n}: SmartLinkProps) {\n  const navProps = useSmartLink(href, target)\n  return (\n    <MuiLink {...navProps} {...props}>\n      {children}\n    </MuiLink>\n  )\n}\n"],"mappings":";;;;AAOA,SAAgB,EAAU,EACxB,SACA,WACA,aACA,GAAG,KACc;CAEjB,OACE,kBAAC,GAAD;EAAS,GAFM,EAAa,GAAM,CAErB;EAAU,GAAI;EACxB;CACM,CAAA;AAEb"}

package/dist/components/SmartLink/useSmartLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSmartLink.js","names":[],"sources":["../../../src/components/SmartLink/useSmartLink.tsx"],"sourcesContent":["import { useInRouterContext, Link as ReactRouterLink } from 'react-router'\nimport { isExternalLink } from '@/utils/functions/IsExternalLink'\n\nexport function useSmartLink(href?: string, target?: string) {\n  const inRouterContext = useInRouterContext()\n  const isExternal = href ? isExternalLink(href) : false\n\n  if (href && inRouterContext && !isExternal) {\n    return {\n      component: ReactRouterLink,\n      to: href,\n    }\n  }\n\n  return {\n    component: href ? ('a' as const) : undefined,\n    href,\n    target: target ?? (isExternal ? '_blank' : undefined),\n    rel: isExternal ? 'noopener noreferrer' : undefined,\n  }\n}\n"],"mappings":";;;AAGA,SAAgB,EAAa,GAAe,GAAiB;CAC3D,IAAM,IAAkB,GAAoB,EACtC,IAAa,IAAO,EAAe,EAAK,GAAG;AASjD,QAPI,KAAQ,KAAmB,CAAC,IACvB;EACL,WAAW;EACX,IAAI;EACL,GAGI;EACL,WAAW,IAAQ,MAAgB,KAAA;EACnC;EACA,QAAQ,MAAW,IAAa,WAAW,KAAA;EAC3C,KAAK,IAAa,wBAAwB,KAAA;EAC3C"}
+{"version":3,"file":"useSmartLink.js","names":[],"sources":["../../../src/components/SmartLink/useSmartLink.tsx"],"sourcesContent":["import { useInRouterContext, Link as ReactRouterLink } from 'react-router'\nimport { isExternalLink } from '@/utils/functions/IsExternalLink'\n\nexport function useSmartLink(href?: string, target?: string) {\n  const inRouterContext = useInRouterContext()\n  const isExternal = href ? isExternalLink(href) : false\n\n  if (href && inRouterContext && !isExternal) {\n    return {\n      component: ReactRouterLink,\n      to: href,\n    }\n  }\n\n  return {\n    component: href ? ('a' as const) : undefined,\n    href,\n    target: target ?? (isExternal ? '_blank' : undefined),\n    rel: isExternal ? 'noopener noreferrer' : undefined,\n  }\n}\n"],"mappings":";;;AAGA,SAAgB,EAAa,GAAe,GAAiB;CAC3D,IAAM,IAAkB,EAAmB,GACrC,IAAa,IAAO,EAAe,CAAI,IAAI;CASjD,OAPI,KAAQ,KAAmB,CAAC,IACvB;EACL,WAAW;EACX,IAAI;CACN,IAGK;EACL,WAAW,IAAQ,MAAgB,KAAA;EACnC;EACA,QAAQ,MAAW,IAAa,WAAW,KAAA;EAC3C,KAAK,IAAa,wBAAwB,KAAA;CAC5C;AACF"}

package/dist/components/SourceAppImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SourceAppImage.js","names":[],"sources":["../../src/components/SourceAppImage.tsx"],"sourcesContent":["import { useGetStablePresignedUrl } from '@/synapse-queries'\nimport Skeleton from '@mui/material/Skeleton'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\n\nexport type SourceAppImageProps = {\n  sourceAppConfigTableID: string\n  fileHandleId: string | null\n  friendlyName?: string\n}\n\n// Refactored into it's own class, thinking that using a prefetch resource would improve loading performance of the images, but it does not.\nfunction SourceAppImage(props: SourceAppImageProps) {\n  const { sourceAppConfigTableID, fileHandleId, friendlyName } = props\n  const fha: FileHandleAssociation = {\n    associateObjectId: sourceAppConfigTableID,\n    associateObjectType: FileHandleAssociateType.TableEntity,\n    fileHandleId: fileHandleId ?? '',\n  }\n  const stablePresignedUrl = useGetStablePresignedUrl(fha, true, {\n    enabled: !!fileHandleId,\n  })\n\n  const dataUrl = stablePresignedUrl?.dataUrl\n  const error = stablePresignedUrl?.queryResult?.error\n\n  if (error) {\n    return <></>\n  }\n  const icon = dataUrl ? (\n    <img\n      className=\"SourceAppImage\"\n      alt={friendlyName ? `${friendlyName} logo` : 'Application logo'}\n      src={dataUrl}\n    />\n  ) : (\n    <Skeleton variant=\"rectangular\" width={250} height={65} />\n  )\n\n  return icon\n}\n\nexport default SourceAppImage\n"],"mappings":";;;;;;AAcA,SAAS,EAAe,GAA4B;CAClD,IAAM,EAAE,2BAAwB,iBAAc,oBAAiB,GAMzD,IAAqB,EAAyB;EAJlD,mBAAmB;EACnB,qBAAqB,EAAwB;EAC7C,cAAc,KAAgB;EAEoB,EAAK,IAAM,EAC7D,SAAS,CAAC,CAAC,GACZ,CAAC,EAEI,IAAU,GAAoB;AAgBpC,QAfc,GAAoB,aAAa,QAGtC,kBAAA,GAAA,EAAK,CAAA,GAED,IACX,kBAAC,OAAD;EACE,WAAU;EACV,KAAK,IAAe,GAAG,EAAa,SAAS;EAC7C,KAAK;EACL,CAAA,GAEF,kBAAC,GAAD;EAAU,SAAQ;EAAc,OAAO;EAAK,QAAQ;EAAM,CAAA"}
+{"version":3,"file":"SourceAppImage.js","names":[],"sources":["../../src/components/SourceAppImage.tsx"],"sourcesContent":["import { useGetStablePresignedUrl } from '@/synapse-queries'\nimport Skeleton from '@mui/material/Skeleton'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\n\nexport type SourceAppImageProps = {\n  sourceAppConfigTableID: string\n  fileHandleId: string | null\n  friendlyName?: string\n}\n\n// Refactored into it's own class, thinking that using a prefetch resource would improve loading performance of the images, but it does not.\nfunction SourceAppImage(props: SourceAppImageProps) {\n  const { sourceAppConfigTableID, fileHandleId, friendlyName } = props\n  const fha: FileHandleAssociation = {\n    associateObjectId: sourceAppConfigTableID,\n    associateObjectType: FileHandleAssociateType.TableEntity,\n    fileHandleId: fileHandleId ?? '',\n  }\n  const stablePresignedUrl = useGetStablePresignedUrl(fha, true, {\n    enabled: !!fileHandleId,\n  })\n\n  const dataUrl = stablePresignedUrl?.dataUrl\n  const error = stablePresignedUrl?.queryResult?.error\n\n  if (error) {\n    return <></>\n  }\n  const icon = dataUrl ? (\n    <img\n      className=\"SourceAppImage\"\n      alt={friendlyName ? `${friendlyName} logo` : 'Application logo'}\n      src={dataUrl}\n    />\n  ) : (\n    <Skeleton variant=\"rectangular\" width={250} height={65} />\n  )\n\n  return icon\n}\n\nexport default SourceAppImage\n"],"mappings":";;;;;;AAcA,SAAS,EAAe,GAA4B;CAClD,IAAM,EAAE,2BAAwB,iBAAc,oBAAiB,GAMzD,IAAqB,EAAyB;EAJlD,mBAAmB;EACnB,qBAAqB,EAAwB;EAC7C,cAAc,KAAgB;CAEoB,GAAK,IAAM,EAC7D,SAAS,CAAC,CAAC,EACb,CAAC,GAEK,IAAU,GAAoB;CAgBpC,OAfc,GAAoB,aAAa,QAGtC,kBAAA,GAAA,CAAI,CAAA,IAEA,IACX,kBAAC,OAAD;EACE,WAAU;EACV,KAAK,IAAe,GAAG,EAAa,SAAS;EAC7C,KAAK;CACN,CAAA,IAED,kBAAC,GAAD;EAAU,SAAQ;EAAc,OAAO;EAAK,QAAQ;CAAK,CAAA;AAI7D"}

package/dist/components/SpinnerButton/SpinnerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinnerButton.js","names":[],"sources":["../../../src/components/SpinnerButton/SpinnerButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport {\n  LoginAwareButton,\n  LoginAwareButtonProps,\n} from '../widgets/LoginAwareButton'\nimport { Box } from '@mui/material'\n\nexport type SpinnerButtonProps = LoginAwareButtonProps & {\n  showSpinner?: boolean\n}\n\nfunction SpinnerButton({ showSpinner = false, ...props }: SpinnerButtonProps) {\n  const [width, setWidth] = useState(0)\n  const elementRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (elementRef) {\n      const n = elementRef.current?.offsetWidth ?? 0\n      setWidth(n)\n    }\n  }, [])\n  return (\n    <div\n      data-testid=\"SpinnerButton\"\n      style={{ position: 'relative', width: 'max-content' }}\n    >\n      {showSpinner && (\n        <div\n          style={{\n            position: 'absolute',\n            top: '8px',\n            left: `${width / 2 - 8}px`,\n          }}\n        >\n          <span data-testid=\"SpinnerButton-spinner\" className=\"spinner\" />\n        </div>\n      )}\n      <Box sx={{ display: 'flex' }} ref={elementRef}>\n        <LoginAwareButton\n          {...props}\n          disabled={props.disabled || showSpinner}\n          style={{ opacity: showSpinner ? 0.4 : 1 }}\n        />\n      </Box>\n    </div>\n  )\n}\n\nexport default SpinnerButton\n"],"mappings":";;;;;AAWA,SAAS,EAAc,EAAE,iBAAc,IAAO,GAAG,KAA6B;CAC5E,IAAM,CAAC,GAAO,KAAY,EAAS,EAAE,EAC/B,IAAa,EAAuB,KAAK;AAQ/C,QANA,QAAgB;AACd,EAAI,KAEF,EADU,EAAW,SAAS,eAAe,EAClC;IAEZ,EAAE,CAAC,EAEJ,kBAAC,OAAD;EACE,eAAY;EACZ,OAAO;GAAE,UAAU;GAAY,OAAO;GAAe;YAFvD,CAIG,KACC,kBAAC,OAAD;GACE,OAAO;IACL,UAAU;IACV,KAAK;IACL,MAAM,GAAG,IAAQ,IAAI,EAAE;IACxB;aAED,kBAAC,QAAD;IAAM,eAAY;IAAwB,WAAU;IAAY,CAAA;GAC5D,CAAA,EAER,kBAAC,GAAD;GAAK,IAAI,EAAE,SAAS,QAAQ;GAAE,KAAK;aACjC,kBAAC,GAAD;IACE,GAAI;IACJ,UAAU,EAAM,YAAY;IAC5B,OAAO,EAAE,SAAS,IAAc,KAAM,GAAG;IACzC,CAAA;GACE,CAAA,CACF"}
+{"version":3,"file":"SpinnerButton.js","names":[],"sources":["../../../src/components/SpinnerButton/SpinnerButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport {\n  LoginAwareButton,\n  LoginAwareButtonProps,\n} from '../widgets/LoginAwareButton'\nimport { Box } from '@mui/material'\n\nexport type SpinnerButtonProps = LoginAwareButtonProps & {\n  showSpinner?: boolean\n}\n\nfunction SpinnerButton({ showSpinner = false, ...props }: SpinnerButtonProps) {\n  const [width, setWidth] = useState(0)\n  const elementRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (elementRef) {\n      const n = elementRef.current?.offsetWidth ?? 0\n      setWidth(n)\n    }\n  }, [])\n  return (\n    <div\n      data-testid=\"SpinnerButton\"\n      style={{ position: 'relative', width: 'max-content' }}\n    >\n      {showSpinner && (\n        <div\n          style={{\n            position: 'absolute',\n            top: '8px',\n            left: `${width / 2 - 8}px`,\n          }}\n        >\n          <span data-testid=\"SpinnerButton-spinner\" className=\"spinner\" />\n        </div>\n      )}\n      <Box sx={{ display: 'flex' }} ref={elementRef}>\n        <LoginAwareButton\n          {...props}\n          disabled={props.disabled || showSpinner}\n          style={{ opacity: showSpinner ? 0.4 : 1 }}\n        />\n      </Box>\n    </div>\n  )\n}\n\nexport default SpinnerButton\n"],"mappings":";;;;;AAWA,SAAS,EAAc,EAAE,iBAAc,IAAO,GAAG,KAA6B;CAC5E,IAAM,CAAC,GAAO,KAAY,EAAS,CAAC,GAC9B,IAAa,EAAuB,IAAI;CAQ9C,OANA,QAAgB;EACd,AAAI,KAEF,EADU,EAAW,SAAS,eAAe,CACnC;CAEd,GAAG,CAAC,CAAC,GAEH,kBAAC,OAAD;EACE,eAAY;EACZ,OAAO;GAAE,UAAU;GAAY,OAAO;EAAc;YAFtD,CAIG,KACC,kBAAC,OAAD;GACE,OAAO;IACL,UAAU;IACV,KAAK;IACL,MAAM,GAAG,IAAQ,IAAI,EAAE;GACzB;aAEA,kBAAC,QAAD;IAAM,eAAY;IAAwB,WAAU;GAAW,CAAA;EAC5D,CAAA,GAEP,kBAAC,GAAD;GAAK,IAAI,EAAE,SAAS,OAAO;GAAG,KAAK;aACjC,kBAAC,GAAD;IACE,GAAI;IACJ,UAAU,EAAM,YAAY;IAC5B,OAAO,EAAE,SAAS,IAAc,KAAM,EAAE;GACzC,CAAA;EACE,CAAA,CACF;;AAET"}

package/dist/components/SqlDefinedTableEditor/SqlDefinedTableEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SqlDefinedTableEditor.js","names":[],"sources":["../../../src/components/SqlDefinedTableEditor/SqlDefinedTableEditor.tsx"],"sourcesContent":["import { Box, Link, TextField, Typography } from '@mui/material'\nimport { TextFieldProps } from '@mui/material/TextField'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\n\nconst MATERIALIZED_VIEW_HELP = (\n  <Box\n    sx={{\n      mb: 2.5,\n    }}\n  >\n    <Typography\n      variant={'body1'}\n      sx={{\n        color: 'grey.700',\n        mb: 1.25,\n      }}\n    >\n      If you store normalized data in Synapse tables, views, or datasets, you\n      can combine separate data sources using Materialized Views. A materialized\n      view is a type of Synapse table that is defined using a Synapse SQL\n      statement, which can contain SQL keywords such as JOIN and UNION to\n      combine existing Synapse tables.\n    </Typography>\n    <Link\n      href={\n        'https://help.synapse.org/docs/Combining-Data-from-Multiple-Table-Sources.2973270158.html'\n      }\n      target=\"_blank\"\n      onClick={e => {\n        e.stopPropagation()\n      }}\n    >\n      More about Materialized Views\n    </Link>\n  </Box>\n)\n\nconst VIRTUAL_TABLE_HELP = (\n  <Box\n    sx={{\n      mb: 2.5,\n    }}\n  >\n    <Typography\n      variant={'body1'}\n      sx={{\n        color: 'grey.700',\n        mb: 1.25,\n      }}\n    >\n      A Synapse Virtual Table is a type of table that is defined by a Synapse\n      SQL query. Any query on a Virtual Table will execute the defining SQL\n      statement on the referenced table. The defining SQL of a Virtual Table\n      cannot include JOIN clauses on multiple tables.\n    </Typography>\n  </Box>\n)\n\nexport type SqlDefinedTableEditorProps = TextFieldProps & {\n  /* Optional entity type for showing help documentation */\n  entityType?: EntityType\n}\n\n/**\n * Component used to edit the SQL of a Synapse entity defined by SQL, such as a MaterializedView or VirtualTable\n * @param props\n * @constructor\n */\nexport default function SqlDefinedTableEditor(\n  props: SqlDefinedTableEditorProps,\n) {\n  const { entityType, ...textFieldProps } = props\n  return (\n    <>\n      {entityType === EntityType.materializedview && MATERIALIZED_VIEW_HELP}\n      {entityType === EntityType.virtualtable && VIRTUAL_TABLE_HELP}\n      <TextField\n        label={'Defining SQL'}\n        placeholder={'SELECT * FROM syn123'}\n        fullWidth\n        multiline\n        required\n        minRows={6}\n        {...textFieldProps}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;AAIA,IAAM,IACJ,kBAAC,GAAD;CACE,IAAI,EACF,IAAI,KACL;WAHH,CAKE,kBAAC,GAAD;EACE,SAAS;EACT,IAAI;GACF,OAAO;GACP,IAAI;GACL;YACF;EAMY,CAAA,EACb,kBAAC,GAAD;EACE,MACE;EAEF,QAAO;EACP,UAAS,MAAK;AACZ,KAAE,iBAAiB;;YAEtB;EAEM,CAAA,CACH;IAGF,IACJ,kBAAC,GAAD;CACE,IAAI,EACF,IAAI,KACL;WAED,kBAAC,GAAD;EACE,SAAS;EACT,IAAI;GACF,OAAO;GACP,IAAI;GACL;YACF;EAKY,CAAA;CACT,CAAA;AAaR,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,eAAY,GAAG,MAAmB;AAC1C,QACE,kBAAA,GAAA,EAAA,UAAA;EACG,MAAe,EAAW,oBAAoB;EAC9C,MAAe,EAAW,gBAAgB;EAC3C,kBAAC,GAAD;GACE,OAAO;GACP,aAAa;GACb,WAAA;GACA,WAAA;GACA,UAAA;GACA,SAAS;GACT,GAAI;GACJ,CAAA;EACD,EAAA,CAAA"}
+{"version":3,"file":"SqlDefinedTableEditor.js","names":[],"sources":["../../../src/components/SqlDefinedTableEditor/SqlDefinedTableEditor.tsx"],"sourcesContent":["import { Box, Link, TextField, Typography } from '@mui/material'\nimport { TextFieldProps } from '@mui/material/TextField'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\n\nconst MATERIALIZED_VIEW_HELP = (\n  <Box\n    sx={{\n      mb: 2.5,\n    }}\n  >\n    <Typography\n      variant={'body1'}\n      sx={{\n        color: 'grey.700',\n        mb: 1.25,\n      }}\n    >\n      If you store normalized data in Synapse tables, views, or datasets, you\n      can combine separate data sources using Materialized Views. A materialized\n      view is a type of Synapse table that is defined using a Synapse SQL\n      statement, which can contain SQL keywords such as JOIN and UNION to\n      combine existing Synapse tables.\n    </Typography>\n    <Link\n      href={\n        'https://help.synapse.org/docs/Combining-Data-from-Multiple-Table-Sources.2973270158.html'\n      }\n      target=\"_blank\"\n      onClick={e => {\n        e.stopPropagation()\n      }}\n    >\n      More about Materialized Views\n    </Link>\n  </Box>\n)\n\nconst VIRTUAL_TABLE_HELP = (\n  <Box\n    sx={{\n      mb: 2.5,\n    }}\n  >\n    <Typography\n      variant={'body1'}\n      sx={{\n        color: 'grey.700',\n        mb: 1.25,\n      }}\n    >\n      A Synapse Virtual Table is a type of table that is defined by a Synapse\n      SQL query. Any query on a Virtual Table will execute the defining SQL\n      statement on the referenced table. The defining SQL of a Virtual Table\n      cannot include JOIN clauses on multiple tables.\n    </Typography>\n  </Box>\n)\n\nexport type SqlDefinedTableEditorProps = TextFieldProps & {\n  /* Optional entity type for showing help documentation */\n  entityType?: EntityType\n}\n\n/**\n * Component used to edit the SQL of a Synapse entity defined by SQL, such as a MaterializedView or VirtualTable\n * @param props\n * @constructor\n */\nexport default function SqlDefinedTableEditor(\n  props: SqlDefinedTableEditorProps,\n) {\n  const { entityType, ...textFieldProps } = props\n  return (\n    <>\n      {entityType === EntityType.materializedview && MATERIALIZED_VIEW_HELP}\n      {entityType === EntityType.virtualtable && VIRTUAL_TABLE_HELP}\n      <TextField\n        label={'Defining SQL'}\n        placeholder={'SELECT * FROM syn123'}\n        fullWidth\n        multiline\n        required\n        minRows={6}\n        {...textFieldProps}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;AAIA,IAAM,IACJ,kBAAC,GAAD;CACE,IAAI,EACF,IAAI,IACN;WAHF,CAKE,kBAAC,GAAD;EACE,SAAS;EACT,IAAI;GACF,OAAO;GACP,IAAI;EACN;YACD;CAMW,CAAA,GACZ,kBAAC,GAAD;EACE,MACE;EAEF,QAAO;EACP,UAAS,MAAK;GACZ,EAAE,gBAAgB;EACpB;YACD;CAEK,CAAA,CACH;IAGD,IACJ,kBAAC,GAAD;CACE,IAAI,EACF,IAAI,IACN;WAEA,kBAAC,GAAD;EACE,SAAS;EACT,IAAI;GACF,OAAO;GACP,IAAI;EACN;YACD;CAKW,CAAA;AACT,CAAA;AAaP,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,eAAY,GAAG,MAAmB;CAC1C,OACE,kBAAA,GAAA,EAAA,UAAA;EACG,MAAe,EAAW,oBAAoB;EAC9C,MAAe,EAAW,gBAAgB;EAC3C,kBAAC,GAAD;GACE,OAAO;GACP,aAAa;GACb,WAAA;GACA,WAAA;GACA,UAAA;GACA,SAAS;GACT,GAAI;EACL,CAAA;CACD,EAAA,CAAA;AAEN"}

package/dist/components/SqlDefinedTableEditor/SqlDefinedTableEditorModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"SqlDefinedTableEditorModal.js","names":[],"sources":["../../../src/components/SqlDefinedTableEditor/SqlDefinedTableEditorModal.tsx"],"sourcesContent":["import { useGetEntity, useUpdateEntity } from '@/synapse-queries'\nimport { convertToEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { Alert } from '@mui/material'\nimport { MaterializedView, VirtualTable } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport SqlDefinedTableEditor from './SqlDefinedTableEditor'\n\nexport type SqlDefinedTableEditorModalProps = {\n  open: boolean\n  entityId: string\n  onUpdate: () => void\n  onCancel: () => void\n}\nexport function SqlDefinedTableEditorModal(\n  props: SqlDefinedTableEditorModalProps,\n) {\n  const { open, entityId, onCancel, onUpdate } = props\n  const {\n    data: entity,\n    isLoading: isEntityLoading,\n    error: entityError,\n  } = useGetEntity<MaterializedView | VirtualTable>(entityId, undefined, {\n    // Set the stale time to infinity because we don't want to refetch this in the middle of an edit\n    staleTime: Infinity,\n  })\n  const [sql, setSql] = useState('')\n\n  useEffect(() => {\n    if (entity) {\n      setSql(entity.definingSQL)\n    }\n  }, [entity])\n\n  const type = entity ? convertToEntityType(entity.concreteType) : undefined\n  const {\n    mutate,\n    isPending: isUpdatePending,\n    error: updateError,\n  } = useUpdateEntity<MaterializedView | VirtualTable>({ onSuccess: onUpdate })\n  const isLoading = isEntityLoading || isUpdatePending\n  const error = entityError || updateError\n  return (\n    <ConfirmationDialog\n      open={open}\n      title=\"Update SQL\"\n      content={\n        <>\n          <SqlDefinedTableEditor\n            value={sql}\n            entityType={type}\n            onChange={e => setSql(e.target.value)}\n            disabled={isLoading}\n          ></SqlDefinedTableEditor>\n          {error && (\n            <Alert\n              sx={{\n                my: 1,\n              }}\n              severity=\"error\"\n            >\n              {error.reason}\n            </Alert>\n          )}\n        </>\n      }\n      confirmButtonProps={{\n        children: isUpdatePending ? 'Saving...' : 'Save',\n        disabled: isLoading,\n        startIcon: isUpdatePending ? <SynapseSpinner /> : undefined,\n      }}\n      onConfirm={() => {\n        if (entity) {\n          mutate({ ...entity, definingSQL: sql })\n        }\n      }}\n      onCancel={onCancel}\n      maxWidth=\"md\"\n    />\n  )\n}\n\nexport default SqlDefinedTableEditorModal\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,SAAM,aAAU,aAAU,gBAAa,GACzC,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAA8C,GAAU,KAAA,GAAW,EAErE,WAAW,UACZ,CAAC,EACI,CAAC,GAAK,KAAU,EAAS,GAAG;AAElC,SAAgB;AACd,EAAI,KACF,EAAO,EAAO,YAAY;IAE3B,CAAC,EAAO,CAAC;CAEZ,IAAM,IAAO,IAAS,EAAoB,EAAO,aAAa,GAAG,KAAA,GAC3D,EACJ,WACA,WAAW,GACX,OAAO,MACL,EAAiD,EAAE,WAAW,GAAU,CAAC,EACvE,IAAY,KAAmB,GAC/B,IAAQ,KAAe;AAC7B,QACE,kBAAC,GAAD;EACQ;EACN,OAAM;EACN,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,OAAO;GACP,YAAY;GACZ,WAAU,MAAK,EAAO,EAAE,OAAO,MAAM;GACrC,UAAU;GACa,CAAA,EACxB,KACC,kBAAC,GAAD;GACE,IAAI,EACF,IAAI,GACL;GACD,UAAS;aAER,EAAM;GACD,CAAA,CAET,EAAA,CAAA;EAEL,oBAAoB;GAClB,UAAU,IAAkB,cAAc;GAC1C,UAAU;GACV,WAAW,IAAkB,kBAAC,GAAD,EAAkB,CAAA,GAAG,KAAA;GACnD;EACD,iBAAiB;AACf,GAAI,KACF,EAAO;IAAE,GAAG;IAAQ,aAAa;IAAK,CAAC;;EAGjC;EACV,UAAS;EACT,CAAA"}
+{"version":3,"file":"SqlDefinedTableEditorModal.js","names":[],"sources":["../../../src/components/SqlDefinedTableEditor/SqlDefinedTableEditorModal.tsx"],"sourcesContent":["import { useGetEntity, useUpdateEntity } from '@/synapse-queries'\nimport { convertToEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { Alert } from '@mui/material'\nimport { MaterializedView, VirtualTable } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport SqlDefinedTableEditor from './SqlDefinedTableEditor'\n\nexport type SqlDefinedTableEditorModalProps = {\n  open: boolean\n  entityId: string\n  onUpdate: () => void\n  onCancel: () => void\n}\nexport function SqlDefinedTableEditorModal(\n  props: SqlDefinedTableEditorModalProps,\n) {\n  const { open, entityId, onCancel, onUpdate } = props\n  const {\n    data: entity,\n    isLoading: isEntityLoading,\n    error: entityError,\n  } = useGetEntity<MaterializedView | VirtualTable>(entityId, undefined, {\n    // Set the stale time to infinity because we don't want to refetch this in the middle of an edit\n    staleTime: Infinity,\n  })\n  const [sql, setSql] = useState('')\n\n  useEffect(() => {\n    if (entity) {\n      setSql(entity.definingSQL)\n    }\n  }, [entity])\n\n  const type = entity ? convertToEntityType(entity.concreteType) : undefined\n  const {\n    mutate,\n    isPending: isUpdatePending,\n    error: updateError,\n  } = useUpdateEntity<MaterializedView | VirtualTable>({ onSuccess: onUpdate })\n  const isLoading = isEntityLoading || isUpdatePending\n  const error = entityError || updateError\n  return (\n    <ConfirmationDialog\n      open={open}\n      title=\"Update SQL\"\n      content={\n        <>\n          <SqlDefinedTableEditor\n            value={sql}\n            entityType={type}\n            onChange={e => setSql(e.target.value)}\n            disabled={isLoading}\n          ></SqlDefinedTableEditor>\n          {error && (\n            <Alert\n              sx={{\n                my: 1,\n              }}\n              severity=\"error\"\n            >\n              {error.reason}\n            </Alert>\n          )}\n        </>\n      }\n      confirmButtonProps={{\n        children: isUpdatePending ? 'Saving...' : 'Save',\n        disabled: isLoading,\n        startIcon: isUpdatePending ? <SynapseSpinner /> : undefined,\n      }}\n      onConfirm={() => {\n        if (entity) {\n          mutate({ ...entity, definingSQL: sql })\n        }\n      }}\n      onCancel={onCancel}\n      maxWidth=\"md\"\n    />\n  )\n}\n\nexport default SqlDefinedTableEditorModal\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,SAAM,aAAU,aAAU,gBAAa,GACzC,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAA8C,GAAU,KAAA,GAAW,EAErE,WAAW,SACb,CAAC,GACK,CAAC,GAAK,KAAU,EAAS,EAAE;CAEjC,QAAgB;EACd,AAAI,KACF,EAAO,EAAO,WAAW;CAE7B,GAAG,CAAC,CAAM,CAAC;CAEX,IAAM,IAAO,IAAS,EAAoB,EAAO,YAAY,IAAI,KAAA,GAC3D,EACJ,WACA,WAAW,GACX,OAAO,MACL,EAAiD,EAAE,WAAW,EAAS,CAAC,GACtE,IAAY,KAAmB,GAC/B,IAAQ,KAAe;CAC7B,OACE,kBAAC,GAAD;EACQ;EACN,OAAM;EACN,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,OAAO;GACP,YAAY;GACZ,WAAU,MAAK,EAAO,EAAE,OAAO,KAAK;GACpC,UAAU;EACY,CAAA,GACvB,KACC,kBAAC,GAAD;GACE,IAAI,EACF,IAAI,EACN;GACA,UAAS;aAER,EAAM;EACF,CAAA,CAET,EAAA,CAAA;EAEJ,oBAAoB;GAClB,UAAU,IAAkB,cAAc;GAC1C,UAAU;GACV,WAAW,IAAkB,kBAAC,GAAD,CAAiB,CAAA,IAAI,KAAA;EACpD;EACA,iBAAiB;GACf,AAAI,KACF,EAAO;IAAE,GAAG;IAAQ,aAAa;GAAI,CAAC;EAE1C;EACU;EACV,UAAS;CACV,CAAA;AAEL"}

package/dist/components/StandaloneQueryWrapper/StandaloneQueryWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandaloneQueryWrapper.js","names":[],"sources":["../../../src/components/StandaloneQueryWrapper/StandaloneQueryWrapper.tsx"],"sourcesContent":["import { QueryOrDeprecatedSearchParams } from '@/components/CardContainerLogic/CardContainerLogic'\nimport { useGetEntity } from '@/synapse-queries/entity/useEntity'\nimport { SynapseConstants } from '@/utils'\nimport { isTable } from '@/utils/functions/EntityTypeUtils'\nimport {\n  getAdditionalFilters,\n  parseEntityIdFromSqlStatement,\n} from '@/utils/functions/SqlFunctions'\nimport { DEFAULT_PAGE_SIZE } from '@/utils/SynapseConstants'\nimport { Query, QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport FullTextSearch from '../FullTextSearch/FullTextSearch'\nimport { QueryContextConsumer } from '../QueryContext/QueryContext'\nimport {\n  QueryVisualizationContextConsumer,\n  QueryVisualizationWrapper,\n  QueryVisualizationWrapperProps,\n} from '../QueryVisualizationWrapper'\nimport { QueryWrapper, QueryWrapperProps } from '../QueryWrapper/QueryWrapper'\nimport { QueryWrapperPlotNavProps } from '../QueryWrapperPlotNav/QueryWrapperPlotNav'\nimport { RowSetView } from '../QueryWrapperPlotNav/RowSetView'\nimport { NoContentPlaceholderType } from '../SynapseTable/NoContentPlaceholderType'\nimport SearchV2, { SearchV2Props } from '../SynapseTable/SearchV2'\nimport SqlEditor from '../SynapseTable/SqlEditor'\nimport { SynapseTableConfiguration } from '../SynapseTable/SynapseTable'\nimport TopLevelControls, {\n  TopLevelControlsProps,\n  CustomControl,\n} from '../SynapseTable/TopLevelControls/TopLevelControls'\nimport { CustomControls } from '../SynapseTable/CustomControls/CustomControls'\nimport TotalQueryResults from '../TotalQueryResults'\n\ntype StandaloneQueryWrapperOwnProps = {\n  showTopLevelControls?: boolean\n  searchConfiguration?: Omit<\n    SearchV2Props,\n    'queryContext' | 'queryVisualizationContext'\n  >\n  customControls?: CustomControl[]\n} & Omit<TopLevelControlsProps, 'customControls'> &\n  Pick<\n    QueryVisualizationWrapperProps,\n    | 'rgbIndex'\n    | 'unitDescription'\n    | 'columnAliases'\n    | 'noContentPlaceholderType'\n    | 'showLastUpdatedOn'\n    | 'visibleColumnCount'\n    | 'hiddenColumns'\n    | 'additionalFiltersSessionStorageKey'\n  > &\n  Pick<\n    QueryWrapperProps,\n    | 'fileIdColumnName'\n    | 'fileNameColumnName'\n    | 'fileVersionColumnName'\n    | 'onQueryResultBundleChange'\n    | 'shouldDeepLink'\n  > &\n  Pick<QueryWrapperPlotNavProps, 'cardConfiguration' | 'tableConfiguration'>\n\nexport type StandaloneQueryWrapperProps = QueryOrDeprecatedSearchParams &\n  SynapseTableConfiguration &\n  StandaloneQueryWrapperOwnProps\n\nexport const generateInitQueryRequest = (query: Query): QueryBundleRequest => {\n  return {\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_FACETS |\n      SynapseConstants.BUNDLE_MASK_QUERY_COUNT |\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_COLUMN_MODELS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS |\n      SynapseConstants.BUNDLE_MASK_LAST_UPDATED_ON,\n    entityId: parseEntityIdFromSqlStatement(query.sql),\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    query: {\n      limit: DEFAULT_PAGE_SIZE,\n      offset: 0,\n      ...query,\n    },\n  }\n}\n\nexport function getQueryFromProps(props: StandaloneQueryWrapperProps) {\n  if (props.query) {\n    // use props.query if set\n    return props.query\n  } else {\n    // use the deprecated sql, searchParams, and sqlOperator\n    const additionalFilters = getAdditionalFilters(\n      props.searchParams,\n      props.sqlOperator,\n      props.additionalFiltersSessionStorageKey,\n    )\n    return {\n      sql: props.sql!,\n      additionalFilters,\n      offset: 0,\n    }\n  }\n}\n\n/**\n * This component was initially implemented on the portal side. It renders a SynapseTable if a title is provided.\n * If showTopLevelControls is set to true, then the SynapseTable will also include the TopLevelControls (search, export table, column selection).\n */\nfunction StandaloneQueryWrapper(props: StandaloneQueryWrapperProps) {\n  /** @deprecated property inherited from SynapseTableProps */\n  const { hideDownload } = props\n  const {\n    showAccessColumn,\n    sql: deprecatedSql,\n    hideAddToDownloadListColumn = hideDownload,\n    hideQueryCount,\n    name,\n    showTopLevelControls = false,\n    searchConfiguration,\n    unitDescription = 'Results',\n    rgbIndex,\n    showLastUpdatedOn,\n    noContentPlaceholderType = showTopLevelControls\n      ? NoContentPlaceholderType.INTERACTIVE\n      : NoContentPlaceholderType.STATIC,\n    cardConfiguration,\n    tableConfiguration,\n    shouldDeepLink,\n    customControls,\n    ...rest\n  } = props\n  const [componentKey, setComponentKey] = useState(1)\n  const remount = () => {\n    setComponentKey(componentKey + 1)\n  }\n\n  const sql = props.query?.sql ?? deprecatedSql ?? ''\n  const query: Query = getQueryFromProps(props)\n  const derivedQueryRequestFromSearchParams = generateInitQueryRequest(query)\n  const entityId = parseEntityIdFromSqlStatement(sql)\n  const { data: entity } = useGetEntity(entityId)\n\n  /**\n   * Fully re-render the uncontrolled QueryWrapper component when the initial query changes. This eliminates a class of\n   * bugs where our 'derived' state (the current query), which should be reset, is out of sync with props.\n   *\n   * See https://legacy.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key\n   */\n  const queryWrapperKey =\n    JSON.stringify(derivedQueryRequestFromSearchParams) + componentKey\n  return (\n    <QueryWrapper\n      {...rest}\n      initQueryRequest={derivedQueryRequestFromSearchParams}\n      shouldDeepLink={shouldDeepLink}\n      key={queryWrapperKey}\n    >\n      <QueryVisualizationWrapper\n        rgbIndex={rgbIndex}\n        unitDescription={unitDescription}\n        showLastUpdatedOn={showLastUpdatedOn}\n        noContentPlaceholderType={noContentPlaceholderType}\n        {...rest}\n      >\n        <QueryContextConsumer>\n          {queryContext => {\n            if (queryContext === undefined) {\n              throw new Error(\n                'No queryContext found when calling QueryContextConsumer',\n              )\n            }\n            return (\n              <QueryVisualizationContextConsumer>\n                {queryVisualizationContext => {\n                  if (queryVisualizationContext === undefined) {\n                    throw new Error(\n                      'No queryVisualizationContext found when calling QueryVisualizationContextConsumer',\n                    )\n                  }\n\n                  return (\n                    <>\n                      {showTopLevelControls && (\n                        <TopLevelControls\n                          showColumnSelection={true}\n                          name={name}\n                          hideDownload={hideAddToDownloadListColumn}\n                          hideQueryCount={hideQueryCount}\n                          hideFacetFilterControl={true}\n                          hideVisualizationsControl={true}\n                          remount={remount}\n                          customControls={customControls}\n                        />\n                      )}\n                      {entity && isTable(entity) && entity.isSearchEnabled ? (\n                        <FullTextSearch\n                          ftsConfig={searchConfiguration?.ftsConfig}\n                        />\n                      ) : (\n                        <SearchV2\n                          {...searchConfiguration}\n                          queryContext={queryContext}\n                          queryVisualizationContext={queryVisualizationContext}\n                        />\n                      )}\n                      <SqlEditor />\n                      {showTopLevelControls && (\n                        <TotalQueryResults frontText={''} />\n                      )}\n                      <CustomControls\n                        customControls={props.customControls}\n                        remount={remount}\n                      />\n\n                      <RowSetView\n                        tableConfiguration={\n                          cardConfiguration\n                            ? undefined\n                            : {\n                                ...tableConfiguration, // if exist, use tableConfiguration property\n                                showAccessColumn: showAccessColumn,\n                                hideAddToDownloadListColumn,\n                                ...rest,\n                              }\n                        }\n                        cardConfiguration={cardConfiguration} // if exist, use the cardConfiguration property\n                      />\n                    </>\n                  )\n                }}\n              </QueryVisualizationContextConsumer>\n            )\n          }}\n        </QueryContextConsumer>\n      </QueryVisualizationWrapper>\n    </QueryWrapper>\n  )\n}\n\nexport default StandaloneQueryWrapper\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiEA,IAAa,KAA4B,OAChC;CACL,UACE;CAMF,UAAU,EAA8B,EAAM,IAAI;CAClD,cAAc;CACd,OAAO;EACL,OAAA;EACA,QAAQ;EACR,GAAG;EACJ;CACF;AAGH,SAAgB,EAAkB,GAAoC;AACpE,KAAI,EAAM,MAER,QAAO,EAAM;CACR;EAEL,IAAM,IAAoB,EACxB,EAAM,cACN,EAAM,aACN,EAAM,mCACP;AACD,SAAO;GACL,KAAK,EAAM;GACX;GACA,QAAQ;GACT;;;AAQL,SAAS,EAAuB,GAAoC;CAElE,IAAM,EAAE,oBAAiB,GACnB,EACJ,qBACA,KAAK,GACL,iCAA8B,GAC9B,mBACA,SACA,0BAAuB,IACvB,wBACA,qBAAkB,WAClB,aACA,sBACA,8BAA2B,IACvB,EAAyB,cACzB,EAAyB,QAC7B,sBACA,uBACA,mBACA,mBACA,GAAG,MACD,GACE,CAAC,GAAc,KAAmB,EAAS,EAAE,EAC7C,UAAgB;AACpB,IAAgB,IAAe,EAAE;IAG7B,IAAM,EAAM,OAAO,OAAO,KAAiB,IAE3C,IAAsC,EADvB,EAAkB,EAC8B,CAAM,EAErE,EAAE,MAAM,MAAW,EADR,EAA8B,EACT,CAAS,EAQzC,IACJ,KAAK,UAAU,EAAoC,GAAG;AACxD,QACE,kBAAC,GAAD;EACE,GAAI;EACJ,kBAAkB;EACF;EAChB,KAAK;EAgFQ,EA9Eb,kBAAC,GAAD;EACY;EACO;EACE;EACO;EAC1B,GAAI;YAEJ,kBAAC,GAAD,EAAA,WACG,MAAgB;AACf,OAAI,MAAiB,KAAA,EACnB,OAAU,MACR,0DACD;AAEH,UACE,kBAAC,GAAD,EAAA,WACG,MAA6B;AAC5B,QAAI,MAA8B,KAAA,EAChC,OAAU,MACR,oFACD;AAGH,WACE,kBAAA,GAAA,EAAA,UAAA;KACG,KACC,kBAAC,GAAD;MACE,qBAAqB;MACf;MACN,cAAc;MACE;MAChB,wBAAwB;MACxB,2BAA2B;MAClB;MACO;MAChB,CAAA;KAEH,KAAU,EAAQ,EAAO,IAAI,EAAO,kBACnC,kBAAC,GAAD,EACE,WAAW,GAAqB,WAChC,CAAA,GAEF,kBAAC,GAAD;MACE,GAAI;MACU;MACa;MAC3B,CAAA;KAEJ,kBAAC,GAAD,EAAa,CAAA;KACZ,KACC,kBAAC,GAAD,EAAmB,WAAW,IAAM,CAAA;KAEtC,kBAAC,GAAD;MACE,gBAAgB,EAAM;MACb;MACT,CAAA;KAEF,kBAAC,GAAD;MACE,oBACE,IACI,KAAA,IACA;OACE,GAAG;OACe;OAClB;OACA,GAAG;OACJ;MAEY;MACnB,CAAA;KACD,EAAA,CAAA;MAG2B,CAAA;KAGnB,CAAA;EACG,CAAA,CACf"}
+{"version":3,"file":"StandaloneQueryWrapper.js","names":[],"sources":["../../../src/components/StandaloneQueryWrapper/StandaloneQueryWrapper.tsx"],"sourcesContent":["import { QueryOrDeprecatedSearchParams } from '@/components/CardContainerLogic/CardContainerLogic'\nimport { useGetEntity } from '@/synapse-queries/entity/useEntity'\nimport { SynapseConstants } from '@/utils'\nimport { isTable } from '@/utils/functions/EntityTypeUtils'\nimport {\n  getAdditionalFilters,\n  parseEntityIdFromSqlStatement,\n} from '@/utils/functions/SqlFunctions'\nimport { DEFAULT_PAGE_SIZE } from '@/utils/SynapseConstants'\nimport { Query, QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport FullTextSearch from '../FullTextSearch/FullTextSearch'\nimport { QueryContextConsumer } from '../QueryContext/QueryContext'\nimport {\n  QueryVisualizationContextConsumer,\n  QueryVisualizationWrapper,\n  QueryVisualizationWrapperProps,\n} from '../QueryVisualizationWrapper'\nimport { QueryWrapper, QueryWrapperProps } from '../QueryWrapper/QueryWrapper'\nimport { QueryWrapperPlotNavProps } from '../QueryWrapperPlotNav/QueryWrapperPlotNav'\nimport { RowSetView } from '../QueryWrapperPlotNav/RowSetView'\nimport { NoContentPlaceholderType } from '../SynapseTable/NoContentPlaceholderType'\nimport SearchV2, { SearchV2Props } from '../SynapseTable/SearchV2'\nimport SqlEditor from '../SynapseTable/SqlEditor'\nimport { SynapseTableConfiguration } from '../SynapseTable/SynapseTable'\nimport TopLevelControls, {\n  TopLevelControlsProps,\n  CustomControl,\n} from '../SynapseTable/TopLevelControls/TopLevelControls'\nimport { CustomControls } from '../SynapseTable/CustomControls/CustomControls'\nimport TotalQueryResults from '../TotalQueryResults'\n\ntype StandaloneQueryWrapperOwnProps = {\n  showTopLevelControls?: boolean\n  searchConfiguration?: Omit<\n    SearchV2Props,\n    'queryContext' | 'queryVisualizationContext'\n  >\n  customControls?: CustomControl[]\n} & Omit<TopLevelControlsProps, 'customControls'> &\n  Pick<\n    QueryVisualizationWrapperProps,\n    | 'rgbIndex'\n    | 'unitDescription'\n    | 'columnAliases'\n    | 'noContentPlaceholderType'\n    | 'showLastUpdatedOn'\n    | 'visibleColumnCount'\n    | 'hiddenColumns'\n    | 'additionalFiltersSessionStorageKey'\n  > &\n  Pick<\n    QueryWrapperProps,\n    | 'fileIdColumnName'\n    | 'fileNameColumnName'\n    | 'fileVersionColumnName'\n    | 'onQueryResultBundleChange'\n    | 'shouldDeepLink'\n  > &\n  Pick<QueryWrapperPlotNavProps, 'cardConfiguration' | 'tableConfiguration'>\n\nexport type StandaloneQueryWrapperProps = QueryOrDeprecatedSearchParams &\n  SynapseTableConfiguration &\n  StandaloneQueryWrapperOwnProps\n\nexport const generateInitQueryRequest = (query: Query): QueryBundleRequest => {\n  return {\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_FACETS |\n      SynapseConstants.BUNDLE_MASK_QUERY_COUNT |\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_COLUMN_MODELS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS |\n      SynapseConstants.BUNDLE_MASK_LAST_UPDATED_ON,\n    entityId: parseEntityIdFromSqlStatement(query.sql),\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    query: {\n      limit: DEFAULT_PAGE_SIZE,\n      offset: 0,\n      ...query,\n    },\n  }\n}\n\nexport function getQueryFromProps(props: StandaloneQueryWrapperProps) {\n  if (props.query) {\n    // use props.query if set\n    return props.query\n  } else {\n    // use the deprecated sql, searchParams, and sqlOperator\n    const additionalFilters = getAdditionalFilters(\n      props.searchParams,\n      props.sqlOperator,\n      props.additionalFiltersSessionStorageKey,\n    )\n    return {\n      sql: props.sql!,\n      additionalFilters,\n      offset: 0,\n    }\n  }\n}\n\n/**\n * This component was initially implemented on the portal side. It renders a SynapseTable if a title is provided.\n * If showTopLevelControls is set to true, then the SynapseTable will also include the TopLevelControls (search, export table, column selection).\n */\nfunction StandaloneQueryWrapper(props: StandaloneQueryWrapperProps) {\n  /** @deprecated property inherited from SynapseTableProps */\n  const { hideDownload } = props\n  const {\n    showAccessColumn,\n    sql: deprecatedSql,\n    hideAddToDownloadListColumn = hideDownload,\n    hideQueryCount,\n    name,\n    showTopLevelControls = false,\n    searchConfiguration,\n    unitDescription = 'Results',\n    rgbIndex,\n    showLastUpdatedOn,\n    noContentPlaceholderType = showTopLevelControls\n      ? NoContentPlaceholderType.INTERACTIVE\n      : NoContentPlaceholderType.STATIC,\n    cardConfiguration,\n    tableConfiguration,\n    shouldDeepLink,\n    customControls,\n    ...rest\n  } = props\n  const [componentKey, setComponentKey] = useState(1)\n  const remount = () => {\n    setComponentKey(componentKey + 1)\n  }\n\n  const sql = props.query?.sql ?? deprecatedSql ?? ''\n  const query: Query = getQueryFromProps(props)\n  const derivedQueryRequestFromSearchParams = generateInitQueryRequest(query)\n  const entityId = parseEntityIdFromSqlStatement(sql)\n  const { data: entity } = useGetEntity(entityId)\n\n  /**\n   * Fully re-render the uncontrolled QueryWrapper component when the initial query changes. This eliminates a class of\n   * bugs where our 'derived' state (the current query), which should be reset, is out of sync with props.\n   *\n   * See https://legacy.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key\n   */\n  const queryWrapperKey =\n    JSON.stringify(derivedQueryRequestFromSearchParams) + componentKey\n  return (\n    <QueryWrapper\n      {...rest}\n      initQueryRequest={derivedQueryRequestFromSearchParams}\n      shouldDeepLink={shouldDeepLink}\n      key={queryWrapperKey}\n    >\n      <QueryVisualizationWrapper\n        rgbIndex={rgbIndex}\n        unitDescription={unitDescription}\n        showLastUpdatedOn={showLastUpdatedOn}\n        noContentPlaceholderType={noContentPlaceholderType}\n        {...rest}\n      >\n        <QueryContextConsumer>\n          {queryContext => {\n            if (queryContext === undefined) {\n              throw new Error(\n                'No queryContext found when calling QueryContextConsumer',\n              )\n            }\n            return (\n              <QueryVisualizationContextConsumer>\n                {queryVisualizationContext => {\n                  if (queryVisualizationContext === undefined) {\n                    throw new Error(\n                      'No queryVisualizationContext found when calling QueryVisualizationContextConsumer',\n                    )\n                  }\n\n                  return (\n                    <>\n                      {showTopLevelControls && (\n                        <TopLevelControls\n                          showColumnSelection={true}\n                          name={name}\n                          hideDownload={hideAddToDownloadListColumn}\n                          hideQueryCount={hideQueryCount}\n                          hideFacetFilterControl={true}\n                          hideVisualizationsControl={true}\n                          remount={remount}\n                          customControls={customControls}\n                        />\n                      )}\n                      {entity && isTable(entity) && entity.isSearchEnabled ? (\n                        <FullTextSearch\n                          ftsConfig={searchConfiguration?.ftsConfig}\n                        />\n                      ) : (\n                        <SearchV2\n                          {...searchConfiguration}\n                          queryContext={queryContext}\n                          queryVisualizationContext={queryVisualizationContext}\n                        />\n                      )}\n                      <SqlEditor />\n                      {showTopLevelControls && (\n                        <TotalQueryResults frontText={''} />\n                      )}\n                      <CustomControls\n                        customControls={props.customControls}\n                        remount={remount}\n                      />\n\n                      <RowSetView\n                        tableConfiguration={\n                          cardConfiguration\n                            ? undefined\n                            : {\n                                ...tableConfiguration, // if exist, use tableConfiguration property\n                                showAccessColumn: showAccessColumn,\n                                hideAddToDownloadListColumn,\n                                ...rest,\n                              }\n                        }\n                        cardConfiguration={cardConfiguration} // if exist, use the cardConfiguration property\n                      />\n                    </>\n                  )\n                }}\n              </QueryVisualizationContextConsumer>\n            )\n          }}\n        </QueryContextConsumer>\n      </QueryVisualizationWrapper>\n    </QueryWrapper>\n  )\n}\n\nexport default StandaloneQueryWrapper\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiEA,IAAa,KAA4B,OAChC;CACL,UACE;CAMF,UAAU,EAA8B,EAAM,GAAG;CACjD,cAAc;CACd,OAAO;EACL,OAAA;EACA,QAAQ;EACR,GAAG;CACL;AACF;AAGF,SAAgB,EAAkB,GAAoC;CACpE,IAAI,EAAM,OAER,OAAO,EAAM;CACR;EAEL,IAAM,IAAoB,EACxB,EAAM,cACN,EAAM,aACN,EAAM,kCACR;EACA,OAAO;GACL,KAAK,EAAM;GACX;GACA,QAAQ;EACV;CACF;AACF;AAMA,SAAS,EAAuB,GAAoC;CAElE,IAAM,EAAE,oBAAiB,GACnB,EACJ,qBACA,KAAK,GACL,iCAA8B,GAC9B,mBACA,SACA,0BAAuB,IACvB,wBACA,qBAAkB,WAClB,aACA,sBACA,8BAA2B,IACvB,EAAyB,cACzB,EAAyB,QAC7B,sBACA,uBACA,mBACA,mBACA,GAAG,MACD,GACE,CAAC,GAAc,KAAmB,EAAS,CAAC,GAC5C,UAAgB;EACpB,EAAgB,IAAe,CAAC;CAClC,GAEM,IAAM,EAAM,OAAO,OAAO,KAAiB,IAE3C,IAAsC,EADvB,EAAkB,CAC8B,CAAK,GAEpE,EAAE,MAAM,MAAW,EADR,EAA8B,CACT,CAAQ,GAQxC,IACJ,KAAK,UAAU,CAAmC,IAAI;CACxD,OACE,kBAAC,GAAD;EACE,GAAI;EACJ,kBAAkB;EACF;EAChB,KAAK;CAgFO,GA9EZ,kBAAC,GAAD;EACY;EACO;EACE;EACO;EAC1B,GAAI;YAEJ,kBAAC,GAAD,EAAA,WACG,MAAgB;GACf,IAAI,MAAiB,KAAA,GACnB,MAAU,MACR,yDACF;GAEF,OACE,kBAAC,GAAD,EAAA,WACG,MAA6B;IAC5B,IAAI,MAA8B,KAAA,GAChC,MAAU,MACR,mFACF;IAGF,OACE,kBAAA,GAAA,EAAA,UAAA;KACG,KACC,kBAAC,GAAD;MACE,qBAAqB;MACf;MACN,cAAc;MACE;MAChB,wBAAwB;MACxB,2BAA2B;MAClB;MACO;KACjB,CAAA;KAEF,KAAU,EAAQ,CAAM,KAAK,EAAO,kBACnC,kBAAC,GAAD,EACE,WAAW,GAAqB,UACjC,CAAA,IAED,kBAAC,GAAD;MACE,GAAI;MACU;MACa;KAC5B,CAAA;KAEH,kBAAC,GAAD,CAAY,CAAA;KACX,KACC,kBAAC,GAAD,EAAmB,WAAW,GAAK,CAAA;KAErC,kBAAC,GAAD;MACE,gBAAgB,EAAM;MACb;KACV,CAAA;KAED,kBAAC,GAAD;MACE,oBACE,IACI,KAAA,IACA;OACE,GAAG;OACe;OAClB;OACA,GAAG;MACL;MAEa;KACpB,CAAA;IACD,EAAA,CAAA;GAEN,EACiC,CAAA;EAEvC,EACoB,CAAA;CACG,CAAA,CACf;AAElB"}

package/dist/components/StatisticsPlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatisticsPlot.js","names":[],"sources":["../../src/components/StatisticsPlot.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { SynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  FilesCountStatistics,\n  ProjectFilesStatisticsRequest,\n  ProjectFilesStatisticsResponse,\n} from '@sage-bionetworks/synapse-types'\nimport { Component, ContextType } from 'react'\nimport Plot from './Plot/Plot'\n\nconst months = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n]\n\nexport type StatisticsPlotProps = {\n  request: ProjectFilesStatisticsRequest\n  title?: string\n  xtitle?: string\n  ytitle?: string\n  isHorizontal?: boolean\n  xaxistype?: string\n  showlegend?: boolean\n}\n\ntype StatisticsPlotState = {\n  isLoaded: boolean\n  plotData?: ProjectFilesStatisticsResponse\n}\n\nclass StatisticsPlot extends Component<\n  StatisticsPlotProps,\n  StatisticsPlotState\n> {\n  static contextType = SynapseContext\n  declare context: NonNullable<ContextType<typeof SynapseContext>>\n  constructor(props: StatisticsPlotProps) {\n    super(props)\n    this.state = {\n      isLoaded: false,\n      plotData: {} as ProjectFilesStatisticsResponse,\n    }\n  }\n\n  public componentDidMount() {\n    this.fetchPlotlyData()\n  }\n  /**\n   * Get data for plotly\n   *\n   * @returns data corresponding to plotly widget\n   */\n  fetchPlotlyData = async () => {\n    const { request } = this.props\n    return SynapseClient.getProjectStatistics(request, this.context.accessToken)\n      .then((data: ProjectFilesStatisticsResponse) => {\n        this.setState({\n          isLoaded: true,\n          plotData: data,\n        })\n      })\n      .catch((err: any) => {\n        console.log('Error on call to get statistics ', err)\n      })\n  }\n\n  getTrace = (\n    traceName: string,\n    stats: FilesCountStatistics[],\n    orientation: string,\n    markerColor: string,\n  ) => {\n    const x: string[] = []\n    const y: number[] = []\n    const trace = {\n      orientation,\n      x,\n      y,\n      name: traceName,\n      type: 'bar',\n      marker: { color: markerColor },\n      hovertemplate:\n        // see S3 Formatting options: https://github.com/d3/d3-3.x-api-reference/blob/master/Formatting.md#d3_format\n        `%{y:n} <br><extra>${traceName}</extra>`,\n    }\n    for (const statPoint of stats) {\n      const statPointDate: Date = new Date(statPoint.rangeStart)\n      trace.x.push(\n        `${\n          months[statPointDate.getUTCMonth()]\n        } ${statPointDate.getUTCFullYear()}`,\n      )\n      trace.y.push(statPoint.filesCount)\n    }\n    return trace\n  }\n\n  showPlot = () => {\n    if (!this.state.isLoaded || !this.state.plotData) {\n      return\n    }\n    const { title, xtitle, ytitle, isHorizontal, xaxistype, showlegend } =\n      this.props\n    const plotData = this.state.plotData\n    const layout: any = {\n      showlegend,\n      title,\n      barmode: 'stack',\n      hovermode: 'x',\n    }\n    const config: any = {\n      displayModeBar: true,\n      displaylogo: false,\n      // options found here: https://github.com/plotly/plotly.js/blob/master/src/components/modebar/buttons.js\n      modeBarButtonsToRemove: [\n        'sendDataToCloud',\n        'hoverCompareCartesian',\n        'select2d',\n        'lasso2d',\n        'zoom2d',\n        'resetScale2d',\n        'hoverClosestCartesian',\n        'toggleSpikelines',\n      ],\n    }\n    if (xtitle) {\n      layout.xaxis = {\n        title: xtitle,\n      }\n    }\n    if (xaxistype) {\n      layout.xaxis = {\n        ...layout.xaxis,\n        xaxistype: xaxistype.toLowerCase(),\n      }\n    }\n\n    if (ytitle) {\n      layout.yaxis = {\n        title: ytitle,\n      }\n    }\n    // init plot_data\n    const orientation: string = isHorizontal ? 'h' : 'v'\n    const traces: any = []\n    if (\n      plotData.fileDownloads &&\n      plotData.fileDownloads.months &&\n      plotData.fileDownloads.months.length > 0\n    ) {\n      // add file downloads trace\n      traces.push(\n        this.getTrace(\n          'File Downloads',\n          plotData.fileDownloads.months,\n          orientation,\n          '#7CC0C4',\n        ),\n      )\n    }\n    if (\n      plotData.fileUploads &&\n      plotData.fileUploads.months &&\n      plotData.fileUploads.months.length > 0\n    ) {\n      // add file uploads trace\n      traces.push(\n        this.getTrace(\n          'File Uploads',\n          plotData.fileUploads.months,\n          orientation,\n          '#D4689A',\n        ),\n      )\n    }\n    if (traces.length > 0)\n      return (\n        <Plot\n          layout={layout}\n          data={traces}\n          config={config}\n          className=\"SRC-fullWidth\"\n          useResizeHandler={true}\n        />\n      )\n    else return <></>\n  }\n\n  public render() {\n    if (!this.state.isLoaded) {\n      return null\n    }\n    return this.showPlot()\n  }\n}\nexport default StatisticsPlot\n"],"mappings":";;;;;;AAUA,IAAM,IAAS;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAiBK,IAAN,cAA6B,EAG3B;CACA,OAAO,cAAc;CAErB,YAAY,GAA4B;AAEtC,EADA,MAAM,EAAM,EACZ,KAAK,QAAQ;GACX,UAAU;GACV,UAAU,EAAE;GACb;;CAGH,oBAA2B;AACzB,OAAK,iBAAiB;;CAOxB,kBAAkB,YAAY;EAC5B,IAAM,EAAE,eAAY,KAAK;AACzB,SAAO,EAAc,qBAAqB,GAAS,KAAK,QAAQ,YAAY,CACzE,MAAM,MAAyC;AAC9C,QAAK,SAAS;IACZ,UAAU;IACV,UAAU;IACX,CAAC;IACF,CACD,OAAO,MAAa;AACnB,WAAQ,IAAI,oCAAoC,EAAI;IACpD;;CAGN,YACE,GACA,GACA,GACA,MACG;EAGH,IAAM,IAAQ;GACZ;GACA,GAAA,EAAA;GACA,GAAA,EAAA;GACA,MAAM;GACN,MAAM;GACN,QAAQ,EAAE,OAAO,GAAa;GAC9B,eAEE,qBAAqB,EAAU;GAClC;AACD,OAAK,IAAM,KAAa,GAAO;GAC7B,IAAM,IAAsB,IAAI,KAAK,EAAU,WAAW;AAM1D,GALA,EAAM,EAAE,KACN,GACE,EAAO,EAAc,aAAa,EACnC,GAAG,EAAc,gBAAgB,GACnC,EACD,EAAM,EAAE,KAAK,EAAU,WAAW;;AAEpC,SAAO;;CAGT,iBAAiB;AACf,MAAI,CAAC,KAAK,MAAM,YAAY,CAAC,KAAK,MAAM,SACtC;EAEF,IAAM,EAAE,UAAO,WAAQ,WAAQ,iBAAc,cAAW,kBACtD,KAAK,OACD,IAAW,KAAK,MAAM,UACtB,IAAc;GAClB;GACA;GACA,SAAS;GACT,WAAW;GACZ,EACK,IAAc;GAClB,gBAAgB;GAChB,aAAa;GAEb,wBAAwB;IACtB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACF;AAaD,EAZI,MACF,EAAO,QAAQ,EACb,OAAO,GACR,GAEC,MACF,EAAO,QAAQ;GACb,GAAG,EAAO;GACV,WAAW,EAAU,aAAa;GACnC,GAGC,MACF,EAAO,QAAQ,EACb,OAAO,GACR;EAGH,IAAM,IAAsB,IAAe,MAAM,KAC3C,IAAc,EAAE;AAyCjB,SAvCH,EAAS,iBACT,EAAS,cAAc,UACvB,EAAS,cAAc,OAAO,SAAS,KAGvC,EAAO,KACL,KAAK,SACH,kBACA,EAAS,cAAc,QACvB,GACA,UACD,CACF,EAGD,EAAS,eACT,EAAS,YAAY,UACrB,EAAS,YAAY,OAAO,SAAS,KAGrC,EAAO,KACL,KAAK,SACH,gBACA,EAAS,YAAY,QACrB,GACA,UACD,CACF,EAEC,EAAO,SAAS,IAEhB,kBAAC,GAAD;GACU;GACR,MAAM;GACE;GACR,WAAU;GACV,kBAAkB;GAClB,CAAA,GAEM,kBAAA,GAAA,EAAK,CAAA;;CAGnB,SAAgB;AAId,SAHK,KAAK,MAAM,WAGT,KAAK,UAAU,GAFb"}
+{"version":3,"file":"StatisticsPlot.js","names":[],"sources":["../../src/components/StatisticsPlot.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { SynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  FilesCountStatistics,\n  ProjectFilesStatisticsRequest,\n  ProjectFilesStatisticsResponse,\n} from '@sage-bionetworks/synapse-types'\nimport { Component, ContextType } from 'react'\nimport Plot from './Plot/Plot'\n\nconst months = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n]\n\nexport type StatisticsPlotProps = {\n  request: ProjectFilesStatisticsRequest\n  title?: string\n  xtitle?: string\n  ytitle?: string\n  isHorizontal?: boolean\n  xaxistype?: string\n  showlegend?: boolean\n}\n\ntype StatisticsPlotState = {\n  isLoaded: boolean\n  plotData?: ProjectFilesStatisticsResponse\n}\n\nclass StatisticsPlot extends Component<\n  StatisticsPlotProps,\n  StatisticsPlotState\n> {\n  static contextType = SynapseContext\n  declare context: NonNullable<ContextType<typeof SynapseContext>>\n  constructor(props: StatisticsPlotProps) {\n    super(props)\n    this.state = {\n      isLoaded: false,\n      plotData: {} as ProjectFilesStatisticsResponse,\n    }\n  }\n\n  public componentDidMount() {\n    this.fetchPlotlyData()\n  }\n  /**\n   * Get data for plotly\n   *\n   * @returns data corresponding to plotly widget\n   */\n  fetchPlotlyData = async () => {\n    const { request } = this.props\n    return SynapseClient.getProjectStatistics(request, this.context.accessToken)\n      .then((data: ProjectFilesStatisticsResponse) => {\n        this.setState({\n          isLoaded: true,\n          plotData: data,\n        })\n      })\n      .catch((err: any) => {\n        console.log('Error on call to get statistics ', err)\n      })\n  }\n\n  getTrace = (\n    traceName: string,\n    stats: FilesCountStatistics[],\n    orientation: string,\n    markerColor: string,\n  ) => {\n    const x: string[] = []\n    const y: number[] = []\n    const trace = {\n      orientation,\n      x,\n      y,\n      name: traceName,\n      type: 'bar',\n      marker: { color: markerColor },\n      hovertemplate:\n        // see S3 Formatting options: https://github.com/d3/d3-3.x-api-reference/blob/master/Formatting.md#d3_format\n        `%{y:n} <br><extra>${traceName}</extra>`,\n    }\n    for (const statPoint of stats) {\n      const statPointDate: Date = new Date(statPoint.rangeStart)\n      trace.x.push(\n        `${\n          months[statPointDate.getUTCMonth()]\n        } ${statPointDate.getUTCFullYear()}`,\n      )\n      trace.y.push(statPoint.filesCount)\n    }\n    return trace\n  }\n\n  showPlot = () => {\n    if (!this.state.isLoaded || !this.state.plotData) {\n      return\n    }\n    const { title, xtitle, ytitle, isHorizontal, xaxistype, showlegend } =\n      this.props\n    const plotData = this.state.plotData\n    const layout: any = {\n      showlegend,\n      title,\n      barmode: 'stack',\n      hovermode: 'x',\n    }\n    const config: any = {\n      displayModeBar: true,\n      displaylogo: false,\n      // options found here: https://github.com/plotly/plotly.js/blob/master/src/components/modebar/buttons.js\n      modeBarButtonsToRemove: [\n        'sendDataToCloud',\n        'hoverCompareCartesian',\n        'select2d',\n        'lasso2d',\n        'zoom2d',\n        'resetScale2d',\n        'hoverClosestCartesian',\n        'toggleSpikelines',\n      ],\n    }\n    if (xtitle) {\n      layout.xaxis = {\n        title: xtitle,\n      }\n    }\n    if (xaxistype) {\n      layout.xaxis = {\n        ...layout.xaxis,\n        xaxistype: xaxistype.toLowerCase(),\n      }\n    }\n\n    if (ytitle) {\n      layout.yaxis = {\n        title: ytitle,\n      }\n    }\n    // init plot_data\n    const orientation: string = isHorizontal ? 'h' : 'v'\n    const traces: any = []\n    if (\n      plotData.fileDownloads &&\n      plotData.fileDownloads.months &&\n      plotData.fileDownloads.months.length > 0\n    ) {\n      // add file downloads trace\n      traces.push(\n        this.getTrace(\n          'File Downloads',\n          plotData.fileDownloads.months,\n          orientation,\n          '#7CC0C4',\n        ),\n      )\n    }\n    if (\n      plotData.fileUploads &&\n      plotData.fileUploads.months &&\n      plotData.fileUploads.months.length > 0\n    ) {\n      // add file uploads trace\n      traces.push(\n        this.getTrace(\n          'File Uploads',\n          plotData.fileUploads.months,\n          orientation,\n          '#D4689A',\n        ),\n      )\n    }\n    if (traces.length > 0)\n      return (\n        <Plot\n          layout={layout}\n          data={traces}\n          config={config}\n          className=\"SRC-fullWidth\"\n          useResizeHandler={true}\n        />\n      )\n    else return <></>\n  }\n\n  public render() {\n    if (!this.state.isLoaded) {\n      return null\n    }\n    return this.showPlot()\n  }\n}\nexport default StatisticsPlot\n"],"mappings":";;;;;;AAUA,IAAM,IAAS;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GAiBM,IAAN,cAA6B,EAG3B;CACA,OAAO,cAAc;CAErB,YAAY,GAA4B;EAEtC,AADA,MAAM,CAAK,GACX,KAAK,QAAQ;GACX,UAAU;GACV,UAAU,CAAC;EACb;CACF;CAEA,oBAA2B;EACzB,KAAK,gBAAgB;CACvB;CAMA,kBAAkB,YAAY;EAC5B,IAAM,EAAE,eAAY,KAAK;EACzB,OAAO,EAAc,qBAAqB,GAAS,KAAK,QAAQ,WAAW,EACxE,MAAM,MAAyC;GAC9C,KAAK,SAAS;IACZ,UAAU;IACV,UAAU;GACZ,CAAC;EACH,CAAC,EACA,OAAO,MAAa;GACnB,QAAQ,IAAI,oCAAoC,CAAG;EACrD,CAAC;CACL;CAEA,YACE,GACA,GACA,GACA,MACG;EAGH,IAAM,IAAQ;GACZ;GACA,GAAA,CAAA;GACA,GAAA,CAAA;GACA,MAAM;GACN,MAAM;GACN,QAAQ,EAAE,OAAO,EAAY;GAC7B,eAEE,qBAAqB,EAAU;EACnC;EACA,KAAK,IAAM,KAAa,GAAO;GAC7B,IAAM,IAAsB,IAAI,KAAK,EAAU,UAAU;GAMzD,AALA,EAAM,EAAE,KACN,GACE,EAAO,EAAc,YAAY,GAClC,GAAG,EAAc,eAAe,GACnC,GACA,EAAM,EAAE,KAAK,EAAU,UAAU;EACnC;EACA,OAAO;CACT;CAEA,iBAAiB;EACf,IAAI,CAAC,KAAK,MAAM,YAAY,CAAC,KAAK,MAAM,UACtC;EAEF,IAAM,EAAE,UAAO,WAAQ,WAAQ,iBAAc,cAAW,kBACtD,KAAK,OACD,IAAW,KAAK,MAAM,UACtB,IAAc;GAClB;GACA;GACA,SAAS;GACT,WAAW;EACb,GACM,IAAc;GAClB,gBAAgB;GAChB,aAAa;GAEb,wBAAwB;IACtB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;EACF;EAaA,AAZI,MACF,EAAO,QAAQ,EACb,OAAO,EACT,IAEE,MACF,EAAO,QAAQ;GACb,GAAG,EAAO;GACV,WAAW,EAAU,YAAY;EACnC,IAGE,MACF,EAAO,QAAQ,EACb,OAAO,EACT;EAGF,IAAM,IAAsB,IAAe,MAAM,KAC3C,IAAc,CAAC;EAyChB,OAvCH,EAAS,iBACT,EAAS,cAAc,UACvB,EAAS,cAAc,OAAO,SAAS,KAGvC,EAAO,KACL,KAAK,SACH,kBACA,EAAS,cAAc,QACvB,GACA,SACF,CACF,GAGA,EAAS,eACT,EAAS,YAAY,UACrB,EAAS,YAAY,OAAO,SAAS,KAGrC,EAAO,KACL,KAAK,SACH,gBACA,EAAS,YAAY,QACrB,GACA,SACF,CACF,GAEE,EAAO,SAAS,IAEhB,kBAAC,GAAD;GACU;GACR,MAAM;GACE;GACR,WAAU;GACV,kBAAkB;EACnB,CAAA,IAEO,kBAAA,GAAA,CAAI,CAAA;CAClB;CAEA,SAAgB;EAId,OAHK,KAAK,MAAM,WAGT,KAAK,SAAS,IAFZ;CAGX;AACF"}

package/dist/components/StepperDialog/StepperDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperDialog.js","names":[],"sources":["../../../src/components/StepperDialog/StepperDialog.tsx"],"sourcesContent":["import { Alert, Button, Box } from '@mui/material'\nimport { ReactNode } from 'react'\nimport { DialogBase } from '../DialogBase'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport SpinnerButton from '../SpinnerButton/SpinnerButton'\nimport { DialogContentProps } from '@mui/material'\n\nexport type Step<TStepId = string> = {\n  id: TStepId\n  title: string\n  cancelButtonText?: string\n  onConfirm?: () => void\n  confirmStep?: string\n  confirmEnabled?: boolean\n  confirmButtonText?: string\n  previousStep?: string\n  nextStep?: string\n  nextEnabled?: boolean\n  contentProps?: DialogContentProps\n}\n\nexport type Steps = Step[]\n\nexport type StepperDialogProps = {\n  errorMessage: string | undefined\n  onCancel: () => void\n  onConfirm: () => void\n  confirming?: boolean\n  onStepChange: (arg: string) => void\n  open: boolean\n  step: Step\n  content: ReactNode\n  loading: boolean\n}\n\n/**\n * A stepper dialog built using MUI components.\n */\nfunction StepperDialog({\n  errorMessage,\n  onCancel,\n  onConfirm,\n  confirming,\n  onStepChange,\n  open,\n  step,\n  content,\n  loading,\n}: StepperDialogProps) {\n  if (!step) return null\n\n  const dialogContent = (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 1,\n      }}\n    >\n      <>\n        {loading ? <SynapseSpinner size={40} /> : content}\n        {errorMessage && <Alert severity=\"error\">{errorMessage}</Alert>}\n      </>\n    </Box>\n  )\n\n  return (\n    <DialogBase\n      actions={\n        <>\n          {step?.cancelButtonText && (\n            <Button variant=\"outlined\" onClick={() => onCancel()}>\n              {step.cancelButtonText}\n            </Button>\n          )}\n          {step?.previousStep && (\n            <Button\n              variant=\"outlined\"\n              color=\"primary\"\n              onClick={() =>\n                step.previousStep ? onStepChange(step.previousStep) : null\n              }\n            >\n              Back\n            </Button>\n          )}\n          {step?.nextStep && (\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={!step.nextEnabled}\n              onClick={() =>\n                step.nextStep ? onStepChange(step.nextStep) : null\n              }\n            >\n              Next\n            </Button>\n          )}\n          {onConfirm && step?.confirmButtonText && (\n            <SpinnerButton\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={!step.confirmEnabled}\n              onClick={() => {\n                onConfirm()\n              }}\n              showSpinner={confirming === true}\n              sx={{ marginLeft: '8px' }}\n            >\n              {step.confirmButtonText}\n            </SpinnerButton>\n          )}\n        </>\n      }\n      content={dialogContent}\n      onCancel={onCancel}\n      open={open}\n      title={step.title}\n      sx={{\n        h2: { paddingTop: 0, paddingBottom: '20px' },\n      }}\n      contentProps={step.contentProps}\n    />\n  )\n}\n\nexport default StepperDialog\n"],"mappings":";;;;;;AAsCA,SAAS,EAAc,EACrB,iBACA,aACA,cACA,eACA,iBACA,SACA,SACA,YACA,cACqB;AACrB,KAAI,CAAC,EAAM,QAAO;CAElB,IAAM,IACJ,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,KAAK;GACN;YAED,kBAAA,GAAA,EAAA,UAAA,CACG,IAAU,kBAAC,GAAD,EAAgB,MAAM,IAAM,CAAA,GAAG,GACzC,KAAgB,kBAAC,GAAD;GAAO,UAAS;aAAS;GAAqB,CAAA,CAC9D,EAAA,CAAA;EACC,CAAA;AAGR,QACE,kBAAC,GAAD;EACE,SACE,kBAAA,GAAA,EAAA,UAAA;GACG,GAAM,oBACL,kBAAC,GAAD;IAAQ,SAAQ;IAAW,eAAe,GAAU;cACjD,EAAK;IACC,CAAA;GAEV,GAAM,gBACL,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,eACE,EAAK,eAAe,EAAa,EAAK,aAAa,GAAG;cAEzD;IAEQ,CAAA;GAEV,GAAM,YACL,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,UAAU,CAAC,EAAK;IAChB,eACE,EAAK,WAAW,EAAa,EAAK,SAAS,GAAG;cAEjD;IAEQ,CAAA;GAEV,KAAa,GAAM,qBAClB,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,UAAU,CAAC,EAAK;IAChB,eAAe;AACb,QAAW;;IAEb,aAAa,MAAe;IAC5B,IAAI,EAAE,YAAY,OAAO;cAExB,EAAK;IACQ,CAAA;GAEjB,EAAA,CAAA;EAEL,SAAS;EACC;EACJ;EACN,OAAO,EAAK;EACZ,IAAI,EACF,IAAI;GAAE,YAAY;GAAG,eAAe;GAAQ,EAC7C;EACD,cAAc,EAAK;EACnB,CAAA"}
+{"version":3,"file":"StepperDialog.js","names":[],"sources":["../../../src/components/StepperDialog/StepperDialog.tsx"],"sourcesContent":["import { Alert, Button, Box } from '@mui/material'\nimport { ReactNode } from 'react'\nimport { DialogBase } from '../DialogBase'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport SpinnerButton from '../SpinnerButton/SpinnerButton'\nimport { DialogContentProps } from '@mui/material'\n\nexport type Step<TStepId = string> = {\n  id: TStepId\n  title: string\n  cancelButtonText?: string\n  onConfirm?: () => void\n  confirmStep?: string\n  confirmEnabled?: boolean\n  confirmButtonText?: string\n  previousStep?: string\n  nextStep?: string\n  nextEnabled?: boolean\n  contentProps?: DialogContentProps\n}\n\nexport type Steps = Step[]\n\nexport type StepperDialogProps = {\n  errorMessage: string | undefined\n  onCancel: () => void\n  onConfirm: () => void\n  confirming?: boolean\n  onStepChange: (arg: string) => void\n  open: boolean\n  step: Step\n  content: ReactNode\n  loading: boolean\n}\n\n/**\n * A stepper dialog built using MUI components.\n */\nfunction StepperDialog({\n  errorMessage,\n  onCancel,\n  onConfirm,\n  confirming,\n  onStepChange,\n  open,\n  step,\n  content,\n  loading,\n}: StepperDialogProps) {\n  if (!step) return null\n\n  const dialogContent = (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 1,\n      }}\n    >\n      <>\n        {loading ? <SynapseSpinner size={40} /> : content}\n        {errorMessage && <Alert severity=\"error\">{errorMessage}</Alert>}\n      </>\n    </Box>\n  )\n\n  return (\n    <DialogBase\n      actions={\n        <>\n          {step?.cancelButtonText && (\n            <Button variant=\"outlined\" onClick={() => onCancel()}>\n              {step.cancelButtonText}\n            </Button>\n          )}\n          {step?.previousStep && (\n            <Button\n              variant=\"outlined\"\n              color=\"primary\"\n              onClick={() =>\n                step.previousStep ? onStepChange(step.previousStep) : null\n              }\n            >\n              Back\n            </Button>\n          )}\n          {step?.nextStep && (\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={!step.nextEnabled}\n              onClick={() =>\n                step.nextStep ? onStepChange(step.nextStep) : null\n              }\n            >\n              Next\n            </Button>\n          )}\n          {onConfirm && step?.confirmButtonText && (\n            <SpinnerButton\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={!step.confirmEnabled}\n              onClick={() => {\n                onConfirm()\n              }}\n              showSpinner={confirming === true}\n              sx={{ marginLeft: '8px' }}\n            >\n              {step.confirmButtonText}\n            </SpinnerButton>\n          )}\n        </>\n      }\n      content={dialogContent}\n      onCancel={onCancel}\n      open={open}\n      title={step.title}\n      sx={{\n        h2: { paddingTop: 0, paddingBottom: '20px' },\n      }}\n      contentProps={step.contentProps}\n    />\n  )\n}\n\nexport default StepperDialog\n"],"mappings":";;;;;;AAsCA,SAAS,EAAc,EACrB,iBACA,aACA,cACA,eACA,iBACA,SACA,SACA,YACA,cACqB;CACrB,IAAI,CAAC,GAAM,OAAO;CAElB,IAAM,IACJ,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,KAAK;EACP;YAEA,kBAAA,GAAA,EAAA,UAAA,CACG,IAAU,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA,IAAI,GACzC,KAAgB,kBAAC,GAAD;GAAO,UAAS;aAAS;EAAoB,CAAA,CAC9D,EAAA,CAAA;CACC,CAAA;CAGP,OACE,kBAAC,GAAD;EACE,SACE,kBAAA,GAAA,EAAA,UAAA;GACG,GAAM,oBACL,kBAAC,GAAD;IAAQ,SAAQ;IAAW,eAAe,EAAS;cAChD,EAAK;GACA,CAAA;GAET,GAAM,gBACL,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,eACE,EAAK,eAAe,EAAa,EAAK,YAAY,IAAI;cAEzD;GAEO,CAAA;GAET,GAAM,YACL,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,UAAU,CAAC,EAAK;IAChB,eACE,EAAK,WAAW,EAAa,EAAK,QAAQ,IAAI;cAEjD;GAEO,CAAA;GAET,KAAa,GAAM,qBAClB,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,UAAU,CAAC,EAAK;IAChB,eAAe;KACb,EAAU;IACZ;IACA,aAAa,MAAe;IAC5B,IAAI,EAAE,YAAY,MAAM;cAEvB,EAAK;GACO,CAAA;EAEjB,EAAA,CAAA;EAEJ,SAAS;EACC;EACJ;EACN,OAAO,EAAK;EACZ,IAAI,EACF,IAAI;GAAE,YAAY;GAAG,eAAe;EAAO,EAC7C;EACA,cAAc,EAAK;CACpB,CAAA;AAEL"}