synapse-react-client 4.0.46 → 4.0.48

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

@@ -1 +1 @@
-{"version":3,"file":"CardUtils.js","names":[],"sources":["../../../src/components/GenericCard/CardUtils.tsx"],"sourcesContent":["import { CardLink } from '@/components/CardContainer/CardLink'\nimport { isTableEntity } from '@/utils/functions/EntityTypeUtils'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport {\n  convertDoiToLink,\n  SYNAPSE_ENTITY_ID_REGEX,\n} from '@/utils/functions/RegularExpressions'\nimport { TargetEnum } from '@/utils/html/TargetEnum'\nimport { isExternalLink } from '@/utils/functions/IsExternalLink'\nimport {\n  ColumnModel,\n  Entity,\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  SelectColumn,\n} from '@sage-bionetworks/synapse-types'\n\nexport const getFileHandleAssociation = (\n  table?: Entity,\n  fileHandleId?: string,\n  rowSynapseId?: string, // only applicable if this is an EntityView\n) => {\n  let fileHandleAssociation: FileHandleAssociation | undefined = undefined\n  if (table && fileHandleId) {\n    if (isTableEntity(table)) {\n      // The file handle is in the table\n      fileHandleAssociation = {\n        fileHandleId,\n        associateObjectId: table?.id ?? '',\n        associateObjectType: FileHandleAssociateType.TableEntity,\n      }\n    } else if (rowSynapseId) {\n      // We're looking at a view, so the FileEntity (whose ID matches the row ID) gives permission to download the file handle\n      fileHandleAssociation = {\n        fileHandleId,\n        associateObjectId: rowSynapseId,\n        associateObjectType: FileHandleAssociateType.FileEntity,\n      }\n    }\n  }\n  return fileHandleAssociation\n}\nexport const getValueOrMultiValue = ({\n  columnName,\n  value,\n  selectColumns,\n  columnModels,\n}: {\n  columnName?: string\n  value?: string\n  selectColumns?: SelectColumn[]\n  columnModels?: ColumnModel[]\n}): ValueOrMultiValue => {\n  if (!value) {\n    return {\n      str: '',\n      strList: undefined,\n      selectColumn: undefined,\n    }\n  }\n  const selectedColumnOrUndefined =\n    selectColumns?.find(el => el.name === columnName) ||\n    columnModels?.find(el => el.name === columnName)\n  const isMultiValue = selectedColumnOrUndefined?.columnType.endsWith('_LIST')\n\n  if (isMultiValue) {\n    let val: any = value\n    let strList: any\n    try {\n      strList = JSON.parse(val)\n      val = (strList as string[]).join(', ')\n      return {\n        strList,\n        str: val,\n        selectColumn: selectedColumnOrUndefined,\n      }\n    } catch (e) {\n      console.error(\n        'Could not parse multivalue string ',\n        val,\n        ' caught err ',\n        e,\n      )\n    }\n  }\n  return {\n    str: value,\n    selectColumn: selectedColumnOrUndefined,\n  }\n}\ntype ValueOrMultiValue = {\n  str: string\n  strList?: string[]\n  selectColumn?: SelectColumn\n}\n\nexport function getCardLinkHref(\n  cardLink: CardLink | undefined,\n  data: string[] | undefined,\n  schema?: Record<string, number>,\n  rowId?: number,\n): string | undefined {\n  if (cardLink) {\n    if (!data || !schema) {\n      throw Error('Must specify CardLink and data for linking to work')\n    }\n    const { matchColumnName, overrideValueWithRowID } = cardLink\n\n    // PORTALS-2088:  Return the link, unless...\n    // an overrideLinkURLColumnName has been set and its value is defined.\n    // In this case, just use the overrideLinkURLColumnName value\n    if ('overrideLinkURLColumnName' in cardLink) {\n      const { overrideLinkURLColumnName, overrideLinkURLColumnTransform } =\n        cardLink\n      if (schema[overrideLinkURLColumnName]) {\n        const indexOfOverrideLinkURLColumnName =\n          schema[overrideLinkURLColumnName]\n        const overrideLinkValue = data[indexOfOverrideLinkURLColumnName]\n        if (overrideLinkValue && overrideLinkURLColumnTransform) {\n          return overrideLinkURLColumnTransform(overrideLinkValue)\n        } else if (overrideLinkValue) {\n          return overrideLinkValue\n        }\n      }\n    }\n\n    const indexInData = schema[matchColumnName]\n    if (indexInData === undefined) {\n      console.error(\n        `Could not find match for data: ${data} with columnName ${matchColumnName}`,\n      )\n    } else if ('baseURL' in cardLink) {\n      const { baseURL, URLColumnName, urlParamStyle = 'query-param' } = cardLink\n      const value = overrideValueWithRowID ? `syn${rowId}` : data[indexInData]\n      if (value) {\n        // value is defined!\n        if (urlParamStyle === 'path-segment') {\n          return `/${baseURL}/${encodeURIComponent(value)}`\n        }\n        return `/${baseURL}?${URLColumnName}=${encodeURIComponent(value)}`\n      }\n    }\n  }\n  return undefined\n}\n\nexport function getLinkParams(\n  link: string,\n  cardLinkConfig: CardLink | undefined,\n  data: string[] | undefined,\n  schema?: Record<string, number>,\n  rowId?: number,\n) {\n  link = link.trim()\n  let href = link\n  const doiLink = convertDoiToLink(href)\n  if (link.match(SYNAPSE_ENTITY_ID_REGEX)) {\n    // its a synId\n    href = `${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${link}`\n  } else if (doiLink) {\n    href = doiLink\n  } else if (cardLinkConfig) {\n    href = getCardLinkHref(cardLinkConfig, data, schema, rowId) ?? ''\n  }\n\n  const isExternal = Boolean(href && isExternalLink(href))\n  const defaultTarget = isExternal\n    ? TargetEnum.NEW_WINDOW\n    : TargetEnum.CURRENT_WINDOW\n\n  const target = cardLinkConfig?.target ?? defaultTarget\n  return { href, target }\n}\n"],"mappings":";;;;;;;AAiBA,IAAa,KACX,GACA,GACA,MACG;CACH,IAAI;CAkBJ,OAjBI,KAAS,MACP,EAAc,CAAK,IAErB,IAAwB;EACtB;EACA,mBAAmB,GAAO,MAAM;EAChC,qBAAqB,EAAwB;CAC/C,IACS,MAET,IAAwB;EACtB;EACA,mBAAmB;EACnB,qBAAqB,EAAwB;CAC/C,KAGG;AACT,GACa,KAAwB,EACnC,eACA,UACA,kBACA,sBAMuB;CACvB,IAAI,CAAC,GACH,OAAO;EACL,KAAK;EACL,SAAS,KAAA;EACT,cAAc,KAAA;CAChB;CAEF,IAAM,IACJ,GAAe,MAAK,MAAM,EAAG,SAAS,CAAU,KAChD,GAAc,MAAK,MAAM,EAAG,SAAS,CAAU;CAGjD,IAFqB,GAA2B,WAAW,SAAS,OAAO,GAEzD;EAChB,IAAI,IAAW,GACX;EACJ,IAAI;GAGF,OAFA,IAAU,KAAK,MAAM,CAAG,GACxB,IAAO,EAAqB,KAAK,IAAI,GAC9B;IACL;IACA,KAAK;IACL,cAAc;GAChB;EACF,SAAS,GAAG;GACV,QAAQ,MACN,sCACA,GACA,gBACA,CACF;EACF;CACF;CACA,OAAO;EACL,KAAK;EACL,cAAc;CAChB;AACF;AAOA,SAAgB,EACd,GACA,GACA,GACA,GACoB;CACpB,IAAI,GAAU;EACZ,IAAI,CAAC,KAAQ,CAAC,GACZ,MAAM,MAAM,oDAAoD;EAElE,IAAM,EAAE,oBAAiB,8BAA2B;EAKpD,IAAI,+BAA+B,GAAU;GAC3C,IAAM,EAAE,8BAA2B,sCACjC;GACF,IAAI,EAAO,IAA4B;IAGrC,IAAM,IAAoB,EADxB,EAAO;IAET,IAAI,KAAqB,GACvB,OAAO,EAA+B,CAAiB;IAClD,IAAI,GACT,OAAO;GAEX;EACF;EAEA,IAAM,IAAc,EAAO;EAC3B,IAAI,MAAgB,KAAA,GAClB,QAAQ,MACN,kCAAkC,EAAK,mBAAmB,GAC5D;OACK,IAAI,aAAa,GAAU;GAChC,IAAM,EAAE,YAAS,kBAAe,mBAAgB,kBAAkB,GAC5D,IAAQ,IAAyB,MAAM,MAAU,EAAK;GAC5D,IAAI,GAKF,OAHI,MAAkB,iBACb,IAAI,EAAQ,GAAG,mBAAmB,CAAK,MAEzC,IAAI,EAAQ,GAAG,EAAc,GAAG,mBAAmB,CAAK;EAEnE;CACF;AAEF;AAEA,SAAgB,EACd,GACA,GACA,GACA,GACA,GACA;CACA,IAAO,EAAK,KAAK;CACjB,IAAI,IAAO,GACL,IAAU,EAAiB,CAAI;CACrC,AAAI,EAAK,MAAM,CAAuB,IAEpC,IAAO,GAAG,EAA2B,OAAO,UAAU,MAC7C,IACT,IAAO,IACE,MACT,IAAO,EAAgB,GAAgB,GAAM,GAAQ,CAAK,KAAK;CAIjE,IAAM,IADqB,KAAQ,EAAe,CAAI,IAElD,EAAW,aACX,EAAW,gBAET,IAAS,GAAgB,UAAU;CACzC,OAAO;EAAE;EAAM;CAAO;AACxB"}
+{"version":3,"file":"CardUtils.js","names":[],"sources":["../../../src/components/GenericCard/CardUtils.tsx"],"sourcesContent":["import { CardLink } from '@/components/CardContainer/CardLink'\nimport { isTableEntity } from '@/utils/functions/EntityTypeUtils'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport {\n  convertDoiToLink,\n  SYNAPSE_ENTITY_ID_REGEX,\n} from '@/utils/functions/RegularExpressions'\nimport { TargetEnum } from '@/utils/html/TargetEnum'\nimport { isExternalLink } from '@/utils/functions/IsExternalLink'\nimport {\n  ColumnModel,\n  Entity,\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  SelectColumn,\n} from '@sage-bionetworks/synapse-types'\n\nexport const getFileHandleAssociation = (\n  table?: Entity,\n  fileHandleId?: string,\n  rowSynapseId?: string, // only applicable if this is an EntityView\n) => {\n  let fileHandleAssociation: FileHandleAssociation | undefined = undefined\n  if (table && fileHandleId) {\n    if (isTableEntity(table)) {\n      // The file handle is in the table\n      fileHandleAssociation = {\n        fileHandleId,\n        associateObjectId: table?.id ?? '',\n        associateObjectType: FileHandleAssociateType.TableEntity,\n      }\n    } else if (rowSynapseId) {\n      // We're looking at a view, so the FileEntity (whose ID matches the row ID) gives permission to download the file handle\n      fileHandleAssociation = {\n        fileHandleId,\n        associateObjectId: rowSynapseId,\n        associateObjectType: FileHandleAssociateType.FileEntity,\n      }\n    }\n  }\n  return fileHandleAssociation\n}\nexport const getValueOrMultiValue = ({\n  columnName,\n  value,\n  selectColumns,\n  columnModels,\n}: {\n  columnName?: string\n  value?: string\n  selectColumns?: SelectColumn[]\n  columnModels?: ColumnModel[]\n}): ValueOrMultiValue => {\n  if (!value) {\n    return {\n      str: '',\n      strList: undefined,\n      selectColumn: undefined,\n    }\n  }\n  const selectedColumnOrUndefined =\n    selectColumns?.find(el => el.name === columnName) ||\n    columnModels?.find(el => el.name === columnName)\n  const isMultiValue = selectedColumnOrUndefined?.columnType.endsWith('_LIST')\n\n  if (isMultiValue) {\n    let val: any = value\n    let strList: any\n    try {\n      strList = JSON.parse(val)\n      val = (strList as string[]).join(', ')\n      return {\n        strList,\n        str: val,\n        selectColumn: selectedColumnOrUndefined,\n      }\n    } catch (e) {\n      console.error(\n        'Could not parse multivalue string ',\n        val,\n        ' caught err ',\n        e,\n      )\n    }\n  }\n  return {\n    str: value,\n    selectColumn: selectedColumnOrUndefined,\n  }\n}\ntype ValueOrMultiValue = {\n  str: string\n  strList?: string[]\n  selectColumn?: SelectColumn\n}\n\nexport function getCardLinkHref(\n  cardLink: CardLink | undefined,\n  data: string[] | undefined,\n  schema?: Record<string, number>,\n  rowId?: number,\n): string | undefined {\n  if (cardLink) {\n    if (!data || !schema) {\n      throw new Error('Must specify CardLink and data for linking to work')\n    }\n    const { matchColumnName, overrideValueWithRowID } = cardLink\n\n    // PORTALS-2088:  Return the link, unless...\n    // an overrideLinkURLColumnName has been set and its value is defined.\n    // In this case, just use the overrideLinkURLColumnName value\n    if ('overrideLinkURLColumnName' in cardLink) {\n      const { overrideLinkURLColumnName, overrideLinkURLColumnTransform } =\n        cardLink\n      if (schema[overrideLinkURLColumnName]) {\n        const indexOfOverrideLinkURLColumnName =\n          schema[overrideLinkURLColumnName]\n        const overrideLinkValue = data[indexOfOverrideLinkURLColumnName]\n        if (overrideLinkValue && overrideLinkURLColumnTransform) {\n          return overrideLinkURLColumnTransform(overrideLinkValue)\n        } else if (overrideLinkValue) {\n          return overrideLinkValue\n        }\n      }\n    }\n\n    const indexInData = schema[matchColumnName]\n    if (indexInData === undefined) {\n      console.error(\n        `Could not find match for data: ${data} with columnName ${matchColumnName}`,\n      )\n    } else if ('baseURL' in cardLink) {\n      const { baseURL, URLColumnName, urlParamStyle = 'query-param' } = cardLink\n      const value = overrideValueWithRowID ? `syn${rowId}` : data[indexInData]\n      if (value) {\n        // value is defined!\n        if (urlParamStyle === 'path-segment') {\n          return `/${baseURL}/${encodeURIComponent(value)}`\n        }\n        return `/${baseURL}?${URLColumnName}=${encodeURIComponent(value)}`\n      }\n    }\n  }\n  return undefined\n}\n\nexport function getLinkParams(\n  link: string,\n  cardLinkConfig: CardLink | undefined,\n  data: string[] | undefined,\n  schema?: Record<string, number>,\n  rowId?: number,\n) {\n  link = link.trim()\n  let href = link\n  const doiLink = convertDoiToLink(href)\n  if (link.match(SYNAPSE_ENTITY_ID_REGEX)) {\n    // its a synId\n    href = `${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${link}`\n  } else if (doiLink) {\n    href = doiLink\n  } else if (cardLinkConfig) {\n    href = getCardLinkHref(cardLinkConfig, data, schema, rowId) ?? ''\n  }\n\n  const isExternal = Boolean(href && isExternalLink(href))\n  const defaultTarget = isExternal\n    ? TargetEnum.NEW_WINDOW\n    : TargetEnum.CURRENT_WINDOW\n\n  const target = cardLinkConfig?.target ?? defaultTarget\n  return { href, target }\n}\n"],"mappings":";;;;;;;AAiBA,IAAa,KACX,GACA,GACA,MACG;CACH,IAAI;CAkBJ,OAjBI,KAAS,MACP,EAAc,CAAK,IAErB,IAAwB;EACtB;EACA,mBAAmB,GAAO,MAAM;EAChC,qBAAqB,EAAwB;CAC/C,IACS,MAET,IAAwB;EACtB;EACA,mBAAmB;EACnB,qBAAqB,EAAwB;CAC/C,KAGG;AACT,GACa,KAAwB,EACnC,eACA,UACA,kBACA,sBAMuB;CACvB,IAAI,CAAC,GACH,OAAO;EACL,KAAK;EACL,SAAS,KAAA;EACT,cAAc,KAAA;CAChB;CAEF,IAAM,IACJ,GAAe,MAAK,MAAM,EAAG,SAAS,CAAU,KAChD,GAAc,MAAK,MAAM,EAAG,SAAS,CAAU;CAGjD,IAFqB,GAA2B,WAAW,SAAS,OAAO,GAEzD;EAChB,IAAI,IAAW,GACX;EACJ,IAAI;GAGF,OAFA,IAAU,KAAK,MAAM,CAAG,GACxB,IAAO,EAAqB,KAAK,IAAI,GAC9B;IACL;IACA,KAAK;IACL,cAAc;GAChB;EACF,SAAS,GAAG;GACV,QAAQ,MACN,sCACA,GACA,gBACA,CACF;EACF;CACF;CACA,OAAO;EACL,KAAK;EACL,cAAc;CAChB;AACF;AAOA,SAAgB,EACd,GACA,GACA,GACA,GACoB;CACpB,IAAI,GAAU;EACZ,IAAI,CAAC,KAAQ,CAAC,GACZ,MAAU,MAAM,oDAAoD;EAEtE,IAAM,EAAE,oBAAiB,8BAA2B;EAKpD,IAAI,+BAA+B,GAAU;GAC3C,IAAM,EAAE,8BAA2B,sCACjC;GACF,IAAI,EAAO,IAA4B;IAGrC,IAAM,IAAoB,EADxB,EAAO;IAET,IAAI,KAAqB,GACvB,OAAO,EAA+B,CAAiB;IAClD,IAAI,GACT,OAAO;GAEX;EACF;EAEA,IAAM,IAAc,EAAO;EAC3B,IAAI,MAAgB,KAAA,GAClB,QAAQ,MACN,kCAAkC,EAAK,mBAAmB,GAC5D;OACK,IAAI,aAAa,GAAU;GAChC,IAAM,EAAE,YAAS,kBAAe,mBAAgB,kBAAkB,GAC5D,IAAQ,IAAyB,MAAM,MAAU,EAAK;GAC5D,IAAI,GAKF,OAHI,MAAkB,iBACb,IAAI,EAAQ,GAAG,mBAAmB,CAAK,MAEzC,IAAI,EAAQ,GAAG,EAAc,GAAG,mBAAmB,CAAK;EAEnE;CACF;AAEF;AAEA,SAAgB,EACd,GACA,GACA,GACA,GACA,GACA;CACA,IAAO,EAAK,KAAK;CACjB,IAAI,IAAO,GACL,IAAU,EAAiB,CAAI;CACrC,AAAI,EAAK,MAAM,CAAuB,IAEpC,IAAO,GAAG,EAA2B,OAAO,UAAU,MAC7C,IACT,IAAO,IACE,MACT,IAAO,EAAgB,GAAgB,GAAM,GAAQ,CAAK,KAAK;CAIjE,IAAM,IADqB,KAAQ,EAAe,CAAI,IAElD,EAAW,aACX,EAAW,gBAET,IAAS,GAAgB,UAAU;CACzC,OAAO;EAAE;EAAM;CAAO;AACxB"}

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

@@ -88,7 +88,7 @@ function P(e) {
 			minWidth: 0,
 			maxWidth: "100%"
 		},
-		children: t.map(n).sort((e, t) => M[e.category] - M[t.category]).map((e, t) => /* @__PURE__ */ s(r, {
+		children: t.map(n).toSorted((e, t) => M[e.category] - M[t.category]).map((e, t) => /* @__PURE__ */ s(r, {
 			label: e.name,
 			icon: /* @__PURE__ */ s(j, { term: e }),
 			tooltipTitle: N(e)

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

@@ -1 +1 @@
-{"version":3,"file":"DuoTermTags.js","names":[],"sources":["../../../../src/components/GenericCard/DuoTermTags/DuoTermTags.tsx"],"sourcesContent":["import { Box, Link } from '@mui/material'\nimport type { ComponentType, ReactNode } from 'react'\nimport GeneticsIcon from '@/assets/icons/GeneticsIcon'\nimport ScienceOutlined from '@mui/icons-material/ScienceOutlined'\nimport MedicalServicesOutlined from '@mui/icons-material/MedicalServicesOutlined'\nimport CoronavirusOutlined from '@mui/icons-material/CoronavirusOutlined'\nimport GroupsOutlined from '@mui/icons-material/GroupsOutlined'\nimport HealingOutlined from '@mui/icons-material/HealingOutlined'\nimport LockOpenOutlined from '@mui/icons-material/LockOpenOutlined'\nimport MoneyOffOutlined from '@mui/icons-material/MoneyOffOutlined'\nimport ArticleOutlined from '@mui/icons-material/ArticleOutlined'\nimport HandshakeOutlined from '@mui/icons-material/HandshakeOutlined'\nimport GavelOutlined from '@mui/icons-material/GavelOutlined'\nimport ReplayOutlined from '@mui/icons-material/ReplayOutlined'\nimport FormatQuoteOutlined from '@mui/icons-material/FormatQuoteOutlined'\nimport PersonOutlined from '@mui/icons-material/PersonOutlined'\nimport AssignmentOutlined from '@mui/icons-material/AssignmentOutlined'\nimport ApartmentOutlined from '@mui/icons-material/ApartmentOutlined'\nimport PublicOutlined from '@mui/icons-material/PublicOutlined'\nimport ScheduleOutlined from '@mui/icons-material/ScheduleOutlined'\nimport HourglassEmptyOutlined from '@mui/icons-material/HourglassEmptyOutlined'\nimport BlockOutlined from '@mui/icons-material/BlockOutlined'\nimport RuleOutlined from '@mui/icons-material/RuleOutlined'\nimport HelpOutline from '@mui/icons-material/HelpOutline'\nimport {\n  DuoCategory,\n  DuoTerm,\n  duoRegistryUrl,\n  resolveDuoTerm,\n} from './duoTerms'\nimport FacetValueChip from '@/components/widgets/facet-nav/FacetValueChip'\nimport type { RenderedFacetValueChip } from '@/components/QueryVisualizationWrapper/QueryVisualizationContext'\n\nexport type DuoTermTagsProps = {\n  /** Raw `dataUseModifiers` values (ontology codes or term names). */\n  terms: string[]\n}\n\n// An icon per code so the meaning reads at a glance.\nconst DUO_ICONS: Record<string, ComponentType> = {\n  'DUO:0000042': ScienceOutlined, // General Research Use\n  'DUO:0000006': MedicalServicesOutlined, // Health/Medical/Biomedical\n  'DUO:0000007': CoronavirusOutlined, // Disease Specific\n  'DUO:0000011': GroupsOutlined, // Population Origins/Ancestry\n  'DUO:0000043': HealingOutlined, // Clinical Care Use\n  'DUO:0000004': LockOpenOutlined, // No Restriction\n  'DUO:0000046': MoneyOffOutlined, // Non-Commercial Use Only\n  'DUO:0000018': MoneyOffOutlined, // Not-for-Profit, Non-Commercial\n  'DUO:0000045': MoneyOffOutlined, // Not-for-Profit Organisation\n  'DUO:0000019': ArticleOutlined, // Publication Required\n  'DUO:0000020': HandshakeOutlined, // Collaboration Required\n  'DUO:0000021': GavelOutlined, // Ethics Approval Required\n  'DUO:0000029': ReplayOutlined, // Return to Database/Resource\n  DUOplus7: FormatQuoteOutlined, // Attribution Required\n  'DUO:0000026': PersonOutlined, // User Specific\n  'DUO:0000027': AssignmentOutlined, // Project Specific\n  'DUO:0000028': ApartmentOutlined, // Institution Specific\n  'DUO:0000022': PublicOutlined, // Geographical Restriction\n  'DUO:0000025': ScheduleOutlined, // Time Limit\n  'DUO:0000024': HourglassEmptyOutlined, // Publication Moratorium\n  'DUO:0000016': GeneticsIcon, // Genetic Studies Only (Material Symbols)\n  'DUO:0000015': BlockOutlined, // No General Methods Research\n  'DUO:0000044': BlockOutlined, // Population/Ancestry Prohibited\n  'DUO:0000012': RuleOutlined, // Research Specific Restrictions\n}\n\nconst TermIcon = (props: { term: DuoTerm }): ReactNode => {\n  const { term } = props\n  const Icon = DUO_ICONS[term.code] ?? HelpOutline\n  return <Icon />\n}\n\n// Primary use first (the dataset's purpose), then the conditions that limit it.\nconst ORDER: Record<DuoCategory, number> = {\n  permission: 0,\n  commercial: 1,\n  obligation: 2,\n  limit: 3,\n}\n\n// The rich tooltip for a DUO term: full name, abbreviation, ontology code\n// (linked to the registry when available), and definition.\nfunction duoTooltipTitle(t: DuoTerm): ReactNode {\n  const url = duoRegistryUrl(t)\n  const hasMeta = Boolean(t.abbr || t.code)\n  return (\n    <>\n      <strong>{t.name}</strong>\n      {hasMeta && (\n        <>\n          <br />\n          {t.abbr}\n          {t.abbr && t.code ? ' · ' : ''}\n          {url ? (\n            <Link href={url} target=\"_blank\" rel=\"noopener\" color=\"inherit\">\n              {t.code}\n            </Link>\n          ) : (\n            t.code\n          )}\n        </>\n      )}\n      {t.definition && t.definition !== t.name && (\n        <>\n          <br />\n          {t.definition}\n        </>\n      )}\n    </>\n  )\n}\n\n/** Renders a dataset's DUO data-use modifiers as a row of chips (used on cards). */\nexport default function DuoTermTags(props: DuoTermTagsProps) {\n  const { terms } = props\n  if (!terms || terms.length === 0) {\n    return null\n  }\n  const sorted = terms\n    .map(resolveDuoTerm)\n    .sort((a, b) => ORDER[a.category] - ORDER[b.category])\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexWrap: 'wrap',\n        gap: 0.75,\n        minWidth: 0,\n        maxWidth: '100%',\n      }}\n    >\n      {sorted.map((t, i) => (\n        <FacetValueChip\n          key={i}\n          label={t.name}\n          icon={<TermIcon term={t} />}\n          tooltipTitle={duoTooltipTitle(t)}\n        />\n      ))}\n    </Box>\n  )\n}\n\n/**\n * Builds a `renderFacetValue` function (for `QueryVisualizationWrapper`) that\n * returns the chip content for the given DUO column's enumeration facet values\n * — used by both the facet sidebar and the active-filter pills, which render it\n * through the shared `FacetValueChip`. Other columns fall through to text.\n *\n * Portals only need to declare the DUO column (via the card schema's\n * `dataUseModifiersColumnName`) rather than each defining their own handler.\n */\nexport function createDuoFacetValueRenderer(duoColumnName: string) {\n  return (\n    columnName: string,\n    value: string,\n  ): RenderedFacetValueChip | undefined => {\n    if (columnName !== duoColumnName) {\n      return undefined\n    }\n    const t = resolveDuoTerm(value)\n    return {\n      label: t.name,\n      icon: <TermIcon term={t} />,\n      tooltipTitle: duoTooltipTitle(t),\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,IAAM,IAA2C;CAC/C,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,UAAU;CACV,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;AACjB,GAEM,KAAY,MAAwC;CACxD,IAAM,EAAE,YAAS;CAEjB,OAAO,kBADM,EAAU,EAAK,SAAS,GAC9B,CAAO,CAAA;AAChB,GAGM,IAAqC;CACzC,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,OAAO;AACT;AAIA,SAAS,EAAgB,GAAuB;CAC9C,IAAM,IAAM,EAAe,CAAC,GACtB,IAAU,GAAQ,EAAE,QAAQ,EAAE;CACpC,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,UAAD,EAAA,UAAS,EAAE,KAAa,CAAA;EACvB,KACC,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,MAAD,CAAK,CAAA;GACJ,EAAE;GACF,EAAE,QAAQ,EAAE,OAAO,QAAQ;GAC3B,IACC,kBAAC,GAAD;IAAM,MAAM;IAAK,QAAO;IAAS,KAAI;IAAW,OAAM;cACnD,EAAE;GACC,CAAA,IAEN,EAAE;EAEJ,EAAA,CAAA;EAEH,EAAE,cAAc,EAAE,eAAe,EAAE,QAClC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,MAAD,CAAK,CAAA,GACJ,EAAE,UACH,EAAA,CAAA;CAEJ,EAAA,CAAA;AAEN;AAGA,SAAwB,EAAY,GAAyB;CAC3D,IAAM,EAAE,aAAU;CAQlB,OAPI,CAAC,KAAS,EAAM,WAAW,IACtB,OAOP,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,UAAU;GACV,KAAK;GACL,UAAU;GACV,UAAU;EACZ;YAZW,EACZ,IAAI,CAAc,EAClB,MAAM,GAAG,MAAM,EAAM,EAAE,YAAY,EAAM,EAAE,SAYzC,EAAO,KAAK,GAAG,MACd,kBAAC,GAAD;GAEE,OAAO,EAAE;GACT,MAAM,kBAAC,GAAD,EAAU,MAAM,EAAI,CAAA;GAC1B,cAAc,EAAgB,CAAC;EAChC,GAJM,CAIN,CACF;CACE,CAAA;AAET;AAWA,SAAgB,EAA4B,GAAuB;CACjE,QACE,GACA,MACuC;EACvC,IAAI,MAAe,GACjB;EAEF,IAAM,IAAI,EAAe,CAAK;EAC9B,OAAO;GACL,OAAO,EAAE;GACT,MAAM,kBAAC,GAAD,EAAU,MAAM,EAAI,CAAA;GAC1B,cAAc,EAAgB,CAAC;EACjC;CACF;AACF"}
+{"version":3,"file":"DuoTermTags.js","names":[],"sources":["../../../../src/components/GenericCard/DuoTermTags/DuoTermTags.tsx"],"sourcesContent":["import { Box, Link } from '@mui/material'\nimport type { ComponentType, ReactNode } from 'react'\nimport GeneticsIcon from '@/assets/icons/GeneticsIcon'\nimport ScienceOutlined from '@mui/icons-material/ScienceOutlined'\nimport MedicalServicesOutlined from '@mui/icons-material/MedicalServicesOutlined'\nimport CoronavirusOutlined from '@mui/icons-material/CoronavirusOutlined'\nimport GroupsOutlined from '@mui/icons-material/GroupsOutlined'\nimport HealingOutlined from '@mui/icons-material/HealingOutlined'\nimport LockOpenOutlined from '@mui/icons-material/LockOpenOutlined'\nimport MoneyOffOutlined from '@mui/icons-material/MoneyOffOutlined'\nimport ArticleOutlined from '@mui/icons-material/ArticleOutlined'\nimport HandshakeOutlined from '@mui/icons-material/HandshakeOutlined'\nimport GavelOutlined from '@mui/icons-material/GavelOutlined'\nimport ReplayOutlined from '@mui/icons-material/ReplayOutlined'\nimport FormatQuoteOutlined from '@mui/icons-material/FormatQuoteOutlined'\nimport PersonOutlined from '@mui/icons-material/PersonOutlined'\nimport AssignmentOutlined from '@mui/icons-material/AssignmentOutlined'\nimport ApartmentOutlined from '@mui/icons-material/ApartmentOutlined'\nimport PublicOutlined from '@mui/icons-material/PublicOutlined'\nimport ScheduleOutlined from '@mui/icons-material/ScheduleOutlined'\nimport HourglassEmptyOutlined from '@mui/icons-material/HourglassEmptyOutlined'\nimport BlockOutlined from '@mui/icons-material/BlockOutlined'\nimport RuleOutlined from '@mui/icons-material/RuleOutlined'\nimport HelpOutline from '@mui/icons-material/HelpOutline'\nimport {\n  DuoCategory,\n  DuoTerm,\n  duoRegistryUrl,\n  resolveDuoTerm,\n} from './duoTerms'\nimport FacetValueChip from '@/components/widgets/facet-nav/FacetValueChip'\nimport type { RenderedFacetValueChip } from '@/components/QueryVisualizationWrapper/QueryVisualizationContext'\n\nexport type DuoTermTagsProps = {\n  /** Raw `dataUseModifiers` values (ontology codes or term names). */\n  terms: string[]\n}\n\n// An icon per code so the meaning reads at a glance.\nconst DUO_ICONS: Record<string, ComponentType> = {\n  'DUO:0000042': ScienceOutlined, // General Research Use\n  'DUO:0000006': MedicalServicesOutlined, // Health/Medical/Biomedical\n  'DUO:0000007': CoronavirusOutlined, // Disease Specific\n  'DUO:0000011': GroupsOutlined, // Population Origins/Ancestry\n  'DUO:0000043': HealingOutlined, // Clinical Care Use\n  'DUO:0000004': LockOpenOutlined, // No Restriction\n  'DUO:0000046': MoneyOffOutlined, // Non-Commercial Use Only\n  'DUO:0000018': MoneyOffOutlined, // Not-for-Profit, Non-Commercial\n  'DUO:0000045': MoneyOffOutlined, // Not-for-Profit Organisation\n  'DUO:0000019': ArticleOutlined, // Publication Required\n  'DUO:0000020': HandshakeOutlined, // Collaboration Required\n  'DUO:0000021': GavelOutlined, // Ethics Approval Required\n  'DUO:0000029': ReplayOutlined, // Return to Database/Resource\n  DUOplus7: FormatQuoteOutlined, // Attribution Required\n  'DUO:0000026': PersonOutlined, // User Specific\n  'DUO:0000027': AssignmentOutlined, // Project Specific\n  'DUO:0000028': ApartmentOutlined, // Institution Specific\n  'DUO:0000022': PublicOutlined, // Geographical Restriction\n  'DUO:0000025': ScheduleOutlined, // Time Limit\n  'DUO:0000024': HourglassEmptyOutlined, // Publication Moratorium\n  'DUO:0000016': GeneticsIcon, // Genetic Studies Only (Material Symbols)\n  'DUO:0000015': BlockOutlined, // No General Methods Research\n  'DUO:0000044': BlockOutlined, // Population/Ancestry Prohibited\n  'DUO:0000012': RuleOutlined, // Research Specific Restrictions\n}\n\nconst TermIcon = (props: { term: DuoTerm }): ReactNode => {\n  const { term } = props\n  const Icon = DUO_ICONS[term.code] ?? HelpOutline\n  return <Icon />\n}\n\n// Primary use first (the dataset's purpose), then the conditions that limit it.\nconst ORDER: Record<DuoCategory, number> = {\n  permission: 0,\n  commercial: 1,\n  obligation: 2,\n  limit: 3,\n}\n\n// The rich tooltip for a DUO term: full name, abbreviation, ontology code\n// (linked to the registry when available), and definition.\nfunction duoTooltipTitle(t: DuoTerm): ReactNode {\n  const url = duoRegistryUrl(t)\n  const hasMeta = Boolean(t.abbr || t.code)\n  return (\n    <>\n      <strong>{t.name}</strong>\n      {hasMeta && (\n        <>\n          <br />\n          {t.abbr}\n          {t.abbr && t.code ? ' · ' : ''}\n          {url ? (\n            <Link href={url} target=\"_blank\" rel=\"noopener\" color=\"inherit\">\n              {t.code}\n            </Link>\n          ) : (\n            t.code\n          )}\n        </>\n      )}\n      {t.definition && t.definition !== t.name && (\n        <>\n          <br />\n          {t.definition}\n        </>\n      )}\n    </>\n  )\n}\n\n/** Renders a dataset's DUO data-use modifiers as a row of chips (used on cards). */\nexport default function DuoTermTags(props: DuoTermTagsProps) {\n  const { terms } = props\n  if (!terms || terms.length === 0) {\n    return null\n  }\n  const sorted = terms\n    .map(resolveDuoTerm)\n    .toSorted((a, b) => ORDER[a.category] - ORDER[b.category])\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexWrap: 'wrap',\n        gap: 0.75,\n        minWidth: 0,\n        maxWidth: '100%',\n      }}\n    >\n      {sorted.map((t, i) => (\n        <FacetValueChip\n          key={i}\n          label={t.name}\n          icon={<TermIcon term={t} />}\n          tooltipTitle={duoTooltipTitle(t)}\n        />\n      ))}\n    </Box>\n  )\n}\n\n/**\n * Builds a `renderFacetValue` function (for `QueryVisualizationWrapper`) that\n * returns the chip content for the given DUO column's enumeration facet values\n * — used by both the facet sidebar and the active-filter pills, which render it\n * through the shared `FacetValueChip`. Other columns fall through to text.\n *\n * Portals only need to declare the DUO column (via the card schema's\n * `dataUseModifiersColumnName`) rather than each defining their own handler.\n */\nexport function createDuoFacetValueRenderer(duoColumnName: string) {\n  return (\n    columnName: string,\n    value: string,\n  ): RenderedFacetValueChip | undefined => {\n    if (columnName !== duoColumnName) {\n      return undefined\n    }\n    const t = resolveDuoTerm(value)\n    return {\n      label: t.name,\n      icon: <TermIcon term={t} />,\n      tooltipTitle: duoTooltipTitle(t),\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,IAAM,IAA2C;CAC/C,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,UAAU;CACV,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;AACjB,GAEM,KAAY,MAAwC;CACxD,IAAM,EAAE,YAAS;CAEjB,OAAO,kBADM,EAAU,EAAK,SAAS,GAC9B,CAAO,CAAA;AAChB,GAGM,IAAqC;CACzC,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,OAAO;AACT;AAIA,SAAS,EAAgB,GAAuB;CAC9C,IAAM,IAAM,EAAe,CAAC,GACtB,IAAU,GAAQ,EAAE,QAAQ,EAAE;CACpC,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,UAAD,EAAA,UAAS,EAAE,KAAa,CAAA;EACvB,KACC,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,MAAD,CAAK,CAAA;GACJ,EAAE;GACF,EAAE,QAAQ,EAAE,OAAO,QAAQ;GAC3B,IACC,kBAAC,GAAD;IAAM,MAAM;IAAK,QAAO;IAAS,KAAI;IAAW,OAAM;cACnD,EAAE;GACC,CAAA,IAEN,EAAE;EAEJ,EAAA,CAAA;EAEH,EAAE,cAAc,EAAE,eAAe,EAAE,QAClC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,MAAD,CAAK,CAAA,GACJ,EAAE,UACH,EAAA,CAAA;CAEJ,EAAA,CAAA;AAEN;AAGA,SAAwB,EAAY,GAAyB;CAC3D,IAAM,EAAE,aAAU;CAQlB,OAPI,CAAC,KAAS,EAAM,WAAW,IACtB,OAOP,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,UAAU;GACV,KAAK;GACL,UAAU;GACV,UAAU;EACZ;YAZW,EACZ,IAAI,CAAc,EAClB,UAAU,GAAG,MAAM,EAAM,EAAE,YAAY,EAAM,EAAE,SAY7C,EAAO,KAAK,GAAG,MACd,kBAAC,GAAD;GAEE,OAAO,EAAE;GACT,MAAM,kBAAC,GAAD,EAAU,MAAM,EAAI,CAAA;GAC1B,cAAc,EAAgB,CAAC;EAChC,GAJM,CAIN,CACF;CACE,CAAA;AAET;AAWA,SAAgB,EAA4B,GAAuB;CACjE,QACE,GACA,MACuC;EACvC,IAAI,MAAe,GACjB;EAEF,IAAM,IAAI,EAAe,CAAK;EAC9B,OAAO;GACL,OAAO,EAAE;GACT,MAAM,kBAAC,GAAD,EAAU,MAAM,EAAI,CAAA;GAC1B,cAAc,EAAgB,CAAC;EACjC;CACF;AACF"}

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

@@ -181,7 +181,7 @@ function r(e) {
 		return [e];
 	}
 }
-var i = (e) => e.toLowerCase().replace(/[^a-z0-9]+/g, " ").trim(), a = new Map(e.map((e) => [i(e.name), e])), o = new Map(e.map((e) => [e.code.toUpperCase(), e]));
+var i = (e) => e.toLowerCase().replaceAll(/[^a-z0-9]+/g, " ").trim(), a = new Map(e.map((e) => [i(e.name), e])), o = new Map(e.map((e) => [e.code.toUpperCase(), e]));
 function s(e) {
 	let t = e.trim();
 	return o.get(t.toUpperCase()) || a.get(i(t)) || {

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

@@ -1 +1 @@
-{"version":3,"file":"duoTerms.js","names":[],"sources":["../../../../src/components/GenericCard/DuoTermTags/duoTerms.ts"],"sourcesContent":["// Data Use Ontology (DUO) vocabulary, plus Sage's DUO-Plus extensions.\n//\n// Source of truth for codes/labels: Sage-Bionetworks/governanceDUO\n// (`metadata structure.md`), which mirrors the GA4GH DUO term set and adds\n// Sage's \"DUOplus\" modifiers. Datasets are annotated with the ontology code\n// (e.g. DUO:0000042); the displayed tag is derived from that code here, so the\n// annotation and the display can evolve independently.\n\nexport type DuoCategory = 'permission' | 'commercial' | 'obligation' | 'limit'\n\nexport type DuoTerm = {\n  /** Ontology code, e.g. \"DUO:0000042\". DUO-Plus terms use a \"DUOplus#\" code. */\n  code: string\n  /** Short abbreviation (shown in tooltips). */\n  abbr: string\n  /** Full human-readable name (the visible tag label). */\n  name: string\n  category: DuoCategory\n  definition: string\n}\n\nconst TERMS: DuoTerm[] = [\n  // --- Permitted use (what research the data may be used for) ---\n  {\n    code: 'DUO:0000042',\n    abbr: 'GRU',\n    name: 'General Research Use',\n    category: 'permission',\n    definition:\n      'Use is allowed for any research purpose, including methods development and population/ancestry research.',\n  },\n  {\n    code: 'DUO:0000006',\n    abbr: 'HMB',\n    name: 'Health or Medical or Biomedical Research',\n    category: 'permission',\n    definition:\n      'Use is allowed for health, medical, or biomedical research purposes.',\n  },\n  {\n    code: 'DUO:0000007',\n    abbr: 'DS',\n    name: 'Disease Specific Research',\n    category: 'permission',\n    definition:\n      'Use is allowed for research into the specified disease or condition.',\n  },\n  {\n    code: 'DUO:0000011',\n    abbr: 'POA',\n    name: 'Population Origins or Ancestry Research Only',\n    category: 'permission',\n    definition:\n      'Use is limited to population origins or ancestry research only.',\n  },\n  {\n    code: 'DUO:0000043',\n    abbr: 'CC',\n    name: 'Clinical Care Use',\n    category: 'permission',\n    definition: 'Use is allowed for clinical care purposes.',\n  },\n  {\n    code: 'DUO:0000004',\n    abbr: 'NRES',\n    name: 'No Restriction',\n    category: 'permission',\n    definition: 'No restrictions on use; data is available under open access.',\n  },\n\n  // --- Commercial-use restriction ---\n  {\n    code: 'DUO:0000046',\n    abbr: 'NCU',\n    name: 'Non-Commercial Use Only',\n    category: 'commercial',\n    definition: 'Use is limited to non-commercial purposes.',\n  },\n  {\n    code: 'DUO:0000018',\n    abbr: 'NPUNCU',\n    name: 'Not-for-Profit, Non-Commercial Use Only',\n    category: 'commercial',\n    definition:\n      'Use is limited to not-for-profit organizations for non-commercial purposes.',\n  },\n  {\n    code: 'DUO:0000045',\n    abbr: 'NPU',\n    name: 'Not-for-Profit Organisation Use Only',\n    category: 'commercial',\n    definition: 'Use is limited to not-for-profit organizations.',\n  },\n\n  // --- Obligations (things the requester must do) ---\n  {\n    code: 'DUO:0000019',\n    abbr: 'PUB',\n    name: 'Publication Required',\n    category: 'obligation',\n    definition:\n      'Requestor agrees to make results of studies using the data available to the larger scientific community.',\n  },\n  {\n    code: 'DUO:0000020',\n    abbr: 'COL',\n    name: 'Collaboration Required',\n    category: 'obligation',\n    definition:\n      'Requestor agrees to collaborate with the primary study investigator(s).',\n  },\n  {\n    code: 'DUO:0000021',\n    abbr: 'IRB',\n    name: 'Ethics Approval Required',\n    category: 'obligation',\n    definition:\n      'Requestor must provide documentation of local IRB/ethics approval.',\n  },\n  {\n    code: 'DUO:0000029',\n    abbr: 'RTN',\n    name: 'Return to Database or Resource',\n    category: 'obligation',\n    definition:\n      'Requestor must return derived/enriched data to the database or resource.',\n  },\n  {\n    // Sage DUO-Plus extension (no GA4GH ontology id).\n    code: 'DUOplus7',\n    abbr: 'ATTR',\n    name: 'Attribution Required',\n    category: 'obligation',\n    definition:\n      'Requestor must provide the specified attribution/acknowledgement statement when using the data. (Sage DUO-Plus extension.)',\n  },\n\n  // --- Use limits (narrow who / where / when / what kind of research) ---\n  {\n    code: 'DUO:0000026',\n    abbr: 'US',\n    name: 'User Specific Restriction',\n    category: 'limit',\n    definition: 'Use is limited to specified, approved users.',\n  },\n  {\n    code: 'DUO:0000027',\n    abbr: 'PS',\n    name: 'Project Specific Restriction',\n    category: 'limit',\n    definition: 'Use is limited to a specified, approved project.',\n  },\n  {\n    code: 'DUO:0000028',\n    abbr: 'IS',\n    name: 'Institution Specific Restriction',\n    category: 'limit',\n    definition: 'Use is limited to specified, approved institutions.',\n  },\n  {\n    code: 'DUO:0000022',\n    abbr: 'GS',\n    name: 'Geographical Restriction',\n    category: 'limit',\n    definition: 'Use is limited to within a specified geographic region.',\n  },\n  {\n    code: 'DUO:0000025',\n    abbr: 'TS',\n    name: 'Time Limit on Use',\n    category: 'limit',\n    definition: 'Use is approved for a specified period of time.',\n  },\n  {\n    code: 'DUO:0000024',\n    abbr: 'MOR',\n    name: 'Publication Moratorium',\n    category: 'limit',\n    definition: 'Requestor must not publish results until a specified date.',\n  },\n  {\n    code: 'DUO:0000016',\n    abbr: 'GSO',\n    name: 'Genetic Studies Only',\n    category: 'limit',\n    definition: 'Use is limited to genetic studies only.',\n  },\n  {\n    code: 'DUO:0000015',\n    abbr: 'NMDS',\n    name: 'No General Methods Research',\n    category: 'limit',\n    definition: 'Use for general methods development research is prohibited.',\n  },\n  {\n    code: 'DUO:0000044',\n    abbr: 'NPOA',\n    name: 'Population Origins or Ancestry Research Prohibited',\n    category: 'limit',\n    definition:\n      'Use for population origins or ancestry research is prohibited.',\n  },\n  {\n    code: 'DUO:0000012',\n    abbr: 'RS',\n    name: 'Research Specific Restrictions',\n    category: 'limit',\n    definition:\n      'Use is limited to the specific research type(s) described by the data provider.',\n  },\n]\n\n/** All known terms, in canonical (category) order — for demos/legends. */\nexport const ALL_DUO_TERMS: readonly DuoTerm[] = TERMS\n\n/**\n * Link to the term's definition in Bioregistry (GA4GH DUO terms only;\n * DUO-Plus extensions have no registry entry).\n */\nexport function duoRegistryUrl(term: DuoTerm): string | undefined {\n  return term.code.startsWith('DUO:')\n    ? `https://bioregistry.io/${term.code.toLowerCase()}`\n    : undefined\n}\n\n/**\n * Parse a `dataUseModifiers` cell into a list of values. The column is a\n * STRING_LIST, returned as a JSON-array string (e.g. `[\"General Research Use\"]`\n * or, once migrated, `[\"DUO:0000042\"]`).\n */\nexport function parseDuoModifiers(raw: string | null | undefined): string[] {\n  if (!raw) {\n    return []\n  }\n  try {\n    const parsed: unknown = JSON.parse(raw)\n    return Array.isArray(parsed) ? parsed.map(String) : [String(raw)]\n  } catch {\n    return [raw]\n  }\n}\n\nconst normalize = (s: string) =>\n  s\n    .toLowerCase()\n    .replace(/[^a-z0-9]+/g, ' ')\n    .trim()\n\nconst BY_NAME = new Map(TERMS.map(t => [normalize(t.name), t]))\nconst BY_CODE = new Map(TERMS.map(t => [t.code.toUpperCase(), t]))\n\n/**\n * Resolve a raw `dataUseModifiers` value (an ontology code like DUO:0000042, a\n * DUOplus# code, or a term name) to a known DuoTerm. Unknown values fall back\n * to a neutral \"limit\" tag built from the raw text so nothing is dropped.\n */\nexport function resolveDuoTerm(raw: string): DuoTerm {\n  const value = raw.trim()\n  const byCode = BY_CODE.get(value.toUpperCase())\n  if (byCode) {\n    return byCode\n  }\n  const match = BY_NAME.get(normalize(value))\n  if (match) {\n    return match\n  }\n  // Unknown value: present the raw text as-is. Don't fabricate an abbreviation —\n  // known terms carry a hard-coded abbr in TERMS; a guessed initialism would be\n  // arbitrary and potentially wrong.\n  return {\n    code: '',\n    abbr: '',\n    name: value,\n    category: 'limit',\n    definition: value,\n  }\n}\n"],"mappings":";AAqBA,IAAM,IAAmB;CAEvB;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CAGA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CAGA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CACA;EAEE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CAGA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;AACF,GAGa,IAAoC;AAMjD,SAAgB,EAAe,GAAmC;CAChE,OAAO,EAAK,KAAK,WAAW,MAAM,IAC9B,0BAA0B,EAAK,KAAK,YAAY,MAChD,KAAA;AACN;AAOA,SAAgB,EAAkB,GAA0C;CAC1E,IAAI,CAAC,GACH,OAAO,CAAC;CAEV,IAAI;EACF,IAAM,IAAkB,KAAK,MAAM,CAAG;EACtC,OAAO,MAAM,QAAQ,CAAM,IAAI,EAAO,IAAI,MAAM,IAAI,CAAC,OAAO,CAAG,CAAC;CAClE,QAAQ;EACN,OAAO,CAAC,CAAG;CACb;AACF;AAEA,IAAM,KAAa,MACjB,EACG,YAAY,EACZ,QAAQ,eAAe,GAAG,EAC1B,KAAK,GAEJ,IAAU,IAAI,IAAI,EAAM,KAAI,MAAK,CAAC,EAAU,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,GACxD,IAAU,IAAI,IAAI,EAAM,KAAI,MAAK,CAAC,EAAE,KAAK,YAAY,GAAG,CAAC,CAAC,CAAC;AAOjE,SAAgB,EAAe,GAAsB;CACnD,IAAM,IAAQ,EAAI,KAAK;CAYvB,OAXe,EAAQ,IAAI,EAAM,YAAY,CACzC,KAGU,EAAQ,IAAI,EAAU,CAAK,CACrC,KAMG;EACL,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;AACF"}
+{"version":3,"file":"duoTerms.js","names":[],"sources":["../../../../src/components/GenericCard/DuoTermTags/duoTerms.ts"],"sourcesContent":["// Data Use Ontology (DUO) vocabulary, plus Sage's DUO-Plus extensions.\n//\n// Source of truth for codes/labels: Sage-Bionetworks/governanceDUO\n// (`metadata structure.md`), which mirrors the GA4GH DUO term set and adds\n// Sage's \"DUOplus\" modifiers. Datasets are annotated with the ontology code\n// (e.g. DUO:0000042); the displayed tag is derived from that code here, so the\n// annotation and the display can evolve independently.\n\nexport type DuoCategory = 'permission' | 'commercial' | 'obligation' | 'limit'\n\nexport type DuoTerm = {\n  /** Ontology code, e.g. \"DUO:0000042\". DUO-Plus terms use a \"DUOplus#\" code. */\n  code: string\n  /** Short abbreviation (shown in tooltips). */\n  abbr: string\n  /** Full human-readable name (the visible tag label). */\n  name: string\n  category: DuoCategory\n  definition: string\n}\n\nconst TERMS: DuoTerm[] = [\n  // --- Permitted use (what research the data may be used for) ---\n  {\n    code: 'DUO:0000042',\n    abbr: 'GRU',\n    name: 'General Research Use',\n    category: 'permission',\n    definition:\n      'Use is allowed for any research purpose, including methods development and population/ancestry research.',\n  },\n  {\n    code: 'DUO:0000006',\n    abbr: 'HMB',\n    name: 'Health or Medical or Biomedical Research',\n    category: 'permission',\n    definition:\n      'Use is allowed for health, medical, or biomedical research purposes.',\n  },\n  {\n    code: 'DUO:0000007',\n    abbr: 'DS',\n    name: 'Disease Specific Research',\n    category: 'permission',\n    definition:\n      'Use is allowed for research into the specified disease or condition.',\n  },\n  {\n    code: 'DUO:0000011',\n    abbr: 'POA',\n    name: 'Population Origins or Ancestry Research Only',\n    category: 'permission',\n    definition:\n      'Use is limited to population origins or ancestry research only.',\n  },\n  {\n    code: 'DUO:0000043',\n    abbr: 'CC',\n    name: 'Clinical Care Use',\n    category: 'permission',\n    definition: 'Use is allowed for clinical care purposes.',\n  },\n  {\n    code: 'DUO:0000004',\n    abbr: 'NRES',\n    name: 'No Restriction',\n    category: 'permission',\n    definition: 'No restrictions on use; data is available under open access.',\n  },\n\n  // --- Commercial-use restriction ---\n  {\n    code: 'DUO:0000046',\n    abbr: 'NCU',\n    name: 'Non-Commercial Use Only',\n    category: 'commercial',\n    definition: 'Use is limited to non-commercial purposes.',\n  },\n  {\n    code: 'DUO:0000018',\n    abbr: 'NPUNCU',\n    name: 'Not-for-Profit, Non-Commercial Use Only',\n    category: 'commercial',\n    definition:\n      'Use is limited to not-for-profit organizations for non-commercial purposes.',\n  },\n  {\n    code: 'DUO:0000045',\n    abbr: 'NPU',\n    name: 'Not-for-Profit Organisation Use Only',\n    category: 'commercial',\n    definition: 'Use is limited to not-for-profit organizations.',\n  },\n\n  // --- Obligations (things the requester must do) ---\n  {\n    code: 'DUO:0000019',\n    abbr: 'PUB',\n    name: 'Publication Required',\n    category: 'obligation',\n    definition:\n      'Requestor agrees to make results of studies using the data available to the larger scientific community.',\n  },\n  {\n    code: 'DUO:0000020',\n    abbr: 'COL',\n    name: 'Collaboration Required',\n    category: 'obligation',\n    definition:\n      'Requestor agrees to collaborate with the primary study investigator(s).',\n  },\n  {\n    code: 'DUO:0000021',\n    abbr: 'IRB',\n    name: 'Ethics Approval Required',\n    category: 'obligation',\n    definition:\n      'Requestor must provide documentation of local IRB/ethics approval.',\n  },\n  {\n    code: 'DUO:0000029',\n    abbr: 'RTN',\n    name: 'Return to Database or Resource',\n    category: 'obligation',\n    definition:\n      'Requestor must return derived/enriched data to the database or resource.',\n  },\n  {\n    // Sage DUO-Plus extension (no GA4GH ontology id).\n    code: 'DUOplus7',\n    abbr: 'ATTR',\n    name: 'Attribution Required',\n    category: 'obligation',\n    definition:\n      'Requestor must provide the specified attribution/acknowledgement statement when using the data. (Sage DUO-Plus extension.)',\n  },\n\n  // --- Use limits (narrow who / where / when / what kind of research) ---\n  {\n    code: 'DUO:0000026',\n    abbr: 'US',\n    name: 'User Specific Restriction',\n    category: 'limit',\n    definition: 'Use is limited to specified, approved users.',\n  },\n  {\n    code: 'DUO:0000027',\n    abbr: 'PS',\n    name: 'Project Specific Restriction',\n    category: 'limit',\n    definition: 'Use is limited to a specified, approved project.',\n  },\n  {\n    code: 'DUO:0000028',\n    abbr: 'IS',\n    name: 'Institution Specific Restriction',\n    category: 'limit',\n    definition: 'Use is limited to specified, approved institutions.',\n  },\n  {\n    code: 'DUO:0000022',\n    abbr: 'GS',\n    name: 'Geographical Restriction',\n    category: 'limit',\n    definition: 'Use is limited to within a specified geographic region.',\n  },\n  {\n    code: 'DUO:0000025',\n    abbr: 'TS',\n    name: 'Time Limit on Use',\n    category: 'limit',\n    definition: 'Use is approved for a specified period of time.',\n  },\n  {\n    code: 'DUO:0000024',\n    abbr: 'MOR',\n    name: 'Publication Moratorium',\n    category: 'limit',\n    definition: 'Requestor must not publish results until a specified date.',\n  },\n  {\n    code: 'DUO:0000016',\n    abbr: 'GSO',\n    name: 'Genetic Studies Only',\n    category: 'limit',\n    definition: 'Use is limited to genetic studies only.',\n  },\n  {\n    code: 'DUO:0000015',\n    abbr: 'NMDS',\n    name: 'No General Methods Research',\n    category: 'limit',\n    definition: 'Use for general methods development research is prohibited.',\n  },\n  {\n    code: 'DUO:0000044',\n    abbr: 'NPOA',\n    name: 'Population Origins or Ancestry Research Prohibited',\n    category: 'limit',\n    definition:\n      'Use for population origins or ancestry research is prohibited.',\n  },\n  {\n    code: 'DUO:0000012',\n    abbr: 'RS',\n    name: 'Research Specific Restrictions',\n    category: 'limit',\n    definition:\n      'Use is limited to the specific research type(s) described by the data provider.',\n  },\n]\n\n/** All known terms, in canonical (category) order — for demos/legends. */\nexport const ALL_DUO_TERMS: readonly DuoTerm[] = TERMS\n\n/**\n * Link to the term's definition in Bioregistry (GA4GH DUO terms only;\n * DUO-Plus extensions have no registry entry).\n */\nexport function duoRegistryUrl(term: DuoTerm): string | undefined {\n  return term.code.startsWith('DUO:')\n    ? `https://bioregistry.io/${term.code.toLowerCase()}`\n    : undefined\n}\n\n/**\n * Parse a `dataUseModifiers` cell into a list of values. The column is a\n * STRING_LIST, returned as a JSON-array string (e.g. `[\"General Research Use\"]`\n * or, once migrated, `[\"DUO:0000042\"]`).\n */\nexport function parseDuoModifiers(raw: string | null | undefined): string[] {\n  if (!raw) {\n    return []\n  }\n  try {\n    const parsed: unknown = JSON.parse(raw)\n    return Array.isArray(parsed) ? parsed.map(String) : [String(raw)]\n  } catch {\n    return [raw]\n  }\n}\n\nconst normalize = (s: string) =>\n  s\n    .toLowerCase()\n    .replaceAll(/[^a-z0-9]+/g, ' ')\n    .trim()\n\nconst BY_NAME = new Map(TERMS.map(t => [normalize(t.name), t]))\nconst BY_CODE = new Map(TERMS.map(t => [t.code.toUpperCase(), t]))\n\n/**\n * Resolve a raw `dataUseModifiers` value (an ontology code like DUO:0000042, a\n * DUOplus# code, or a term name) to a known DuoTerm. Unknown values fall back\n * to a neutral \"limit\" tag built from the raw text so nothing is dropped.\n */\nexport function resolveDuoTerm(raw: string): DuoTerm {\n  const value = raw.trim()\n  const byCode = BY_CODE.get(value.toUpperCase())\n  if (byCode) {\n    return byCode\n  }\n  const match = BY_NAME.get(normalize(value))\n  if (match) {\n    return match\n  }\n  // Unknown value: present the raw text as-is. Don't fabricate an abbreviation —\n  // known terms carry a hard-coded abbr in TERMS; a guessed initialism would be\n  // arbitrary and potentially wrong.\n  return {\n    code: '',\n    abbr: '',\n    name: value,\n    category: 'limit',\n    definition: value,\n  }\n}\n"],"mappings":";AAqBA,IAAM,IAAmB;CAEvB;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CAGA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CAGA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CACA;EAEE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CAGA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;CACA;EACE,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YACE;CACJ;AACF,GAGa,IAAoC;AAMjD,SAAgB,EAAe,GAAmC;CAChE,OAAO,EAAK,KAAK,WAAW,MAAM,IAC9B,0BAA0B,EAAK,KAAK,YAAY,MAChD,KAAA;AACN;AAOA,SAAgB,EAAkB,GAA0C;CAC1E,IAAI,CAAC,GACH,OAAO,CAAC;CAEV,IAAI;EACF,IAAM,IAAkB,KAAK,MAAM,CAAG;EACtC,OAAO,MAAM,QAAQ,CAAM,IAAI,EAAO,IAAI,MAAM,IAAI,CAAC,OAAO,CAAG,CAAC;CAClE,QAAQ;EACN,OAAO,CAAC,CAAG;CACb;AACF;AAEA,IAAM,KAAa,MACjB,EACG,YAAY,EACZ,WAAW,eAAe,GAAG,EAC7B,KAAK,GAEJ,IAAU,IAAI,IAAI,EAAM,KAAI,MAAK,CAAC,EAAU,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,GACxD,IAAU,IAAI,IAAI,EAAM,KAAI,MAAK,CAAC,EAAE,KAAK,YAAY,GAAG,CAAC,CAAC,CAAC;AAOjE,SAAgB,EAAe,GAAsB;CACnD,IAAM,IAAQ,EAAI,KAAK;CAYvB,OAXe,EAAQ,IAAI,EAAM,YAAY,CACzC,KAGU,EAAQ,IAAI,EAAU,CAAK,CACrC,KAMG;EACL,MAAM;EACN,MAAM;EACN,MAAM;EACN,UAAU;EACV,YAAY;CACd;AACF"}

package/dist/components/GenericCard/TableRowGenericCard.js

@@ -4,28 +4,28 @@ import { calculateFriendlyFileSize as n } from "../../utils/functions/calculateF
 import { isDatasetCollection as r, isTableEntity as i } from "../../utils/functions/EntityTypeUtils.js";
 import { extractMarkdownLinkHref as a, parseSynId as o } from "../../utils/functions/RegularExpressions.js";
 import { getColumnIndex as ee } from "../../utils/functions/SqlFunctions.js";
-import { useGetEntity as te } from "../../synapse-queries/entity/useEntity.js";
+import { useQueryVisualizationContext as te } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { useGetEntity as ne } from "../../synapse-queries/entity/useEntity.js";
 import "../../synapse-queries/index.js";
 import { TargetEnum as s } from "../../utils/html/TargetEnum.js";
-import { getFileHandleAssociation as ne, getLinkParams as c, getValueOrMultiValue as re } from "./CardUtils.js";
-import { CardActionButtonStyleContext as ie } from "./CardActionButtonStyleContext.js";
-import ae from "./GenericCardActionButton.js";
-import oe from "./CroissantButton/CroissantButton.js";
-import { GenericCardIcon as se } from "./GenericCardIcon.js";
-import ce from "./PortalDOI/PortalDOI.js";
-import { getCandidateDoiId as le, useShowDoiCardLabel as ue } from "./PortalDOI/PortalDOIUtils.js";
-import { mapRowToRecord as de } from "../SynapseTable/SynapseTableUtils.js";
-import fe from "../CitationPopover/index.js";
-import { DATASET_HOSTING_CONFIG as pe, normalizeHosting as me } from "../DatasetHosting/DatasetHosting.js";
-import { DatasetDownloadButton as he } from "../DatasetHosting/DatasetDownloadButton.js";
-import { DatasetHostingAdornment as ge } from "../DatasetHosting/DatasetHostingAdornment.js";
-import { EntityDownloadConfirmation as _e } from "../EntityDownloadConfirmation/EntityDownloadConfirmation.js";
+import { getFileHandleAssociation as re, getLinkParams as c, getValueOrMultiValue as ie } from "./CardUtils.js";
+import { CardActionButtonStyleContext as ae } from "./CardActionButtonStyleContext.js";
+import oe from "./GenericCardActionButton.js";
+import se from "./CroissantButton/CroissantButton.js";
+import { GenericCardIcon as ce } from "./GenericCardIcon.js";
+import le from "./PortalDOI/PortalDOI.js";
+import { getCandidateDoiId as ue, useShowDoiCardLabel as de } from "./PortalDOI/PortalDOIUtils.js";
+import { mapRowToRecord as fe } from "../SynapseTable/SynapseTableUtils.js";
+import pe from "../CitationPopover/index.js";
+import { DATASET_HOSTING_CONFIG as me, normalizeHosting as he } from "../DatasetHosting/DatasetHosting.js";
+import { DatasetDownloadButton as ge } from "../DatasetHosting/DatasetDownloadButton.js";
+import { DatasetHostingAdornment as _e } from "../DatasetHosting/DatasetHostingAdornment.js";
+import { EntityDownloadConfirmation as ve } from "../EntityDownloadConfirmation/EntityDownloadConfirmation.js";
 import "../EntityDownloadConfirmation/index.js";
-import { useQueryContext as ve } from "../QueryContext/QueryContext.js";
-import ye from "../IconList.js";
-import { parseDuoModifiers as be } from "./DuoTermTags/duoTerms.js";
-import xe from "./DuoTermTags/DuoTermTags.js";
-import { useQueryVisualizationContext as Se } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { useQueryContext as ye } from "../QueryContext/QueryContext.js";
+import be from "../IconList.js";
+import { parseDuoModifiers as xe } from "./DuoTermTags/duoTerms.js";
+import Se from "./DuoTermTags/DuoTermTags.js";
 import "../QueryVisualizationWrapper/index.js";
 import Ce from "../ShareThisPage/ShareThisPage.js";
 import { GenericCard as we } from "./GenericCard.js";
@@ -52,8 +52,8 @@ function Fe(e) {
 	] });
 }
 function h(t) {
-	let [s, h] = De(!1), [g, Ie] = De(!1), { entityId: Le, versionNumber: Re } = ve(), { getColumnDisplayName: _ } = Se(), { ref: ze, inView: Be } = Pe(), { data: v } = te(Le, Re), { schema: y, data: b, rowId: x, versionNumber: Ve, genericCardSchema: S, secondaryLabelLimit: He, sharePageLinkButtonProps: Ue, selectColumns: C, columnModels: w, iconOptions: We, useTypeColumnForIcon: T = !1, isHeader: E = !1, sustainabilityScorecard: Ge, headerCardVariant: Ke, titleLinkConfig: D, ctaLinkConfig: O, ctaLinkPosition: qe, labelLinkConfig: Je, descriptionConfig: Ye, columnIconOptions: k, CardTypeAdornment: A, charCountCutoff: Xe, actionButtonStyle: Ze = "button" } = t, { link: Qe = "", type: j, includeCitation: $e, includeShareButton: et, defaultCitationFormat: tt, citationBoilerplateText: nt, downloadCartSynId: M, portalDoiConfiguration: N } = S, P = b[y[S.title]], F = S.subTitle && b[y[S.subTitle]];
-	F = S.subTitle && re({
+	let [s, h] = De(!1), [g, Ie] = De(!1), { entityId: Le, versionNumber: Re } = ye(), { getColumnDisplayName: _ } = te(), { ref: ze, inView: Be } = Pe(), { data: v } = ne(Le, Re), { schema: y, data: b, rowId: x, versionNumber: Ve, genericCardSchema: S, secondaryLabelLimit: He, sharePageLinkButtonProps: Ue, selectColumns: C, columnModels: w, iconOptions: We, useTypeColumnForIcon: T = !1, isHeader: E = !1, sustainabilityScorecard: Ge, headerCardVariant: Ke, titleLinkConfig: D, ctaLinkConfig: O, ctaLinkPosition: qe, labelLinkConfig: Je, descriptionConfig: Ye, columnIconOptions: k, CardTypeAdornment: A, charCountCutoff: Xe, actionButtonStyle: Ze = "button" } = t, { link: Qe = "", type: j, includeCitation: $e, includeShareButton: et, defaultCitationFormat: tt, citationBoilerplateText: nt, downloadCartSynId: M, portalDoiConfiguration: N } = S, P = b[y[S.title]], F = S.subTitle && b[y[S.subTitle]];
+	F = S.subTitle && ie({
 		value: F,
 		columnName: S.subTitle,
 		selectColumns: C,
@@ -66,8 +66,8 @@ function h(t) {
 	}, [y, b]), B = u(() => {
 		let e = S.dataUseModifiersColumnName;
 		if (!e) return;
-		let t = be(b[y[e]]);
-		if (t.length !== 0) return /* @__PURE__ */ p(xe, { terms: t });
+		let t = xe(b[y[e]]);
+		if (t.length !== 0) return /* @__PURE__ */ p(Se, { terms: t });
 	}, [
 		S,
 		b,
@@ -127,10 +127,10 @@ function h(t) {
 		let e = o(z(M) ?? "");
 		U = e?.targetId, W = e?.targetVersionNumber;
 	}
-	let G = S.hostingConfig, K = G ? z(G.hostingColumn) : void 0, q = G ? K && G.hostingValueMap?.[K] || me(K) : void 0, ut = G?.repositoryColumn ? z(G.repositoryColumn) : void 0, J = G?.externalUrlColumn ? z(G.externalUrlColumn) : void 0, dt = J ? a(J) : void 0, Y = q ? pe[q].downloadable : !0, X = le({
-		data: u(() => de(b, y), [b, y]),
+	let G = S.hostingConfig, K = G ? z(G.hostingColumn) : void 0, q = G ? K && G.hostingValueMap?.[K] || he(K) : void 0, ut = G?.repositoryColumn ? z(G.repositoryColumn) : void 0, J = G?.externalUrlColumn ? z(G.externalUrlColumn) : void 0, dt = J ? a(J) : void 0, Y = q ? me[q].downloadable : !0, X = ue({
+		data: u(() => fe(b, y), [b, y]),
 		portalDoiConfiguration: N
-	}), ft = ue({
+	}), ft = de({
 		portalId: N?.portalId,
 		resourceId: X
 	}), Z = [], { secondaryLabels: pt = [] } = S, mt = S.customSecondaryLabelConfig;
@@ -140,7 +140,7 @@ function h(t) {
 		value: B
 	}), ft && N && X && Be && Z.push({
 		columnDisplayName: "DOI",
-		value: /* @__PURE__ */ p(ce, {
+		value: /* @__PURE__ */ p(le, {
 			portalId: N.portalId,
 			resourceId: X
 		})
@@ -188,7 +188,7 @@ function h(t) {
 			});
 		}
 	}
-	let Q = ne(v, L || R, b[y.id]), gt = _(S.description || ""), _t = ee("doi", C, w), vt = _t === void 0 ? void 0 : b[_t], yt = (O ? Array.isArray(O) ? O : [O] : []).map((e) => {
+	let Q = re(v, L || R, b[y.id]), gt = _(S.description || ""), _t = ee("doi", C, w), vt = _t === void 0 ? void 0 : b[_t], yt = (O ? Array.isArray(O) ? O : [O] : []).map((e) => {
 		let t = b[y[e.link]] || "";
 		if (!t) return null;
 		let { href: n, target: r } = c(t, void 0, b, y, x);
@@ -205,7 +205,7 @@ function h(t) {
 			target: r
 		};
 	}).filter(Boolean), bt = /* @__PURE__ */ p(f, {});
-	V != null && H != null && (bt = /* @__PURE__ */ p(oe, {
+	V != null && H != null && (bt = /* @__PURE__ */ p(se, {
 		datasetId: V,
 		datasetVersionNumber: H
 	}));
@@ -213,14 +213,14 @@ function h(t) {
 	A ? $ = /* @__PURE__ */ p(A, {
 		schema: y,
 		data: b
-	}) : G && K?.trim() && q && ($ = /* @__PURE__ */ p(ge, {
+	}) : G && K?.trim() && q && ($ = /* @__PURE__ */ p(_e, {
 		hostingType: q,
 		isHeader: E
 	}));
 	let xt = !0;
 	return E && !L && !it && (xt = !1), /* @__PURE__ */ p(we, {
 		ref: ze,
-		icon: xt ? /* @__PURE__ */ p(se, {
+		icon: xt ? /* @__PURE__ */ p(ce, {
 			type: T ? b[y.type] : S.type,
 			useTypeForIcon: T,
 			thumbnailRequiresPadding: S.thumbnailRequiresPadding,
@@ -256,7 +256,7 @@ function h(t) {
 		useStylesForDisplayedImage: !!L,
 		cardTopContent: /* @__PURE__ */ p(f, { children: U && /* @__PURE__ */ p(ke, {
 			in: s,
-			children: /* @__PURE__ */ p(_e, {
+			children: /* @__PURE__ */ p(ve, {
 				entityId: U,
 				versionNumber: W,
 				handleClose: () => h(!1),
@@ -267,7 +267,7 @@ function h(t) {
 		}) }),
 		renderedIconList: k?.columns?.dataType && I?.length && /* @__PURE__ */ p("div", {
 			style: { marginTop: "20px" },
-			children: /* @__PURE__ */ p(ye, {
+			children: /* @__PURE__ */ p(be, {
 				iconConfigs: k.columns.dataType,
 				iconNames: JSON.parse(I),
 				commonIconProps: { sx: { fontSize: "40px" } },
@@ -275,7 +275,7 @@ function h(t) {
 				useTheme: !0
 			})
 		}),
-		cardTopButtons: /* @__PURE__ */ p(ie.Provider, {
+		cardTopButtons: /* @__PURE__ */ p(ae.Provider, {
 			value: Ze,
 			children: /* @__PURE__ */ m(Oe, {
 				sx: {
@@ -285,7 +285,7 @@ function h(t) {
 				},
 				children: [
 					bt,
-					G && (U || !Y) && /* @__PURE__ */ p(he, {
+					G && (U || !Y) && /* @__PURE__ */ p(ge, {
 						entityId: U,
 						name: P,
 						hosting: q,
@@ -294,14 +294,14 @@ function h(t) {
 						onDownloadClick: () => h((e) => !e),
 						isDownloading: g
 					}),
-					!G && U && /* @__PURE__ */ p(ae, {
+					!G && U && /* @__PURE__ */ p(oe, {
 						onClick: () => h((e) => !e),
 						variant: "outlined",
 						startIcon: /* @__PURE__ */ p(Ne, { sx: { height: "12px" } }),
 						loading: g,
 						children: "Download"
 					}),
-					$e && vt && /* @__PURE__ */ p(fe, {
+					$e && vt && /* @__PURE__ */ p(pe, {
 						title: P,
 						doi: vt,
 						boilerplateText: nt,

package/dist/components/GoalsV3/GoalsV3.js

@@ -25,7 +25,7 @@ var u = 1200, d = ({ entityId: d, svgComponentMap: f }) => {
 		t.some((e) => e === null) && console.warn("Row has null value(s) when no nulls expected");
 		let n = g > -1 ? t[g] : void 0, r;
 		_ > -1 && t[_] !== null ? r = t[_] : n && (r = `SELECT * FROM ${n}`);
-		let i = t[v], a = t[y], o = t[b], s = t[x], c = s ? f?.[s.toLowerCase().replace(/\s+/g, "_")] : void 0;
+		let i = t[v], a = t[y], o = t[b], s = t[x], c = s ? f?.[s.toLowerCase().replaceAll(/\s+/g, "_")] : void 0;
 		return {
 			countSql: r,
 			title: i,

package/dist/components/GoalsV3/GoalsV3.js.map

@@ -1 +1 @@
-{"version":3,"file":"GoalsV3.js","names":[],"sources":["../../../src/components/GoalsV3/GoalsV3.tsx"],"sourcesContent":["import React from 'react'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport useGetGoalData from '@/utils/hooks/useGetGoalData'\nimport useShowDesktop from '@/utils/hooks/useShowDesktop'\nimport { Box } from '@mui/material'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { ErrorBanner } from '../error'\nimport GoalsV3Desktop from './GoalsV3.Desktop'\nimport GoalsV3Mobile from './GoalsV3.Mobile'\n\nexport type GoalsV3Props = {\n  entityId: string\n  svgComponentMap: Record<string, React.FC<React.SVGProps<SVGSVGElement>>>\n}\n\nexport type GoalsV3CardProps = {\n  countSql?: string\n  title: string\n  summary: string\n  link: string\n  svgIconComponent?: React.FC<React.SVGProps<SVGSVGElement>>\n}\n\nenum ExpectedColumns {\n  TABLEID = 'TableId',\n  COUNT_SQL = 'CountSql',\n  TITLE = 'Title',\n  SUMMARY = 'Summary',\n  LINK = 'Link',\n  ICON_KEY = 'iconKey',\n}\n\n// PORTALS-2367\nconst GOALSV2_DESKTOP_MIN_BREAKPOINT = 1200\n\nconst GoalsV3 = ({\n  entityId,\n  svgComponentMap,\n}: GoalsV3Props): React.ReactNode => {\n  const showDesktop = useShowDesktop(GOALSV2_DESKTOP_MIN_BREAKPOINT)\n  const queryBundleRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    query: {\n      sql: `select *\n                from ${entityId}\n                order by ItemOrder`,\n    },\n  }\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const { error } = useGetGoalData(entityId, queryResultBundle)\n\n  const tableIdColumnIndex = getFieldIndex(\n    ExpectedColumns.TABLEID,\n    queryResultBundle,\n  )\n  const countSqlColumnIndex = getFieldIndex(\n    ExpectedColumns.COUNT_SQL,\n    queryResultBundle,\n  )\n\n  const titleColumnIndex = getFieldIndex(\n    ExpectedColumns.TITLE,\n    queryResultBundle,\n  )\n  const summaryColumnIndex = getFieldIndex(\n    ExpectedColumns.SUMMARY,\n    queryResultBundle,\n  )\n  const linkColumnIndex = getFieldIndex(ExpectedColumns.LINK, queryResultBundle)\n\n  const iconKeyColumnIndex = getFieldIndex(\n    ExpectedColumns.ICON_KEY,\n    queryResultBundle,\n  )\n\n  const goalsDataArray: GoalsV3CardProps[] =\n    queryResultBundle?.queryResult!.queryResults.rows.map(el => {\n      const values = el.values as string[]\n      if (values.some(value => value === null)) {\n        console.warn('Row has null value(s) when no nulls expected')\n      }\n      const tableId =\n        tableIdColumnIndex > -1 ? values[tableIdColumnIndex] : undefined\n      let countSql\n      if (countSqlColumnIndex > -1 && values[countSqlColumnIndex] !== null) {\n        countSql = values[countSqlColumnIndex]\n      } else if (tableId) {\n        countSql = `SELECT * FROM ${tableId}`\n      }\n      const title = values[titleColumnIndex]\n      const summary = values[summaryColumnIndex]\n      const link = values[linkColumnIndex]\n      const iconKey = values[iconKeyColumnIndex]\n\n      const svgIconComponent = iconKey\n        ? svgComponentMap?.[iconKey.toLowerCase().replace(/\\s+/g, '_')]\n        : undefined\n\n      return {\n        countSql,\n        title,\n        summary,\n        link,\n        svgIconComponent,\n      }\n    }) ?? []\n\n  const ContentComponent = showDesktop ? GoalsV3Desktop : GoalsV3Mobile\n\n  return (\n    <Box>\n      {error && <ErrorBanner error={error} />}\n      <div className={`Goals`}>\n        <Box\n          sx={{\n            display: 'flex',\n            gap: showDesktop ? '10px' : '0',\n            flexDirection: showDesktop ? 'row' : 'column',\n            justifyContent: 'center',\n          }}\n        >\n          {goalsDataArray.map((row, index) => (\n            <ContentComponent key={index} {...row} />\n          ))}\n        </Box>\n      </div>\n    </Box>\n  )\n}\n\nexport default GoalsV3\n"],"mappings":";;;;;;;;;;;;;;AAmCA,IAAM,IAAiC,MAEjC,KAAW,EACf,aACA,yBACmC;CACnC,IAAM,IAAc,EAAe,CAA8B,GAa3D,EAAE,MAAM,MACZ,EAAwB;EAZxB,cAAc;EACd;EACA,UACE;EAEF,OAAO,EACL,KAAK;uBACY,EAAS;oCAE5B;CAGwB,CAAkB,GAEtC,EAAE,aAAU,EAAe,GAAU,CAAiB,GAEtD,IAAqB,EAAA,WAEzB,CACF,GACM,IAAsB,EAAA,YAE1B,CACF,GAEM,IAAmB,EAAA,SAEvB,CACF,GACM,IAAqB,EAAA,WAEzB,CACF,GACM,IAAkB,EAAA,QAAoC,CAAiB,GAEvE,IAAqB,EAAA,WAEzB,CACF,GAEM,IACJ,GAAmB,YAAa,aAAa,KAAK,KAAI,MAAM;EAC1D,IAAM,IAAS,EAAG;EAClB,AAAI,EAAO,MAAK,MAAS,MAAU,IAAI,KACrC,QAAQ,KAAK,8CAA8C;EAE7D,IAAM,IACJ,IAAqB,KAAK,EAAO,KAAsB,KAAA,GACrD;EACJ,AAAI,IAAsB,MAAM,EAAO,OAAyB,OAC9D,IAAW,EAAO,KACT,MACT,IAAW,iBAAiB;EAE9B,IAAM,IAAQ,EAAO,IACf,IAAU,EAAO,IACjB,IAAO,EAAO,IACd,IAAU,EAAO,IAEjB,IAAmB,IACrB,IAAkB,EAAQ,YAAY,EAAE,QAAQ,QAAQ,GAAG,KAC3D,KAAA;EAEJ,OAAO;GACL;GACA;GACA;GACA;GACA;EACF;CACF,CAAC,KAAK,CAAC,GAEH,IAAmB,IAAc,IAAiB;CAExD,OACE,kBAAC,GAAD,EAAA,UAAA,CACG,KAAS,kBAAC,GAAD,EAAoB,SAAQ,CAAA,GACtC,kBAAC,OAAD;EAAK,WAAW;YACd,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,KAAK,IAAc,SAAS;IAC5B,eAAe,IAAc,QAAQ;IACrC,gBAAgB;GAClB;aAEC,EAAe,KAAK,GAAK,MACxB,kBAAC,GAAD,EAA8B,GAAI,EAAM,GAAjB,CAAiB,CACzC;EACE,CAAA;CACF,CAAA,CACF,EAAA,CAAA;AAET"}
+{"version":3,"file":"GoalsV3.js","names":[],"sources":["../../../src/components/GoalsV3/GoalsV3.tsx"],"sourcesContent":["import React from 'react'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport useGetGoalData from '@/utils/hooks/useGetGoalData'\nimport useShowDesktop from '@/utils/hooks/useShowDesktop'\nimport { Box } from '@mui/material'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { ErrorBanner } from '../error'\nimport GoalsV3Desktop from './GoalsV3.Desktop'\nimport GoalsV3Mobile from './GoalsV3.Mobile'\n\nexport type GoalsV3Props = {\n  entityId: string\n  svgComponentMap: Record<string, React.FC<React.SVGProps<SVGSVGElement>>>\n}\n\nexport type GoalsV3CardProps = {\n  countSql?: string\n  title: string\n  summary: string\n  link: string\n  svgIconComponent?: React.FC<React.SVGProps<SVGSVGElement>>\n}\n\nenum ExpectedColumns {\n  TABLEID = 'TableId',\n  COUNT_SQL = 'CountSql',\n  TITLE = 'Title',\n  SUMMARY = 'Summary',\n  LINK = 'Link',\n  ICON_KEY = 'iconKey',\n}\n\n// PORTALS-2367\nconst GOALSV2_DESKTOP_MIN_BREAKPOINT = 1200\n\nconst GoalsV3 = ({\n  entityId,\n  svgComponentMap,\n}: GoalsV3Props): React.ReactNode => {\n  const showDesktop = useShowDesktop(GOALSV2_DESKTOP_MIN_BREAKPOINT)\n  const queryBundleRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    query: {\n      sql: `select *\n                from ${entityId}\n                order by ItemOrder`,\n    },\n  }\n  const { data: queryResultBundle } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const { error } = useGetGoalData(entityId, queryResultBundle)\n\n  const tableIdColumnIndex = getFieldIndex(\n    ExpectedColumns.TABLEID,\n    queryResultBundle,\n  )\n  const countSqlColumnIndex = getFieldIndex(\n    ExpectedColumns.COUNT_SQL,\n    queryResultBundle,\n  )\n\n  const titleColumnIndex = getFieldIndex(\n    ExpectedColumns.TITLE,\n    queryResultBundle,\n  )\n  const summaryColumnIndex = getFieldIndex(\n    ExpectedColumns.SUMMARY,\n    queryResultBundle,\n  )\n  const linkColumnIndex = getFieldIndex(ExpectedColumns.LINK, queryResultBundle)\n\n  const iconKeyColumnIndex = getFieldIndex(\n    ExpectedColumns.ICON_KEY,\n    queryResultBundle,\n  )\n\n  const goalsDataArray: GoalsV3CardProps[] =\n    queryResultBundle?.queryResult!.queryResults.rows.map(el => {\n      const values = el.values as string[]\n      if (values.some(value => value === null)) {\n        console.warn('Row has null value(s) when no nulls expected')\n      }\n      const tableId =\n        tableIdColumnIndex > -1 ? values[tableIdColumnIndex] : undefined\n      let countSql\n      if (countSqlColumnIndex > -1 && values[countSqlColumnIndex] !== null) {\n        countSql = values[countSqlColumnIndex]\n      } else if (tableId) {\n        countSql = `SELECT * FROM ${tableId}`\n      }\n      const title = values[titleColumnIndex]\n      const summary = values[summaryColumnIndex]\n      const link = values[linkColumnIndex]\n      const iconKey = values[iconKeyColumnIndex]\n\n      const svgIconComponent = iconKey\n        ? svgComponentMap?.[iconKey.toLowerCase().replaceAll(/\\s+/g, '_')]\n        : undefined\n\n      return {\n        countSql,\n        title,\n        summary,\n        link,\n        svgIconComponent,\n      }\n    }) ?? []\n\n  const ContentComponent = showDesktop ? GoalsV3Desktop : GoalsV3Mobile\n\n  return (\n    <Box>\n      {error && <ErrorBanner error={error} />}\n      <div className={`Goals`}>\n        <Box\n          sx={{\n            display: 'flex',\n            gap: showDesktop ? '10px' : '0',\n            flexDirection: showDesktop ? 'row' : 'column',\n            justifyContent: 'center',\n          }}\n        >\n          {goalsDataArray.map((row, index) => (\n            <ContentComponent key={index} {...row} />\n          ))}\n        </Box>\n      </div>\n    </Box>\n  )\n}\n\nexport default GoalsV3\n"],"mappings":";;;;;;;;;;;;;;AAmCA,IAAM,IAAiC,MAEjC,KAAW,EACf,aACA,yBACmC;CACnC,IAAM,IAAc,EAAe,CAA8B,GAa3D,EAAE,MAAM,MACZ,EAAwB;EAZxB,cAAc;EACd;EACA,UACE;EAEF,OAAO,EACL,KAAK;uBACY,EAAS;oCAE5B;CAGwB,CAAkB,GAEtC,EAAE,aAAU,EAAe,GAAU,CAAiB,GAEtD,IAAqB,EAAA,WAEzB,CACF,GACM,IAAsB,EAAA,YAE1B,CACF,GAEM,IAAmB,EAAA,SAEvB,CACF,GACM,IAAqB,EAAA,WAEzB,CACF,GACM,IAAkB,EAAA,QAAoC,CAAiB,GAEvE,IAAqB,EAAA,WAEzB,CACF,GAEM,IACJ,GAAmB,YAAa,aAAa,KAAK,KAAI,MAAM;EAC1D,IAAM,IAAS,EAAG;EAClB,AAAI,EAAO,MAAK,MAAS,MAAU,IAAI,KACrC,QAAQ,KAAK,8CAA8C;EAE7D,IAAM,IACJ,IAAqB,KAAK,EAAO,KAAsB,KAAA,GACrD;EACJ,AAAI,IAAsB,MAAM,EAAO,OAAyB,OAC9D,IAAW,EAAO,KACT,MACT,IAAW,iBAAiB;EAE9B,IAAM,IAAQ,EAAO,IACf,IAAU,EAAO,IACjB,IAAO,EAAO,IACd,IAAU,EAAO,IAEjB,IAAmB,IACrB,IAAkB,EAAQ,YAAY,EAAE,WAAW,QAAQ,GAAG,KAC9D,KAAA;EAEJ,OAAO;GACL;GACA;GACA;GACA;GACA;EACF;CACF,CAAC,KAAK,CAAC,GAEH,IAAmB,IAAc,IAAiB;CAExD,OACE,kBAAC,GAAD,EAAA,UAAA,CACG,KAAS,kBAAC,GAAD,EAAoB,SAAQ,CAAA,GACtC,kBAAC,OAAD;EAAK,WAAW;YACd,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,KAAK,IAAc,SAAS;IAC5B,eAAe,IAAc,QAAQ;IACrC,gBAAgB;GAClB;aAEC,EAAe,KAAK,GAAK,MACxB,kBAAC,GAAD,EAA8B,GAAI,EAAM,GAAjB,CAAiB,CACzC;EACE,CAAA;CACF,CAAA,CACF,EAAA,CAAA;AAET"}

package/dist/components/HexGrid/HexGrid.d.ts

@@ -3,6 +3,7 @@ export type HexRowData = {
     imageFileHandleId: string | null;
     description: string | null;
     entityId: string;
+    website: string | null;
 };
 type HexGridProps = {
     sql: string;
@@ -10,8 +11,9 @@ type HexGridProps = {
     imageColName: string;
     descriptionColName: string;
     isVisibleColName?: string;
+    websiteColName?: string;
     onRowClick?: (rowData: HexRowData) => void;
 };
-declare function HexGrid({ sql, titleColName, imageColName, descriptionColName, isVisibleColName, onRowClick, }: HexGridProps): import("react/jsx-runtime").JSX.Element;
+declare function HexGrid({ sql, titleColName, imageColName, descriptionColName, isVisibleColName, websiteColName, onRowClick, }: HexGridProps): import("react/jsx-runtime").JSX.Element;
 export default HexGrid;
 //# sourceMappingURL=HexGrid.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"HexGrid.d.ts","sourceRoot":"","sources":["../../../src/components/HexGrid/HexGrid.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,KAAK,YAAY,GAAG;IAClB,GAAG,EAAE,MAAM,CAAA;IACX,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EACH,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,UAAU,GACX,EAAE,YAAY,2CAiEd;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"HexGrid.d.ts","sourceRoot":"","sources":["../../../src/components/HexGrid/HexGrid.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;IAChC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAA;CACvB,CAAA;AAED,KAAK,YAAY,GAAG;IAClB,GAAG,EAAE,MAAM,CAAA;IACX,YAAY,EAAE,MAAM,CAAA;IACpB,YAAY,EAAE,MAAM,CAAA;IACpB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,KAAK,IAAI,CAAA;CAC3C,CAAA;AAED,iBAAS,OAAO,CAAC,EACf,GAAG,EACH,YAAY,EACZ,YAAY,EACZ,kBAAkB,EAClB,gBAAgB,EAChB,cAAc,EACd,UAAU,GACX,EAAE,YAAY,2CAoEd;AAED,eAAe,OAAO,CAAA"}

package/dist/components/HexGrid/HexGrid.js

@@ -9,38 +9,39 @@ import { ButtonBase as a, Typography as o } from "@mui/material";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { FileHandleAssociateType as l } from "@sage-bionetworks/synapse-types";
 //#region src/components/HexGrid/HexGrid.tsx
-function u({ sql: u, titleColName: d, imageColName: f, descriptionColName: p, isVisibleColName: m, onRowClick: h }) {
-	let g = e(u), { data: _ } = n({
-		entityId: g,
+function u({ sql: u, titleColName: d, imageColName: f, descriptionColName: p, isVisibleColName: m, websiteColName: h, onRowClick: g }) {
+	let _ = e(u), { data: v } = n({
+		entityId: _,
 		query: { sql: u },
 		partMask: 5,
 		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest"
-	}), v = _?.queryResult?.queryResults.rows ?? [], y = t(d, _), b = t(f, _), x = t(p, _), S = t(m, _), C = m ? v.filter((e) => e.values[S] === "true") : v;
+	}), y = v?.queryResult?.queryResults.rows ?? [], b = t(d, v), x = t(f, v), S = t(p, v), C = t(m, v), w = t(h, v), T = m ? y.filter((e) => e.values[C] === "true") : y;
 	return /* @__PURE__ */ s("div", {
 		className: i.hexSlat,
 		children: /* @__PURE__ */ s("div", {
 			className: i.gridWrapper,
 			children: /* @__PURE__ */ s("ul", {
 				className: i.hexGrid,
-				children: C.map((e) => /* @__PURE__ */ s(a, {
+				children: T.map((e) => /* @__PURE__ */ s(a, {
 					component: "li",
 					className: i.hex,
-					onClick: () => h?.({
-						title: e.values[y] ?? "",
-						imageFileHandleId: e.values[b] ?? null,
-						description: e.values[x] ?? null,
-						entityId: g
+					onClick: () => g?.({
+						title: e.values[b] ?? "",
+						imageFileHandleId: e.values[x] ?? null,
+						description: e.values[S] ?? null,
+						website: e.values[w] ?? null,
+						entityId: _
 					}),
 					children: /* @__PURE__ */ c("div", {
 						className: i.hexIn,
 						children: [/* @__PURE__ */ s(o, {
 							variant: "headline3",
 							className: i.hexTitle,
-							children: e.values[y]
+							children: e.values[b]
 						}), /* @__PURE__ */ s(r, {
 							fileHandleAssociation: {
-								fileHandleId: e.values[b] ?? "",
-								associateObjectId: g,
+								fileHandleId: e.values[x] ?? "",
+								associateObjectId: _,
 								associateObjectType: l.TableEntity
 							},
 							imgProps: { className: i.hexIcon }

package/dist/components/HexGrid/HexGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"HexGrid.js","names":[],"sources":["../../../src/components/HexGrid/HexGrid.tsx"],"sourcesContent":["import styles from './HexGrid.module.scss'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport {\n  FileHandleAssociateType,\n  QueryBundleRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { SynapseConstants } from '@/utils'\nimport { useGetFullTableQueryResults } from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { ImageFileHandle } from '@/components/widgets/ImageFileHandle'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { ButtonBase, Typography } from '@mui/material'\n\n// Column values resolved by name so consumers don't need the indices that are only known inside HexGrid.\nexport type HexRowData = {\n  title: string\n  imageFileHandleId: string | null\n  description: string | null\n  entityId: string\n}\n\ntype HexGridProps = {\n  sql: string\n  titleColName: string\n  imageColName: string\n  descriptionColName: string\n  isVisibleColName?: string\n  onRowClick?: (rowData: HexRowData) => void\n}\n\nfunction HexGrid({\n  sql,\n  titleColName,\n  imageColName,\n  descriptionColName,\n  isVisibleColName,\n  onRowClick,\n}: HexGridProps) {\n  const entityId = parseEntityIdFromSqlStatement(sql)\n  const queryBundleRequest: QueryBundleRequest = {\n    entityId,\n    query: { sql },\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n  }\n\n  const { data: queryResultBundle } =\n    useGetFullTableQueryResults(queryBundleRequest)\n\n  const dataRows = queryResultBundle?.queryResult?.queryResults.rows ?? []\n\n  const titleColIndex = getFieldIndex(titleColName, queryResultBundle)\n\n  const imageColIndex = getFieldIndex(imageColName, queryResultBundle)\n\n  const descColIndex = getFieldIndex(descriptionColName, queryResultBundle)\n\n  const toShowColIndex = getFieldIndex(isVisibleColName, queryResultBundle)\n\n  const filteredDataRows = isVisibleColName\n    ? dataRows.filter(row => row.values[toShowColIndex] === 'true')\n    : dataRows\n\n  return (\n    <div className={styles.hexSlat}>\n      <div className={styles.gridWrapper}>\n        <ul className={styles.hexGrid}>\n          {filteredDataRows.map(row => (\n            <ButtonBase\n              component=\"li\"\n              key={row.rowId}\n              className={styles.hex}\n              onClick={() =>\n                onRowClick?.({\n                  title: row.values[titleColIndex] ?? '',\n                  imageFileHandleId: row.values[imageColIndex] ?? null,\n                  description: row.values[descColIndex] ?? null,\n                  entityId,\n                })\n              }\n            >\n              <div className={styles.hexIn}>\n                <Typography variant=\"headline3\" className={styles.hexTitle}>\n                  {row.values[titleColIndex]}\n                </Typography>\n                <ImageFileHandle\n                  fileHandleAssociation={{\n                    fileHandleId: row.values[imageColIndex] ?? '',\n                    associateObjectId: entityId,\n                    associateObjectType: FileHandleAssociateType.TableEntity,\n                  }}\n                  imgProps={{ className: styles.hexIcon }}\n                />\n              </div>\n            </ButtonBase>\n          ))}\n        </ul>\n      </div>\n    </div>\n  )\n}\n\nexport default HexGrid\n"],"mappings":";;;;;;;;;;;AA6BA,SAAS,EAAQ,EACf,QACA,iBACA,iBACA,uBACA,qBACA,iBACe;CACf,IAAM,IAAW,EAA8B,CAAG,GAU5C,EAAE,MAAM,MACZ,EAA4B;EAT5B;EACA,OAAO,EAAE,OAAI;EACb,UACE;EAEF,cAAc;CAIc,CAAkB,GAE1C,IAAW,GAAmB,aAAa,aAAa,QAAQ,CAAC,GAEjE,IAAgB,EAAc,GAAc,CAAiB,GAE7D,IAAgB,EAAc,GAAc,CAAiB,GAE7D,IAAe,EAAc,GAAoB,CAAiB,GAElE,IAAiB,EAAc,GAAkB,CAAiB,GAElE,IAAmB,IACrB,EAAS,QAAO,MAAO,EAAI,OAAO,OAAoB,MAAM,IAC5D;CAEJ,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;YACrB,kBAAC,OAAD;GAAK,WAAW,EAAO;aACrB,kBAAC,MAAD;IAAI,WAAW,EAAO;cACnB,EAAiB,KAAI,MACpB,kBAAC,GAAD;KACE,WAAU;KAEV,WAAW,EAAO;KAClB,eACE,IAAa;MACX,OAAO,EAAI,OAAO,MAAkB;MACpC,mBAAmB,EAAI,OAAO,MAAkB;MAChD,aAAa,EAAI,OAAO,MAAiB;MACzC;KACF,CAAC;eAGH,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,GAAD;OAAY,SAAQ;OAAY,WAAW,EAAO;iBAC/C,EAAI,OAAO;MACF,CAAA,GACZ,kBAAC,GAAD;OACE,uBAAuB;QACrB,cAAc,EAAI,OAAO,MAAkB;QAC3C,mBAAmB;QACnB,qBAAqB,EAAwB;OAC/C;OACA,UAAU,EAAE,WAAW,EAAO,QAAQ;MACvC,CAAA,CACE;;IACK,GAxBL,EAAI,KAwBC,CACb;GACC,CAAA;EACD,CAAA;CACF,CAAA;AAET"}
+{"version":3,"file":"HexGrid.js","names":[],"sources":["../../../src/components/HexGrid/HexGrid.tsx"],"sourcesContent":["import styles from './HexGrid.module.scss'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport {\n  FileHandleAssociateType,\n  QueryBundleRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { SynapseConstants } from '@/utils'\nimport { useGetFullTableQueryResults } from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { ImageFileHandle } from '@/components/widgets/ImageFileHandle'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { ButtonBase, Typography } from '@mui/material'\n\n// Column values resolved by name so consumers don't need the indices that are only known inside HexGrid.\nexport type HexRowData = {\n  title: string\n  imageFileHandleId: string | null\n  description: string | null\n  entityId: string\n  website: string | null\n}\n\ntype HexGridProps = {\n  sql: string\n  titleColName: string\n  imageColName: string\n  descriptionColName: string\n  isVisibleColName?: string\n  websiteColName?: string\n  onRowClick?: (rowData: HexRowData) => void\n}\n\nfunction HexGrid({\n  sql,\n  titleColName,\n  imageColName,\n  descriptionColName,\n  isVisibleColName,\n  websiteColName,\n  onRowClick,\n}: HexGridProps) {\n  const entityId = parseEntityIdFromSqlStatement(sql)\n  const queryBundleRequest: QueryBundleRequest = {\n    entityId,\n    query: { sql },\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n  }\n\n  const { data: queryResultBundle } =\n    useGetFullTableQueryResults(queryBundleRequest)\n\n  const dataRows = queryResultBundle?.queryResult?.queryResults.rows ?? []\n\n  const titleColIndex = getFieldIndex(titleColName, queryResultBundle)\n\n  const imageColIndex = getFieldIndex(imageColName, queryResultBundle)\n\n  const descColIndex = getFieldIndex(descriptionColName, queryResultBundle)\n\n  const toShowColIndex = getFieldIndex(isVisibleColName, queryResultBundle)\n\n  const websiteColIndex = getFieldIndex(websiteColName, queryResultBundle)\n\n  const filteredDataRows = isVisibleColName\n    ? dataRows.filter(row => row.values[toShowColIndex] === 'true')\n    : dataRows\n\n  return (\n    <div className={styles.hexSlat}>\n      <div className={styles.gridWrapper}>\n        <ul className={styles.hexGrid}>\n          {filteredDataRows.map(row => (\n            <ButtonBase\n              component=\"li\"\n              key={row.rowId}\n              className={styles.hex}\n              onClick={() =>\n                onRowClick?.({\n                  title: row.values[titleColIndex] ?? '',\n                  imageFileHandleId: row.values[imageColIndex] ?? null,\n                  description: row.values[descColIndex] ?? null,\n                  website: row.values[websiteColIndex] ?? null,\n                  entityId,\n                })\n              }\n            >\n              <div className={styles.hexIn}>\n                <Typography variant=\"headline3\" className={styles.hexTitle}>\n                  {row.values[titleColIndex]}\n                </Typography>\n                <ImageFileHandle\n                  fileHandleAssociation={{\n                    fileHandleId: row.values[imageColIndex] ?? '',\n                    associateObjectId: entityId,\n                    associateObjectType: FileHandleAssociateType.TableEntity,\n                  }}\n                  imgProps={{ className: styles.hexIcon }}\n                />\n              </div>\n            </ButtonBase>\n          ))}\n        </ul>\n      </div>\n    </div>\n  )\n}\n\nexport default HexGrid\n"],"mappings":";;;;;;;;;;;AA+BA,SAAS,EAAQ,EACf,QACA,iBACA,iBACA,uBACA,qBACA,mBACA,iBACe;CACf,IAAM,IAAW,EAA8B,CAAG,GAU5C,EAAE,MAAM,MACZ,EAA4B;EAT5B;EACA,OAAO,EAAE,OAAI;EACb,UACE;EAEF,cAAc;CAIc,CAAkB,GAE1C,IAAW,GAAmB,aAAa,aAAa,QAAQ,CAAC,GAEjE,IAAgB,EAAc,GAAc,CAAiB,GAE7D,IAAgB,EAAc,GAAc,CAAiB,GAE7D,IAAe,EAAc,GAAoB,CAAiB,GAElE,IAAiB,EAAc,GAAkB,CAAiB,GAElE,IAAkB,EAAc,GAAgB,CAAiB,GAEjE,IAAmB,IACrB,EAAS,QAAO,MAAO,EAAI,OAAO,OAAoB,MAAM,IAC5D;CAEJ,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;YACrB,kBAAC,OAAD;GAAK,WAAW,EAAO;aACrB,kBAAC,MAAD;IAAI,WAAW,EAAO;cACnB,EAAiB,KAAI,MACpB,kBAAC,GAAD;KACE,WAAU;KAEV,WAAW,EAAO;KAClB,eACE,IAAa;MACX,OAAO,EAAI,OAAO,MAAkB;MACpC,mBAAmB,EAAI,OAAO,MAAkB;MAChD,aAAa,EAAI,OAAO,MAAiB;MACzC,SAAS,EAAI,OAAO,MAAoB;MACxC;KACF,CAAC;eAGH,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,GAAD;OAAY,SAAQ;OAAY,WAAW,EAAO;iBAC/C,EAAI,OAAO;MACF,CAAA,GACZ,kBAAC,GAAD;OACE,uBAAuB;QACrB,cAAc,EAAI,OAAO,MAAkB;QAC3C,mBAAmB;QACnB,qBAAqB,EAAwB;OAC/C;OACA,UAAU,EAAE,WAAW,EAAO,QAAQ;MACvC,CAAA,CACE;;IACK,GAzBL,EAAI,KAyBC,CACb;GACC,CAAA;EACD,CAAA;CACF,CAAA;AAET"}

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

@@ -1,4 +1,4 @@
-import { default as IconSvg } from './IconSvg';
+import IconSvg from './IconSvg';
 import type { IconName, IconSvgProps } from './IconSvg';
 export { IconSvg, IconName, IconSvgProps };
 export default IconSvg;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconSvg/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAA;AAC1C,eAAe,OAAO,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconSvg/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,CAAA;AAC1C,eAAe,OAAO,CAAA"}

package/dist/components/IconSvg/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/IconSvg/index.ts"],"sourcesContent":["import { default as IconSvg } from './IconSvg'\nimport type { IconName, IconSvgProps } from './IconSvg'\nexport { IconSvg, IconName, IconSvgProps }\nexport default IconSvg\n"],"mappings":";;AAGA,IAAA,IAAe"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/IconSvg/index.ts"],"sourcesContent":["import IconSvg from './IconSvg'\nimport type { IconName, IconSvgProps } from './IconSvg'\nexport { IconSvg, IconName, IconSvgProps }\nexport default IconSvg\n"],"mappings":";;AAGA,IAAA,IAAe"}

package/dist/components/JsonSchemaForm/templates/BaseInputTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInputTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/templates/BaseInputTemplate.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,sBAAsB,EAItB,eAAe,EACf,UAAU,EACV,gBAAgB,EACjB,MAAM,aAAa,CAAA;AAIpB;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAC/B,KAAK,EAAE,sBAAsB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAyGvC"}
+{"version":3,"file":"BaseInputTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/templates/BaseInputTemplate.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEL,sBAAsB,EAItB,eAAe,EACf,UAAU,EACV,gBAAgB,EACjB,MAAM,aAAa,CAAA;AASpB;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAC/B,KAAK,EAAE,sBAAsB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAyGvC"}

package/dist/components/JsonSchemaForm/templates/BaseInputTemplate.js

@@ -2,12 +2,12 @@ import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
 import { ariaDescribedByIds as r, examplesId as i, getInputProps as a, labelValue as o } from "@rjsf/utils";
 import s from "@mui/material/TextField";
 //#region src/components/JsonSchemaForm/templates/BaseInputTemplate.tsx
-var c = [
+var c = new Set([
 	"date",
 	"datetime-local",
 	"file",
 	"time"
-];
+]);
 function l(l) {
 	let { id: u, name: d, placeholder: f, required: p, readonly: m, disabled: h, type: g, label: _, hideLabel: v, hideError: y, value: b, onChange: x, onChangeOverride: S, onBlur: C, onFocus: w, autofocus: T, options: E, schema: D, uiSchema: O, rawErrors: k = [], formContext: A, registry: j, InputLabelProps: M, ...N } = l, { step: P, min: F, max: I, ...L } = a(D, g, E), R = {
 		inputProps: {
@@ -17,7 +17,7 @@ function l(l) {
 			...D.examples ? { list: i(u) } : void 0
 		},
 		...L
-	}, z = ({ target: { value: e } }) => x(e === "" ? E.emptyValue : e), B = ({ target: { value: e } }) => C(u, e), V = ({ target: { value: e } }) => w(u, e), H = c.includes(g) ? {
+	}, z = ({ target: { value: e } }) => x(e === "" ? E.emptyValue : e), B = ({ target: { value: e } }) => C(u, e), V = ({ target: { value: e } }) => w(u, e), H = c.has(g) ? {
 		...M,
 		shrink: !0
 	} : M, U;

package/dist/components/JsonSchemaForm/templates/BaseInputTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInputTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/BaseInputTemplate.tsx"],"sourcesContent":["import { CustomFormContext } from '@/components/JsonSchemaForm/CustomFormContext'\nimport { ChangeEvent, FocusEvent } from 'react'\nimport TextField, { TextFieldProps } from '@mui/material/TextField'\nimport {\n  ariaDescribedByIds,\n  BaseInputTemplateProps,\n  examplesId,\n  getInputProps,\n  labelValue,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\n\nconst TYPES_THAT_SHRINK_LABEL = ['date', 'datetime-local', 'file', 'time']\n\n/** The `BaseInputTemplate` is the template to use to render the basic `<input>` component for the `core` theme.\n * It is used as the template for rendering many of the <input> based widgets that differ by `type` and callbacks only.\n * It can be customized/overridden for other themes or individual implementations as needed.\n *\n * @param props - The `WidgetProps` for this template\n */\nexport default function BaseInputTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: BaseInputTemplateProps<T, S, F>) {\n  const {\n    id,\n    name, // remove this from textFieldProps\n    placeholder: placeholderFromProps,\n    required,\n    readonly,\n    disabled,\n    type,\n    label,\n    hideLabel: _hideLabel,\n    hideError: _hideError,\n    value,\n    onChange,\n    onChangeOverride,\n    onBlur,\n    onFocus,\n    autofocus,\n    options,\n    schema,\n    uiSchema,\n    rawErrors = [],\n    formContext,\n    registry,\n    InputLabelProps,\n    ...textFieldProps\n  } = props\n  const hideLabel = true\n  const inputProps = getInputProps<T, S, F>(schema, type, options)\n  // Now we need to pull out the step, min, max into an inner `inputProps` for material-ui\n  const { step, min, max, ...rest } = inputProps\n  const otherProps = {\n    inputProps: {\n      step,\n      min,\n      max,\n      ...(schema.examples ? { list: examplesId<T>(id) } : undefined),\n    },\n    ...rest,\n  }\n  const _onChange = ({ target: { value } }: ChangeEvent<HTMLInputElement>) =>\n    onChange(value === '' ? options.emptyValue : value)\n  const _onBlur = ({ target: { value } }: FocusEvent<HTMLInputElement>) =>\n    onBlur(id, value)\n  const _onFocus = ({ target: { value } }: FocusEvent<HTMLInputElement>) =>\n    onFocus(id, value)\n  const DisplayInputLabelProps = TYPES_THAT_SHRINK_LABEL.includes(type)\n    ? {\n        ...InputLabelProps,\n        shrink: true,\n      }\n    : InputLabelProps\n\n  let derivedValuePlaceholder: string | undefined = undefined\n  if (schema.default || schema.const) {\n    derivedValuePlaceholder =\n      JSON.stringify(schema.default || schema.const) + ' (derived)'\n  }\n\n  const placeholder = (registry.formContext as CustomFormContext)\n    .showDerivedAnnotationPlaceholder\n    ? derivedValuePlaceholder || placeholderFromProps\n    : placeholderFromProps\n\n  return (\n    <>\n      <TextField\n        id={id}\n        name={id}\n        placeholder={placeholder}\n        label={labelValue(label || undefined, hideLabel, false)}\n        autoFocus={autofocus}\n        required={false}\n        disabled={disabled || readonly}\n        {...otherProps}\n        value={value || value === 0 ? value : ''}\n        error={rawErrors.length > 0}\n        onChange={onChangeOverride || _onChange}\n        onBlur={_onBlur}\n        onFocus={_onFocus}\n        {...(textFieldProps as TextFieldProps)}\n        aria-describedby={ariaDescribedByIds<T>(id, !!schema.examples)}\n        slotProps={{\n          htmlInput: {\n            'aria-label': id,\n          },\n\n          inputLabel: DisplayInputLabelProps,\n        }}\n      />\n      {Array.isArray(schema.examples) && (\n        <datalist id={examplesId<T>(id)}>\n          {(schema.examples as string[])\n            .concat(\n              schema.default && !schema.examples.includes(schema.default)\n                ? ([schema.default] as string[])\n                : [],\n            )\n            .map((example: any) => {\n              return <option key={example} value={example} />\n            })}\n        </datalist>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;AAcA,IAAM,IAA0B;CAAC;CAAQ;CAAkB;CAAQ;AAAM;AAQzE,SAAwB,EAItB,GAAwC;CACxC,IAAM,EACJ,OACA,SACA,aAAa,GACb,aACA,aACA,aACA,SACA,UACA,WAAW,GACX,WAAW,GACX,UACA,aACA,qBACA,WACA,YACA,cACA,YACA,WACA,aACA,eAAY,CAAC,GACb,gBACA,aACA,oBACA,GAAG,MACD,GAIE,EAAE,SAAM,QAAK,QAAK,GAAG,MAFR,EAAuB,GAAQ,GAAM,CAEpB,GAC9B,IAAa;EACjB,YAAY;GACV;GACA;GACA;GACA,GAAI,EAAO,WAAW,EAAE,MAAM,EAAc,CAAE,EAAE,IAAI,KAAA;EACtD;EACA,GAAG;CACL,GACM,KAAa,EAAE,QAAQ,EAAE,iBAC7B,EAAS,MAAU,KAAK,EAAQ,aAAa,CAAK,GAC9C,KAAW,EAAE,QAAQ,EAAE,iBAC3B,EAAO,GAAI,CAAK,GACZ,KAAY,EAAE,QAAQ,EAAE,iBAC5B,EAAQ,GAAI,CAAK,GACb,IAAyB,EAAwB,SAAS,CAAI,IAChE;EACE,GAAG;EACH,QAAQ;CACV,IACA,GAEA;CAWJ,QAVI,EAAO,WAAW,EAAO,WAC3B,IACE,KAAK,UAAU,EAAO,WAAW,EAAO,KAAK,IAAI,eASnD,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACM;EACJ,MAAM;EACO,aAVE,EAAS,YAC3B,oCACC,KACA;EAQE,OAAO,EAAW,KAAS,KAAA,GAAW,IAAW,EAAK;EACtD,WAAW;EACX,UAAU;EACV,UAAU,KAAY;EACtB,GAAI;EACJ,OAAO,KAAS,MAAU,IAAI,IAAQ;EACtC,OAAO,EAAU,SAAS;EAC1B,UAAU,KAAoB;EAC9B,QAAQ;EACR,SAAS;EACT,GAAK;EACL,oBAAkB,EAAsB,GAAI,CAAC,CAAC,EAAO,QAAQ;EAC7D,WAAW;GACT,WAAW,EACT,cAAc,EAChB;GAEA,YAAY;EACd;CACD,CAAA,GACA,MAAM,QAAQ,EAAO,QAAQ,KAC5B,kBAAC,YAAD;EAAU,IAAI,EAAc,CAAE;YAC1B,EAAO,SACN,OACC,EAAO,WAAW,CAAC,EAAO,SAAS,SAAS,EAAO,OAAO,IACrD,CAAC,EAAO,OAAO,IAChB,CAAC,CACP,EACC,KAAK,MACG,kBAAC,UAAD,EAAsB,OAAO,EAAU,GAA1B,CAA0B,CAC/C;CACK,CAAA,CAEZ,EAAA,CAAA;AAEN"}
+{"version":3,"file":"BaseInputTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/BaseInputTemplate.tsx"],"sourcesContent":["import { CustomFormContext } from '@/components/JsonSchemaForm/CustomFormContext'\nimport { ChangeEvent, FocusEvent } from 'react'\nimport TextField, { TextFieldProps } from '@mui/material/TextField'\nimport {\n  ariaDescribedByIds,\n  BaseInputTemplateProps,\n  examplesId,\n  getInputProps,\n  labelValue,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\n\nconst TYPES_THAT_SHRINK_LABEL = new Set([\n  'date',\n  'datetime-local',\n  'file',\n  'time',\n])\n\n/** The `BaseInputTemplate` is the template to use to render the basic `<input>` component for the `core` theme.\n * It is used as the template for rendering many of the <input> based widgets that differ by `type` and callbacks only.\n * It can be customized/overridden for other themes or individual implementations as needed.\n *\n * @param props - The `WidgetProps` for this template\n */\nexport default function BaseInputTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: BaseInputTemplateProps<T, S, F>) {\n  const {\n    id,\n    name, // remove this from textFieldProps\n    placeholder: placeholderFromProps,\n    required,\n    readonly,\n    disabled,\n    type,\n    label,\n    hideLabel: _hideLabel,\n    hideError: _hideError,\n    value,\n    onChange,\n    onChangeOverride,\n    onBlur,\n    onFocus,\n    autofocus,\n    options,\n    schema,\n    uiSchema,\n    rawErrors = [],\n    formContext,\n    registry,\n    InputLabelProps,\n    ...textFieldProps\n  } = props\n  const hideLabel = true\n  const inputProps = getInputProps<T, S, F>(schema, type, options)\n  // Now we need to pull out the step, min, max into an inner `inputProps` for material-ui\n  const { step, min, max, ...rest } = inputProps\n  const otherProps = {\n    inputProps: {\n      step,\n      min,\n      max,\n      ...(schema.examples ? { list: examplesId<T>(id) } : undefined),\n    },\n    ...rest,\n  }\n  const _onChange = ({ target: { value } }: ChangeEvent<HTMLInputElement>) =>\n    onChange(value === '' ? options.emptyValue : value)\n  const _onBlur = ({ target: { value } }: FocusEvent<HTMLInputElement>) =>\n    onBlur(id, value)\n  const _onFocus = ({ target: { value } }: FocusEvent<HTMLInputElement>) =>\n    onFocus(id, value)\n  const DisplayInputLabelProps = TYPES_THAT_SHRINK_LABEL.has(type)\n    ? {\n        ...InputLabelProps,\n        shrink: true,\n      }\n    : InputLabelProps\n\n  let derivedValuePlaceholder: string | undefined = undefined\n  if (schema.default || schema.const) {\n    derivedValuePlaceholder =\n      JSON.stringify(schema.default || schema.const) + ' (derived)'\n  }\n\n  const placeholder = (registry.formContext as CustomFormContext)\n    .showDerivedAnnotationPlaceholder\n    ? derivedValuePlaceholder || placeholderFromProps\n    : placeholderFromProps\n\n  return (\n    <>\n      <TextField\n        id={id}\n        name={id}\n        placeholder={placeholder}\n        label={labelValue(label || undefined, hideLabel, false)}\n        autoFocus={autofocus}\n        required={false}\n        disabled={disabled || readonly}\n        {...otherProps}\n        value={value || value === 0 ? value : ''}\n        error={rawErrors.length > 0}\n        onChange={onChangeOverride || _onChange}\n        onBlur={_onBlur}\n        onFocus={_onFocus}\n        {...(textFieldProps as TextFieldProps)}\n        aria-describedby={ariaDescribedByIds<T>(id, !!schema.examples)}\n        slotProps={{\n          htmlInput: {\n            'aria-label': id,\n          },\n\n          inputLabel: DisplayInputLabelProps,\n        }}\n      />\n      {Array.isArray(schema.examples) && (\n        <datalist id={examplesId<T>(id)}>\n          {(schema.examples as string[])\n            .concat(\n              schema.default && !schema.examples.includes(schema.default)\n                ? ([schema.default] as string[])\n                : [],\n            )\n            .map((example: any) => {\n              return <option key={example} value={example} />\n            })}\n        </datalist>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;AAcA,IAAM,IAA0B,IAAI,IAAI;CACtC;CACA;CACA;CACA;AACF,CAAC;AAQD,SAAwB,EAItB,GAAwC;CACxC,IAAM,EACJ,OACA,SACA,aAAa,GACb,aACA,aACA,aACA,SACA,UACA,WAAW,GACX,WAAW,GACX,UACA,aACA,qBACA,WACA,YACA,cACA,YACA,WACA,aACA,eAAY,CAAC,GACb,gBACA,aACA,oBACA,GAAG,MACD,GAIE,EAAE,SAAM,QAAK,QAAK,GAAG,MAFR,EAAuB,GAAQ,GAAM,CAEpB,GAC9B,IAAa;EACjB,YAAY;GACV;GACA;GACA;GACA,GAAI,EAAO,WAAW,EAAE,MAAM,EAAc,CAAE,EAAE,IAAI,KAAA;EACtD;EACA,GAAG;CACL,GACM,KAAa,EAAE,QAAQ,EAAE,iBAC7B,EAAS,MAAU,KAAK,EAAQ,aAAa,CAAK,GAC9C,KAAW,EAAE,QAAQ,EAAE,iBAC3B,EAAO,GAAI,CAAK,GACZ,KAAY,EAAE,QAAQ,EAAE,iBAC5B,EAAQ,GAAI,CAAK,GACb,IAAyB,EAAwB,IAAI,CAAI,IAC3D;EACE,GAAG;EACH,QAAQ;CACV,IACA,GAEA;CAWJ,QAVI,EAAO,WAAW,EAAO,WAC3B,IACE,KAAK,UAAU,EAAO,WAAW,EAAO,KAAK,IAAI,eASnD,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACM;EACJ,MAAM;EACO,aAVE,EAAS,YAC3B,oCACC,KACA;EAQE,OAAO,EAAW,KAAS,KAAA,GAAW,IAAW,EAAK;EACtD,WAAW;EACX,UAAU;EACV,UAAU,KAAY;EACtB,GAAI;EACJ,OAAO,KAAS,MAAU,IAAI,IAAQ;EACtC,OAAO,EAAU,SAAS;EAC1B,UAAU,KAAoB;EAC9B,QAAQ;EACR,SAAS;EACT,GAAK;EACL,oBAAkB,EAAsB,GAAI,CAAC,CAAC,EAAO,QAAQ;EAC7D,WAAW;GACT,WAAW,EACT,cAAc,EAChB;GAEA,YAAY;EACd;CACD,CAAA,GACA,MAAM,QAAQ,EAAO,QAAQ,KAC5B,kBAAC,YAAD;EAAU,IAAI,EAAc,CAAE;YAC1B,EAAO,SACN,OACC,EAAO,WAAW,CAAC,EAAO,SAAS,SAAS,EAAO,OAAO,IACrD,CAAC,EAAO,OAAO,IAChB,CAAC,CACP,EACC,KAAK,MACG,kBAAC,UAAD,EAAsB,OAAO,EAAU,GAA1B,CAA0B,CAC/C;CACK,CAAA,CAEZ,EAAA,CAAA;AAEN"}

package/dist/components/Markdown/MarkdownEditor.js

@@ -20,7 +20,7 @@ function v({ placeholder: v, text: y, setText: b }) {
 		let t = [], n = k.current;
 		if (n) {
 			let r = n?.selectionStart, i = y.substring(0, r), a = y.substring(r, y.length);
-			w(r + e.length), t.push(i, `${D ? "" : "@"}${e.replace(/\s/g, "")}`, a);
+			w(r + e.length), t.push(i, `${D ? "" : "@"}${e.replaceAll(/\s/g, "")}`, a);
 		}
 		b(t.join("")), O(!1);
 	}, j = (e) => {