synapse-react-client 4.0.45 → 4.0.47

package/dist/components/FormTemplateEditor/schemaFieldUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"schemaFieldUtils.js","names":[],"sources":["../../../src/components/FormTemplateEditor/schemaFieldUtils.ts"],"sourcesContent":["import { RJSFSchema } from '@rjsf/utils'\n\n/**\n * The set of property shapes the simple editor knows how to author. Anything\n * outside this set surfaces in the UI as \"advanced\" and must be edited via the\n * raw JSON Schema view.\n */\nexport type SimpleFieldType =\n  | 'text'\n  | 'number'\n  | 'boolean'\n  | 'choice'\n  | 'multiChoice'\n  | 'file'\n\nexport const FIELD_TYPE_OPTIONS: { value: SimpleFieldType; label: string }[] = [\n  { value: 'text', label: 'Text' },\n  { value: 'number', label: 'Number' },\n  { value: 'boolean', label: 'Yes / No' },\n  { value: 'choice', label: 'Single choice' },\n  { value: 'multiChoice', label: 'Multiple choice (select many)' },\n  { value: 'file', label: 'File upload' },\n]\n\nexport function detectFieldType(\n  prop: RJSFSchema | undefined,\n): SimpleFieldType | null {\n  if (!prop || typeof prop !== 'object') return null\n  if (prop.format === 'synapse-filehandle-id') return 'file'\n  if (prop.type === 'string' && Array.isArray(prop.enum)) return 'choice'\n  // RJSF renders an array as a multi-select only when `uniqueItems` is set; without it the\n  // property renders as a repeatable list, which the simple editor does not author.\n  const items = prop.items as RJSFSchema | undefined\n  if (\n    prop.type === 'array' &&\n    prop.uniqueItems === true &&\n    items?.type === 'string' &&\n    Array.isArray(items.enum)\n  ) {\n    return 'multiChoice'\n  }\n  if (prop.type === 'string' && !prop.format) return 'text'\n  if (prop.type === 'number' || prop.type === 'integer') return 'number'\n  if (prop.type === 'boolean') return 'boolean'\n  return null\n}\n\nexport function fieldTypeLabel(type: SimpleFieldType | null): string {\n  if (type === null) return 'Advanced'\n  return FIELD_TYPE_OPTIONS.find(opt => opt.value === type)?.label ?? 'Advanced'\n}\n\n/** The options a 'choice' (`enum`) or 'multiChoice' (`items.enum`) property declares; empty if none. */\nexport function choiceOptions(prop: RJSFSchema): string[] {\n  const options = prop.enum ?? (prop.items as RJSFSchema | undefined)?.enum\n  return Array.isArray(options) ? (options as string[]) : []\n}\n\n/** Build a fresh schema body for the given simple type, preserving label and help text. */\nexport function applyFieldType(\n  prev: RJSFSchema,\n  type: SimpleFieldType,\n): RJSFSchema {\n  const next: RJSFSchema = {\n    title: prev.title,\n    description: prev.description,\n  }\n  const existingChoices = choiceOptions(prev)\n  // A choice field needs at least one option to be answerable.\n  const choices = existingChoices.length > 0 ? existingChoices : ['Option 1']\n  switch (type) {\n    case 'text':\n      next.type = 'string'\n      break\n    case 'number':\n      next.type = 'number'\n      break\n    case 'boolean':\n      next.type = 'boolean'\n      break\n    case 'choice':\n      next.type = 'string'\n      next.enum = choices\n      break\n    case 'multiChoice':\n      next.type = 'array'\n      next.items = { type: 'string', enum: choices }\n      next.uniqueItems = true\n      break\n    case 'file':\n      next.type = 'number'\n      next.format = 'synapse-filehandle-id'\n      break\n  }\n  return next\n}\n\n/** Derive a unique camelCase JSON property key from a display title. */\nexport function generatePropertyKey(\n  title: string,\n  existingKeys: Set<string>,\n): string {\n  const base =\n    title\n      .toLowerCase()\n      .replace(/[^a-z0-9\\s]/g, '')\n      .trim()\n      .split(/\\s+/)\n      .filter(Boolean)\n      .map((w, i) => (i === 0 ? w : w.charAt(0).toUpperCase() + w.slice(1)))\n      .join('') || 'field'\n  let key = base\n  let i = 1\n  while (existingKeys.has(key)) {\n    i += 1\n    key = `${base}${i}`\n  }\n  return key\n}\n\n/**\n * Sanitize a manually-typed property key: strip characters that aren't\n * valid in a JSON Schema property key used as a JS identifier, preserving\n * the editor's casing (unlike `generatePropertyKey`, which derives a\n * camelCase key from a display title).\n */\nexport function sanitizePropertyKey(raw: string): string {\n  const stripped = raw.replace(/[^A-Za-z0-9_]/g, '')\n  return /^[0-9]/.test(stripped) ? `_${stripped}` : stripped\n}\n"],"mappings":";AAeA,IAAa,IAAkE;CAC7E;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAU,OAAO;CAAS;CACnC;EAAE,OAAO;EAAW,OAAO;CAAW;CACtC;EAAE,OAAO;EAAU,OAAO;CAAgB;CAC1C;EAAE,OAAO;EAAe,OAAO;CAAgC;CAC/D;EAAE,OAAO;EAAQ,OAAO;CAAc;AACxC;AAEA,SAAgB,EACd,GACwB;CACxB,IAAI,CAAC,KAAQ,OAAO,KAAS,UAAU,OAAO;CAC9C,IAAI,EAAK,WAAW,yBAAyB,OAAO;CACpD,IAAI,EAAK,SAAS,YAAY,MAAM,QAAQ,EAAK,IAAI,GAAG,OAAO;CAG/D,IAAM,IAAQ,EAAK;CAYnB,OAVE,EAAK,SAAS,WACd,EAAK,gBAAgB,MACrB,GAAO,SAAS,YAChB,MAAM,QAAQ,EAAM,IAAI,IAEjB,gBAEL,EAAK,SAAS,YAAY,CAAC,EAAK,SAAe,SAC/C,EAAK,SAAS,YAAY,EAAK,SAAS,YAAkB,WAC1D,EAAK,SAAS,YAAkB,YAC7B;AACT;AAEA,SAAgB,EAAe,GAAsC;CAEnE,OADI,MAAS,OAAa,aACnB,EAAmB,MAAK,MAAO,EAAI,UAAU,CAAI,GAAG,SAAS;AACtE;AAGA,SAAgB,EAAc,GAA4B;CACxD,IAAM,IAAU,EAAK,QAAS,EAAK,OAAkC;CACrE,OAAO,MAAM,QAAQ,CAAO,IAAK,IAAuB,CAAC;AAC3D;AAGA,SAAgB,EACd,GACA,GACY;CACZ,IAAM,IAAmB;EACvB,OAAO,EAAK;EACZ,aAAa,EAAK;CACpB,GACM,IAAkB,EAAc,CAAI,GAEpC,IAAU,EAAgB,SAAS,IAAI,IAAkB,CAAC,UAAU;CAC1E,QAAQ,GAAR;EACE,KAAK;GACH,EAAK,OAAO;GACZ;EACF,KAAK;GACH,EAAK,OAAO;GACZ;EACF,KAAK;GACH,EAAK,OAAO;GACZ;EACF,KAAK;GAEH,AADA,EAAK,OAAO,UACZ,EAAK,OAAO;GACZ;EACF,KAAK;GAGH,AAFA,EAAK,OAAO,SACZ,EAAK,QAAQ;IAAE,MAAM;IAAU,MAAM;GAAQ,GAC7C,EAAK,cAAc;GACnB;EACF,KAAK;GAEH,AADA,EAAK,OAAO,UACZ,EAAK,SAAS;GACd;CACJ;CACA,OAAO;AACT;AAGA,SAAgB,EACd,GACA,GACQ;CACR,IAAM,IACJ,EACG,YAAY,EACZ,QAAQ,gBAAgB,EAAE,EAC1B,KAAK,EACL,MAAM,KAAK,EACX,OAAO,OAAO,EACd,KAAK,GAAG,MAAO,MAAM,IAAI,IAAI,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,CAAE,EACpE,KAAK,EAAE,KAAK,SACb,IAAM,GACN,IAAI;CACR,OAAO,EAAa,IAAI,CAAG,IAEzB,AADA,KAAK,GACL,IAAM,GAAG,IAAO;CAElB,OAAO;AACT;AAQA,SAAgB,EAAoB,GAAqB;CACvD,IAAM,IAAW,EAAI,QAAQ,kBAAkB,EAAE;CACjD,OAAO,SAAS,KAAK,CAAQ,IAAI,IAAI,MAAa;AACpD"}
+{"version":3,"file":"schemaFieldUtils.js","names":[],"sources":["../../../src/components/FormTemplateEditor/schemaFieldUtils.ts"],"sourcesContent":["import { RJSFSchema } from '@rjsf/utils'\n\n/**\n * The set of property shapes the simple editor knows how to author. Anything\n * outside this set surfaces in the UI as \"advanced\" and must be edited via the\n * raw JSON Schema view.\n */\nexport type SimpleFieldType =\n  | 'text'\n  | 'number'\n  | 'boolean'\n  | 'choice'\n  | 'multiChoice'\n  | 'file'\n\nexport const FIELD_TYPE_OPTIONS: { value: SimpleFieldType; label: string }[] = [\n  { value: 'text', label: 'Text' },\n  { value: 'number', label: 'Number' },\n  { value: 'boolean', label: 'Yes / No' },\n  { value: 'choice', label: 'Single choice' },\n  { value: 'multiChoice', label: 'Multiple choice (select many)' },\n  { value: 'file', label: 'File upload' },\n]\n\nexport function detectFieldType(\n  prop: RJSFSchema | undefined,\n): SimpleFieldType | null {\n  if (!prop || typeof prop !== 'object') return null\n  if (prop.format === 'synapse-filehandle-id') return 'file'\n  if (prop.type === 'string' && Array.isArray(prop.enum)) return 'choice'\n  // RJSF renders an array as a multi-select only when `uniqueItems` is set; without it the\n  // property renders as a repeatable list, which the simple editor does not author.\n  const items = prop.items as RJSFSchema | undefined\n  if (\n    prop.type === 'array' &&\n    prop.uniqueItems === true &&\n    items?.type === 'string' &&\n    Array.isArray(items.enum)\n  ) {\n    return 'multiChoice'\n  }\n  if (prop.type === 'string' && !prop.format) return 'text'\n  if (prop.type === 'number' || prop.type === 'integer') return 'number'\n  if (prop.type === 'boolean') return 'boolean'\n  return null\n}\n\nexport function fieldTypeLabel(type: SimpleFieldType | null): string {\n  if (type === null) return 'Advanced'\n  return FIELD_TYPE_OPTIONS.find(opt => opt.value === type)?.label ?? 'Advanced'\n}\n\n/** The options a 'choice' (`enum`) or 'multiChoice' (`items.enum`) property declares; empty if none. */\nexport function choiceOptions(prop: RJSFSchema): string[] {\n  const options = prop.enum ?? (prop.items as RJSFSchema | undefined)?.enum\n  return Array.isArray(options) ? (options as string[]) : []\n}\n\n/** Build a fresh schema body for the given simple type, preserving label and help text. */\nexport function applyFieldType(\n  prev: RJSFSchema,\n  type: SimpleFieldType,\n): RJSFSchema {\n  const next: RJSFSchema = {\n    title: prev.title,\n    description: prev.description,\n  }\n  const existingChoices = choiceOptions(prev)\n  // A choice field needs at least one option to be answerable.\n  const choices = existingChoices.length > 0 ? existingChoices : ['Option 1']\n  switch (type) {\n    case 'text':\n      next.type = 'string'\n      break\n    case 'number':\n      next.type = 'number'\n      break\n    case 'boolean':\n      next.type = 'boolean'\n      break\n    case 'choice':\n      next.type = 'string'\n      next.enum = choices\n      break\n    case 'multiChoice':\n      next.type = 'array'\n      next.items = { type: 'string', enum: choices }\n      next.uniqueItems = true\n      break\n    case 'file':\n      next.type = 'number'\n      next.format = 'synapse-filehandle-id'\n      break\n  }\n  return next\n}\n\n/** Derive a unique camelCase JSON property key from a display title. */\nexport function generatePropertyKey(\n  title: string,\n  existingKeys: Set<string>,\n): string {\n  const base =\n    title\n      .toLowerCase()\n      .replaceAll(/[^a-z0-9\\s]/g, '')\n      .trim()\n      .split(/\\s+/)\n      .filter(Boolean)\n      .map((w, i) => (i === 0 ? w : w.charAt(0).toUpperCase() + w.slice(1)))\n      .join('') || 'field'\n  let key = base\n  let i = 1\n  while (existingKeys.has(key)) {\n    i += 1\n    key = `${base}${i}`\n  }\n  return key\n}\n\n/**\n * Sanitize a manually-typed property key: strip characters that aren't\n * valid in a JSON Schema property key used as a JS identifier, preserving\n * the editor's casing (unlike `generatePropertyKey`, which derives a\n * camelCase key from a display title).\n */\nexport function sanitizePropertyKey(raw: string): string {\n  const stripped = raw.replaceAll(/[^A-Za-z0-9_]/g, '')\n  return /^[0-9]/.test(stripped) ? `_${stripped}` : stripped\n}\n"],"mappings":";AAeA,IAAa,IAAkE;CAC7E;EAAE,OAAO;EAAQ,OAAO;CAAO;CAC/B;EAAE,OAAO;EAAU,OAAO;CAAS;CACnC;EAAE,OAAO;EAAW,OAAO;CAAW;CACtC;EAAE,OAAO;EAAU,OAAO;CAAgB;CAC1C;EAAE,OAAO;EAAe,OAAO;CAAgC;CAC/D;EAAE,OAAO;EAAQ,OAAO;CAAc;AACxC;AAEA,SAAgB,EACd,GACwB;CACxB,IAAI,CAAC,KAAQ,OAAO,KAAS,UAAU,OAAO;CAC9C,IAAI,EAAK,WAAW,yBAAyB,OAAO;CACpD,IAAI,EAAK,SAAS,YAAY,MAAM,QAAQ,EAAK,IAAI,GAAG,OAAO;CAG/D,IAAM,IAAQ,EAAK;CAYnB,OAVE,EAAK,SAAS,WACd,EAAK,gBAAgB,MACrB,GAAO,SAAS,YAChB,MAAM,QAAQ,EAAM,IAAI,IAEjB,gBAEL,EAAK,SAAS,YAAY,CAAC,EAAK,SAAe,SAC/C,EAAK,SAAS,YAAY,EAAK,SAAS,YAAkB,WAC1D,EAAK,SAAS,YAAkB,YAC7B;AACT;AAEA,SAAgB,EAAe,GAAsC;CAEnE,OADI,MAAS,OAAa,aACnB,EAAmB,MAAK,MAAO,EAAI,UAAU,CAAI,GAAG,SAAS;AACtE;AAGA,SAAgB,EAAc,GAA4B;CACxD,IAAM,IAAU,EAAK,QAAS,EAAK,OAAkC;CACrE,OAAO,MAAM,QAAQ,CAAO,IAAK,IAAuB,CAAC;AAC3D;AAGA,SAAgB,EACd,GACA,GACY;CACZ,IAAM,IAAmB;EACvB,OAAO,EAAK;EACZ,aAAa,EAAK;CACpB,GACM,IAAkB,EAAc,CAAI,GAEpC,IAAU,EAAgB,SAAS,IAAI,IAAkB,CAAC,UAAU;CAC1E,QAAQ,GAAR;EACE,KAAK;GACH,EAAK,OAAO;GACZ;EACF,KAAK;GACH,EAAK,OAAO;GACZ;EACF,KAAK;GACH,EAAK,OAAO;GACZ;EACF,KAAK;GAEH,AADA,EAAK,OAAO,UACZ,EAAK,OAAO;GACZ;EACF,KAAK;GAGH,AAFA,EAAK,OAAO,SACZ,EAAK,QAAQ;IAAE,MAAM;IAAU,MAAM;GAAQ,GAC7C,EAAK,cAAc;GACnB;EACF,KAAK;GAEH,AADA,EAAK,OAAO,UACZ,EAAK,SAAS;GACd;CACJ;CACA,OAAO;AACT;AAGA,SAAgB,EACd,GACA,GACQ;CACR,IAAM,IACJ,EACG,YAAY,EACZ,WAAW,gBAAgB,EAAE,EAC7B,KAAK,EACL,MAAM,KAAK,EACX,OAAO,OAAO,EACd,KAAK,GAAG,MAAO,MAAM,IAAI,IAAI,EAAE,OAAO,CAAC,EAAE,YAAY,IAAI,EAAE,MAAM,CAAC,CAAE,EACpE,KAAK,EAAE,KAAK,SACb,IAAM,GACN,IAAI;CACR,OAAO,EAAa,IAAI,CAAG,IAEzB,AADA,KAAK,GACL,IAAM,GAAG,IAAO;CAElB,OAAO;AACT;AAQA,SAAgB,EAAoB,GAAqB;CACvD,IAAM,IAAW,EAAI,WAAW,kBAAkB,EAAE;CACpD,OAAO,SAAS,KAAK,CAAQ,IAAI,IAAI,MAAa;AACpD"}

package/dist/components/FullTextSearch/FullTextSearch.js

@@ -1,11 +1,11 @@
 import { useDebouncedEffect as e } from "../../utils/hooks/useDebouncedEffect.js";
+import { useQueryVisualizationContext as t } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
 import "../../utils/hooks/index.js";
-import { HelpPopover as t } from "../HelpPopover/HelpPopover.js";
-import n from "../IconSvg/IconSvg.js";
-import { useQueryContext as r } from "../QueryContext/QueryContext.js";
+import { HelpPopover as n } from "../HelpPopover/HelpPopover.js";
+import r from "../IconSvg/IconSvg.js";
+import { useQueryContext as i } from "../QueryContext/QueryContext.js";
 import "../QueryContext/index.js";
-import { useGetQueryMetadata as i } from "../QueryWrapper/useGetQueryMetadata.js";
-import { useQueryVisualizationContext as a } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { useGetQueryMetadata as a } from "../QueryWrapper/useGetQueryMetadata.js";
 import "../QueryVisualizationWrapper/index.js";
 import { updateQueryUsingSearchTerm as o } from "./FullTextSearchUtils.js";
 import { IconSvgButton as s } from "../IconSvgButton.js";
@@ -15,7 +15,7 @@ import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/FullTextSearch/FullTextSearch.tsx
 var _ = 3, v = 300;
 function y({ ftsConfig: y }) {
-	let { executeQueryRequest: b } = r(), { showSearchBar: x } = a(), [S, C] = u(""), [w, T] = u([]), E = l(null), D = y?.minSearchQueryLength ?? _, { data: O } = i(), k = O?.columnModels;
+	let { executeQueryRequest: b } = i(), { showSearchBar: x } = t(), [S, C] = u(""), [w, T] = u([]), E = l(null), D = y?.minSearchQueryLength ?? _, { data: O } = a(), k = O?.columnModels;
 	c(() => {
 		(!y?.getSuggestions || S.trim().length < D) && T([]);
 	}, [
@@ -35,7 +35,7 @@ function y({ ftsConfig: y }) {
 		e.preventDefault(), S.trim().length < D ? E.current?.setCustomValidity(`Search term must have a minimum of ${D} characters`) : A(S);
 	}, M = (e) => {
 		E.current?.setCustomValidity(""), C(e.currentTarget.value);
-	}, N = /* @__PURE__ */ h(n, {
+	}, N = /* @__PURE__ */ h(r, {
 		icon: "search",
 		wrap: !1,
 		sx: {
@@ -48,7 +48,7 @@ function y({ ftsConfig: y }) {
 		onClick: () => {
 			C(""), T([]);
 		}
-	}), y?.searchHelpURL && /* @__PURE__ */ h(t, {
+	}), y?.searchHelpURL && /* @__PURE__ */ h(n, {
 		markdownText: "This search bar is powered by MySQL Full Text Search.",
 		helpUrl: y.searchHelpURL,
 		placement: "left"

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

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

@@ -5,8 +5,8 @@ import { CreateOrUpdateDoiModal as r } from "../../doi/CreateOrUpdateDoiModal.js
 import { useState as i } from "react";
 import { Box as a, IconButton as o, Skeleton as s, Tooltip as c } from "@mui/material";
 import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { CreateTwoTone as f } from "@mui/icons-material";
-import p from "@mui/material/Link";
+import f from "@mui/material/Link";
+import p from "@mui/icons-material/CreateTwoTone";
 //#region src/components/GenericCard/PortalDOI/PortalDOI.tsx
 function m(m) {
 	let [h, g] = i(!1), { portalId: _, resourceId: v } = m, { data: y } = e(_, { select: (e) => e.canMintDoi }), { data: b, isLoading: x } = t({
@@ -33,7 +33,7 @@ function m(m) {
 			height: 0
 		},
 		children: [b && /* @__PURE__ */ d(l, { children: [
-			/* @__PURE__ */ u(p, {
+			/* @__PURE__ */ u(f, {
 				href: S,
 				target: "_blank",
 				children: S
@@ -49,10 +49,10 @@ function m(m) {
 					onClick: () => g(!0),
 					size: "small",
 					sx: { color: "inherit" },
-					children: /* @__PURE__ */ u(f, { fontSize: "inherit" })
+					children: /* @__PURE__ */ u(p, { fontSize: "inherit" })
 				})
 			})
-		] }), !b && y && /* @__PURE__ */ u(p, {
+		] }), !b && y && /* @__PURE__ */ u(f, {
 			role: "button",
 			onClick: () => g(!0),
 			children: "Click to Create a DOI"

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

@@ -1 +1 @@
-{"version":3,"file":"PortalDOI.js","names":[],"sources":["../../../../src/components/GenericCard/PortalDOI/PortalDOI.tsx"],"sourcesContent":["import CopyToClipboardIcon from '@/components/CopyToClipboardIcon'\nimport { CreateOrUpdateDoiModal } from '@/components/doi/CreateOrUpdateDoiModal'\nimport { useGetDOIAssociation } from '@/synapse-queries/doi/useDOI'\nimport { useGetUserPortalPermissions } from '@/synapse-queries/portal/usePortal'\nimport { CreateTwoTone } from '@mui/icons-material'\nimport { Box, IconButton, Skeleton, Tooltip } from '@mui/material'\nimport Link from '@mui/material/Link'\nimport { useState } from 'react'\n\nexport type PortalDOIProps = {\n  /** The ID of the portal created with https://rest-docs.synapse.org/rest/POST/portal.html */\n  portalId: string\n  /** The ID of the resource. For Portals, this is a string that serializes the resourceType and all key information for\n   *  the resource */\n  resourceId: string\n}\n\n/**\n * Component used to view/create/edit a DOI for a portal resource.\n */\nfunction PortalDOI(props: PortalDOIProps) {\n  const [showEditModal, setShowEditModal] = useState(false)\n  const { portalId, resourceId } = props\n\n  const { data: canMintDoi } = useGetUserPortalPermissions(portalId, {\n    select: permissions => permissions.canMintDoi!,\n  })\n\n  const { data: doi, isLoading } = useGetDOIAssociation({\n    id: resourceId,\n    portalId,\n    type: 'PORTAL_RESOURCE',\n  })\n\n  if (isLoading) {\n    return <Skeleton role=\"progressbar\" width={150} />\n  }\n\n  const doiOrgUrl = doi ? `https://doi.org/${doi.doiUri}` : undefined\n\n  return (\n    <>\n      <CreateOrUpdateDoiModal\n        open={showEditModal}\n        onClose={() => setShowEditModal(false)}\n        objectType={'PORTAL_RESOURCE'}\n        objectId={resourceId}\n        portalId={portalId}\n      />\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: 0.5,\n          // set height to 0 to prevent expanding the table row\n          height: 0,\n        }}\n      >\n        {doi && (\n          <>\n            <Link href={doiOrgUrl} target={'_blank'}>\n              {doiOrgUrl}\n            </Link>\n            <CopyToClipboardIcon\n              size=\"small\"\n              value={doiOrgUrl || ''}\n              sx={{ color: 'inherit' }}\n            />\n\n            {canMintDoi && (\n              <Tooltip title={`Edit DOI`}>\n                <IconButton\n                  onClick={() => setShowEditModal(true)}\n                  size=\"small\"\n                  sx={{ color: 'inherit' }}\n                >\n                  <CreateTwoTone fontSize={'inherit'} />\n                </IconButton>\n              </Tooltip>\n            )}\n          </>\n        )}\n        {!doi && canMintDoi && (\n          <Link role=\"button\" onClick={() => setShowEditModal(true)}>\n            Click to Create a DOI\n          </Link>\n        )}\n      </Box>\n    </>\n  )\n}\n\nexport default PortalDOI\n"],"mappings":";;;;;;;;;;AAoBA,SAAS,EAAU,GAAuB;CACxC,IAAM,CAAC,GAAe,KAAoB,EAAS,EAAK,GAClD,EAAE,aAAU,kBAAe,GAE3B,EAAE,MAAM,MAAe,EAA4B,GAAU,EACjE,SAAQ,MAAe,EAAY,WACrC,CAAC,GAEK,EAAE,MAAM,GAAK,iBAAc,EAAqB;EACpD,IAAI;EACJ;EACA,MAAM;CACR,CAAC;CAED,IAAI,GACF,OAAO,kBAAC,GAAD;EAAU,MAAK;EAAc,OAAO;CAAM,CAAA;CAGnD,IAAM,IAAY,IAAM,mBAAmB,EAAI,WAAW,KAAA;CAE1D,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,MAAM;EACN,eAAe,EAAiB,EAAK;EACrC,YAAY;EACZ,UAAU;EACA;CACX,CAAA,GACD,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,KAAK;GAEL,QAAQ;EACV;YAPF,CASG,KACC,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAM,MAAM;IAAW,QAAQ;cAC5B;GACG,CAAA;GACN,kBAAC,GAAD;IACE,MAAK;IACL,OAAO,KAAa;IACpB,IAAI,EAAE,OAAO,UAAU;GACxB,CAAA;GAEA,KACC,kBAAC,GAAD;IAAS,OAAO;cACd,kBAAC,GAAD;KACE,eAAe,EAAiB,EAAI;KACpC,MAAK;KACL,IAAI,EAAE,OAAO,UAAU;eAEvB,kBAAC,GAAD,EAAe,UAAU,UAAY,CAAA;IAC3B,CAAA;GACL,CAAA;EAEX,EAAA,CAAA,GAEH,CAAC,KAAO,KACP,kBAAC,GAAD;GAAM,MAAK;GAAS,eAAe,EAAiB,EAAI;aAAG;EAErD,CAAA,CAEL;GACL,EAAA,CAAA;AAEN"}
+{"version":3,"file":"PortalDOI.js","names":[],"sources":["../../../../src/components/GenericCard/PortalDOI/PortalDOI.tsx"],"sourcesContent":["import CopyToClipboardIcon from '@/components/CopyToClipboardIcon'\nimport { CreateOrUpdateDoiModal } from '@/components/doi/CreateOrUpdateDoiModal'\nimport { useGetDOIAssociation } from '@/synapse-queries/doi/useDOI'\nimport { useGetUserPortalPermissions } from '@/synapse-queries/portal/usePortal'\nimport CreateTwoTone from '@mui/icons-material/CreateTwoTone'\nimport { Box, IconButton, Skeleton, Tooltip } from '@mui/material'\nimport Link from '@mui/material/Link'\nimport { useState } from 'react'\n\nexport type PortalDOIProps = {\n  /** The ID of the portal created with https://rest-docs.synapse.org/rest/POST/portal.html */\n  portalId: string\n  /** The ID of the resource. For Portals, this is a string that serializes the resourceType and all key information for\n   *  the resource */\n  resourceId: string\n}\n\n/**\n * Component used to view/create/edit a DOI for a portal resource.\n */\nfunction PortalDOI(props: PortalDOIProps) {\n  const [showEditModal, setShowEditModal] = useState(false)\n  const { portalId, resourceId } = props\n\n  const { data: canMintDoi } = useGetUserPortalPermissions(portalId, {\n    select: permissions => permissions.canMintDoi!,\n  })\n\n  const { data: doi, isLoading } = useGetDOIAssociation({\n    id: resourceId,\n    portalId,\n    type: 'PORTAL_RESOURCE',\n  })\n\n  if (isLoading) {\n    return <Skeleton role=\"progressbar\" width={150} />\n  }\n\n  const doiOrgUrl = doi ? `https://doi.org/${doi.doiUri}` : undefined\n\n  return (\n    <>\n      <CreateOrUpdateDoiModal\n        open={showEditModal}\n        onClose={() => setShowEditModal(false)}\n        objectType={'PORTAL_RESOURCE'}\n        objectId={resourceId}\n        portalId={portalId}\n      />\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          gap: 0.5,\n          // set height to 0 to prevent expanding the table row\n          height: 0,\n        }}\n      >\n        {doi && (\n          <>\n            <Link href={doiOrgUrl} target={'_blank'}>\n              {doiOrgUrl}\n            </Link>\n            <CopyToClipboardIcon\n              size=\"small\"\n              value={doiOrgUrl || ''}\n              sx={{ color: 'inherit' }}\n            />\n\n            {canMintDoi && (\n              <Tooltip title={`Edit DOI`}>\n                <IconButton\n                  onClick={() => setShowEditModal(true)}\n                  size=\"small\"\n                  sx={{ color: 'inherit' }}\n                >\n                  <CreateTwoTone fontSize={'inherit'} />\n                </IconButton>\n              </Tooltip>\n            )}\n          </>\n        )}\n        {!doi && canMintDoi && (\n          <Link role=\"button\" onClick={() => setShowEditModal(true)}>\n            Click to Create a DOI\n          </Link>\n        )}\n      </Box>\n    </>\n  )\n}\n\nexport default PortalDOI\n"],"mappings":";;;;;;;;;;AAoBA,SAAS,EAAU,GAAuB;CACxC,IAAM,CAAC,GAAe,KAAoB,EAAS,EAAK,GAClD,EAAE,aAAU,kBAAe,GAE3B,EAAE,MAAM,MAAe,EAA4B,GAAU,EACjE,SAAQ,MAAe,EAAY,WACrC,CAAC,GAEK,EAAE,MAAM,GAAK,iBAAc,EAAqB;EACpD,IAAI;EACJ;EACA,MAAM;CACR,CAAC;CAED,IAAI,GACF,OAAO,kBAAC,GAAD;EAAU,MAAK;EAAc,OAAO;CAAM,CAAA;CAGnD,IAAM,IAAY,IAAM,mBAAmB,EAAI,WAAW,KAAA;CAE1D,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,MAAM;EACN,eAAe,EAAiB,EAAK;EACrC,YAAY;EACZ,UAAU;EACA;CACX,CAAA,GACD,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,KAAK;GAEL,QAAQ;EACV;YAPF,CASG,KACC,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,GAAD;IAAM,MAAM;IAAW,QAAQ;cAC5B;GACG,CAAA;GACN,kBAAC,GAAD;IACE,MAAK;IACL,OAAO,KAAa;IACpB,IAAI,EAAE,OAAO,UAAU;GACxB,CAAA;GAEA,KACC,kBAAC,GAAD;IAAS,OAAO;cACd,kBAAC,GAAD;KACE,eAAe,EAAiB,EAAI;KACpC,MAAK;KACL,IAAI,EAAE,OAAO,UAAU;eAEvB,kBAAC,GAAD,EAAe,UAAU,UAAY,CAAA;IAC3B,CAAA;GACL,CAAA;EAEX,EAAA,CAAA,GAEH,CAAC,KAAO,KACP,kBAAC,GAAD;GAAM,MAAK;GAAS,eAAe,EAAiB,EAAI;aAAG;EAErD,CAAA,CAEL;GACL,EAAA,CAAA;AAEN"}

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";
@@ -35,7 +35,7 @@ import { useCallback as Ee, useMemo as u, useState as De } from "react";
 import { Box as Oe, Collapse as ke, Link as Ae, Stack as d, Typography as je } from "@mui/material";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import { ColumnTypeEnum as Me } from "@sage-bionetworks/synapse-types";
-import { GetAppTwoTone as Ne } from "@mui/icons-material";
+import Ne from "@mui/icons-material/GetAppTwoTone";
 import { useInView as Pe } from "react-intersection-observer";
 //#region src/components/GenericCard/TableRowGenericCard.tsx
 function Fe(e) {
@@ -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,