synapse-react-client 4.0.36 → 4.0.38

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

@@ -1 +1 @@
-{"version":3,"file":"TableRowGenericCard.js","names":[],"sources":["../../../src/components/GenericCard/TableRowGenericCard.tsx"],"sourcesContent":["import { CommonCardProps } from '@/components/CardContainer/CardConfiguration'\nimport {\n  getFileHandleAssociation,\n  getLinkParams,\n  getValueOrMultiValue,\n} from '@/components/GenericCard/CardUtils'\nimport CroissantButton from '@/components/GenericCard/CroissantButton/CroissantButton'\nimport { GenericCardIcon } from '@/components/GenericCard/GenericCardIcon'\nimport PortalDOI from '@/components/GenericCard/PortalDOI/PortalDOI'\nimport {\n  getCandidateDoiId,\n  useShowDoiCardLabel,\n} from '@/components/GenericCard/PortalDOI/PortalDOIUtils'\nimport { mapRowToRecord } from '@/components/SynapseTable/SynapseTableUtils'\nimport { useGetEntity } from '@/synapse-queries'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport {\n  isDatasetCollection,\n  isTableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport {\n  extractMarkdownLinkHref,\n  parseSynId,\n} from '@/utils/functions/RegularExpressions'\nimport { getColumnIndex } from '@/utils/functions/SqlFunctions'\nimport { TargetEnum } from '@/utils/html/TargetEnum'\nimport * as SynapseConstants from '@/utils/SynapseConstants'\nimport { GetAppTwoTone } from '@mui/icons-material'\nimport { Box, Collapse, Link, Stack, Typography } from '@mui/material'\nimport {\n  ColumnModel,\n  ColumnTypeEnum,\n  Entity,\n  SelectColumn,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport React, { useCallback, useMemo, useRef, useState } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport CitationPopover from '../CitationPopover'\nimport {\n  DATASET_HOSTING_CONFIG,\n  type DatasetHostingType,\n  normalizeHosting,\n} from '../DatasetHosting/DatasetHosting'\nimport DatasetDownloadButton from '../DatasetHosting/DatasetDownloadButton'\nimport { EntityDownloadConfirmation } from '../EntityDownloadConfirmation'\nimport { HeaderCardVariant } from '../HeaderCard'\nimport IconList from '../IconList'\nimport { useQueryContext } from '../QueryContext/QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport ShareThisPage, {\n  ShareThisPageProps,\n} from '../ShareThisPage/ShareThisPage'\nimport { SustainabilityScorecardProps } from '../SustainabilityScorecard/SustainabilityScorecard'\nimport { CardActionButtonStyleContext } from './CardActionButtonStyleContext'\nimport GenericCard from './GenericCard'\nimport GenericCardActionButton from './GenericCardActionButton'\nimport DuoTermTags from './DuoTermTags/DuoTermTags'\nimport { parseDuoModifiers } from './DuoTermTags/duoTerms'\nimport { PortalDOIConfiguration } from './PortalDOI/PortalDOIConfiguration'\nimport { SynapseCardLabel } from './SynapseCardLabel'\nimport { useResolvedSynapseEntity } from './useResolvedSynapseEntity'\n\ntype RowSynapseEntityConfig = {\n  /** Use the table rowId to resolve the Synapse entity ID. */\n  id: {\n    source: 'rowId'\n  }\n  /** Use the table rowVersionNumber to resolve the Synapse entity version (if available). */\n  version?: {\n    source: 'rowVersionNumber'\n  }\n}\n\ntype ColumnSynapseEntityConfig = {\n  /** Use a column value to resolve the Synapse entity ID. */\n  id: {\n    source: 'column'\n    columnName: string\n  }\n  /** Use a column value to resolve the Synapse entity version. */\n  version?: {\n    source: 'column'\n    columnName: string\n  }\n}\n\nexport type SynapseEntityConfig =\n  | RowSynapseEntityConfig\n  | ColumnSynapseEntityConfig\n\n/**\n * Maps a table query result to a GenericCard.\n */\nexport type TableToGenericCardMapping = {\n  /** The 'type' of resource a card refers to. Renders a label on the card with this string value.\n   *  Can be hidden by setting it to '' (empty string)\n   */\n  type: string\n  /** The column name whose data contains the title of the card */\n  title: string\n  /** The column name whose data contains the subtitle of the card */\n  subTitle?: string\n  /** The column name whose data contains the description of the card */\n  description?: string\n  /** If true, a 'Cite As' button will be displayed for those cards with a DOI in the 'doi' column  */\n  includeCitation?: boolean\n  /** If true, a 'Share this page' button will be displayed  */\n  includeShareButton?: boolean\n  /**\n   * Configuration for displaying the SustainabilityScorecard component\n   */\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  /** The initial citation format to use in the 'Cite As' UI */\n  defaultCitationFormat?: 'bibtex' | 'apa' | 'ieee' | 'nature' | 'science'\n  /** Static text displayed in the 'Cite As' UI */\n  citationBoilerplateText?: string\n  /** The column name whose data contains the value used to map to the icon */\n  icon?: string\n  /** The column name whose data contains an image file handle to be displayed on the card */\n  imageFileHandleColumnName?: string\n  /** Static boolean value used if the image displayed using `imageFileHandleColumnName` requires extra padding */\n  thumbnailRequiresPadding?: boolean\n  /** Array of column names to be used for labels in the Card Footer */\n  secondaryLabels?: string[]\n  /** Can be used to add a custom secondary label */\n  customSecondaryLabelConfig?: {\n    /** The displayed label key */\n    key: string\n    /** The value to display */\n    value: React.ReactNode\n    /** Callback to determine visibility of the label\n     * @param schema the mapping of columnName to data index\n     * @param data the row data\n     */\n    isVisible: (schema: Record<string, number>, data: string[]) => boolean\n  }\n  /** Column name of the link value if the title should be linked */\n  link?: string\n  /** Column name of the STRING_LIST column that includes icon names that represent icons that should be displayed on the card */\n  dataTypeIconNames?: string\n  /**\n   * Ordered list of column names to display to the right of the title area.\n   * Each renders as \"Display Name: Value\" on its own line. Rows with empty values are skipped.\n   * The display name is derived from getColumnDisplayName (respects column aliases and unCamelCase).\n   *\n   * Can also be a function that receives the schema and row data and returns the list of column\n   * names to display, allowing the displayed details to vary based on the row's actual values.\n   */\n  titleAreaDetails?:\n    | string[]\n    | ((schema: Record<string, number>, data: string[]) => string[])\n  /** Configuration for resolving the Synapse entity ID/version represented by each card row.\n   *  The ID and version sources must both reference either row-based values or column-based values.\n   */\n  synapseEntityConfig?: SynapseEntityConfig\n  /** The column name whose data contains a synId that can be used to show a button to add the corresponding entity to the download cart. */\n  downloadCartSynId?: string\n  /**\n   * Opt-in configuration for hosting-aware download/access. When `hostingColumn`\n   * is provided, the card's primary action becomes a `DatasetDownloadButton` driven\n   * by the row's hosting value: downloadable hosting types show the standard dataset\n   * download options, while non-downloadable types (e.g. external-access) swap to a\n   * link to the external repository instead. Other portals that don't set this\n   * are unaffected.\n   */\n  hostingConfig?: {\n    /** Column holding the hosting type. Blank/unknown → `synapse`. */\n    hostingColumn: string\n    /**\n     * Optional map from the column's raw values to hosting types, for columns that\n     * use portal-specific labels rather than the canonical vocabulary (e.g. CCKP's\n     * `downloadType`: \"Synapse Indexed\" → `external-download`). Values not in the\n     * map fall back to `normalizeHosting` (canonical value, or → `synapse`).\n     */\n    hostingValueMap?: Record<string, DatasetHostingType>\n    /** Column holding the free-text external repository name (e.g. \"GEO\", \"dbGaP\"). */\n    repositoryColumn?: string\n    /** Column holding the external URL used for non-downloadable (external-access) datasets. */\n    externalUrlColumn?: string\n  }\n  /** Configuration to display a DOI, as well as the ability to create one for users with such permission */\n  portalDoiConfiguration?: PortalDOIConfiguration\n  /**\n   * Column name of a STRING_LIST of Data Use Ontology (DUO) values (ontology\n   * codes or term names). When set, the values are rendered as DUO tags in a\n   * metadata row labeled with the column's display name, so the card matches the\n   * corresponding facet.\n   */\n  dataUseModifiersColumnName?: string\n}\n\nexport type TableRowGenericCardProps = {\n  /** The schema that maps a table result to the GenericCard UI */\n  genericCardSchema: TableToGenericCardMapping\n  /** The table's SelectColumns */\n  selectColumns?: SelectColumn[]\n  /** The table's ColumnModels */\n  columnModels?: ColumnModel[]\n  /** If true, the 'type' column will be used as the icon string to choose the icon */\n  useTypeColumnForIcon?: boolean\n  /** If true, render the card as a HeaderCard */\n  isHeader?: boolean\n  /** If isHeader is true, use this variant of HeaderCard */\n  headerCardVariant?: HeaderCardVariant\n  isAlignToLeftNav?: boolean\n  /** Mapping of column name to row data index */\n  schema: Record<string, number>\n  /** The row data */\n  data: string[]\n  /** The ID of the table row */\n  rowId?: number\n  /** The versionNumber of the table row */\n  versionNumber?: number\n  /** Optional props for the ShareThisPage component */\n  sharePageLinkButtonProps?: ShareThisPageProps\n  /** Optional function that receives schema and data and returns a ReactNode to be rendered next to the card type */\n  CardTypeAdornment?: React.ComponentType<{\n    schema: Record<string, number>\n    data: string[]\n  }>\n} & CommonCardProps\n\n// SWC-6115: special rendering of the version column (for Views)\nfunction VersionLabel(props: { synapseId: string; version: string }) {\n  const { synapseId, version } = props\n  return (\n    <span>\n      {version}&nbsp;&nbsp;\n      <a\n        target={TargetEnum.NEW_WINDOW}\n        rel=\"noopener noreferrer\"\n        href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${synapseId}.${version}`}\n      >\n        (Show Version History on Synapse)\n      </a>\n    </span>\n  )\n}\n\n/**\n * Maps a table row to a GenericCard.\n */\nexport function TableRowGenericCard(props: TableRowGenericCardProps) {\n  const [showDownloadConfirmation, setShowDownloadConfirmation] =\n    useState(false)\n  const [downloadButtonLoading, setDownloadButtonLoading] = useState(false)\n\n  const { entityId, versionNumber } = useQueryContext()\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n\n  const { ref, inView: cardIsInView } = useInView()\n\n  const { data: table } = useGetEntity<Table>(entityId, versionNumber)\n\n  const {\n    schema,\n    data,\n    rowId,\n    versionNumber: rowVersionNumber,\n    genericCardSchema,\n    secondaryLabelLimit,\n    sharePageLinkButtonProps,\n    selectColumns,\n    columnModels,\n    iconOptions,\n    useTypeColumnForIcon = false,\n    isHeader = false,\n    sustainabilityScorecard,\n    headerCardVariant,\n    titleLinkConfig,\n    ctaLinkConfig,\n    ctaLinkPosition,\n    labelLinkConfig,\n    descriptionConfig,\n    columnIconOptions,\n    CardTypeAdornment,\n    charCountCutoff,\n    actionButtonStyle = 'button',\n  } = props\n\n  const {\n    link = '',\n    type,\n    includeCitation,\n    includeShareButton,\n    defaultCitationFormat,\n    citationBoilerplateText,\n    downloadCartSynId,\n    portalDoiConfiguration,\n  } = genericCardSchema\n  const title = data[schema[genericCardSchema.title]]\n  let subTitle =\n    genericCardSchema.subTitle && data[schema[genericCardSchema.subTitle]]\n  subTitle =\n    genericCardSchema.subTitle &&\n    getValueOrMultiValue({\n      value: subTitle,\n      columnName: genericCardSchema.subTitle,\n      selectColumns,\n      columnModels,\n    }).str\n  const description = data[schema[genericCardSchema.description || '']]\n  const iconValue = data[schema[genericCardSchema.icon || '']]\n  const dataTypeIconNames =\n    data[schema[genericCardSchema.dataTypeIconNames || '']]\n  const imageFileHandleIdValue =\n    data[schema[genericCardSchema.imageFileHandleColumnName || '']]\n  const titleColumnModel = columnModels?.find(\n    el => genericCardSchema.link === el.name,\n  )\n  const titleColumnType = titleColumnModel?.columnType\n  // wrap link in parens because undefined would throw an error\n  const linkValue: string = data[schema[link]] || ''\n  const { href, target } = getLinkParams(\n    linkValue,\n    titleLinkConfig,\n    data,\n    schema,\n    rowId,\n  )\n\n  const synapseEntityConfig = genericCardSchema.synapseEntityConfig\n\n  const getColumnValue = useCallback(\n    (columnName?: string) => {\n      if (!columnName) {\n        return undefined\n      }\n      const columnIndex = schema[columnName]\n      if (columnIndex === undefined) {\n        return undefined\n      }\n      return data[columnIndex]\n    },\n    [schema, data],\n  )\n\n  // DUO (Data Use Ontology) tags, when a dataUseModifiers column is configured.\n  // Rendered as a metadata row labeled with the column's display name.\n  const duoContent = useMemo(() => {\n    const col = genericCardSchema.dataUseModifiersColumnName\n    if (!col) {\n      return undefined\n    }\n    const terms = parseDuoModifiers(data[schema[col]])\n    if (terms.length === 0) {\n      return undefined\n    }\n    return <DuoTermTags terms={terms} />\n  }, [genericCardSchema, data, schema])\n\n  const resolvedTitleAreaRightContent = useMemo(() => {\n    const { titleAreaDetails } = genericCardSchema\n    if (!titleAreaDetails) return undefined\n    const columns =\n      typeof titleAreaDetails === 'function'\n        ? titleAreaDetails(schema, data)\n        : titleAreaDetails\n    if (columns.length === 0) return undefined\n    const rows = columns\n      .map(columnName => {\n        const rawValue: string | undefined = data[schema[columnName]]\n        if (!rawValue) return null\n        return { name: getColumnDisplayName(columnName), rawValue, columnName }\n      })\n      .filter(Boolean) as {\n      name: string\n      rawValue: string\n      columnName: string\n    }[]\n    if (rows.length === 0) return undefined\n    return (\n      <Stack direction=\"column\" gap=\"4px\">\n        {rows.map(({ name, rawValue, columnName }) => (\n          <Stack key={columnName} direction=\"row\" gap=\"4px\" alignItems=\"center\">\n            <Typography component=\"span\" variant=\"body1\">\n              {name}:\n            </Typography>\n            <SynapseCardLabel\n              value={rawValue}\n              columnName={columnName}\n              labelLink={undefined}\n              isHeader={isHeader}\n              selectColumns={selectColumns}\n              columnModels={columnModels}\n              rowData={data}\n              columnIconOptions={columnIconOptions}\n            />\n          </Stack>\n        ))}\n      </Stack>\n    )\n  }, [\n    genericCardSchema,\n    data,\n    schema,\n    getColumnDisplayName,\n    isHeader,\n    selectColumns,\n    columnModels,\n    columnIconOptions,\n  ])\n\n  const {\n    entityId: resolvedSynapseEntityId,\n    entityVersionNumber: resolvedSynapseEntityVersionNumber,\n  } = useResolvedSynapseEntity({\n    synapseEntityConfig,\n    getColumnValue,\n    rowId,\n    rowVersionNumber,\n  })\n\n  let resolvedDownloadCartSynIdValue = resolvedSynapseEntityId\n  let resolvedDownloadCartVersionNumber = resolvedSynapseEntityVersionNumber\n\n  if (downloadCartSynId) {\n    const reference = parseSynId(getColumnValue(downloadCartSynId) ?? '')\n    resolvedDownloadCartSynIdValue = reference?.targetId\n    resolvedDownloadCartVersionNumber = reference?.targetVersionNumber\n  }\n\n  // Opt-in hosting-aware action: when the schema declares a hosting column, the\n  // primary action is a DatasetDownloadButton driven by the row's hosting value.\n  const hostingConfig = genericCardSchema.hostingConfig\n  const rawHostingValue = hostingConfig\n    ? getColumnValue(hostingConfig.hostingColumn)\n    : undefined\n  const hostingType = hostingConfig\n    ? (rawHostingValue && hostingConfig.hostingValueMap?.[rawHostingValue]) ||\n      normalizeHosting(rawHostingValue)\n    : undefined\n  const hostingRepository = hostingConfig?.repositoryColumn\n    ? getColumnValue(hostingConfig.repositoryColumn)\n    : undefined\n  const rawHostingExternalUrl = hostingConfig?.externalUrlColumn\n    ? getColumnValue(hostingConfig.externalUrlColumn)\n    : undefined\n  // The externalUrl column may be a markdown link (e.g. CCKP's `externalLink`:\n  // \"[label](https://...)\") rather than a plain URL — extract the href if so.\n  const hostingExternalUrl = rawHostingExternalUrl\n    ? extractMarkdownLinkHref(rawHostingExternalUrl)\n    : undefined\n  // Non-downloadable hosting (e.g. external-access) suppresses the Synapse\n  // download flow entirely; everything else keeps the add-to-download-list behavior.\n  const hostingIsDownloadable = hostingType\n    ? DATASET_HOSTING_CONFIG[hostingType].downloadable\n    : true\n  // Portal target for the DatasetDownloadButton's download-confirmation dialog, so\n  // it renders in the card's top content region rather than inline in the button row.\n  const datasetDownloadConfirmationRef = useRef<HTMLDivElement>(null)\n\n  // Transform the row to a record of (columnName, value) pairs for compatibility with getCandidateDoiId\n  const dataAsRecord: Record<string, string | null> = useMemo(\n    () => mapRowToRecord(data, schema),\n    [data, schema],\n  )\n\n  const candidateDoiId = getCandidateDoiId({\n    data: dataAsRecord,\n    portalDoiConfiguration,\n  })\n\n  const showDoiCardLabel = useShowDoiCardLabel({\n    portalId: portalDoiConfiguration?.portalId,\n    resourceId: candidateDoiId,\n  })\n\n  const values: {\n    columnDisplayName: string\n    value: React.ReactNode\n    columnName?: string\n  }[] = []\n  const { secondaryLabels = [] } = genericCardSchema\n  const customLabelConfig = genericCardSchema.customSecondaryLabelConfig\n\n  // DUO tags rendered as a metadata row (alongside \"How to download\", size, …).\n  // Label it with the DUO column's display name so the card row matches the\n  // facet exactly (respecting any column alias) rather than a hardcoded string.\n  if (duoContent && genericCardSchema.dataUseModifiersColumnName) {\n    values.push({\n      columnName: genericCardSchema.dataUseModifiersColumnName,\n      columnDisplayName: getColumnDisplayName(\n        genericCardSchema.dataUseModifiersColumnName,\n      ),\n      value: duoContent,\n    })\n  }\n\n  // PORTALS-3549 - if a DOI exists or can be created by the current user, show it\n  if (\n    showDoiCardLabel &&\n    portalDoiConfiguration &&\n    candidateDoiId &&\n    cardIsInView\n  ) {\n    values.push({\n      columnDisplayName: 'DOI',\n      value: (\n        <PortalDOI\n          portalId={portalDoiConfiguration.portalId}\n          resourceId={candidateDoiId}\n        />\n      ),\n    })\n  }\n\n  // Overwrite the 'HOW TO DOWNLOAD' link if a synapse ID is available — but not\n  // for non-downloadable hosting (e.g. external-access), where adding to the\n  // Synapse download list wouldn't work; fall back to the static guidance instead.\n  if (customLabelConfig?.isVisible(schema, data)) {\n    const { key, value } = customLabelConfig\n    if (resolvedDownloadCartSynIdValue && hostingIsDownloadable) {\n      values.push({\n        columnDisplayName: 'HOW TO DOWNLOAD',\n        value: (\n          <Link onClick={() => setShowDownloadConfirmation(val => !val)}>\n            Click here to add to Synapse download list\n          </Link>\n        ),\n      })\n    } else {\n      values.push({ columnDisplayName: key, value })\n    }\n  }\n\n  const isView = table && !isTableEntity(table)\n  for (let i = 0; i < secondaryLabels.length; i += 1) {\n    const columnName = secondaryLabels[i]\n    const rawValue: string | undefined = data[schema[columnName]]\n    let renderedValue: React.ReactNode = rawValue\n    let columnDisplayName\n    if (renderedValue && rawValue !== '[]' && rawValue !== '[\"\"]') {\n      // PORTALS-2750: special rendering of the datasetSizeInBytes (for Dataset Collections)\n      if (\n        isDatasetCollection(table as Entity) &&\n        columnName === 'datasetSizeInBytes'\n      ) {\n        columnDisplayName = 'Size'\n        renderedValue = calculateFriendlyFileSize(parseInt(rawValue))\n      } // SWC-6115: special rendering of the version column (for Views)\n      else if (isView && columnName === 'currentVersion') {\n        const synapseId = data[schema.id]\n        renderedValue = (\n          <VersionLabel synapseId={synapseId} version={rawValue} />\n        )\n        columnDisplayName = 'Version'\n      } else {\n        const labelLink = labelLinkConfig?.find(\n          el => el.matchColumnName === columnName,\n        )\n        renderedValue = (\n          <SynapseCardLabel\n            value={rawValue}\n            columnName={columnName}\n            labelLink={labelLink}\n            isHeader={isHeader}\n            selectColumns={selectColumns}\n            columnModels={columnModels}\n            rowData={data}\n            columnIconOptions={columnIconOptions}\n          />\n        )\n        columnDisplayName = getColumnDisplayName(columnName)\n      }\n      values.push({ columnDisplayName, value: renderedValue, columnName })\n    }\n  }\n\n  const fileHandleId = imageFileHandleIdValue || linkValue\n\n  /**\n   * To show a direct download link to a file, we need to determine the association that gives permission to download the file.\n   */\n  const fileHandleAssociation = getFileHandleAssociation(\n    table,\n    fileHandleId,\n    data[schema.id],\n  )\n\n  const descriptionSubTitle = getColumnDisplayName(\n    genericCardSchema.description || '',\n  )\n\n  const doiColumnIndex = getColumnIndex('doi', selectColumns, columnModels)\n  const doiValue =\n    doiColumnIndex !== undefined ? data[doiColumnIndex] : undefined\n\n  // Normalize ctaLinkConfig to array and resolve each config\n  const ctaLinkConfigs = ctaLinkConfig\n    ? Array.isArray(ctaLinkConfig)\n      ? ctaLinkConfig\n      : [ctaLinkConfig]\n    : []\n  const resolvedCtaLinkConfigs = ctaLinkConfigs\n    .map(config => {\n      const ctaLinkValue: string = data[schema[config.link]] || ''\n      if (!ctaLinkValue) return null\n      const { href, target } = getLinkParams(\n        ctaLinkValue,\n        undefined, //card link config\n        data,\n        schema,\n        rowId,\n      )\n      return {\n        text: config.endIcon ? (\n          <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>\n            {config.text}\n            {config.endIcon}\n          </div>\n        ) : (\n          config.text\n        ),\n        href,\n        target,\n      }\n    })\n    .filter(Boolean) as { text: string; href: string; target?: string }[]\n\n  let croissantButton = <></>\n  if (\n    resolvedSynapseEntityId != null &&\n    resolvedSynapseEntityVersionNumber != null\n  ) {\n    croissantButton = (\n      <CroissantButton\n        datasetId={resolvedSynapseEntityId}\n        datasetVersionNumber={resolvedSynapseEntityVersionNumber}\n      />\n    )\n  }\n\n  const resolvedCardTypeAdornment = CardTypeAdornment ? (\n    <CardTypeAdornment schema={schema} data={data} />\n  ) : null\n\n  let isRenderingIcon = true\n  if (isHeader && !imageFileHandleIdValue && !iconValue) {\n    // For header cards, if there is no image or explicit icon value, we don't show an icon at all\n    isRenderingIcon = false\n  }\n  const iconNode = isRenderingIcon ? (\n    <GenericCardIcon\n      type={\n        useTypeColumnForIcon ? data[schema['type']] : genericCardSchema.type\n      }\n      useTypeForIcon={useTypeColumnForIcon}\n      thumbnailRequiresPadding={genericCardSchema.thumbnailRequiresPadding}\n      imageFileHandleId={imageFileHandleIdValue}\n      fileHandleAssociation={fileHandleAssociation}\n      iconOptions={iconOptions}\n      iconValue={iconValue}\n    />\n  ) : undefined\n  return (\n    <GenericCard\n      ref={ref}\n      icon={iconNode}\n      isHeader={isHeader}\n      sustainabilityScorecard={sustainabilityScorecard}\n      headerCardVariant={headerCardVariant}\n      type={type}\n      title={title}\n      subtitle={subTitle}\n      titleLinkConfiguration={{ target, href }}\n      cardTypeAdornment={resolvedCardTypeAdornment}\n      titleAsFileHandleLinkConfiguration={\n        !titleLinkConfig &&\n        titleColumnType === ColumnTypeEnum.FILEHANDLEID &&\n        fileHandleAssociation\n          ? {\n              fileHandleAssociation: fileHandleAssociation,\n              showDownloadIcon: type !== SynapseConstants.EXPERIMENTAL,\n            }\n          : undefined\n      }\n      ctaLinkConfig={\n        resolvedCtaLinkConfigs.length > 0 ? resolvedCtaLinkConfigs : undefined\n      }\n      ctaLinkPosition={ctaLinkPosition}\n      titleAreaRightContent={resolvedTitleAreaRightContent}\n      description={description}\n      descriptionSubTitle={descriptionSubTitle}\n      descriptionConfig={descriptionConfig}\n      charCountCutoff={charCountCutoff}\n      labels={values}\n      secondaryLabelLimit={secondaryLabelLimit}\n      useStylesForDisplayedImage={Boolean(imageFileHandleIdValue)}\n      cardTopContent={\n        <>\n          {!hostingConfig && resolvedDownloadCartSynIdValue && (\n            <Collapse in={showDownloadConfirmation}>\n              <EntityDownloadConfirmation\n                entityId={resolvedDownloadCartSynIdValue}\n                versionNumber={resolvedDownloadCartVersionNumber}\n                handleClose={() => setShowDownloadConfirmation(false)}\n                onIsLoadingChange={isLoading => {\n                  setDownloadButtonLoading(isLoading)\n                }}\n              />\n            </Collapse>\n          )}\n          {/* DatasetDownloadButton (hosting path) portals its confirmation here. */}\n          {hostingConfig && <div ref={datasetDownloadConfirmationRef} />}\n        </>\n      }\n      renderedIconList={\n        // If the portal configs has columnIconOptions.columns.dataType option\n        // and the column value is not null, display the card data type icons\n        columnIconOptions?.columns?.dataType &&\n        dataTypeIconNames?.length && (\n          <div style={{ marginTop: '20px' }}>\n            <IconList\n              iconConfigs={columnIconOptions.columns.dataType}\n              iconNames={JSON.parse(dataTypeIconNames) as string[]}\n              commonIconProps={{\n                sx: { fontSize: '40px' },\n              }}\n              useBackground={true}\n              useTheme={true}\n            />\n          </div>\n        )\n      }\n      cardTopButtons={\n        <CardActionButtonStyleContext.Provider value={actionButtonStyle}>\n          <Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>\n            {croissantButton}\n            {/* Hosting-aware action (opt-in via schema.hostingConfig): downloadable\n              hosting shows the standard dataset download options; non-downloadable\n              hosting links out to the external repository or is non-actionable. */}\n            {hostingConfig &&\n              (resolvedDownloadCartSynIdValue || !hostingIsDownloadable) && (\n                <DatasetDownloadButton\n                  entityId={resolvedDownloadCartSynIdValue}\n                  name={title}\n                  version={resolvedDownloadCartVersionNumber}\n                  hosting={hostingType}\n                  repository={hostingRepository}\n                  externalUrl={hostingExternalUrl}\n                  downloadConfirmationContainer={datasetDownloadConfirmationRef}\n                />\n              )}\n            {/* PORTALS-3386 Use synapseLink in schema to add entity to download cart */}\n            {!hostingConfig && resolvedDownloadCartSynIdValue && (\n              <GenericCardActionButton\n                onClick={() => setShowDownloadConfirmation(val => !val)}\n                variant=\"outlined\"\n                startIcon={<GetAppTwoTone sx={{ height: '12px' }} />}\n                loading={downloadButtonLoading}\n              >\n                Download\n              </GenericCardActionButton>\n            )}\n            {includeCitation && doiValue && (\n              <CitationPopover\n                title={title}\n                doi={doiValue}\n                boilerplateText={citationBoilerplateText}\n                defaultCitationFormat={defaultCitationFormat}\n              />\n            )}\n            {includeShareButton && isHeader && (\n              <ShareThisPage {...sharePageLinkButtonProps} />\n            )}\n          </Box>\n        </CardActionButtonStyleContext.Provider>\n      }\n    />\n  )\n}\n\nexport default TableRowGenericCard\n"],"mappings":"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"}
+{"version":3,"file":"TableRowGenericCard.js","names":[],"sources":["../../../src/components/GenericCard/TableRowGenericCard.tsx"],"sourcesContent":["import { CommonCardProps } from '@/components/CardContainer/CardConfiguration'\nimport {\n  getFileHandleAssociation,\n  getLinkParams,\n  getValueOrMultiValue,\n} from '@/components/GenericCard/CardUtils'\nimport CroissantButton from '@/components/GenericCard/CroissantButton/CroissantButton'\nimport { GenericCardIcon } from '@/components/GenericCard/GenericCardIcon'\nimport PortalDOI from '@/components/GenericCard/PortalDOI/PortalDOI'\nimport {\n  getCandidateDoiId,\n  useShowDoiCardLabel,\n} from '@/components/GenericCard/PortalDOI/PortalDOIUtils'\nimport { mapRowToRecord } from '@/components/SynapseTable/SynapseTableUtils'\nimport { useGetEntity } from '@/synapse-queries'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport {\n  isDatasetCollection,\n  isTableEntity,\n} from '@/utils/functions/EntityTypeUtils'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport {\n  extractMarkdownLinkHref,\n  parseSynId,\n} from '@/utils/functions/RegularExpressions'\nimport { getColumnIndex } from '@/utils/functions/SqlFunctions'\nimport { TargetEnum } from '@/utils/html/TargetEnum'\nimport * as SynapseConstants from '@/utils/SynapseConstants'\nimport { GetAppTwoTone } from '@mui/icons-material'\nimport { Box, Collapse, Link, Stack, Typography } from '@mui/material'\nimport {\n  ColumnModel,\n  ColumnTypeEnum,\n  Entity,\n  SelectColumn,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport React, { useCallback, useMemo, useState } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport CitationPopover from '../CitationPopover'\nimport {\n  DATASET_HOSTING_CONFIG,\n  type DatasetHostingType,\n  normalizeHosting,\n} from '../DatasetHosting/DatasetHosting'\nimport DatasetDownloadButton from '../DatasetHosting/DatasetDownloadButton'\nimport DatasetHostingAdornment from '../DatasetHosting/DatasetHostingAdornment'\nimport { EntityDownloadConfirmation } from '../EntityDownloadConfirmation'\nimport { HeaderCardVariant } from '../HeaderCard'\nimport IconList from '../IconList'\nimport { useQueryContext } from '../QueryContext/QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport ShareThisPage, {\n  ShareThisPageProps,\n} from '../ShareThisPage/ShareThisPage'\nimport { SustainabilityScorecardProps } from '../SustainabilityScorecard/SustainabilityScorecard'\nimport { CardActionButtonStyleContext } from './CardActionButtonStyleContext'\nimport GenericCard from './GenericCard'\nimport GenericCardActionButton from './GenericCardActionButton'\nimport DuoTermTags from './DuoTermTags/DuoTermTags'\nimport { parseDuoModifiers } from './DuoTermTags/duoTerms'\nimport { PortalDOIConfiguration } from './PortalDOI/PortalDOIConfiguration'\nimport { SynapseCardLabel } from './SynapseCardLabel'\nimport { useResolvedSynapseEntity } from './useResolvedSynapseEntity'\n\ntype RowSynapseEntityConfig = {\n  /** Use the table rowId to resolve the Synapse entity ID. */\n  id: {\n    source: 'rowId'\n  }\n  /** Use the table rowVersionNumber to resolve the Synapse entity version (if available). */\n  version?: {\n    source: 'rowVersionNumber'\n  }\n}\n\ntype ColumnSynapseEntityConfig = {\n  /** Use a column value to resolve the Synapse entity ID. */\n  id: {\n    source: 'column'\n    columnName: string\n  }\n  /** Use a column value to resolve the Synapse entity version. */\n  version?: {\n    source: 'column'\n    columnName: string\n  }\n}\n\nexport type SynapseEntityConfig =\n  | RowSynapseEntityConfig\n  | ColumnSynapseEntityConfig\n\n/**\n * Maps a table query result to a GenericCard.\n */\nexport type TableToGenericCardMapping = {\n  /** The 'type' of resource a card refers to. Renders a label on the card with this string value.\n   *  Can be hidden by setting it to '' (empty string)\n   */\n  type: string\n  /** The column name whose data contains the title of the card */\n  title: string\n  /** The column name whose data contains the subtitle of the card */\n  subTitle?: string\n  /** The column name whose data contains the description of the card */\n  description?: string\n  /** If true, a 'Cite As' button will be displayed for those cards with a DOI in the 'doi' column  */\n  includeCitation?: boolean\n  /** If true, a 'Share this page' button will be displayed  */\n  includeShareButton?: boolean\n  /**\n   * Configuration for displaying the SustainabilityScorecard component\n   */\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  /** The initial citation format to use in the 'Cite As' UI */\n  defaultCitationFormat?: 'bibtex' | 'apa' | 'ieee' | 'nature' | 'science'\n  /** Static text displayed in the 'Cite As' UI */\n  citationBoilerplateText?: string\n  /** The column name whose data contains the value used to map to the icon */\n  icon?: string\n  /** The column name whose data contains an image file handle to be displayed on the card */\n  imageFileHandleColumnName?: string\n  /** Static boolean value used if the image displayed using `imageFileHandleColumnName` requires extra padding */\n  thumbnailRequiresPadding?: boolean\n  /** Array of column names to be used for labels in the Card Footer */\n  secondaryLabels?: string[]\n  /** Can be used to add a custom secondary label */\n  customSecondaryLabelConfig?: {\n    /** The displayed label key */\n    key: string\n    /** The value to display */\n    value: React.ReactNode\n    /** Callback to determine visibility of the label\n     * @param schema the mapping of columnName to data index\n     * @param data the row data\n     */\n    isVisible: (schema: Record<string, number>, data: string[]) => boolean\n  }\n  /** Column name of the link value if the title should be linked */\n  link?: string\n  /** Column name of the STRING_LIST column that includes icon names that represent icons that should be displayed on the card */\n  dataTypeIconNames?: string\n  /**\n   * Ordered list of column names to display to the right of the title area.\n   * Each renders as \"Display Name: Value\" on its own line. Rows with empty values are skipped.\n   * The display name is derived from getColumnDisplayName (respects column aliases and unCamelCase).\n   *\n   * Can also be a function that receives the schema and row data and returns the list of column\n   * names to display, allowing the displayed details to vary based on the row's actual values.\n   */\n  titleAreaDetails?:\n    | string[]\n    | ((schema: Record<string, number>, data: string[]) => string[])\n  /** Configuration for resolving the Synapse entity ID/version represented by each card row.\n   *  The ID and version sources must both reference either row-based values or column-based values.\n   */\n  synapseEntityConfig?: SynapseEntityConfig\n  /** The column name whose data contains a synId that can be used to show a button to add the corresponding entity to the download cart. */\n  downloadCartSynId?: string\n  /**\n   * Opt-in configuration for hosting-aware download/access. When `hostingColumn`\n   * is provided, the card's primary action becomes a `DatasetDownloadButton` driven\n   * by the row's hosting value: downloadable hosting types show the standard dataset\n   * download options, while non-downloadable types (e.g. external-access) swap to a\n   * link to the external repository instead. Other portals that don't set this\n   * are unaffected.\n   */\n  hostingConfig?: {\n    /** Column holding the hosting type. Blank/unknown → `synapse`. */\n    hostingColumn: string\n    /**\n     * Optional map from the column's raw values to hosting types, for columns that\n     * use portal-specific labels rather than the canonical vocabulary (e.g. CCKP's\n     * `downloadType`: \"Synapse Indexed\" → `external-download`). Values not in the\n     * map fall back to `normalizeHosting` (canonical value, or → `synapse`).\n     */\n    hostingValueMap?: Record<string, DatasetHostingType>\n    /** Column holding the free-text external repository name (e.g. \"GEO\", \"dbGaP\"). */\n    repositoryColumn?: string\n    /** Column holding the external URL used for non-downloadable (external-access) datasets. */\n    externalUrlColumn?: string\n  }\n  /** Configuration to display a DOI, as well as the ability to create one for users with such permission */\n  portalDoiConfiguration?: PortalDOIConfiguration\n  /**\n   * Column name of a STRING_LIST of Data Use Ontology (DUO) values (ontology\n   * codes or term names). When set, the values are rendered as DUO tags in a\n   * metadata row labeled with the column's display name, so the card matches the\n   * corresponding facet.\n   */\n  dataUseModifiersColumnName?: string\n}\n\nexport type TableRowGenericCardProps = {\n  /** The schema that maps a table result to the GenericCard UI */\n  genericCardSchema: TableToGenericCardMapping\n  /** The table's SelectColumns */\n  selectColumns?: SelectColumn[]\n  /** The table's ColumnModels */\n  columnModels?: ColumnModel[]\n  /** If true, the 'type' column will be used as the icon string to choose the icon */\n  useTypeColumnForIcon?: boolean\n  /** If true, render the card as a HeaderCard */\n  isHeader?: boolean\n  /** If isHeader is true, use this variant of HeaderCard */\n  headerCardVariant?: HeaderCardVariant\n  isAlignToLeftNav?: boolean\n  /** Mapping of column name to row data index */\n  schema: Record<string, number>\n  /** The row data */\n  data: string[]\n  /** The ID of the table row */\n  rowId?: number\n  /** The versionNumber of the table row */\n  versionNumber?: number\n  /** Optional props for the ShareThisPage component */\n  sharePageLinkButtonProps?: ShareThisPageProps\n  /** Optional function that receives schema and data and returns a ReactNode to be rendered next to the card type */\n  CardTypeAdornment?: React.ComponentType<{\n    schema: Record<string, number>\n    data: string[]\n  }>\n} & CommonCardProps\n\n// SWC-6115: special rendering of the version column (for Views)\nfunction VersionLabel(props: { synapseId: string; version: string }) {\n  const { synapseId, version } = props\n  return (\n    <span>\n      {version}&nbsp;&nbsp;\n      <a\n        target={TargetEnum.NEW_WINDOW}\n        rel=\"noopener noreferrer\"\n        href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${synapseId}.${version}`}\n      >\n        (Show Version History on Synapse)\n      </a>\n    </span>\n  )\n}\n\n/**\n * Maps a table row to a GenericCard.\n */\nexport function TableRowGenericCard(props: TableRowGenericCardProps) {\n  const [showDownloadConfirmation, setShowDownloadConfirmation] =\n    useState(false)\n  const [downloadButtonLoading, setDownloadButtonLoading] = useState(false)\n\n  const { entityId, versionNumber } = useQueryContext()\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n\n  const { ref, inView: cardIsInView } = useInView()\n\n  const { data: table } = useGetEntity<Table>(entityId, versionNumber)\n\n  const {\n    schema,\n    data,\n    rowId,\n    versionNumber: rowVersionNumber,\n    genericCardSchema,\n    secondaryLabelLimit,\n    sharePageLinkButtonProps,\n    selectColumns,\n    columnModels,\n    iconOptions,\n    useTypeColumnForIcon = false,\n    isHeader = false,\n    sustainabilityScorecard,\n    headerCardVariant,\n    titleLinkConfig,\n    ctaLinkConfig,\n    ctaLinkPosition,\n    labelLinkConfig,\n    descriptionConfig,\n    columnIconOptions,\n    CardTypeAdornment,\n    charCountCutoff,\n    actionButtonStyle = 'button',\n  } = props\n\n  const {\n    link = '',\n    type,\n    includeCitation,\n    includeShareButton,\n    defaultCitationFormat,\n    citationBoilerplateText,\n    downloadCartSynId,\n    portalDoiConfiguration,\n  } = genericCardSchema\n  const title = data[schema[genericCardSchema.title]]\n  let subTitle =\n    genericCardSchema.subTitle && data[schema[genericCardSchema.subTitle]]\n  subTitle =\n    genericCardSchema.subTitle &&\n    getValueOrMultiValue({\n      value: subTitle,\n      columnName: genericCardSchema.subTitle,\n      selectColumns,\n      columnModels,\n    }).str\n  const description = data[schema[genericCardSchema.description || '']]\n  const iconValue = data[schema[genericCardSchema.icon || '']]\n  const dataTypeIconNames =\n    data[schema[genericCardSchema.dataTypeIconNames || '']]\n  const imageFileHandleIdValue =\n    data[schema[genericCardSchema.imageFileHandleColumnName || '']]\n  const titleColumnModel = columnModels?.find(\n    el => genericCardSchema.link === el.name,\n  )\n  const titleColumnType = titleColumnModel?.columnType\n  // wrap link in parens because undefined would throw an error\n  const linkValue: string = data[schema[link]] || ''\n  const { href, target } = getLinkParams(\n    linkValue,\n    titleLinkConfig,\n    data,\n    schema,\n    rowId,\n  )\n\n  const synapseEntityConfig = genericCardSchema.synapseEntityConfig\n\n  const getColumnValue = useCallback(\n    (columnName?: string) => {\n      if (!columnName) {\n        return undefined\n      }\n      const columnIndex = schema[columnName]\n      if (columnIndex === undefined) {\n        return undefined\n      }\n      return data[columnIndex]\n    },\n    [schema, data],\n  )\n\n  // DUO (Data Use Ontology) tags, when a dataUseModifiers column is configured.\n  // Rendered as a metadata row labeled with the column's display name.\n  const duoContent = useMemo(() => {\n    const col = genericCardSchema.dataUseModifiersColumnName\n    if (!col) {\n      return undefined\n    }\n    const terms = parseDuoModifiers(data[schema[col]])\n    if (terms.length === 0) {\n      return undefined\n    }\n    return <DuoTermTags terms={terms} />\n  }, [genericCardSchema, data, schema])\n\n  const resolvedTitleAreaRightContent = useMemo(() => {\n    const { titleAreaDetails } = genericCardSchema\n    if (!titleAreaDetails) return undefined\n    const columns =\n      typeof titleAreaDetails === 'function'\n        ? titleAreaDetails(schema, data)\n        : titleAreaDetails\n    if (columns.length === 0) return undefined\n    const rows = columns\n      .map(columnName => {\n        const rawValue: string | undefined = data[schema[columnName]]\n        if (!rawValue) return null\n        return { name: getColumnDisplayName(columnName), rawValue, columnName }\n      })\n      .filter(Boolean) as {\n      name: string\n      rawValue: string\n      columnName: string\n    }[]\n    if (rows.length === 0) return undefined\n    return (\n      <Stack direction=\"column\" gap=\"4px\">\n        {rows.map(({ name, rawValue, columnName }) => (\n          <Stack key={columnName} direction=\"row\" gap=\"4px\" alignItems=\"center\">\n            <Typography component=\"span\" variant=\"body1\">\n              {name}:\n            </Typography>\n            <SynapseCardLabel\n              value={rawValue}\n              columnName={columnName}\n              labelLink={undefined}\n              isHeader={isHeader}\n              selectColumns={selectColumns}\n              columnModels={columnModels}\n              rowData={data}\n              columnIconOptions={columnIconOptions}\n            />\n          </Stack>\n        ))}\n      </Stack>\n    )\n  }, [\n    genericCardSchema,\n    data,\n    schema,\n    getColumnDisplayName,\n    isHeader,\n    selectColumns,\n    columnModels,\n    columnIconOptions,\n  ])\n\n  const {\n    entityId: resolvedSynapseEntityId,\n    entityVersionNumber: resolvedSynapseEntityVersionNumber,\n  } = useResolvedSynapseEntity({\n    synapseEntityConfig,\n    getColumnValue,\n    rowId,\n    rowVersionNumber,\n  })\n\n  let resolvedDownloadCartSynIdValue = resolvedSynapseEntityId\n  let resolvedDownloadCartVersionNumber = resolvedSynapseEntityVersionNumber\n\n  if (downloadCartSynId) {\n    const reference = parseSynId(getColumnValue(downloadCartSynId) ?? '')\n    resolvedDownloadCartSynIdValue = reference?.targetId\n    resolvedDownloadCartVersionNumber = reference?.targetVersionNumber\n  }\n\n  // Opt-in hosting-aware action: when the schema declares a hosting column, the\n  // primary action is a DatasetDownloadButton driven by the row's hosting value.\n  const hostingConfig = genericCardSchema.hostingConfig\n  const rawHostingValue = hostingConfig\n    ? getColumnValue(hostingConfig.hostingColumn)\n    : undefined\n  const hostingType = hostingConfig\n    ? (rawHostingValue && hostingConfig.hostingValueMap?.[rawHostingValue]) ||\n      normalizeHosting(rawHostingValue)\n    : undefined\n  const hostingRepository = hostingConfig?.repositoryColumn\n    ? getColumnValue(hostingConfig.repositoryColumn)\n    : undefined\n  const rawHostingExternalUrl = hostingConfig?.externalUrlColumn\n    ? getColumnValue(hostingConfig.externalUrlColumn)\n    : undefined\n  // The externalUrl column may be a markdown link (e.g. CCKP's `externalLink`:\n  // \"[label](https://...)\") rather than a plain URL — extract the href if so.\n  const hostingExternalUrl = rawHostingExternalUrl\n    ? extractMarkdownLinkHref(rawHostingExternalUrl)\n    : undefined\n  // Non-downloadable hosting (e.g. external-access) suppresses the Synapse\n  // download flow entirely; everything else keeps the add-to-download-list behavior.\n  const hostingIsDownloadable = hostingType\n    ? DATASET_HOSTING_CONFIG[hostingType].downloadable\n    : true\n\n  // Transform the row to a record of (columnName, value) pairs for compatibility with getCandidateDoiId\n  const dataAsRecord: Record<string, string | null> = useMemo(\n    () => mapRowToRecord(data, schema),\n    [data, schema],\n  )\n\n  const candidateDoiId = getCandidateDoiId({\n    data: dataAsRecord,\n    portalDoiConfiguration,\n  })\n\n  const showDoiCardLabel = useShowDoiCardLabel({\n    portalId: portalDoiConfiguration?.portalId,\n    resourceId: candidateDoiId,\n  })\n\n  const values: {\n    columnDisplayName: string\n    value: React.ReactNode\n    columnName?: string\n  }[] = []\n  const { secondaryLabels = [] } = genericCardSchema\n  const customLabelConfig = genericCardSchema.customSecondaryLabelConfig\n\n  // DUO tags rendered as a metadata row (alongside \"How to download\", size, …).\n  // Label it with the DUO column's display name so the card row matches the\n  // facet exactly (respecting any column alias) rather than a hardcoded string.\n  if (duoContent && genericCardSchema.dataUseModifiersColumnName) {\n    values.push({\n      columnName: genericCardSchema.dataUseModifiersColumnName,\n      columnDisplayName: getColumnDisplayName(\n        genericCardSchema.dataUseModifiersColumnName,\n      ),\n      value: duoContent,\n    })\n  }\n\n  // PORTALS-3549 - if a DOI exists or can be created by the current user, show it\n  if (\n    showDoiCardLabel &&\n    portalDoiConfiguration &&\n    candidateDoiId &&\n    cardIsInView\n  ) {\n    values.push({\n      columnDisplayName: 'DOI',\n      value: (\n        <PortalDOI\n          portalId={portalDoiConfiguration.portalId}\n          resourceId={candidateDoiId}\n        />\n      ),\n    })\n  }\n\n  // Overwrite the 'HOW TO DOWNLOAD' link if a synapse ID is available — but not\n  // for non-downloadable hosting (e.g. external-access), where adding to the\n  // Synapse download list wouldn't work; fall back to the static guidance instead.\n  if (customLabelConfig?.isVisible(schema, data)) {\n    const { key, value } = customLabelConfig\n    if (resolvedDownloadCartSynIdValue && hostingIsDownloadable) {\n      values.push({\n        columnDisplayName: 'HOW TO DOWNLOAD',\n        value: (\n          <Link onClick={() => setShowDownloadConfirmation(val => !val)}>\n            Click here to add to Synapse download list\n          </Link>\n        ),\n      })\n    } else {\n      values.push({ columnDisplayName: key, value })\n    }\n  }\n\n  const isView = table && !isTableEntity(table)\n  for (let i = 0; i < secondaryLabels.length; i += 1) {\n    const columnName = secondaryLabels[i]\n    const rawValue: string | undefined = data[schema[columnName]]\n    let renderedValue: React.ReactNode = rawValue\n    let columnDisplayName\n    if (renderedValue && rawValue !== '[]' && rawValue !== '[\"\"]') {\n      // PORTALS-2750: special rendering of the datasetSizeInBytes (for Dataset Collections)\n      if (\n        isDatasetCollection(table as Entity) &&\n        columnName === 'datasetSizeInBytes'\n      ) {\n        columnDisplayName = 'Size'\n        renderedValue = calculateFriendlyFileSize(parseInt(rawValue))\n      } // SWC-6115: special rendering of the version column (for Views)\n      else if (isView && columnName === 'currentVersion') {\n        const synapseId = data[schema.id]\n        renderedValue = (\n          <VersionLabel synapseId={synapseId} version={rawValue} />\n        )\n        columnDisplayName = 'Version'\n      } else {\n        const labelLink = labelLinkConfig?.find(\n          el => el.matchColumnName === columnName,\n        )\n        renderedValue = (\n          <SynapseCardLabel\n            value={rawValue}\n            columnName={columnName}\n            labelLink={labelLink}\n            isHeader={isHeader}\n            selectColumns={selectColumns}\n            columnModels={columnModels}\n            rowData={data}\n            columnIconOptions={columnIconOptions}\n          />\n        )\n        columnDisplayName = getColumnDisplayName(columnName)\n      }\n      values.push({ columnDisplayName, value: renderedValue, columnName })\n    }\n  }\n\n  const fileHandleId = imageFileHandleIdValue || linkValue\n\n  /**\n   * To show a direct download link to a file, we need to determine the association that gives permission to download the file.\n   */\n  const fileHandleAssociation = getFileHandleAssociation(\n    table,\n    fileHandleId,\n    data[schema.id],\n  )\n\n  const descriptionSubTitle = getColumnDisplayName(\n    genericCardSchema.description || '',\n  )\n\n  const doiColumnIndex = getColumnIndex('doi', selectColumns, columnModels)\n  const doiValue =\n    doiColumnIndex !== undefined ? data[doiColumnIndex] : undefined\n\n  // Normalize ctaLinkConfig to array and resolve each config\n  const ctaLinkConfigs = ctaLinkConfig\n    ? Array.isArray(ctaLinkConfig)\n      ? ctaLinkConfig\n      : [ctaLinkConfig]\n    : []\n  const resolvedCtaLinkConfigs = ctaLinkConfigs\n    .map(config => {\n      const ctaLinkValue: string = data[schema[config.link]] || ''\n      if (!ctaLinkValue) return null\n      const { href, target } = getLinkParams(\n        ctaLinkValue,\n        undefined, //card link config\n        data,\n        schema,\n        rowId,\n      )\n      return {\n        text: config.endIcon ? (\n          <div style={{ display: 'flex', alignItems: 'center', gap: '10px' }}>\n            {config.text}\n            {config.endIcon}\n          </div>\n        ) : (\n          config.text\n        ),\n        href,\n        target,\n      }\n    })\n    .filter(Boolean) as { text: string; href: string; target?: string }[]\n\n  let croissantButton = <></>\n  if (\n    resolvedSynapseEntityId != null &&\n    resolvedSynapseEntityVersionNumber != null\n  ) {\n    croissantButton = (\n      <CroissantButton\n        datasetId={resolvedSynapseEntityId}\n        datasetVersionNumber={resolvedSynapseEntityVersionNumber}\n      />\n    )\n  }\n\n  // Auto-render a scannable hosting chip next to the dataset type when the card\n  // opts into hosting-aware behavior and the row has a recognized hosting value,\n  // so the button's icon/tooltip is not the only visual signal of where files\n  // live. An explicit `CardTypeAdornment` prop always wins as an escape hatch.\n  let resolvedCardTypeAdornment: React.ReactNode = null\n  if (CardTypeAdornment) {\n    resolvedCardTypeAdornment = (\n      <CardTypeAdornment schema={schema} data={data} />\n    )\n  } else if (hostingConfig && rawHostingValue?.trim() && hostingType) {\n    resolvedCardTypeAdornment = (\n      <DatasetHostingAdornment hostingType={hostingType} isHeader={isHeader} />\n    )\n  }\n\n  let isRenderingIcon = true\n  if (isHeader && !imageFileHandleIdValue && !iconValue) {\n    // For header cards, if there is no image or explicit icon value, we don't show an icon at all\n    isRenderingIcon = false\n  }\n  const iconNode = isRenderingIcon ? (\n    <GenericCardIcon\n      type={\n        useTypeColumnForIcon ? data[schema['type']] : genericCardSchema.type\n      }\n      useTypeForIcon={useTypeColumnForIcon}\n      thumbnailRequiresPadding={genericCardSchema.thumbnailRequiresPadding}\n      imageFileHandleId={imageFileHandleIdValue}\n      fileHandleAssociation={fileHandleAssociation}\n      iconOptions={iconOptions}\n      iconValue={iconValue}\n    />\n  ) : undefined\n  return (\n    <GenericCard\n      ref={ref}\n      icon={iconNode}\n      isHeader={isHeader}\n      sustainabilityScorecard={sustainabilityScorecard}\n      headerCardVariant={headerCardVariant}\n      type={type}\n      title={title}\n      subtitle={subTitle}\n      titleLinkConfiguration={{ target, href }}\n      cardTypeAdornment={resolvedCardTypeAdornment}\n      titleAsFileHandleLinkConfiguration={\n        !titleLinkConfig &&\n        titleColumnType === ColumnTypeEnum.FILEHANDLEID &&\n        fileHandleAssociation\n          ? {\n              fileHandleAssociation: fileHandleAssociation,\n              showDownloadIcon: type !== SynapseConstants.EXPERIMENTAL,\n            }\n          : undefined\n      }\n      ctaLinkConfig={\n        resolvedCtaLinkConfigs.length > 0 ? resolvedCtaLinkConfigs : undefined\n      }\n      ctaLinkPosition={ctaLinkPosition}\n      titleAreaRightContent={resolvedTitleAreaRightContent}\n      description={description}\n      descriptionSubTitle={descriptionSubTitle}\n      descriptionConfig={descriptionConfig}\n      charCountCutoff={charCountCutoff}\n      labels={values}\n      secondaryLabelLimit={secondaryLabelLimit}\n      useStylesForDisplayedImage={Boolean(imageFileHandleIdValue)}\n      cardTopContent={\n        <>\n          {resolvedDownloadCartSynIdValue && (\n            <Collapse in={showDownloadConfirmation}>\n              <EntityDownloadConfirmation\n                entityId={resolvedDownloadCartSynIdValue}\n                versionNumber={resolvedDownloadCartVersionNumber}\n                handleClose={() => setShowDownloadConfirmation(false)}\n                onIsLoadingChange={isLoading => {\n                  setDownloadButtonLoading(isLoading)\n                }}\n              />\n            </Collapse>\n          )}\n        </>\n      }\n      renderedIconList={\n        // If the portal configs has columnIconOptions.columns.dataType option\n        // and the column value is not null, display the card data type icons\n        columnIconOptions?.columns?.dataType &&\n        dataTypeIconNames?.length && (\n          <div style={{ marginTop: '20px' }}>\n            <IconList\n              iconConfigs={columnIconOptions.columns.dataType}\n              iconNames={JSON.parse(dataTypeIconNames) as string[]}\n              commonIconProps={{\n                sx: { fontSize: '40px' },\n              }}\n              useBackground={true}\n              useTheme={true}\n            />\n          </div>\n        )\n      }\n      cardTopButtons={\n        <CardActionButtonStyleContext.Provider value={actionButtonStyle}>\n          <Box sx={{ display: 'flex', gap: 1, alignItems: 'center' }}>\n            {croissantButton}\n            {/* Hosting-aware action (opt-in via schema.hostingConfig): downloadable\n              hosting shows the standard dataset download options; non-downloadable\n              hosting links out to the external repository or is non-actionable. */}\n            {hostingConfig &&\n              (resolvedDownloadCartSynIdValue || !hostingIsDownloadable) && (\n                <DatasetDownloadButton\n                  entityId={resolvedDownloadCartSynIdValue}\n                  name={title}\n                  hosting={hostingType}\n                  repository={hostingRepository}\n                  externalUrl={hostingExternalUrl}\n                  onDownloadClick={() =>\n                    setShowDownloadConfirmation(val => !val)\n                  }\n                  isDownloading={downloadButtonLoading}\n                />\n              )}\n            {/* PORTALS-3386 Use synapseLink in schema to add entity to download cart */}\n            {!hostingConfig && resolvedDownloadCartSynIdValue && (\n              <GenericCardActionButton\n                onClick={() => setShowDownloadConfirmation(val => !val)}\n                variant=\"outlined\"\n                startIcon={<GetAppTwoTone sx={{ height: '12px' }} />}\n                loading={downloadButtonLoading}\n              >\n                Download\n              </GenericCardActionButton>\n            )}\n            {includeCitation && doiValue && (\n              <CitationPopover\n                title={title}\n                doi={doiValue}\n                boilerplateText={citationBoilerplateText}\n                defaultCitationFormat={defaultCitationFormat}\n              />\n            )}\n            {includeShareButton && isHeader && (\n              <ShareThisPage {...sharePageLinkButtonProps} />\n            )}\n          </Box>\n        </CardActionButtonStyleContext.Provider>\n      }\n    />\n  )\n}\n\nexport default TableRowGenericCard\n"],"mappings":"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"}

package/dist/components/JsonSchemaForm/CustomFormContext.d.ts

@@ -27,5 +27,14 @@ export interface CustomFormContext extends FormContextType {
      * If true, the SelectWidget (used for enums) allows free text input in addition to the enum values.
      */
     allowFreeSoloEnum?: boolean;
+    /**
+     * Controls how `boolean` schema properties render.
+     *
+     * - `'yesNoSelect'` (default) — a Yes/No dropdown. Used by the annotations editor, where a
+     *   boolean annotation needs an explicit "unset" state distinct from false.
+     * - `'checkbox'` — a real checkbox (RJSF/MUI's own `CheckboxWidget`), for forms where the
+     *   source schema is a genuine yes/no toggle with no meaningful "unset" state.
+     */
+    booleanWidget?: 'yesNoSelect' | 'checkbox';
 }
 //# sourceMappingURL=CustomFormContext.d.ts.map

package/dist/components/JsonSchemaForm/CustomFormContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFormContext.d.ts","sourceRoot":"","sources":["../../../src/components/JsonSchemaForm/CustomFormContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAE7C,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD;;;;;;;;OAQG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAA;IAEtC;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAEzC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAEtC;;OAEG;IACH,gCAAgC,CAAC,EAAE,OAAO,CAAA;IAE1C;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B"}
+{"version":3,"file":"CustomFormContext.d.ts","sourceRoot":"","sources":["../../../src/components/JsonSchemaForm/CustomFormContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAE7C,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD;;;;;;;;OAQG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAA;IAEtC;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAEzC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAEtC;;OAEG;IACH,gCAAgC,CAAC,EAAE,OAAO,CAAA;IAE1C;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,CAAA;CAC3C"}

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

@@ -1 +1 @@
-{"version":3,"file":"JsonSchemaForm.d.ts","sourceRoot":"","sources":["../../../src/components/JsonSchemaForm/JsonSchemaForm.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACjD,OAAO,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAEhD,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE3D,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAG3B;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,GAAG,GAAG,EACpC,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG;IACxC,OAAO,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC,CAAA;CAC1D,2CA8BF"}
+{"version":3,"file":"JsonSchemaForm.d.ts","sourceRoot":"","sources":["../../../src/components/JsonSchemaForm/JsonSchemaForm.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACjD,OAAO,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAEhD,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE3D,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAG3B;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,GAAG,GAAG,EACpC,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG;IACxC,OAAO,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC,CAAA;CAC1D,2CAiCF"}

package/dist/components/JsonSchemaForm/JsonSchemaForm.js

@@ -18,6 +18,7 @@ import g from "@rjsf/mui";
 import _ from "@rjsf/validator-ajv8";
 //#region src/components/JsonSchemaForm/JsonSchemaForm.tsx
 function v(v) {
+	let y = v.formContext?.booleanWidget !== "checkbox";
 	return /* @__PURE__ */ h(g, {
 		ref: v.formRef,
 		validator: _,
@@ -38,8 +39,8 @@ function v(v) {
 			...v.templates
 		},
 		widgets: {
+			...y ? { CheckboxWidget: d } : {},
 			DateTimeWidget: f,
-			CheckboxWidget: d,
 			SelectWidget: p,
 			...v.widgets
 		}

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

@@ -1 +1 @@
-{"version":3,"file":"JsonSchemaForm.js","names":[],"sources":["../../../src/components/JsonSchemaForm/JsonSchemaForm.tsx"],"sourcesContent":["import ArrayFieldDescriptionTemplate from '@/components/JsonSchemaForm/templates/ArrayFieldDescriptionTemplate'\nimport ArrayFieldItemButtonsTemplate from '@/components/JsonSchemaForm/templates/ArrayFieldItemButtonTemplate'\nimport ArrayFieldItemTemplate from '@/components/JsonSchemaForm/templates/ArrayFieldItemTemplate'\nimport ArrayFieldTemplate from '@/components/JsonSchemaForm/templates/ArrayFieldTemplate'\nimport ArrayFieldTitleTemplate from '@/components/JsonSchemaForm/templates/ArrayFieldTitleTemplate'\nimport BaseInputTemplate from '@/components/JsonSchemaForm/templates/BaseInputTemplate'\nimport ButtonTemplate from '@/components/JsonSchemaForm/templates/ButtonTemplate'\nimport DescriptionFieldTemplate from '@/components/JsonSchemaForm/templates/DescriptionFieldTemplate'\nimport ErrorListTemplate from '@/components/JsonSchemaForm/templates/ErrorListTemplate'\nimport FieldErrorTemplate from '@/components/JsonSchemaForm/templates/FieldErrorTemplate'\nimport { FieldTemplate } from '@/components/JsonSchemaForm/templates/FieldTemplate'\nimport { BooleanWidget } from '@/components/JsonSchemaForm/widgets/BooleanWidget'\nimport { DateTimeWidget } from '@/components/JsonSchemaForm/widgets/DateTimeWidget'\nimport { SelectWidget } from '@/components/JsonSchemaForm/widgets/SelectWidget'\nimport { Optional } from '@/utils/types/Optional'\nimport RJSFForm, { FormProps } from '@rjsf/core'\nimport Form from '@rjsf/mui'\nimport { GenericObjectType, RJSFSchema } from '@rjsf/utils'\nimport validator from '@rjsf/validator-ajv8'\nimport { Ref } from 'react'\nimport styles from './JsonSchemaForm.module.scss'\n\n/**\n * Wrapper around react-jsonschema-form that supplies default styling/templates/widgets for\n * Synapse/Portals\n */\nexport function JsonSchemaForm<T = any>(\n  props: Optional<FormProps, 'validator'> & {\n    formRef?: Ref<RJSFForm<T, RJSFSchema, GenericObjectType>>\n  },\n) {\n  return (\n    <Form\n      ref={props.formRef}\n      validator={validator}\n      className={styles.jsonSchemaForm}\n      {...props}\n      templates={{\n        ArrayFieldDescriptionTemplate: ArrayFieldDescriptionTemplate,\n        ArrayFieldItemTemplate: ArrayFieldItemTemplate,\n        ArrayFieldItemButtonsTemplate: ArrayFieldItemButtonsTemplate,\n        ArrayFieldTemplate: ArrayFieldTemplate,\n        ArrayFieldTitleTemplate: ArrayFieldTitleTemplate,\n        BaseInputTemplate: BaseInputTemplate,\n        FieldErrorTemplate: FieldErrorTemplate,\n        FieldTemplate: FieldTemplate,\n        ButtonTemplates: ButtonTemplate,\n        DescriptionFieldTemplate: DescriptionFieldTemplate,\n        ErrorListTemplate: ErrorListTemplate,\n        ...props.templates,\n      }}\n      widgets={{\n        DateTimeWidget: DateTimeWidget,\n        CheckboxWidget: BooleanWidget,\n        SelectWidget: SelectWidget,\n        ...props.widgets,\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA0BA,SAAgB,EACd,GAGA;CACA,OACE,kBAAC,GAAD;EACE,KAAK,EAAM;EACA;EACX,WAAW,EAAO;EAClB,GAAI;EACJ,WAAW;GACsB;GACP;GACO;GACX;GACK;GACN;GACC;GACL;GACf,iBAAiB;GACS;GACP;GACnB,GAAG,EAAM;EACX;EACA,SAAS;GACS;GAChB,gBAAgB;GACF;GACd,GAAG,EAAM;EACX;CACD,CAAA;AAEL"}
+{"version":3,"file":"JsonSchemaForm.js","names":[],"sources":["../../../src/components/JsonSchemaForm/JsonSchemaForm.tsx"],"sourcesContent":["import ArrayFieldDescriptionTemplate from '@/components/JsonSchemaForm/templates/ArrayFieldDescriptionTemplate'\nimport ArrayFieldItemButtonsTemplate from '@/components/JsonSchemaForm/templates/ArrayFieldItemButtonTemplate'\nimport ArrayFieldItemTemplate from '@/components/JsonSchemaForm/templates/ArrayFieldItemTemplate'\nimport ArrayFieldTemplate from '@/components/JsonSchemaForm/templates/ArrayFieldTemplate'\nimport ArrayFieldTitleTemplate from '@/components/JsonSchemaForm/templates/ArrayFieldTitleTemplate'\nimport BaseInputTemplate from '@/components/JsonSchemaForm/templates/BaseInputTemplate'\nimport ButtonTemplate from '@/components/JsonSchemaForm/templates/ButtonTemplate'\nimport { CustomFormContext } from '@/components/JsonSchemaForm/CustomFormContext'\nimport DescriptionFieldTemplate from '@/components/JsonSchemaForm/templates/DescriptionFieldTemplate'\nimport ErrorListTemplate from '@/components/JsonSchemaForm/templates/ErrorListTemplate'\nimport FieldErrorTemplate from '@/components/JsonSchemaForm/templates/FieldErrorTemplate'\nimport { FieldTemplate } from '@/components/JsonSchemaForm/templates/FieldTemplate'\nimport { BooleanWidget } from '@/components/JsonSchemaForm/widgets/BooleanWidget'\nimport { DateTimeWidget } from '@/components/JsonSchemaForm/widgets/DateTimeWidget'\nimport { SelectWidget } from '@/components/JsonSchemaForm/widgets/SelectWidget'\nimport { Optional } from '@/utils/types/Optional'\nimport RJSFForm, { FormProps } from '@rjsf/core'\nimport Form from '@rjsf/mui'\nimport { GenericObjectType, RJSFSchema } from '@rjsf/utils'\nimport validator from '@rjsf/validator-ajv8'\nimport { Ref } from 'react'\nimport styles from './JsonSchemaForm.module.scss'\n\n/**\n * Wrapper around react-jsonschema-form that supplies default styling/templates/widgets for\n * Synapse/Portals\n */\nexport function JsonSchemaForm<T = any>(\n  props: Optional<FormProps, 'validator'> & {\n    formRef?: Ref<RJSFForm<T, RJSFSchema, GenericObjectType>>\n  },\n) {\n  const useCustomBooleanWidget =\n    (props.formContext as CustomFormContext | undefined)?.booleanWidget !==\n    'checkbox'\n  return (\n    <Form\n      ref={props.formRef}\n      validator={validator}\n      className={styles.jsonSchemaForm}\n      {...props}\n      templates={{\n        ArrayFieldDescriptionTemplate: ArrayFieldDescriptionTemplate,\n        ArrayFieldItemTemplate: ArrayFieldItemTemplate,\n        ArrayFieldItemButtonsTemplate: ArrayFieldItemButtonsTemplate,\n        ArrayFieldTemplate: ArrayFieldTemplate,\n        ArrayFieldTitleTemplate: ArrayFieldTitleTemplate,\n        BaseInputTemplate: BaseInputTemplate,\n        FieldErrorTemplate: FieldErrorTemplate,\n        FieldTemplate: FieldTemplate,\n        ButtonTemplates: ButtonTemplate,\n        DescriptionFieldTemplate: DescriptionFieldTemplate,\n        ErrorListTemplate: ErrorListTemplate,\n        ...props.templates,\n      }}\n      widgets={{\n        ...(useCustomBooleanWidget ? { CheckboxWidget: BooleanWidget } : {}),\n        DateTimeWidget: DateTimeWidget,\n        SelectWidget: SelectWidget,\n        ...props.widgets,\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA2BA,SAAgB,EACd,GAGA;CACA,IAAM,IACH,EAAM,aAA+C,kBACtD;CACF,OACE,kBAAC,GAAD;EACE,KAAK,EAAM;EACA;EACX,WAAW,EAAO;EAClB,GAAI;EACJ,WAAW;GACsB;GACP;GACO;GACX;GACK;GACN;GACC;GACL;GACf,iBAAiB;GACS;GACP;GACnB,GAAG,EAAM;EACX;EACA,SAAS;GACP,GAAI,IAAyB,EAAE,gBAAgB,EAAc,IAAI,CAAC;GAClD;GACF;GACd,GAAG,EAAM;EACX;CACD,CAAA;AAEL"}

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayFieldTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/templates/ArrayFieldTemplate.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,uBAAuB,EAGvB,UAAU,EACV,gBAAgB,EACjB,MAAM,aAAa,CAAA;AAIpB,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAGxD;;;GAGG;AACH,iBAAS,kBAAkB,CACzB,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,iBAAiB,GAAG,GAAG,EACjC,KAAK,EAAE,uBAAuB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAiHxC;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"ArrayFieldTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/templates/ArrayFieldTemplate.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,uBAAuB,EAGvB,UAAU,EACV,gBAAgB,EACjB,MAAM,aAAa,CAAA;AAIpB,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAGxD;;;GAGG;AACH,iBAAS,kBAAkB,CACzB,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,iBAAiB,GAAG,GAAG,EACjC,KAAK,EAAE,uBAAuB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAqHxC;AAED,eAAe,kBAAkB,CAAA"}

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

@@ -26,7 +26,7 @@ function f(f) {
 				required: f.required,
 				registry: g
 			}),
-			description: /* @__PURE__ */ s(x, {
+			description: (y.description || _.description) && /* @__PURE__ */ s(x, {
 				idSchema: p,
 				schema: _,
 				description: (y.description || _.description) ?? "",

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayFieldTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/ArrayFieldTemplate.tsx"],"sourcesContent":["import { RJSFInputLabelWrapper } from '@/components/JsonSchemaForm/templates/RJSFInputLabel'\nimport { Box, Button } from '@mui/material'\nimport {\n  ADDITIONAL_PROPERTY_FLAG,\n  ArrayFieldItemTemplateType,\n  ArrayFieldTemplateProps,\n  getTemplate,\n  getUiOptions,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { JSONSchema7 } from 'json-schema'\nimport { isEmpty } from 'lodash-es'\nimport { useEffect } from 'react'\nimport { CustomFormContext } from '../CustomFormContext'\nimport { useAdditionalPropertyContext } from '../../SchemaDrivenAnnotationEditor/template/AdditionalPropertyContext'\n\n/** The `ArrayFieldTemplate` component is the template used to render all items in an array.\n *\n * @param props - The `ArrayFieldTemplateItemType` props for the component\n */\nfunction ArrayFieldTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends CustomFormContext = any,\n>(props: ArrayFieldTemplateProps<T, S, F>) {\n  const { idSchema, uiSchema, items, registry, schema, formContext } = props\n  const uiOptions = getUiOptions<T, S, F>(uiSchema)\n  const ArrayFieldTitleTemplate = getTemplate<\n    'ArrayFieldTitleTemplate',\n    T,\n    S,\n    F\n  >('ArrayFieldTitleTemplate', registry, uiOptions)\n\n  const ArrayFieldDescriptionTemplate = getTemplate<\n    'ArrayFieldDescriptionTemplate',\n    T,\n    S,\n    F\n  >('ArrayFieldDescriptionTemplate', registry, uiOptions)\n  const ArrayFieldItemTemplate = getTemplate<'ArrayFieldItemTemplate', T, S, F>(\n    'ArrayFieldItemTemplate',\n    registry,\n    uiOptions,\n  )\n\n  const isAdditionalProperty = !!(\n    props.schema as JSONSchema7 & Record<typeof ADDITIONAL_PROPERTY_FLAG, any>\n  )[ADDITIONAL_PROPERTY_FLAG]\n  const additionalPropertyContext = useAdditionalPropertyContext()\n\n  /**\n   * If\n   *  - we have an array of 0 items AND\n   *  - we do not permit arrays of 0 items\n   * go ahead and automatically add one.\n   */\n  useEffect(() => {\n    if (\n      // Do not manipulate if the widget is hidden (e.g. 'scopeIds' in an EntityView)\n      // FIXME: We should probably remove this hook and migrate to a design that accommodates empty arrays.\n      uiOptions.widget !== 'hidden' &&\n      props.items.length === 0 &&\n      !formContext?.allowRemovingLastItemInArray\n    ) {\n      props.onAddClick()\n    }\n  }, [props, formContext?.allowRemovingLastItemInArray, uiOptions.widget])\n\n  return (\n    <Box id={idSchema.$id} className={props.className}>\n      <RJSFInputLabelWrapper\n        fieldLabel={\n          <ArrayFieldTitleTemplate\n            idSchema={idSchema}\n            title={uiOptions.title || props.title}\n            schema={schema}\n            uiSchema={uiSchema}\n            required={props.required}\n            registry={registry}\n          />\n        }\n        description={\n          <ArrayFieldDescriptionTemplate\n            idSchema={idSchema}\n            schema={schema}\n            description={(uiOptions.description || schema.description) ?? ''}\n            uiSchema={uiSchema}\n            registry={registry}\n          />\n        }\n        registry={registry}\n      >\n        {(!items || isEmpty(items)) && (\n          <Button variant={'outlined'} onClick={props.onAddClick}>\n            Add item\n          </Button>\n        )}\n        {items && (\n          <>\n            {items.map(\n              ({\n                key,\n                index,\n                ...itemProps\n              }: ArrayFieldItemTemplateType<T, S, F>) => (\n                <ArrayFieldItemTemplate\n                  key={key}\n                  index={index}\n                  {...itemProps}\n                  buttonsProps={{\n                    ...itemProps.buttonsProps,\n                    // Override hasRemove to prevent removing the last item in an array (except additional properties),\n                    // unless overridden by formContext\n                    hasRemove:\n                      isAdditionalProperty ||\n                      items.length > 1 ||\n                      Boolean(formContext?.allowRemovingLastItemInArray),\n                    onDropIndexClick:\n                      isAdditionalProperty &&\n                      items.length == 1 &&\n                      additionalPropertyContext\n                        ? () => {\n                            return e => {\n                              additionalPropertyContext.dropProperty(e)\n                            }\n                          }\n                        : itemProps.buttonsProps.onDropIndexClick,\n                  }}\n                />\n              ),\n            )}\n          </>\n        )}\n      </RJSFInputLabelWrapper>\n    </Box>\n  )\n}\n\nexport default ArrayFieldTemplate\n"],"mappings":";;;;;;;;AAqBA,SAAS,EAIP,GAAyC;CACzC,IAAM,EAAE,aAAU,aAAU,UAAO,aAAU,WAAQ,mBAAgB,GAC/D,IAAY,EAAsB,CAAQ,GAC1C,IAA0B,EAK9B,2BAA2B,GAAU,CAAS,GAE1C,IAAgC,EAKpC,iCAAiC,GAAU,CAAS,GAChD,IAAyB,EAC7B,0BACA,GACA,CACF,GAEM,IAAuB,CAAC,CAC5B,EAAM,OACN,IACI,IAA4B,EAA6B;CAoB/D,OAZA,QAAgB;EACd,AAGE,EAAU,WAAW,YACrB,EAAM,MAAM,WAAW,KACvB,CAAC,GAAa,gCAEd,EAAM,WAAW;CAErB,GAAG;EAAC;EAAO,GAAa;EAA8B,EAAU;CAAM,CAAC,GAGrE,kBAAC,GAAD;EAAK,IAAI,EAAS;EAAK,WAAW,EAAM;YACtC,kBAAC,GAAD;GACE,YACE,kBAAC,GAAD;IACY;IACV,OAAO,EAAU,SAAS,EAAM;IACxB;IACE;IACV,UAAU,EAAM;IACN;GACX,CAAA;GAEH,aACE,kBAAC,GAAD;IACY;IACF;IACR,cAAc,EAAU,eAAe,EAAO,gBAAgB;IACpD;IACA;GACX,CAAA;GAEO;aApBZ,EAsBI,CAAC,KAAS,EAAQ,CAAK,MACvB,kBAAC,GAAD;IAAQ,SAAS;IAAY,SAAS,EAAM;cAAY;GAEhD,CAAA,GAET,KACC,kBAAA,GAAA,EAAA,UACG,EAAM,KACJ,EACC,QACA,UACA,GAAG,QAEH,kBAAC,GAAD;IAES;IACP,GAAI;IACJ,cAAc;KACZ,GAAG,EAAU;KAGb,WACE,KACA,EAAM,SAAS,KACf,EAAQ,GAAa;KACvB,kBACE,KACA,EAAM,UAAU,KAChB,WAEa,MAAK;MACV,EAA0B,aAAa,CAAC;KAC1C,IAEF,EAAU,aAAa;IAC/B;GACD,GAtBM,CAsBN,CAEL,EACA,CAAA,CAEiB;;CACpB,CAAA;AAET"}
+{"version":3,"file":"ArrayFieldTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/ArrayFieldTemplate.tsx"],"sourcesContent":["import { RJSFInputLabelWrapper } from '@/components/JsonSchemaForm/templates/RJSFInputLabel'\nimport { Box, Button } from '@mui/material'\nimport {\n  ADDITIONAL_PROPERTY_FLAG,\n  ArrayFieldItemTemplateType,\n  ArrayFieldTemplateProps,\n  getTemplate,\n  getUiOptions,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { JSONSchema7 } from 'json-schema'\nimport { isEmpty } from 'lodash-es'\nimport { useEffect } from 'react'\nimport { CustomFormContext } from '../CustomFormContext'\nimport { useAdditionalPropertyContext } from '../../SchemaDrivenAnnotationEditor/template/AdditionalPropertyContext'\n\n/** The `ArrayFieldTemplate` component is the template used to render all items in an array.\n *\n * @param props - The `ArrayFieldTemplateItemType` props for the component\n */\nfunction ArrayFieldTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends CustomFormContext = any,\n>(props: ArrayFieldTemplateProps<T, S, F>) {\n  const { idSchema, uiSchema, items, registry, schema, formContext } = props\n  const uiOptions = getUiOptions<T, S, F>(uiSchema)\n  const ArrayFieldTitleTemplate = getTemplate<\n    'ArrayFieldTitleTemplate',\n    T,\n    S,\n    F\n  >('ArrayFieldTitleTemplate', registry, uiOptions)\n\n  const ArrayFieldDescriptionTemplate = getTemplate<\n    'ArrayFieldDescriptionTemplate',\n    T,\n    S,\n    F\n  >('ArrayFieldDescriptionTemplate', registry, uiOptions)\n  const ArrayFieldItemTemplate = getTemplate<'ArrayFieldItemTemplate', T, S, F>(\n    'ArrayFieldItemTemplate',\n    registry,\n    uiOptions,\n  )\n\n  const isAdditionalProperty = !!(\n    props.schema as JSONSchema7 & Record<typeof ADDITIONAL_PROPERTY_FLAG, any>\n  )[ADDITIONAL_PROPERTY_FLAG]\n  const additionalPropertyContext = useAdditionalPropertyContext()\n\n  /**\n   * If\n   *  - we have an array of 0 items AND\n   *  - we do not permit arrays of 0 items\n   * go ahead and automatically add one.\n   */\n  useEffect(() => {\n    if (\n      // Do not manipulate if the widget is hidden (e.g. 'scopeIds' in an EntityView)\n      // FIXME: We should probably remove this hook and migrate to a design that accommodates empty arrays.\n      uiOptions.widget !== 'hidden' &&\n      props.items.length === 0 &&\n      !formContext?.allowRemovingLastItemInArray\n    ) {\n      props.onAddClick()\n    }\n  }, [props, formContext?.allowRemovingLastItemInArray, uiOptions.widget])\n\n  return (\n    <Box id={idSchema.$id} className={props.className}>\n      <RJSFInputLabelWrapper\n        fieldLabel={\n          <ArrayFieldTitleTemplate\n            idSchema={idSchema}\n            title={uiOptions.title || props.title}\n            schema={schema}\n            uiSchema={uiSchema}\n            required={props.required}\n            registry={registry}\n          />\n        }\n        description={\n          // RJSF always renders `description` as a DescriptionFieldTemplate node, even when\n          // there's no description text, so gate on the raw text instead of the rendered node.\n          (uiOptions.description || schema.description) && (\n            <ArrayFieldDescriptionTemplate\n              idSchema={idSchema}\n              schema={schema}\n              description={(uiOptions.description || schema.description) ?? ''}\n              uiSchema={uiSchema}\n              registry={registry}\n            />\n          )\n        }\n        registry={registry}\n      >\n        {(!items || isEmpty(items)) && (\n          <Button variant={'outlined'} onClick={props.onAddClick}>\n            Add item\n          </Button>\n        )}\n        {items && (\n          <>\n            {items.map(\n              ({\n                key,\n                index,\n                ...itemProps\n              }: ArrayFieldItemTemplateType<T, S, F>) => (\n                <ArrayFieldItemTemplate\n                  key={key}\n                  index={index}\n                  {...itemProps}\n                  buttonsProps={{\n                    ...itemProps.buttonsProps,\n                    // Override hasRemove to prevent removing the last item in an array (except additional properties),\n                    // unless overridden by formContext\n                    hasRemove:\n                      isAdditionalProperty ||\n                      items.length > 1 ||\n                      Boolean(formContext?.allowRemovingLastItemInArray),\n                    onDropIndexClick:\n                      isAdditionalProperty &&\n                      items.length == 1 &&\n                      additionalPropertyContext\n                        ? () => {\n                            return e => {\n                              additionalPropertyContext.dropProperty(e)\n                            }\n                          }\n                        : itemProps.buttonsProps.onDropIndexClick,\n                  }}\n                />\n              ),\n            )}\n          </>\n        )}\n      </RJSFInputLabelWrapper>\n    </Box>\n  )\n}\n\nexport default ArrayFieldTemplate\n"],"mappings":";;;;;;;;AAqBA,SAAS,EAIP,GAAyC;CACzC,IAAM,EAAE,aAAU,aAAU,UAAO,aAAU,WAAQ,mBAAgB,GAC/D,IAAY,EAAsB,CAAQ,GAC1C,IAA0B,EAK9B,2BAA2B,GAAU,CAAS,GAE1C,IAAgC,EAKpC,iCAAiC,GAAU,CAAS,GAChD,IAAyB,EAC7B,0BACA,GACA,CACF,GAEM,IAAuB,CAAC,CAC5B,EAAM,OACN,IACI,IAA4B,EAA6B;CAoB/D,OAZA,QAAgB;EACd,AAGE,EAAU,WAAW,YACrB,EAAM,MAAM,WAAW,KACvB,CAAC,GAAa,gCAEd,EAAM,WAAW;CAErB,GAAG;EAAC;EAAO,GAAa;EAA8B,EAAU;CAAM,CAAC,GAGrE,kBAAC,GAAD;EAAK,IAAI,EAAS;EAAK,WAAW,EAAM;YACtC,kBAAC,GAAD;GACE,YACE,kBAAC,GAAD;IACY;IACV,OAAO,EAAU,SAAS,EAAM;IACxB;IACE;IACV,UAAU,EAAM;IACN;GACX,CAAA;GAEH,cAGG,EAAU,eAAe,EAAO,gBAC/B,kBAAC,GAAD;IACY;IACF;IACR,cAAc,EAAU,eAAe,EAAO,gBAAgB;IACpD;IACA;GACX,CAAA;GAGK;aAxBZ,EA0BI,CAAC,KAAS,EAAQ,CAAK,MACvB,kBAAC,GAAD;IAAQ,SAAS;IAAY,SAAS,EAAM;cAAY;GAEhD,CAAA,GAET,KACC,kBAAA,GAAA,EAAA,UACG,EAAM,KACJ,EACC,QACA,UACA,GAAG,QAEH,kBAAC,GAAD;IAES;IACP,GAAI;IACJ,cAAc;KACZ,GAAG,EAAU;KAGb,WACE,KACA,EAAM,SAAS,KACf,EAAQ,GAAa;KACvB,kBACE,KACA,EAAM,UAAU,KAChB,WAEa,MAAK;MACV,EAA0B,aAAa,CAAC;KAC1C,IAEF,EAAU,aAAa;IAC/B;GACD,GAtBM,CAsBN,CAEL,EACA,CAAA,CAEiB;;CACpB,CAAA;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"FieldTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/templates/FieldTemplate.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAClB,eAAe,EAGf,UAAU,EACV,gBAAgB,EACjB,MAAM,aAAa,CAAA;AAEpB,wBAAgB,aAAa,CAC3B,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAC/B,KAAK,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CA0DnC"}
+{"version":3,"file":"FieldTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/templates/FieldTemplate.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAClB,eAAe,EAGf,UAAU,EACV,gBAAgB,EACjB,MAAM,aAAa,CAAA;AAEpB,wBAAgB,aAAa,CAC3B,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAC/B,KAAK,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAqEnC"}

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

@@ -4,17 +4,17 @@ import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { getTemplate as a, getUiOptions as o } from "@rjsf/utils";
 //#region src/components/JsonSchemaForm/templates/FieldTemplate.tsx
 function s(s) {
-	let { id: c, label: l, children: u, errors: d, help: f, description: p, hidden: m, required: h, displayLabel: g, registry: _, uiSchema: v, schema: y, hideError: b, rawErrors: x } = s, S = a("WrapIfAdditionalTemplate", _, o(v));
+	let { id: c, label: l, children: u, errors: d, help: f, description: p, hidden: m, required: h, displayLabel: g, registry: _, uiSchema: v, schema: y, hideError: b, rawErrors: x } = s, S = o(v), C = !!(S.description ?? y.description), w = _.formContext?.booleanWidget === "checkbox", T = a("WrapIfAdditionalTemplate", _, S);
 	if (m) return /* @__PURE__ */ r("div", {
 		className: "hidden",
 		children: u
 	});
-	let C = ["form-group", s.classNames || ""];
-	return !b && x && x.length > 0 && C.push("has-error"), /* @__PURE__ */ i(S, {
+	let E = ["form-group", s.classNames || ""];
+	return !b && x && x.length > 0 && E.push("has-error"), /* @__PURE__ */ i(T, {
 		...s,
-		classNames: C.join(" ").trim(),
+		classNames: E.join(" ").trim(),
 		children: [/* @__PURE__ */ i(e, {
-			hideLabel: !(g || y.type === "boolean"),
+			hideLabel: !(g || y.type === "boolean" && !w),
 			fieldLabel: /* @__PURE__ */ i(n, {
 				htmlFor: c,
 				children: [l, h && /* @__PURE__ */ r("span", {
@@ -22,7 +22,7 @@ function s(s) {
 					children: "*"
 				})]
 			}),
-			description: p,
+			description: C ? p : void 0,
 			registry: _,
 			children: [u, /* @__PURE__ */ r(t, {
 				item: !0,

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

@@ -1 +1 @@
-{"version":3,"file":"FieldTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/FieldTemplate.tsx"],"sourcesContent":["import { RJSFInputLabelWrapper } from '@/components/JsonSchemaForm/templates/RJSFInputLabel'\nimport { GridLegacy as Grid, InputLabel } from '@mui/material'\nimport {\n  FieldTemplateProps,\n  FormContextType,\n  getTemplate,\n  getUiOptions,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\n\nexport function FieldTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: FieldTemplateProps<T, S, F>) {\n  const {\n    id,\n    label,\n    children,\n    errors,\n    help,\n    description,\n    hidden,\n    required,\n    displayLabel,\n    registry,\n    uiSchema,\n    schema,\n    hideError,\n    rawErrors,\n  } = props\n  const uiOptions = getUiOptions<T, S, F>(uiSchema)\n  const WrapIfAdditionalTemplate = getTemplate<\n    'WrapIfAdditionalTemplate',\n    T,\n    S,\n    F\n  >('WrapIfAdditionalTemplate', registry, uiOptions)\n\n  if (hidden) {\n    return <div className=\"hidden\">{children}</div>\n  }\n  const classNamesList: string[] = ['form-group', props.classNames || '']\n  if (!hideError && rawErrors && rawErrors.length > 0) {\n    classNamesList.push('has-error')\n  }\n\n  return (\n    <WrapIfAdditionalTemplate\n      {...props}\n      classNames={classNamesList.join(' ').trim()}\n    >\n      <RJSFInputLabelWrapper<T, S, F>\n        // RJSF hides labels for boolean checkboxes, but since we replaced checkboxes with a custom component, we want to show them\n        hideLabel={!(displayLabel || schema.type === 'boolean')}\n        fieldLabel={\n          <InputLabel htmlFor={id}>\n            {label}\n            {required && <span className=\"required\">*</span>}\n          </InputLabel>\n        }\n        description={description}\n        registry={registry}\n      >\n        {children}\n        <Grid item xs={12}>\n          {errors}\n        </Grid>\n      </RJSFInputLabelWrapper>\n      {help}\n    </WrapIfAdditionalTemplate>\n  )\n}\n"],"mappings":";;;;;AAWA,SAAgB,EAId,GAAoC;CACpC,IAAM,EACJ,OACA,UACA,aACA,WACA,SACA,gBACA,WACA,aACA,iBACA,aACA,aACA,WACA,cACA,iBACE,GAEE,IAA2B,EAK/B,4BAA4B,GANZ,EAAsB,CAMA,CAAS;CAEjD,IAAI,GACF,OAAO,kBAAC,OAAD;EAAK,WAAU;EAAU;CAAc,CAAA;CAEhD,IAAM,IAA2B,CAAC,cAAc,EAAM,cAAc,EAAE;CAKtE,OAJI,CAAC,KAAa,KAAa,EAAU,SAAS,KAChD,EAAe,KAAK,WAAW,GAI/B,kBAAC,GAAD;EACE,GAAI;EACJ,YAAY,EAAe,KAAK,GAAG,EAAE,KAAK;YAF5C,CAIE,kBAAC,GAAD;GAEE,WAAW,EAAE,KAAgB,EAAO,SAAS;GAC7C,YACE,kBAAC,GAAD;IAAY,SAAS;cAArB,CACG,GACA,KAAY,kBAAC,QAAD;KAAM,WAAU;eAAW;IAAO,CAAA,CACrC;;GAED;GACH;aAVZ,CAYG,GACD,kBAAC,GAAD;IAAM,MAAA;IAAK,IAAI;cACZ;GACG,CAAA,CACe;MACtB,CACuB;;AAE9B"}
+{"version":3,"file":"FieldTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/FieldTemplate.tsx"],"sourcesContent":["import { RJSFInputLabelWrapper } from '@/components/JsonSchemaForm/templates/RJSFInputLabel'\nimport { CustomFormContext } from '@/components/JsonSchemaForm/CustomFormContext'\nimport { GridLegacy as Grid, InputLabel } from '@mui/material'\nimport {\n  FieldTemplateProps,\n  FormContextType,\n  getTemplate,\n  getUiOptions,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\n\nexport function FieldTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: FieldTemplateProps<T, S, F>) {\n  const {\n    id,\n    label,\n    children,\n    errors,\n    help,\n    description,\n    hidden,\n    required,\n    displayLabel,\n    registry,\n    uiSchema,\n    schema,\n    hideError,\n    rawErrors,\n  } = props\n  const uiOptions = getUiOptions<T, S, F>(uiSchema)\n  const hasDescription = Boolean(uiOptions.description ?? schema.description)\n\n  // The real checkbox widget (formContext.booleanWidget === 'checkbox') renders its own label\n  // via MUI's FormControlLabel; only the Yes/No select needs FieldTemplate to force one, since\n  // RJSF hides labels for boolean schemas by default.\n  const usesRealCheckbox =\n    (registry.formContext as CustomFormContext | undefined)?.booleanWidget ===\n    'checkbox'\n  const WrapIfAdditionalTemplate = getTemplate<\n    'WrapIfAdditionalTemplate',\n    T,\n    S,\n    F\n  >('WrapIfAdditionalTemplate', registry, uiOptions)\n\n  if (hidden) {\n    return <div className=\"hidden\">{children}</div>\n  }\n  const classNamesList: string[] = ['form-group', props.classNames || '']\n  if (!hideError && rawErrors && rawErrors.length > 0) {\n    classNamesList.push('has-error')\n  }\n\n  return (\n    <WrapIfAdditionalTemplate\n      {...props}\n      classNames={classNamesList.join(' ').trim()}\n    >\n      <RJSFInputLabelWrapper<T, S, F>\n        // RJSF hides labels for boolean schemas by default; the Yes/No select widget doesn't\n        // render its own label, so force one on — the real checkbox widget does, so don't.\n        hideLabel={\n          !(displayLabel || (schema.type === 'boolean' && !usesRealCheckbox))\n        }\n        fieldLabel={\n          <InputLabel htmlFor={id}>\n            {label}\n            {required && <span className=\"required\">*</span>}\n          </InputLabel>\n        }\n        description={hasDescription ? description : undefined}\n        registry={registry}\n      >\n        {children}\n        <Grid item xs={12}>\n          {errors}\n        </Grid>\n      </RJSFInputLabelWrapper>\n      {help}\n    </WrapIfAdditionalTemplate>\n  )\n}\n"],"mappings":";;;;;AAYA,SAAgB,EAId,GAAoC;CACpC,IAAM,EACJ,OACA,UACA,aACA,WACA,SACA,gBACA,WACA,aACA,iBACA,aACA,aACA,WACA,cACA,iBACE,GACE,IAAY,EAAsB,CAAQ,GAC1C,IAAiB,GAAQ,EAAU,eAAe,EAAO,cAKzD,IACH,EAAS,aAA+C,kBACzD,YACI,IAA2B,EAK/B,4BAA4B,GAAU,CAAS;CAEjD,IAAI,GACF,OAAO,kBAAC,OAAD;EAAK,WAAU;EAAU;CAAc,CAAA;CAEhD,IAAM,IAA2B,CAAC,cAAc,EAAM,cAAc,EAAE;CAKtE,OAJI,CAAC,KAAa,KAAa,EAAU,SAAS,KAChD,EAAe,KAAK,WAAW,GAI/B,kBAAC,GAAD;EACE,GAAI;EACJ,YAAY,EAAe,KAAK,GAAG,EAAE,KAAK;YAF5C,CAIE,kBAAC,GAAD;GAGE,WACE,EAAE,KAAiB,EAAO,SAAS,aAAa,CAAC;GAEnD,YACE,kBAAC,GAAD;IAAY,SAAS;cAArB,CACG,GACA,KAAY,kBAAC,QAAD;KAAM,WAAU;eAAW;IAAO,CAAA,CACrC;;GAEd,aAAa,IAAiB,IAAc,KAAA;GAClC;aAbZ,CAeG,GACD,kBAAC,GAAD;IAAM,MAAA;IAAK,IAAI;cACZ;GACG,CAAA,CACe;MACtB,CACuB;;AAE9B"}

package/dist/components/JsonSchemaForm/widgets/DateWidget.d.ts

@@ -0,0 +1,9 @@
+import { Widget } from '@rjsf/utils';
+/**
+ * Date-only picker widget for schema fields with `format: 'date-time'` where the form UI
+ * does not need to collect the time-of-day. Unlike `DateTimeWidget`, this never
+ * prompts for a time of day, but its stored value is a full ISO 8601 UTC-midnight string,
+ * matching `format: 'date-time'`.
+ */
+export declare const DateWidget: Widget;
+//# sourceMappingURL=DateWidget.d.ts.map

package/dist/components/JsonSchemaForm/widgets/DateWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateWidget.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/widgets/DateWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,aAAa,CAAA;AAMjD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,MA0BxB,CAAA"}

package/dist/components/JsonSchemaForm/widgets/DateWidget.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+import t from "dayjs";
+import { AdapterDayjs as n } from "@mui/x-date-pickers/AdapterDayjs";
+import { LocalizationProvider as r } from "@mui/x-date-pickers/LocalizationProvider";
+import { DatePicker as i } from "@mui/x-date-pickers/DatePicker";
+//#region src/components/JsonSchemaForm/widgets/DateWidget.tsx
+var a = ({ id: a, disabled: o, value: s, onChange: c }) => {
+	let l = typeof s == "string" ? s.slice(0, 10) : void 0;
+	return /* @__PURE__ */ e(r, {
+		dateAdapter: n,
+		children: /* @__PURE__ */ e(i, {
+			enableAccessibleFieldDOMStructure: !1,
+			disabled: o,
+			slotProps: { textField: { id: a } },
+			value: l ? t(l) : null,
+			onChange: (e) => c(e ? `${e.format("YYYY-MM-DD")}T00:00:00.000Z` : null)
+		})
+	});
+};
+//#endregion
+export { a as DateWidget };
+
+//# sourceMappingURL=DateWidget.js.map

package/dist/components/JsonSchemaForm/widgets/DateWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateWidget.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/widgets/DateWidget.tsx"],"sourcesContent":["import { Widget, WidgetProps } from '@rjsf/utils'\nimport dayjs, { Dayjs } from 'dayjs'\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'\nimport { DatePicker } from '@mui/x-date-pickers/DatePicker'\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'\n\n/**\n * Date-only picker widget for schema fields with `format: 'date-time'` where the form UI\n * does not need to collect the time-of-day. Unlike `DateTimeWidget`, this never\n * prompts for a time of day, but its stored value is a full ISO 8601 UTC-midnight string,\n * matching `format: 'date-time'`.\n */\nexport const DateWidget: Widget = ({\n  id,\n  disabled,\n  value,\n  onChange,\n}: WidgetProps) => {\n  // Build/read the UTC-midnight timestamp via string slicing rather than dayjs's timezone-\n  // aware parsing, which would anchor the calendar date to the browser's local timezone and\n  // could shift it onto the adjacent day.\n  const dateOnly = typeof value === 'string' ? value.slice(0, 10) : undefined\n  return (\n    <LocalizationProvider dateAdapter={AdapterDayjs}>\n      <DatePicker\n        enableAccessibleFieldDOMStructure={false}\n        disabled={disabled}\n        // Carries RJSF's field id onto the input so the form's own `<label for>` applies.\n        slotProps={{ textField: { id } }}\n        value={dateOnly ? dayjs(dateOnly) : null}\n        onChange={(newValue: Dayjs | null) =>\n          onChange(\n            newValue ? `${newValue.format('YYYY-MM-DD')}T00:00:00.000Z` : null,\n          )\n        }\n      />\n    </LocalizationProvider>\n  )\n}\n"],"mappings":";;;;;;AAYA,IAAa,KAAsB,EACjC,OACA,aACA,UACA,kBACiB;CAIjB,IAAM,IAAW,OAAO,KAAU,WAAW,EAAM,MAAM,GAAG,EAAE,IAAI,KAAA;CAClE,OACE,kBAAC,GAAD;EAAsB,aAAa;YACjC,kBAAC,GAAD;GACE,mCAAmC;GACzB;GAEV,WAAW,EAAE,WAAW,EAAE,MAAG,EAAE;GAC/B,OAAO,IAAW,EAAM,CAAQ,IAAI;GACpC,WAAW,MACT,EACE,IAAW,GAAG,EAAS,OAAO,YAAY,EAAE,kBAAkB,IAChE;EAEH,CAAA;CACmB,CAAA;AAE1B"}

package/dist/components/MailchimpSubscribeSection/MailchimpSubscribeSection.css

@@ -1 +1 @@
-._formRow_r0gup_1{align-items:stretch;gap:8px;display:flex}._emailInput_r0gup_7.MuiTextField-root{width:100%}@media (width>=600px){._emailInput_r0gup_7.MuiTextField-root{width:auto;min-width:350px}}._emailInput_r0gup_7.MuiTextField-root .MuiOutlinedInput-root{background-color:#fff;border-radius:4px}._emailInput_r0gup_7.MuiTextField-root .MuiOutlinedInput-root fieldset{border:1px solid #e4e4e4}._submitButton_r0gup_24.MuiButton-root{white-space:nowrap;border-radius:8px}._formWrapper_r0gup_29{margin-top:16px}._description_r0gup_33{margin-top:8px}._statusMessage_r0gup_37{margin-top:4px;display:block}._imageColumn_r0gup_42{flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex}@media (width>=600px){._imageColumn_r0gup_42{width:200px}}
+._formRow_1yz5z_1{align-items:stretch;gap:8px;display:flex}._emailInput_1yz5z_7.MuiTextField-root{width:100%}@media (width>=600px){._emailInput_1yz5z_7.MuiTextField-root{min-width:0}}._emailInput_1yz5z_7.MuiTextField-root .MuiOutlinedInput-root{background-color:#fff;border-radius:4px}._emailInput_1yz5z_7.MuiTextField-root .MuiOutlinedInput-root fieldset{border:1px solid #e4e4e4}._submitButton_1yz5z_23.MuiButton-root{white-space:nowrap;border-radius:8px}._formWrapper_1yz5z_28{flex:1;margin-top:16px}._description_1yz5z_33{margin-top:8px}._statusMessage_1yz5z_37{margin-top:4px;display:block}._imageColumn_1yz5z_42{flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex}@media (width>=600px){._imageColumn_1yz5z_42{width:200px}}._formContainer_1yz5z_55{align-items:flex-end;gap:16px;display:flex}._formContainer_1yz5z_55 svg{flex-shrink:0}

package/dist/components/MailchimpSubscribeSection/MailchimpSubscribeSection.d.ts

@@ -1,7 +1,8 @@
+import { ReactNode } from 'react';
 import { SxProps } from '@mui/material';
 export type MailchimpSubscribeSectionProps = {
-    headline: string;
-    description: string;
+    headline?: string;
+    description: ReactNode;
     mailchimpUrl: string;
     headlineSx?: SxProps;
     background?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"MailchimpSubscribeSection.d.ts","sourceRoot":"","sources":["../../../src/components/MailchimpSubscribeSection/MailchimpSubscribeSection.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,OAAO,EAGR,MAAM,eAAe,CAAA;AAStB,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AA+ED,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,UAAU,EACV,UAAU,GACX,EAAE,8BAA8B,2CA6BhC"}
+{"version":3,"file":"MailchimpSubscribeSection.d.ts","sourceRoot":"","sources":["../../../src/components/MailchimpSubscribeSection/MailchimpSubscribeSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAA;AACpD,OAAO,EAKL,OAAO,EAGR,MAAM,eAAe,CAAA;AAStB,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,SAAS,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AA+ED,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,UAAU,EACV,UAAU,GACX,EAAE,8BAA8B,2CA2BhC"}

package/dist/components/MailchimpSubscribeSection/MailchimpSubscribeSection.js

@@ -63,19 +63,17 @@ function m({ subscribe: e, status: a, message: c }) {
 	});
 }
 function h({ headline: t, description: r, mailchimpUrl: i, headlineSx: o, background: s }) {
-	return /* @__PURE__ */ f(c, {
+	return /* @__PURE__ */ d(c, {
 		direction: {
 			xs: "column",
 			sm: "row"
 		},
 		spacing: 4,
-		alignItems: "center",
 		sx: (e) => ({
 			background: s || e.palette.lightPrimary.main,
-			borderRadius: "12px",
-			padding: 3
+			borderRadius: "12px"
 		}),
-		children: [/* @__PURE__ */ f(a, {
+		children: /* @__PURE__ */ f(a, {
 			sx: {
 				flex: 1,
 				minWidth: 0
@@ -91,15 +89,15 @@ function h({ headline: t, description: r, mailchimpUrl: i, headlineSx: o, backgr
 					className: n.description,
 					children: r
 				}),
-				/* @__PURE__ */ d(p, {
-					url: i,
-					render: (e) => /* @__PURE__ */ d(m, { ...e })
+				/* @__PURE__ */ f(a, {
+					className: n.formContainer,
+					children: [/* @__PURE__ */ d(e, {}), /* @__PURE__ */ d(p, {
+						url: i,
+						render: (e) => /* @__PURE__ */ d(m, { ...e })
+					})]
 				})
 			]
-		}), /* @__PURE__ */ d("div", {
-			className: n.imageColumn,
-			children: /* @__PURE__ */ d(e, {})
-		})]
+		})
 	});
 }
 //#endregion

package/dist/components/MailchimpSubscribeSection/MailchimpSubscribeSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"MailchimpSubscribeSection.js","names":[],"sources":["../../../src/components/MailchimpSubscribeSection/MailchimpSubscribeSection.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport {\n  Box,\n  Button,\n  InputAdornment,\n  Stack,\n  SxProps,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { ReactComponent as EmailWithNotification } from '@/assets/icons/emailWithNotification.svg'\nimport EmailAddressAdornment from '@/assets/icons/EmailAddressAdornment'\nimport MailchimpSubscribe, {\n  EmailFormFields,\n  FormHooks,\n} from 'react-mailchimp-subscribe'\nimport styles from './MailchimpSubscribeSection.module.scss'\n\nexport type MailchimpSubscribeSectionProps = {\n  headline: string\n  description: string\n  mailchimpUrl: string\n  headlineSx?: SxProps\n  background?: string\n}\n\ntype MailchimpFormProps = FormHooks<EmailFormFields>\n\nfunction MailchimpForm({ subscribe, status, message }: MailchimpFormProps) {\n  const emailRef = useRef<HTMLInputElement>(null)\n\n  useEffect(() => {\n    if (status === 'success' && emailRef.current) {\n      emailRef.current.value = ''\n    }\n  }, [status])\n\n  return (\n    <form\n      className={styles.formWrapper}\n      onSubmit={e => {\n        e.preventDefault()\n        if (emailRef.current) {\n          subscribe({ EMAIL: emailRef.current.value })\n        }\n      }}\n    >\n      <div className={styles.formRow}>\n        <TextField\n          inputRef={emailRef}\n          placeholder=\"Your email\"\n          type=\"email\"\n          size=\"small\"\n          required\n          inputProps={{ 'aria-label': 'Email address' }}\n          className={styles.emailInput}\n          slotProps={{\n            input: {\n              startAdornment: (\n                <InputAdornment position=\"start\">\n                  <EmailAddressAdornment color=\"primary\" fontSize=\"small\" />\n                </InputAdornment>\n              ),\n            },\n          }}\n        />\n        <Button\n          type=\"submit\"\n          variant=\"contained\"\n          disableElevation\n          disabled={status === 'sending'}\n          className={styles.submitButton}\n        >\n          Sign Up\n        </Button>\n      </div>\n      {status === 'sending' && (\n        <Typography variant=\"caption\" className={styles.statusMessage}>\n          Sending...\n        </Typography>\n      )}\n      {status === 'error' && (\n        <Typography\n          variant=\"caption\"\n          color=\"error\"\n          className={styles.statusMessage}\n        >\n          {typeof message === 'string' ? message : 'An error occurred.'}\n        </Typography>\n      )}\n      {status === 'success' && (\n        <Typography\n          variant=\"caption\"\n          sx={{ color: 'success.main' }}\n          className={styles.statusMessage}\n        >\n          {message}\n        </Typography>\n      )}\n    </form>\n  )\n}\n\nexport default function MailchimpSubscribeSection({\n  headline,\n  description,\n  mailchimpUrl,\n  headlineSx,\n  background,\n}: MailchimpSubscribeSectionProps) {\n  return (\n    <Stack\n      direction={{ xs: 'column', sm: 'row' }}\n      spacing={4}\n      alignItems=\"center\"\n      sx={theme => ({\n        background: background ? background : theme.palette.lightPrimary.main,\n        borderRadius: '12px',\n        padding: 3,\n      })}\n    >\n      <Box sx={{ flex: 1, minWidth: 0 }}>\n        <Typography variant=\"headline1\" sx={headlineSx}>\n          {headline}\n        </Typography>\n        <Typography variant=\"body1\" className={styles.description}>\n          {description}\n        </Typography>\n        <MailchimpSubscribe\n          url={mailchimpUrl}\n          render={props => <MailchimpForm {...props} />}\n        />\n      </Box>\n      <div className={styles.imageColumn}>\n        <EmailWithNotification />\n      </div>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;AA4BA,SAAS,EAAc,EAAE,cAAW,WAAQ,cAA+B;CACzE,IAAM,IAAW,EAAyB,IAAI;CAQ9C,OANA,QAAgB;EACd,AAAI,MAAW,aAAa,EAAS,YACnC,EAAS,QAAQ,QAAQ;CAE7B,GAAG,CAAC,CAAM,CAAC,GAGT,kBAAC,QAAD;EACE,WAAW,EAAO;EAClB,WAAU,MAAK;GAEb,AADA,EAAE,eAAe,GACb,EAAS,WACX,EAAU,EAAE,OAAO,EAAS,QAAQ,MAAM,CAAC;EAE/C;YAPF;GASE,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,GAAD;KACE,UAAU;KACV,aAAY;KACZ,MAAK;KACL,MAAK;KACL,UAAA;KACA,YAAY,EAAE,cAAc,gBAAgB;KAC5C,WAAW,EAAO;KAClB,WAAW,EACT,OAAO,EACL,gBACE,kBAAC,GAAD;MAAgB,UAAS;gBACvB,kBAAC,GAAD;OAAuB,OAAM;OAAU,UAAS;MAAS,CAAA;KAC3C,CAAA,EAEpB,EACF;IACD,CAAA,GACD,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,kBAAA;KACA,UAAU,MAAW;KACrB,WAAW,EAAO;eACnB;IAEO,CAAA,CACL;;GACJ,MAAW,aACV,kBAAC,GAAD;IAAY,SAAQ;IAAU,WAAW,EAAO;cAAe;GAEnD,CAAA;GAEb,MAAW,WACV,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,WAAW,EAAO;cAEjB,OAAO,KAAY,WAAW,IAAU;GAC/B,CAAA;GAEb,MAAW,aACV,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI,EAAE,OAAO,eAAe;IAC5B,WAAW,EAAO;cAEjB;GACS,CAAA;EAEV;;AAEV;AAEA,SAAwB,EAA0B,EAChD,aACA,gBACA,iBACA,eACA,iBACiC;CACjC,OACE,kBAAC,GAAD;EACE,WAAW;GAAE,IAAI;GAAU,IAAI;EAAM;EACrC,SAAS;EACT,YAAW;EACX,KAAI,OAAU;GACZ,YAAY,KAA0B,EAAM,QAAQ,aAAa;GACjE,cAAc;GACd,SAAS;EACX;YARF,CAUE,kBAAC,GAAD;GAAK,IAAI;IAAE,MAAM;IAAG,UAAU;GAAE;aAAhC;IACE,kBAAC,GAAD;KAAY,SAAQ;KAAY,IAAI;eACjC;IACS,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAQ;KAAQ,WAAW,EAAO;eAC3C;IACS,CAAA;IACZ,kBAAC,GAAD;KACE,KAAK;KACL,SAAQ,MAAS,kBAAC,GAAD,EAAe,GAAI,EAAQ,CAAA;IAC7C,CAAA;GACE;MACL,kBAAC,OAAD;GAAK,WAAW,EAAO;aACrB,kBAAC,GAAD,CAAwB,CAAA;EACrB,CAAA,CACA;;AAEX"}
+{"version":3,"file":"MailchimpSubscribeSection.js","names":[],"sources":["../../../src/components/MailchimpSubscribeSection/MailchimpSubscribeSection.tsx"],"sourcesContent":["import { ReactNode, useEffect, useRef } from 'react'\nimport {\n  Box,\n  Button,\n  InputAdornment,\n  Stack,\n  SxProps,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { ReactComponent as EmailWithNotification } from '@/assets/icons/emailWithNotification.svg'\nimport EmailAddressAdornment from '@/assets/icons/EmailAddressAdornment'\nimport MailchimpSubscribe, {\n  EmailFormFields,\n  FormHooks,\n} from 'react-mailchimp-subscribe'\nimport styles from './MailchimpSubscribeSection.module.scss'\n\nexport type MailchimpSubscribeSectionProps = {\n  headline?: string\n  description: ReactNode\n  mailchimpUrl: string\n  headlineSx?: SxProps\n  background?: string\n}\n\ntype MailchimpFormProps = FormHooks<EmailFormFields>\n\nfunction MailchimpForm({ subscribe, status, message }: MailchimpFormProps) {\n  const emailRef = useRef<HTMLInputElement>(null)\n\n  useEffect(() => {\n    if (status === 'success' && emailRef.current) {\n      emailRef.current.value = ''\n    }\n  }, [status])\n\n  return (\n    <form\n      className={styles.formWrapper}\n      onSubmit={e => {\n        e.preventDefault()\n        if (emailRef.current) {\n          subscribe({ EMAIL: emailRef.current.value })\n        }\n      }}\n    >\n      <div className={styles.formRow}>\n        <TextField\n          inputRef={emailRef}\n          placeholder=\"Your email\"\n          type=\"email\"\n          size=\"small\"\n          required\n          inputProps={{ 'aria-label': 'Email address' }}\n          className={styles.emailInput}\n          slotProps={{\n            input: {\n              startAdornment: (\n                <InputAdornment position=\"start\">\n                  <EmailAddressAdornment color=\"primary\" fontSize=\"small\" />\n                </InputAdornment>\n              ),\n            },\n          }}\n        />\n        <Button\n          type=\"submit\"\n          variant=\"contained\"\n          disableElevation\n          disabled={status === 'sending'}\n          className={styles.submitButton}\n        >\n          Sign Up\n        </Button>\n      </div>\n      {status === 'sending' && (\n        <Typography variant=\"caption\" className={styles.statusMessage}>\n          Sending...\n        </Typography>\n      )}\n      {status === 'error' && (\n        <Typography\n          variant=\"caption\"\n          color=\"error\"\n          className={styles.statusMessage}\n        >\n          {typeof message === 'string' ? message : 'An error occurred.'}\n        </Typography>\n      )}\n      {status === 'success' && (\n        <Typography\n          variant=\"caption\"\n          sx={{ color: 'success.main' }}\n          className={styles.statusMessage}\n        >\n          {message}\n        </Typography>\n      )}\n    </form>\n  )\n}\n\nexport default function MailchimpSubscribeSection({\n  headline,\n  description,\n  mailchimpUrl,\n  headlineSx,\n  background,\n}: MailchimpSubscribeSectionProps) {\n  return (\n    <Stack\n      direction={{ xs: 'column', sm: 'row' }}\n      spacing={4}\n      sx={theme => ({\n        background: background ? background : theme.palette.lightPrimary.main,\n        borderRadius: '12px',\n      })}\n    >\n      <Box sx={{ flex: 1, minWidth: 0 }}>\n        <Typography variant=\"headline1\" sx={headlineSx}>\n          {headline}\n        </Typography>\n        <Typography variant=\"body1\" className={styles.description}>\n          {description}\n        </Typography>\n        <Box className={styles.formContainer}>\n          <EmailWithNotification />\n          <MailchimpSubscribe\n            url={mailchimpUrl}\n            render={props => <MailchimpForm {...props} />}\n          />\n        </Box>\n      </Box>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;AA4BA,SAAS,EAAc,EAAE,cAAW,WAAQ,cAA+B;CACzE,IAAM,IAAW,EAAyB,IAAI;CAQ9C,OANA,QAAgB;EACd,AAAI,MAAW,aAAa,EAAS,YACnC,EAAS,QAAQ,QAAQ;CAE7B,GAAG,CAAC,CAAM,CAAC,GAGT,kBAAC,QAAD;EACE,WAAW,EAAO;EAClB,WAAU,MAAK;GAEb,AADA,EAAE,eAAe,GACb,EAAS,WACX,EAAU,EAAE,OAAO,EAAS,QAAQ,MAAM,CAAC;EAE/C;YAPF;GASE,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,GAAD;KACE,UAAU;KACV,aAAY;KACZ,MAAK;KACL,MAAK;KACL,UAAA;KACA,YAAY,EAAE,cAAc,gBAAgB;KAC5C,WAAW,EAAO;KAClB,WAAW,EACT,OAAO,EACL,gBACE,kBAAC,GAAD;MAAgB,UAAS;gBACvB,kBAAC,GAAD;OAAuB,OAAM;OAAU,UAAS;MAAS,CAAA;KAC3C,CAAA,EAEpB,EACF;IACD,CAAA,GACD,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,kBAAA;KACA,UAAU,MAAW;KACrB,WAAW,EAAO;eACnB;IAEO,CAAA,CACL;;GACJ,MAAW,aACV,kBAAC,GAAD;IAAY,SAAQ;IAAU,WAAW,EAAO;cAAe;GAEnD,CAAA;GAEb,MAAW,WACV,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,WAAW,EAAO;cAEjB,OAAO,KAAY,WAAW,IAAU;GAC/B,CAAA;GAEb,MAAW,aACV,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI,EAAE,OAAO,eAAe;IAC5B,WAAW,EAAO;cAEjB;GACS,CAAA;EAEV;;AAEV;AAEA,SAAwB,EAA0B,EAChD,aACA,gBACA,iBACA,eACA,iBACiC;CACjC,OACE,kBAAC,GAAD;EACE,WAAW;GAAE,IAAI;GAAU,IAAI;EAAM;EACrC,SAAS;EACT,KAAI,OAAU;GACZ,YAAY,KAA0B,EAAM,QAAQ,aAAa;GACjE,cAAc;EAChB;YAEA,kBAAC,GAAD;GAAK,IAAI;IAAE,MAAM;IAAG,UAAU;GAAE;aAAhC;IACE,kBAAC,GAAD;KAAY,SAAQ;KAAY,IAAI;eACjC;IACS,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAQ;KAAQ,WAAW,EAAO;eAC3C;IACS,CAAA;IACZ,kBAAC,GAAD;KAAK,WAAW,EAAO;eAAvB,CACE,kBAAC,GAAD,CAAwB,CAAA,GACxB,kBAAC,GAAD;MACE,KAAK;MACL,SAAQ,MAAS,kBAAC,GAAD,EAAe,GAAI,EAAQ,CAAA;KAC7C,CAAA,CACE;;GACF;;CACA,CAAA;AAEX"}

package/dist/components/MailchimpSubscribeSection/MailchimpSubscribeSection.module.js

@@ -1,11 +1,12 @@
 import './MailchimpSubscribeSection.css';var e = {
-	formRow: "_formRow_r0gup_1",
-	emailInput: "_emailInput_r0gup_7",
-	submitButton: "_submitButton_r0gup_24",
-	formWrapper: "_formWrapper_r0gup_29",
-	description: "_description_r0gup_33",
-	statusMessage: "_statusMessage_r0gup_37",
-	imageColumn: "_imageColumn_r0gup_42"
+	formRow: "_formRow_1yz5z_1",
+	emailInput: "_emailInput_1yz5z_7",
+	submitButton: "_submitButton_1yz5z_23",
+	formWrapper: "_formWrapper_1yz5z_28",
+	description: "_description_1yz5z_33",
+	statusMessage: "_statusMessage_1yz5z_37",
+	imageColumn: "_imageColumn_1yz5z_42",
+	formContainer: "_formContainer_1yz5z_55"
 };
 //#endregion
 export { e as default };

package/dist/components/MailchimpSubscribeSection/MailchimpSubscribeSection.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"MailchimpSubscribeSection.module.js","names":[],"sources":["../../../src/components/MailchimpSubscribeSection/MailchimpSubscribeSection.module.scss"],"sourcesContent":[".formRow {\n  display: flex;\n  align-items: stretch;\n  gap: 8px;\n}\n\n.emailInput:global(.MuiTextField-root) {\n  width: 100%;\n\n  @media (min-width: 600px) {\n    width: auto;\n    min-width: 350px;\n  }\n\n  :global(.MuiOutlinedInput-root) {\n    border-radius: 4px;\n    background-color: white;\n\n    fieldset {\n      border: 1px solid #e4e4e4;\n    }\n  }\n}\n\n.submitButton:global(.MuiButton-root) {\n  border-radius: 8px;\n  white-space: nowrap;\n}\n\n.formWrapper {\n  margin-top: 16px;\n}\n\n.description {\n  margin-top: 8px;\n}\n\n.statusMessage {\n  margin-top: 4px;\n  display: block;\n}\n\n.imageColumn {\n  width: 100%;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  @media (min-width: 600px) {\n    width: 200px;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"MailchimpSubscribeSection.module.js","names":[],"sources":["../../../src/components/MailchimpSubscribeSection/MailchimpSubscribeSection.module.scss"],"sourcesContent":[".formRow {\n  display: flex;\n  align-items: stretch;\n  gap: 8px;\n}\n\n.emailInput:global(.MuiTextField-root) {\n  width: 100%;\n\n  @media (min-width: 600px) {\n    min-width: 0;\n  }\n\n  :global(.MuiOutlinedInput-root) {\n    border-radius: 4px;\n    background-color: white;\n\n    fieldset {\n      border: 1px solid #e4e4e4;\n    }\n  }\n}\n\n.submitButton:global(.MuiButton-root) {\n  border-radius: 8px;\n  white-space: nowrap;\n}\n\n.formWrapper {\n  margin-top: 16px;\n  flex: 1;\n}\n\n.description {\n  margin-top: 8px;\n}\n\n.statusMessage {\n  margin-top: 4px;\n  display: block;\n}\n\n.imageColumn {\n  width: 100%;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  @media (min-width: 600px) {\n    width: 200px;\n  }\n}\n\n.formContainer {\n  display: flex;\n  align-items: flex-end;\n  gap: 16px;\n\n  svg {\n    flex-shrink: 0;\n  }\n}\n"],"mappings":""}

package/dist/components/MailchimpSubscribeSection/MailchimpSubscribeSection.module.scss

@@ -8,8 +8,7 @@
   width: 100%;
 
   @media (min-width: 600px) {
-    width: auto;
-    min-width: 350px;
+    min-width: 0;
   }
 
   :global(.MuiOutlinedInput-root) {
@@ -29,6 +28,7 @@
 
 .formWrapper {
   margin-top: 16px;
+  flex: 1;
 }
 
 .description {
@@ -51,3 +51,13 @@
     width: 200px;
   }
 }
+
+.formContainer {
+  display: flex;
+  align-items: flex-end;
+  gap: 16px;
+
+  svg {
+    flex-shrink: 0;
+  }
+}

package/dist/components/Markdown/MarkdownEditor.js

@@ -24,7 +24,7 @@ function v({ placeholder: v, text: y, setText: b }) {
 		}
 		b(t.join("")), O(!1);
 	}, j = (e) => {
-		let t = k.current && k.current.selectionStart;
+		let t = k.current?.selectionStart;
 		t && t > 0 && e.charAt(t - 1) === "@" && (O(!0), E(!0));
 	}, M = (e) => {
 		let t = k.current;