synapse-react-client 4.0.9 → 4.0.10

package/dist/components/widgets/query-filter/FacetFilterControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"FacetFilterControls.js","names":[],"sources":["../../../../src/components/widgets/query-filter/FacetFilterControls.tsx"],"sourcesContent":["import {\n  facetObjectMatchesDefinition,\n  getCorrespondingColumnForFacet,\n  isSingleNotSetValue,\n} from '@/utils/functions/queryUtils'\nimport {\n  FacetColumnRequest,\n  FacetColumnResultRange,\n  FacetColumnResultValues,\n  FacetColumnValuesRequest,\n  QueryBundleRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { groupBy, noop, sortBy, union } from 'lodash-es'\nimport { Suspense, useCallback, useMemo, useState } from 'react'\nimport { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { CombinedRangeFacetFilter } from './CombinedRangeFacetFilter'\nimport { EnumFacetFilter } from './EnumFacetFilter/EnumFacetFilter'\nimport { FacetChip } from './FacetChip'\nimport { FacetFilterHeader } from './FacetFilterHeader'\nimport { FacetFilterControlsSkeleton } from './FacetFilterSkeleton'\nimport { getDefaultShownFacetFilters } from './FacetFilterUtils'\nimport JsonColumnFacetFilters from './JsonColumnFacetFilters'\nimport { RangeFacetFilter } from './RangeFacetFilter'\n\nexport type FacetFilterControlsProps = {\n  /* The set of faceted column names that should be shown in the Facet controls. If undefined, all faceted columns with\n    at least one non-null value will be shown. */\n  availableFacets?: string[]\n  initialExpandedFacetControls?: string[]\n}\n\nconst convertFacetToFacetColumnValuesRequest = (\n  facet: FacetColumnResultValues,\n): FacetColumnValuesRequest => ({\n  concreteType: 'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest',\n  columnName: facet.columnName,\n  facetValues: facet.facetValues\n    .filter(facet => facet.isSelected)\n    .map(facet => facet.value),\n})\n\nconst patchRequestFacets = (\n  changedFacet: FacetColumnRequest,\n  selections: FacetColumnRequest[] = [],\n): FacetColumnRequest[] => {\n  const changedFacetIndex = selections.findIndex(facet =>\n    facetObjectMatchesDefinition(facet, changedFacet),\n  )\n  const isEmptyValuesFacet =\n    changedFacet.concreteType ===\n      'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest' &&\n    (!changedFacet.facetValues || !changedFacet.facetValues.length)\n  const isEmptyRangesFacet =\n    changedFacet.concreteType ===\n      'org.sagebionetworks.repo.model.table.FacetColumnRangeRequest' &&\n    (!changedFacet.min || !changedFacet.max)\n\n  if (changedFacetIndex > -1) {\n    if (isEmptyValuesFacet || isEmptyRangesFacet) {\n      selections.splice(changedFacetIndex, 1)\n    } else {\n      selections[changedFacetIndex] = changedFacet\n    }\n  } else {\n    selections.push(changedFacet)\n  }\n  return selections\n}\n\nexport function applyChangesToValuesColumn(\n  lastRequest: QueryBundleRequest | undefined,\n  facet: FacetColumnResultValues,\n  onChangeFn: (result: FacetColumnRequest[]) => void,\n  facetName?: string,\n  checked: boolean = false,\n) {\n  if (facetName) {\n    facet.facetValues.forEach(facetValue => {\n      if (facetValue.value === facetName) {\n        facetValue.isSelected = checked\n      }\n    })\n  } else {\n    // else clear all\n    facet.facetValues.forEach(facet => {\n      facet.isSelected = false\n    })\n  }\n\n  const changedFacet = convertFacetToFacetColumnValuesRequest(facet)\n  const result = patchRequestFacets(\n    changedFacet,\n    lastRequest?.query?.selectedFacets,\n  )\n  onChangeFn(result)\n}\n\nfunction FacetFilterControls(props: FacetFilterControlsProps) {\n  const { availableFacets, initialExpandedFacetControls } = props\n  const { getCurrentQueryRequest, combineRangeFacetConfig } = useQueryContext()\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n  const lastRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n\n  const facets = queryMetadata\n    .facets!.filter(\n      facet =>\n        // If availableFacets is configured, remove those that don't match.\n        availableFacets == null || availableFacets.includes(facet.columnName),\n    )\n    // Don't include json subcolumn facets, those will be handled separately\n    .filter(facet => facet.jsonPath == null)\n    .filter(\n      facet =>\n        // Don't show facets if included in the combine range facet config, handled separately\n        combineRangeFacetConfig == null ||\n        (combineRangeFacetConfig.maxFacetColumn !== facet.columnName &&\n          combineRangeFacetConfig.minFacetColumn !== facet.columnName),\n    )\n    .filter(\n      facet =>\n        // Don't show facets where there are no values\n        !isSingleNotSetValue(facet),\n    )\n\n  const combinedRangeFacets = combineRangeFacetConfig\n    ? queryMetadata.facets!.filter(\n        facet =>\n          combineRangeFacetConfig.maxFacetColumn === facet.columnName ||\n          combineRangeFacetConfig.minFacetColumn === facet.columnName,\n      )\n    : []\n\n  // Group JSON facets by column name, so they can be grouped in the UI under their parent column name\n  const jsonFacetsGroupedByColumn = groupBy(\n    queryMetadata.facets!.filter(f => !!f.jsonPath),\n    'columnName',\n  )\n\n  const allFacetColumns: string[] = useMemo(() => {\n    const allFacetColumns: string[] = []\n    facets.forEach(facet => allFacetColumns.push(facet.columnName))\n    if (combineRangeFacetConfig) {\n      allFacetColumns.push(combineRangeFacetConfig.label)\n    }\n    if (jsonFacetsGroupedByColumn) {\n      Object.keys(jsonFacetsGroupedByColumn).forEach(jsonColumn =>\n        allFacetColumns.push(jsonColumn),\n      )\n    }\n    return allFacetColumns\n  }, [combineRangeFacetConfig, facets, jsonFacetsGroupedByColumn])\n\n  // Controls which facet columns are shown/hidden by clicking on chips. NOTE: One column may have multiple facets (e.g. JSON subcolumn facets)\n  const [facetColumnsShown, setFacetColumnsShown] = useState<Set<string>>(\n    getDefaultShownFacetFilters(\n      allFacetColumns,\n      lastRequest.query.selectedFacets,\n    ),\n  )\n\n  /**\n   * When the data facets change, reset the initially-selected chips\n   */\n  useDeepCompareEffectNoCheck(() => {\n    // Select the first three facet columns, plus any columns where a facet is already filtered,\n    // (PORTALS-3513) plus the initially expanded filters and any filters that the user explicitly expanded\n    const expandedFacets = union(\n      initialExpandedFacetControls ?? [],\n      Array.from(facetColumnsShown),\n    )\n    setFacetColumnsShown(\n      getDefaultShownFacetFilters(\n        allFacetColumns,\n        lastRequest.query.selectedFacets,\n        expandedFacets,\n      ),\n    )\n  }, [facets])\n\n  const columnModels = queryMetadata.columnModels\n\n  const toggleShowFacetFilter = useCallback(\n    (facetColumnName: string) => {\n      const newFacetColumnsShown = new Set(facetColumnsShown)\n      if (newFacetColumnsShown.has(facetColumnName)) {\n        newFacetColumnsShown.delete(facetColumnName)\n      } else {\n        newFacetColumnsShown.add(facetColumnName)\n      }\n      setFacetColumnsShown(newFacetColumnsShown)\n    },\n    [facetColumnsShown],\n  )\n  const combinedRangeFacetsColumnModelType = combineRangeFacetConfig\n    ? columnModels!.find(\n        model => model.name === combineRangeFacetConfig.minFacetColumn,\n      )?.columnType\n    : undefined\n\n  const shownTopLevelFacets = useMemo(\n    () =>\n      (facets ?? []).filter(facet => facetColumnsShown.has(facet.columnName)),\n    [facetColumnsShown, facets],\n  )\n\n  const shownJsonFacetGroups = useMemo(\n    () =>\n      Object.entries(jsonFacetsGroupedByColumn).filter(([columnName]) =>\n        facetColumnsShown.has(columnName),\n      ),\n    [facetColumnsShown, jsonFacetsGroupedByColumn],\n  )\n\n  return (\n    <div className={`FacetFilterControls`}>\n      <div>\n        <FacetFilterHeader\n          label={'Available Filters'}\n          hideCollapsible\n          isCollapsed={false}\n          onClick={noop}\n        />\n        {sortBy(allFacetColumns).map(columnName => {\n          return (\n            <FacetChip\n              key={columnName}\n              onClick={() => toggleShowFacetFilter(columnName)}\n              isChecked={facetColumnsShown.has(columnName)}\n            >\n              {getColumnDisplayName(columnName)}\n            </FacetChip>\n          )\n        })}\n      </div>\n      {combineRangeFacetConfig && combinedRangeFacets.length >= 2 && (\n        <CombinedRangeFacetFilter\n          facetResults={combinedRangeFacets as FacetColumnResultRange[]}\n          label={combineRangeFacetConfig.label}\n          columnType={combinedRangeFacetsColumnModelType!}\n        />\n      )}\n      {shownTopLevelFacets.map(facet => {\n        const columnModel = getCorrespondingColumnForFacet(facet, columnModels!)\n        return (\n          <div className=\"FacetFilterControls__facet\" key={facet.columnName}>\n            {facet.facetType === 'enumeration' && columnModel && (\n              <EnumFacetFilter containerAs=\"Collapsible\" facet={facet} />\n            )}\n            {facet.facetType === 'range' && columnModel && (\n              <RangeFacetFilter facetResult={facet} />\n            )}\n          </div>\n        )\n      })}\n      {shownJsonFacetGroups.map(([columnName, facets]) => {\n        const columnModel = queryMetadata?.columnModels?.find(\n          cm => cm.name === columnName,\n        )\n        return (\n          columnModel && (\n            <JsonColumnFacetFilters\n              key={columnName}\n              columnModel={columnModel}\n              facets={facets}\n            />\n          )\n        )\n      })}\n    </div>\n  )\n}\n\nexport default function FacetFilterControlsWithSuspense(\n  props: FacetFilterControlsProps,\n) {\n  return (\n    <Suspense fallback={<FacetFilterControlsSkeleton />}>\n      <FacetFilterControls {...props} />\n    </Suspense>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"FacetFilterControls.js","names":[],"sources":["../../../../src/components/widgets/query-filter/FacetFilterControls.tsx"],"sourcesContent":["import {\n  facetObjectMatchesDefinition,\n  getCorrespondingColumnForFacet,\n  isSingleNotSetValue,\n} from '@/utils/functions/queryUtils'\nimport {\n  FacetColumnRequest,\n  FacetColumnResultRange,\n  FacetColumnResultValues,\n  FacetColumnValuesRequest,\n  QueryBundleRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { groupBy, noop, sortBy, union } from 'lodash-es'\nimport { Suspense, useCallback, useMemo, useState } from 'react'\nimport { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { CombinedRangeFacetFilter } from './CombinedRangeFacetFilter'\nimport { EnumFacetFilter } from './EnumFacetFilter/EnumFacetFilter'\nimport { FacetChip } from './FacetChip'\nimport { FacetFilterHeader } from './FacetFilterHeader'\nimport { FacetFilterControlsSkeleton } from './FacetFilterSkeleton'\nimport { getDefaultShownFacetFilters } from './FacetFilterUtils'\nimport JsonColumnFacetFilters from './JsonColumnFacetFilters'\nimport { RangeFacetFilter } from './RangeFacetFilter'\n\nexport type FacetFilterControlsProps = {\n  /* The set of faceted column names that should be shown in the Facet controls. If undefined, all faceted columns with\n    at least one non-null value will be shown. */\n  availableFacets?: string[]\n  initialExpandedFacetControls?: string[]\n}\n\nconst convertFacetToFacetColumnValuesRequest = (\n  facet: FacetColumnResultValues,\n): FacetColumnValuesRequest => ({\n  concreteType: 'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest',\n  columnName: facet.columnName,\n  facetValues: facet.facetValues\n    .filter(facet => facet.isSelected)\n    .map(facet => facet.value),\n})\n\nconst patchRequestFacets = (\n  changedFacet: FacetColumnRequest,\n  selections: FacetColumnRequest[] = [],\n): FacetColumnRequest[] => {\n  const changedFacetIndex = selections.findIndex(facet =>\n    facetObjectMatchesDefinition(facet, changedFacet),\n  )\n  const isEmptyValuesFacet =\n    changedFacet.concreteType ===\n      'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest' &&\n    (!changedFacet.facetValues || !changedFacet.facetValues.length)\n  const isEmptyRangesFacet =\n    changedFacet.concreteType ===\n      'org.sagebionetworks.repo.model.table.FacetColumnRangeRequest' &&\n    (!changedFacet.min || !changedFacet.max)\n\n  if (changedFacetIndex > -1) {\n    if (isEmptyValuesFacet || isEmptyRangesFacet) {\n      selections.splice(changedFacetIndex, 1)\n    } else {\n      selections[changedFacetIndex] = changedFacet\n    }\n  } else {\n    selections.push(changedFacet)\n  }\n  return selections\n}\n\nexport function applyChangesToValuesColumn(\n  lastRequest: QueryBundleRequest | undefined,\n  facet: FacetColumnResultValues,\n  onChangeFn: (result: FacetColumnRequest[]) => void,\n  facetName?: string,\n  checked: boolean = false,\n) {\n  if (facetName) {\n    facet.facetValues.forEach(facetValue => {\n      if (facetValue.value === facetName) {\n        facetValue.isSelected = checked\n      }\n    })\n  } else {\n    // else clear all\n    facet.facetValues.forEach(facet => {\n      facet.isSelected = false\n    })\n  }\n\n  const changedFacet = convertFacetToFacetColumnValuesRequest(facet)\n  const result = patchRequestFacets(\n    changedFacet,\n    lastRequest?.query?.selectedFacets,\n  )\n  onChangeFn(result)\n}\n\nfunction FacetFilterControls(props: FacetFilterControlsProps) {\n  const { availableFacets, initialExpandedFacetControls } = props\n  const { getCurrentQueryRequest, combineRangeFacetConfig } = useQueryContext()\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n  const lastRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n\n  const facets = queryMetadata\n    .facets!.filter(\n      facet =>\n        // If availableFacets is configured, remove those that don't match.\n        availableFacets == null || availableFacets.includes(facet.columnName),\n    )\n    // Don't include json subcolumn facets, those will be handled separately\n    .filter(facet => facet.jsonPath == null)\n    .filter(\n      facet =>\n        // Don't show facets if included in the combine range facet config, handled separately\n        combineRangeFacetConfig == null ||\n        (combineRangeFacetConfig.maxFacetColumn !== facet.columnName &&\n          combineRangeFacetConfig.minFacetColumn !== facet.columnName),\n    )\n    .filter(\n      facet =>\n        // Don't show facets where there are no values\n        !isSingleNotSetValue(facet),\n    )\n\n  const combinedRangeFacets = combineRangeFacetConfig\n    ? queryMetadata.facets!.filter(\n        facet =>\n          combineRangeFacetConfig.maxFacetColumn === facet.columnName ||\n          combineRangeFacetConfig.minFacetColumn === facet.columnName,\n      )\n    : []\n\n  // Group JSON facets by column name, so they can be grouped in the UI under their parent column name\n  const jsonFacetsGroupedByColumn = groupBy(\n    queryMetadata.facets!.filter(f => !!f.jsonPath),\n    'columnName',\n  )\n\n  const allFacetColumns: string[] = useMemo(() => {\n    const allFacetColumns: string[] = []\n    facets.forEach(facet => allFacetColumns.push(facet.columnName))\n    if (combineRangeFacetConfig) {\n      allFacetColumns.push(combineRangeFacetConfig.label)\n    }\n    if (jsonFacetsGroupedByColumn) {\n      Object.keys(jsonFacetsGroupedByColumn).forEach(jsonColumn =>\n        allFacetColumns.push(jsonColumn),\n      )\n    }\n    return allFacetColumns\n  }, [combineRangeFacetConfig, facets, jsonFacetsGroupedByColumn])\n\n  // Controls which facet columns are shown/hidden by clicking on chips. NOTE: One column may have multiple facets (e.g. JSON subcolumn facets)\n  const [facetColumnsShown, setFacetColumnsShown] = useState<Set<string>>(\n    getDefaultShownFacetFilters(\n      allFacetColumns,\n      lastRequest.query.selectedFacets,\n    ),\n  )\n\n  /**\n   * When the data facets change, reset the initially-selected chips\n   */\n  useDeepCompareEffectNoCheck(() => {\n    // Select the first three facet columns, plus any columns where a facet is already filtered,\n    // (PORTALS-3513) plus the initially expanded filters and any filters that the user explicitly expanded\n    const expandedFacets = union(\n      initialExpandedFacetControls ?? [],\n      Array.from(facetColumnsShown),\n    )\n    setFacetColumnsShown(\n      getDefaultShownFacetFilters(\n        allFacetColumns,\n        lastRequest.query.selectedFacets,\n        expandedFacets,\n      ),\n    )\n  }, [facets])\n\n  const columnModels = queryMetadata.columnModels\n\n  const toggleShowFacetFilter = useCallback(\n    (facetColumnName: string) => {\n      const newFacetColumnsShown = new Set(facetColumnsShown)\n      if (newFacetColumnsShown.has(facetColumnName)) {\n        newFacetColumnsShown.delete(facetColumnName)\n      } else {\n        newFacetColumnsShown.add(facetColumnName)\n      }\n      setFacetColumnsShown(newFacetColumnsShown)\n    },\n    [facetColumnsShown],\n  )\n  const combinedRangeFacetsColumnModelType = combineRangeFacetConfig\n    ? columnModels!.find(\n        model => model.name === combineRangeFacetConfig.minFacetColumn,\n      )?.columnType\n    : undefined\n\n  const shownTopLevelFacets = useMemo(\n    () =>\n      (facets ?? []).filter(facet => facetColumnsShown.has(facet.columnName)),\n    [facetColumnsShown, facets],\n  )\n\n  const shownJsonFacetGroups = useMemo(\n    () =>\n      Object.entries(jsonFacetsGroupedByColumn).filter(([columnName]) =>\n        facetColumnsShown.has(columnName),\n      ),\n    [facetColumnsShown, jsonFacetsGroupedByColumn],\n  )\n\n  return (\n    <div className={`FacetFilterControls`}>\n      <div>\n        <FacetFilterHeader\n          label={'Available Filters'}\n          hideCollapsible\n          isCollapsed={false}\n          onClick={noop}\n        />\n        {sortBy(allFacetColumns).map(columnName => {\n          return (\n            <FacetChip\n              key={columnName}\n              onClick={() => toggleShowFacetFilter(columnName)}\n              isChecked={facetColumnsShown.has(columnName)}\n            >\n              {getColumnDisplayName(columnName)}\n            </FacetChip>\n          )\n        })}\n      </div>\n      {combineRangeFacetConfig && combinedRangeFacets.length >= 2 && (\n        <CombinedRangeFacetFilter\n          facetResults={combinedRangeFacets as FacetColumnResultRange[]}\n          label={combineRangeFacetConfig.label}\n          columnType={combinedRangeFacetsColumnModelType!}\n        />\n      )}\n      {shownTopLevelFacets.map(facet => {\n        const columnModel = getCorrespondingColumnForFacet(facet, columnModels!)\n        return (\n          <div className=\"FacetFilterControls__facet\" key={facet.columnName}>\n            {facet.facetType === 'enumeration' && columnModel && (\n              <EnumFacetFilter containerAs=\"Collapsible\" facet={facet} />\n            )}\n            {facet.facetType === 'range' && columnModel && (\n              <RangeFacetFilter facetResult={facet} />\n            )}\n          </div>\n        )\n      })}\n      {shownJsonFacetGroups.map(([columnName, facets]) => {\n        const columnModel = queryMetadata?.columnModels?.find(\n          cm => cm.name === columnName,\n        )\n        return (\n          columnModel && (\n            <JsonColumnFacetFilters\n              key={columnName}\n              columnModel={columnModel}\n              facets={facets}\n            />\n          )\n        )\n      })}\n    </div>\n  )\n}\n\nexport default function FacetFilterControlsWithSuspense(\n  props: FacetFilterControlsProps,\n) {\n  return (\n    <Suspense fallback={<FacetFilterControlsSkeleton />}>\n      <FacetFilterControls {...props} />\n    </Suspense>\n  )\n}\n"],"mappings":"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"}

package/dist/components/widgets/query-filter/RangeFacetFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeFacetFilter.js","names":[],"sources":["../../../../src/components/widgets/query-filter/RangeFacetFilter.tsx"],"sourcesContent":["import { getCorrespondingColumnForFacet } from '@/utils/functions/queryUtils'\nimport { FRIENDLY_VALUE_NOT_SET, VALUE_NOT_SET } from '@/utils/SynapseConstants'\nimport { FacetColumnResultRange } from '@sage-bionetworks/synapse-types'\nimport { isNumber } from 'lodash-es'\nimport { useMemo } from 'react'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { RangeValues } from '../Range'\nimport { RangeFacetFilterUI } from './RangeFacetFilterUI'\n\nexport enum RadioValuesEnum {\n  NOT_SET = 'org.sagebionetworks.UNDEFINED_NULL_NOTSET',\n  RANGE = 'RANGE',\n  ANY = '',\n}\nexport const options = [\n  { label: FRIENDLY_VALUE_NOT_SET, value: RadioValuesEnum.NOT_SET },\n  { label: 'Any', value: RadioValuesEnum.ANY },\n  { label: 'Range', value: RadioValuesEnum.RANGE },\n]\nexport type RangeFacetFilterProps = {\n  facetResult: FacetColumnResultRange\n  hideCollapsible?: boolean\n}\n\nexport function RangeFacetFilter(props: RangeFacetFilterProps) {\n  const { facetResult, hideCollapsible = false } = props\n  const { setRangeFacetValue, removeSelectedFacet, getCurrentQueryRequest } =\n    useQueryContext()\n\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n\n  const columnModel = queryMetadata.columnModels\n    ? getCorrespondingColumnForFacet(facetResult, queryMetadata.columnModels)\n    : undefined\n\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n\n  const lastQueryRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  if (!columnModel) {\n    return <></>\n  }\n\n  return (\n    <RangeFacetFilterUI\n      label={getColumnDisplayName(facetResult.columnName, facetResult.jsonPath)}\n      facetResult={facetResult}\n      columnType={columnModel.columnType}\n      hideCollapsible={hideCollapsible}\n      onRangeValueSelected={(values: RangeValues) => {\n        setRangeFacetValue(\n          facetResult,\n          isNumber(values.min) ? String(values.min) : values.min,\n          isNumber(values.max) ? String(values.max) : values.max,\n        )\n      }}\n      onNotSetSelected={() => {\n        setRangeFacetValue(facetResult, VALUE_NOT_SET, VALUE_NOT_SET)\n      }}\n      onAnySelected={() => {\n        const selectedFacet = lastQueryRequest.query.selectedFacets?.find(\n          selectedFacet =>\n            selectedFacet.columnName === facetResult.columnName &&\n            selectedFacet.jsonPath === facetResult.jsonPath,\n        )\n        if (selectedFacet) {\n          removeSelectedFacet(selectedFacet)\n        }\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAWA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,UAAA,6CACA,EAAA,QAAA,SACA,EAAA,MAAA;KACD,EACY,IAAU;CACrB;EAAE,OAAO;EAAwB,OAAO,EAAgB;EAAS;CACjE;EAAE,OAAO;EAAO,OAAO,EAAgB;EAAK;CAC5C;EAAE,OAAO;EAAS,OAAO,EAAgB;EAAO;CACjD;AAMD,SAAgB,EAAiB,GAA8B;CAC7D,IAAM,EAAE,gBAAa,qBAAkB,OAAU,GAC3C,EAAE,uBAAoB,wBAAqB,8BAC/C,GAAiB,EAEb,EAAE,MAAM,MAAkB,GAA6B,EAEvD,IAAc,EAAc,eAC9B,EAA+B,GAAa,EAAc,aAAa,GACvE,KAAA,GAEE,EAAE,4BAAyB,GAA8B,EAEzD,IAAmB,QACjB,GAAwB,EAC9B,CAAC,EAAuB,CACzB;AAMD,QAJK,IAKH,kBAAC,GAAD;EACE,OAAO,EAAqB,EAAY,YAAY,EAAY,SAAS;EAC5D;EACb,YAAY,EAAY;EACP;EACjB,uBAAuB,MAAwB;AAC7C,KACE,GACA,EAAS,EAAO,IAAI,GAAG,OAAO,EAAO,IAAI,GAAG,EAAO,KACnD,EAAS,EAAO,IAAI,GAAG,OAAO,EAAO,IAAI,GAAG,EAAO,IACpD;;EAEH,wBAAwB;AACtB,KAAmB,GAAa,GAAe,EAAc;;EAE/D,qBAAqB;GACnB,IAAM,IAAgB,EAAiB,MAAM,gBAAgB,MAC3D,MACE,EAAc,eAAe,EAAY,cACzC,EAAc,aAAa,EAAY,SAC1C;AACD,GAAI,KACF,EAAoB,EAAc;;EAGtC,CAAA,GA7BK,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"RangeFacetFilter.js","names":[],"sources":["../../../../src/components/widgets/query-filter/RangeFacetFilter.tsx"],"sourcesContent":["import { getCorrespondingColumnForFacet } from '@/utils/functions/queryUtils'\nimport { FRIENDLY_VALUE_NOT_SET, VALUE_NOT_SET } from '@/utils/SynapseConstants'\nimport { FacetColumnResultRange } from '@sage-bionetworks/synapse-types'\nimport { isNumber } from 'lodash-es'\nimport { useMemo } from 'react'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { RangeValues } from '../Range'\nimport { RangeFacetFilterUI } from './RangeFacetFilterUI'\n\nexport enum RadioValuesEnum {\n  NOT_SET = 'org.sagebionetworks.UNDEFINED_NULL_NOTSET',\n  RANGE = 'RANGE',\n  ANY = '',\n}\nexport const options = [\n  { label: FRIENDLY_VALUE_NOT_SET, value: RadioValuesEnum.NOT_SET },\n  { label: 'Any', value: RadioValuesEnum.ANY },\n  { label: 'Range', value: RadioValuesEnum.RANGE },\n]\nexport type RangeFacetFilterProps = {\n  facetResult: FacetColumnResultRange\n  hideCollapsible?: boolean\n}\n\nexport function RangeFacetFilter(props: RangeFacetFilterProps) {\n  const { facetResult, hideCollapsible = false } = props\n  const { setRangeFacetValue, removeSelectedFacet, getCurrentQueryRequest } =\n    useQueryContext()\n\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n\n  const columnModel = queryMetadata.columnModels\n    ? getCorrespondingColumnForFacet(facetResult, queryMetadata.columnModels)\n    : undefined\n\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n\n  const lastQueryRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  if (!columnModel) {\n    return <></>\n  }\n\n  return (\n    <RangeFacetFilterUI\n      label={getColumnDisplayName(facetResult.columnName, facetResult.jsonPath)}\n      facetResult={facetResult}\n      columnType={columnModel.columnType}\n      hideCollapsible={hideCollapsible}\n      onRangeValueSelected={(values: RangeValues) => {\n        setRangeFacetValue(\n          facetResult,\n          isNumber(values.min) ? String(values.min) : values.min,\n          isNumber(values.max) ? String(values.max) : values.max,\n        )\n      }}\n      onNotSetSelected={() => {\n        setRangeFacetValue(facetResult, VALUE_NOT_SET, VALUE_NOT_SET)\n      }}\n      onAnySelected={() => {\n        const selectedFacet = lastQueryRequest.query.selectedFacets?.find(\n          selectedFacet =>\n            selectedFacet.columnName === facetResult.columnName &&\n            selectedFacet.jsonPath === facetResult.jsonPath,\n        )\n        if (selectedFacet) {\n          removeSelectedFacet(selectedFacet)\n        }\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAWA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,UAAU,6CACV,EAAA,QAAQ,SACR,EAAA,MAAM;KACP,EACY,IAAU;CACrB;EAAE,OAAO;EAAwB,OAAO,EAAgB;EAAS;CACjE;EAAE,OAAO;EAAO,OAAO,EAAgB;EAAK;CAC5C;EAAE,OAAO;EAAS,OAAO,EAAgB;EAAO;CACjD;AAMD,SAAgB,EAAiB,GAA8B;CAC7D,IAAM,EAAE,gBAAa,qBAAkB,OAAU,GAC3C,EAAE,uBAAoB,wBAAqB,8BAC/C,GAAiB,EAEb,EAAE,MAAM,MAAkB,GAA6B,EAEvD,IAAc,EAAc,eAC9B,EAA+B,GAAa,EAAc,aAAa,GACvE,KAAA,GAEE,EAAE,4BAAyB,GAA8B,EAEzD,IAAmB,QACjB,GAAwB,EAC9B,CAAC,EAAuB,CACzB;AAMD,QAJK,IAKH,kBAAC,GAAD;EACE,OAAO,EAAqB,EAAY,YAAY,EAAY,SAAS;EAC5D;EACb,YAAY,EAAY;EACP;EACjB,uBAAuB,MAAwB;AAC7C,KACE,GACA,EAAS,EAAO,IAAI,GAAG,OAAO,EAAO,IAAI,GAAG,EAAO,KACnD,EAAS,EAAO,IAAI,GAAG,OAAO,EAAO,IAAI,GAAG,EAAO,IACpD;;EAEH,wBAAwB;AACtB,KAAmB,GAAa,GAAe,EAAc;;EAE/D,qBAAqB;GACnB,IAAM,IAAgB,EAAiB,MAAM,gBAAgB,MAC3D,MACE,EAAc,eAAe,EAAY,cACzC,EAAc,aAAa,EAAY,SAC1C;AACD,GAAI,KACF,EAAoB,EAAc;;EAGtC,CAAA,GA7BK,kBAAA,GAAA,EAAK,CAAA"}

package/dist/components/widgets/query-filter/RangeFacetFilterUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"RangeFacetFilterUI.js","names":[],"sources":["../../../../src/components/widgets/query-filter/RangeFacetFilterUI.tsx"],"sourcesContent":["import { FRIENDLY_VALUE_NOT_SET, VALUE_NOT_SET } from '@/utils/SynapseConstants'\nimport { Collapse, FormControlLabel, Radio, RadioGroup } from '@mui/material'\nimport {\n  ColumnType,\n  FacetColumnResultRange,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useState } from 'react'\nimport { Range, RangeValues } from '../Range'\nimport RangeSlider from '../RangeSlider/RangeSlider'\nimport { FacetFilterHeader } from './FacetFilterHeader'\n\nexport enum RadioValuesEnum {\n  NOT_SET = 'org.sagebionetworks.UNDEFINED_NULL_NOTSET',\n  RANGE = 'RANGE',\n  ANY = '',\n}\nexport const options = [\n  { label: FRIENDLY_VALUE_NOT_SET, value: RadioValuesEnum.NOT_SET },\n  { label: 'Any', value: RadioValuesEnum.ANY },\n  { label: 'Range', value: RadioValuesEnum.RANGE },\n]\nexport type RangeFacetFilterProps = {\n  label: string\n  facetResult: Pick<\n    FacetColumnResultRange,\n    'columnMin' | 'columnMax' | 'selectedMin' | 'selectedMax'\n  >\n  columnType: ColumnType\n  hideCollapsible?: boolean\n  onRangeValueSelected: (values: RangeValues) => void\n  onNotSetSelected: () => void\n  onAnySelected: () => void\n}\n\nexport const getRadioValue = (min: string, isAnyValue: boolean) => {\n  if (isAnyValue) {\n    return RadioValuesEnum.ANY\n  } else if (min === VALUE_NOT_SET) {\n    return RadioValuesEnum.NOT_SET\n  }\n  return RadioValuesEnum.RANGE\n}\n\nexport function RangeFacetFilterUI(props: RangeFacetFilterProps) {\n  const {\n    label,\n    facetResult,\n    hideCollapsible = false,\n    columnType,\n    onAnySelected,\n    onNotSetSelected,\n    onRangeValueSelected,\n  } = props\n\n  const [isCollapsed, setIsCollapsed] = useState<boolean>(false)\n\n  const { columnMin, columnMax, selectedMin, selectedMax } = facetResult // the upper bound of the selected range\n\n  const hasAnyValue = !selectedMin && !selectedMax\n\n  const currentMin = selectedMin || columnMin\n  const currentMax = selectedMax || columnMax\n\n  const rangeType = columnType === 'DOUBLE' ? 'number' : 'date'\n\n  const handleRadioGroupChange = (radioValue: RadioValuesEnum) => {\n    setRadioValue(radioValue)\n\n    switch (radioValue) {\n      case RadioValuesEnum.RANGE:\n        // The range facet value will update when the user clicks the apply button\n        break\n      case RadioValuesEnum.NOT_SET:\n        onNotSetSelected()\n        break\n      case RadioValuesEnum.ANY: {\n        onAnySelected()\n        break\n      }\n    }\n  }\n\n  const [radioValue, setRadioValue] = useState(\n    getRadioValue(currentMin, hasAnyValue),\n  )\n\n  return (\n    <div>\n      <FacetFilterHeader\n        isCollapsed={isCollapsed}\n        label={label}\n        onClick={(isCollapsed: boolean) => setIsCollapsed(isCollapsed)}\n        hideCollapsible={hideCollapsible}\n      />\n      <Collapse in={!isCollapsed}>\n        <RadioGroup\n          value={radioValue}\n          onChange={(_event, value) =>\n            handleRadioGroupChange(value as RadioValuesEnum)\n          }\n        >\n          {options.map(({ value, label }) => (\n            <FormControlLabel\n              key={value}\n              control={<Radio />}\n              label={label}\n              value={value}\n            />\n          ))}\n        </RadioGroup>\n        {radioValue === RadioValuesEnum.RANGE &&\n          (columnMin === columnMax ? (\n            <label>{columnMax}</label>\n          ) : (\n            <>\n              {columnType === 'INTEGER' && (\n                <RangeSlider\n                  key=\"RangeSlider\"\n                  domain={[columnMin, columnMax]}\n                  initialValues={{\n                    min: parseInt(currentMin),\n                    max: parseInt(currentMax),\n                  }}\n                  step={1}\n                  onApplyClicked={onRangeValueSelected}\n                >\n                  {'>'}\n                </RangeSlider>\n              )}\n\n              {columnType === 'DATE' && (\n                <Range\n                  key=\"Range\"\n                  initialValues={{\n                    // From the backend, selectedMin is a formatted date (like \"2021-06-15\"), but columnMin is a unix timestamp in millis (like \"1624651794856\")\n                    min: selectedMin ?? dayjs(parseInt(columnMin)).toString(),\n                    max: selectedMax ?? dayjs(parseInt(columnMax)).toString(),\n                  }}\n                  type={rangeType}\n                  onApplyClicked={onRangeValueSelected}\n                />\n              )}\n              {columnType === 'DOUBLE' && (\n                <Range\n                  key=\"Range\"\n                  initialValues={{\n                    min: parseFloat(currentMin),\n                    max: parseFloat(currentMax),\n                  }}\n                  type={rangeType}\n                  onApplyClicked={onRangeValueSelected}\n                />\n              )}\n            </>\n          ))}\n      </Collapse>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;AAYA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,UAAA,6CACA,EAAA,QAAA,SACA,EAAA,MAAA;KACD,EACY,IAAU;CACrB;EAAE,OAAO;EAAwB,OAAO,EAAgB;EAAS;CACjE;EAAE,OAAO;EAAO,OAAO,EAAgB;EAAK;CAC5C;EAAE,OAAO;EAAS,OAAO,EAAgB;EAAO;CACjD,EAcY,KAAiB,GAAa,MACrC,IACK,EAAgB,MACd,MAAA,8CACF,EAAgB,UAElB,EAAgB;AAGzB,SAAgB,EAAmB,GAA8B;CAC/D,IAAM,EACJ,UACA,gBACA,qBAAkB,IAClB,eACA,kBACA,qBACA,4BACE,GAEE,CAAC,GAAa,KAAkB,EAAkB,GAAM,EAExD,EAAE,cAAW,cAAW,gBAAa,mBAAgB,GAErD,IAAc,CAAC,KAAe,CAAC,GAE/B,IAAa,KAAe,GAC5B,IAAa,KAAe,GAE5B,IAAY,MAAe,WAAW,WAAW,QAEjD,KAA0B,MAAgC;AAG9D,UAFA,EAAc,EAAW,EAEjB,GAAR;GACE,KAAK,EAAgB,MAEnB;GACF,KAAK,EAAgB;AACnB,OAAkB;AAClB;GACF,KAAK,EAAgB;AACnB,OAAe;AACf;;IAKA,CAAC,GAAY,KAAiB,EAClC,EAAc,GAAY,EAAY,CACvC;AAED,QACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACe;EACN;EACP,UAAU,MAAyB,EAAe,EAAY;EAC7C;EACjB,CAAA,EACF,kBAAC,GAAD;EAAU,IAAI,CAAC;YAAf,CACE,kBAAC,GAAD;GACE,OAAO;GACP,WAAW,GAAQ,MACjB,EAAuB,EAAyB;aAGjD,EAAQ,KAAK,EAAE,UAAO,eACrB,kBAAC,GAAD;IAEE,SAAS,kBAAC,GAAD,EAAS,CAAA;IACX;IACA;IACP,EAJK,EAIL,CACF;GACS,CAAA,EACZ,MAAe,EAAgB,UAC7B,MAAc,IACb,kBAAC,SAAD,EAAA,UAAQ,GAAkB,CAAA,GAE1B,kBAAA,GAAA,EAAA,UAAA;GACG,MAAe,aACd,kBAAC,GAAD;IAEE,QAAQ,CAAC,GAAW,EAAU;IAC9B,eAAe;KACb,KAAK,SAAS,EAAW;KACzB,KAAK,SAAS,EAAW;KAC1B;IACD,MAAM;IACN,gBAAgB;cAEf;IACW,EAVR,cAUQ;GAGf,MAAe,UACd,kBAAC,GAAD;IAEE,eAAe;KAEb,KAAK,KAAe,EAAM,SAAS,EAAU,CAAC,CAAC,UAAU;KACzD,KAAK,KAAe,EAAM,SAAS,EAAU,CAAC,CAAC,UAAU;KAC1D;IACD,MAAM;IACN,gBAAgB;IAChB,EARI,QAQJ;GAEH,MAAe,YACd,kBAAC,GAAD;IAEE,eAAe;KACb,KAAK,WAAW,EAAW;KAC3B,KAAK,WAAW,EAAW;KAC5B;IACD,MAAM;IACN,gBAAgB;IAChB,EAPI,QAOJ;GAEH,EAAA,CAAA,EAEE;IACP,EAAA,CAAA"}
+{"version":3,"file":"RangeFacetFilterUI.js","names":[],"sources":["../../../../src/components/widgets/query-filter/RangeFacetFilterUI.tsx"],"sourcesContent":["import { FRIENDLY_VALUE_NOT_SET, VALUE_NOT_SET } from '@/utils/SynapseConstants'\nimport { Collapse, FormControlLabel, Radio, RadioGroup } from '@mui/material'\nimport {\n  ColumnType,\n  FacetColumnResultRange,\n} from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport { useState } from 'react'\nimport { Range, RangeValues } from '../Range'\nimport RangeSlider from '../RangeSlider/RangeSlider'\nimport { FacetFilterHeader } from './FacetFilterHeader'\n\nexport enum RadioValuesEnum {\n  NOT_SET = 'org.sagebionetworks.UNDEFINED_NULL_NOTSET',\n  RANGE = 'RANGE',\n  ANY = '',\n}\nexport const options = [\n  { label: FRIENDLY_VALUE_NOT_SET, value: RadioValuesEnum.NOT_SET },\n  { label: 'Any', value: RadioValuesEnum.ANY },\n  { label: 'Range', value: RadioValuesEnum.RANGE },\n]\nexport type RangeFacetFilterProps = {\n  label: string\n  facetResult: Pick<\n    FacetColumnResultRange,\n    'columnMin' | 'columnMax' | 'selectedMin' | 'selectedMax'\n  >\n  columnType: ColumnType\n  hideCollapsible?: boolean\n  onRangeValueSelected: (values: RangeValues) => void\n  onNotSetSelected: () => void\n  onAnySelected: () => void\n}\n\nexport const getRadioValue = (min: string, isAnyValue: boolean) => {\n  if (isAnyValue) {\n    return RadioValuesEnum.ANY\n  } else if (min === VALUE_NOT_SET) {\n    return RadioValuesEnum.NOT_SET\n  }\n  return RadioValuesEnum.RANGE\n}\n\nexport function RangeFacetFilterUI(props: RangeFacetFilterProps) {\n  const {\n    label,\n    facetResult,\n    hideCollapsible = false,\n    columnType,\n    onAnySelected,\n    onNotSetSelected,\n    onRangeValueSelected,\n  } = props\n\n  const [isCollapsed, setIsCollapsed] = useState<boolean>(false)\n\n  const { columnMin, columnMax, selectedMin, selectedMax } = facetResult // the upper bound of the selected range\n\n  const hasAnyValue = !selectedMin && !selectedMax\n\n  const currentMin = selectedMin || columnMin\n  const currentMax = selectedMax || columnMax\n\n  const rangeType = columnType === 'DOUBLE' ? 'number' : 'date'\n\n  const handleRadioGroupChange = (radioValue: RadioValuesEnum) => {\n    setRadioValue(radioValue)\n\n    switch (radioValue) {\n      case RadioValuesEnum.RANGE:\n        // The range facet value will update when the user clicks the apply button\n        break\n      case RadioValuesEnum.NOT_SET:\n        onNotSetSelected()\n        break\n      case RadioValuesEnum.ANY: {\n        onAnySelected()\n        break\n      }\n    }\n  }\n\n  const [radioValue, setRadioValue] = useState(\n    getRadioValue(currentMin, hasAnyValue),\n  )\n\n  return (\n    <div>\n      <FacetFilterHeader\n        isCollapsed={isCollapsed}\n        label={label}\n        onClick={(isCollapsed: boolean) => setIsCollapsed(isCollapsed)}\n        hideCollapsible={hideCollapsible}\n      />\n      <Collapse in={!isCollapsed}>\n        <RadioGroup\n          value={radioValue}\n          onChange={(_event, value) =>\n            handleRadioGroupChange(value as RadioValuesEnum)\n          }\n        >\n          {options.map(({ value, label }) => (\n            <FormControlLabel\n              key={value}\n              control={<Radio />}\n              label={label}\n              value={value}\n            />\n          ))}\n        </RadioGroup>\n        {radioValue === RadioValuesEnum.RANGE &&\n          (columnMin === columnMax ? (\n            <label>{columnMax}</label>\n          ) : (\n            <>\n              {columnType === 'INTEGER' && (\n                <RangeSlider\n                  key=\"RangeSlider\"\n                  domain={[columnMin, columnMax]}\n                  initialValues={{\n                    min: parseInt(currentMin),\n                    max: parseInt(currentMax),\n                  }}\n                  step={1}\n                  onApplyClicked={onRangeValueSelected}\n                >\n                  {'>'}\n                </RangeSlider>\n              )}\n\n              {columnType === 'DATE' && (\n                <Range\n                  key=\"Range\"\n                  initialValues={{\n                    // From the backend, selectedMin is a formatted date (like \"2021-06-15\"), but columnMin is a unix timestamp in millis (like \"1624651794856\")\n                    min: selectedMin ?? dayjs(parseInt(columnMin)).toString(),\n                    max: selectedMax ?? dayjs(parseInt(columnMax)).toString(),\n                  }}\n                  type={rangeType}\n                  onApplyClicked={onRangeValueSelected}\n                />\n              )}\n              {columnType === 'DOUBLE' && (\n                <Range\n                  key=\"Range\"\n                  initialValues={{\n                    min: parseFloat(currentMin),\n                    max: parseFloat(currentMax),\n                  }}\n                  type={rangeType}\n                  onApplyClicked={onRangeValueSelected}\n                />\n              )}\n            </>\n          ))}\n      </Collapse>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;AAYA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,UAAU,6CACV,EAAA,QAAQ,SACR,EAAA,MAAM;KACP,EACY,IAAU;CACrB;EAAE,OAAO;EAAwB,OAAO,EAAgB;EAAS;CACjE;EAAE,OAAO;EAAO,OAAO,EAAgB;EAAK;CAC5C;EAAE,OAAO;EAAS,OAAO,EAAgB;EAAO;CACjD,EAcY,KAAiB,GAAa,MACrC,IACK,EAAgB,MACd,MAAA,8CACF,EAAgB,UAElB,EAAgB;AAGzB,SAAgB,EAAmB,GAA8B;CAC/D,IAAM,EACJ,UACA,gBACA,qBAAkB,IAClB,eACA,kBACA,qBACA,4BACE,GAEE,CAAC,GAAa,KAAkB,EAAkB,GAAM,EAExD,EAAE,cAAW,cAAW,gBAAa,mBAAgB,GAErD,IAAc,CAAC,KAAe,CAAC,GAE/B,IAAa,KAAe,GAC5B,IAAa,KAAe,GAE5B,IAAY,MAAe,WAAW,WAAW,QAEjD,KAA0B,MAAgC;AAG9D,UAFA,EAAc,EAAW,EAEjB,GAAR;GACE,KAAK,EAAgB,MAEnB;GACF,KAAK,EAAgB;AACnB,OAAkB;AAClB;GACF,KAAK,EAAgB;AACnB,OAAe;AACf;;IAKA,CAAC,GAAY,KAAiB,EAClC,EAAc,GAAY,EAAY,CACvC;AAED,QACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;EACe;EACN;EACP,UAAU,MAAyB,EAAe,EAAY;EAC7C;EACjB,CAAA,EACF,kBAAC,GAAD;EAAU,IAAI,CAAC;YAAf,CACE,kBAAC,GAAD;GACE,OAAO;GACP,WAAW,GAAQ,MACjB,EAAuB,EAAyB;aAGjD,EAAQ,KAAK,EAAE,UAAO,eACrB,kBAAC,GAAD;IAEE,SAAS,kBAAC,GAAD,EAAS,CAAA;IACX;IACA;IACP,EAJK,EAIL,CACF;GACS,CAAA,EACZ,MAAe,EAAgB,UAC7B,MAAc,IACb,kBAAC,SAAD,EAAA,UAAQ,GAAkB,CAAA,GAE1B,kBAAA,GAAA,EAAA,UAAA;GACG,MAAe,aACd,kBAAC,GAAD;IAEE,QAAQ,CAAC,GAAW,EAAU;IAC9B,eAAe;KACb,KAAK,SAAS,EAAW;KACzB,KAAK,SAAS,EAAW;KAC1B;IACD,MAAM;IACN,gBAAgB;cAEf;IACW,EAVR,cAUQ;GAGf,MAAe,UACd,kBAAC,GAAD;IAEE,eAAe;KAEb,KAAK,KAAe,EAAM,SAAS,EAAU,CAAC,CAAC,UAAU;KACzD,KAAK,KAAe,EAAM,SAAS,EAAU,CAAC,CAAC,UAAU;KAC1D;IACD,MAAM;IACN,gBAAgB;IAChB,EARI,QAQJ;GAEH,MAAe,YACd,kBAAC,GAAD;IAEE,eAAe;KACb,KAAK,WAAW,EAAW;KAC3B,KAAK,WAAW,EAAW;KAC5B;IACD,MAAM;IACN,gBAAgB;IAChB,EAPI,QAOJ;GAEH,EAAA,CAAA,EAEE;IACP,EAAA,CAAA"}

package/dist/features/curator/GridPage/components/GridPageTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridPageTitle.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/GridPage/components/GridPageTitle.tsx"],"names":[],"mappings":"AAQA,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAoD9D"}
+{"version":3,"file":"GridPageTitle.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/GridPage/components/GridPageTitle.tsx"],"names":[],"mappings":"AASA,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAmD9D"}

package/dist/features/curator/GridPage/components/GridPageTitle.js

@@ -7,62 +7,55 @@ import { StyledPopover as i } from "../../../../components/styled/StyledPopover.
 import "../../../../components/index.js";
 import { useGetGridSession as a } from "../../../../synapse-queries/grid/useGridSession.js";
 import { useGetCurationTask as o } from "../../../../synapse-queries/curation/task/useCurationTask.js";
-import { Link as s, Stack as c, Tooltip as l, Typography as u } from "@mui/material";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import s from "../../../../components/layout/SWCHeader.js";
+import { Link as c, Stack as l, Tooltip as u, Typography as d } from "@mui/material";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/features/curator/GridPage/components/GridPageTitle.tsx
-function p(p) {
-	let { sessionId: m, taskId: h } = p, { data: g, error: _ } = a(m), { data: v } = r(g?.sourceEntityId), { data: y } = o(h || 0, { enabled: h != null });
-	return _ ? /* @__PURE__ */ d(n, { error: _ }) : /* @__PURE__ */ f("div", {
-		className: "pageHeader",
-		children: [/* @__PURE__ */ f("h3", {
-			className: "pageHeaderTitle",
-			children: [
-				"Working Copy",
-				" ",
-				v?.name ? `of ${v.name}` : ""
-			]
-		}), /* @__PURE__ */ f(c, {
-			className: "description",
+function m(m) {
+	let { sessionId: h, taskId: g } = m, { data: _, error: v } = a(h), { data: y } = r(_?.sourceEntityId), { data: b } = o(g || 0, { enabled: g != null });
+	return v ? /* @__PURE__ */ f(n, { error: v }) : /* @__PURE__ */ f(s, {
+		title: `Working Copy ${y?.name ? `of ${y.name}` : ""}`,
+		description: /* @__PURE__ */ p(l, {
 			spacing: 1,
 			children: [
-				/* @__PURE__ */ f(u, {
+				/* @__PURE__ */ p(d, {
 					variant: "headline2",
-					children: ["ID: ", m]
+					children: ["ID: ", h]
 				}),
-				y && /* @__PURE__ */ f(c, {
+				b && /* @__PURE__ */ p(l, {
 					direction: "row",
 					spacing: 1,
 					alignItems: "center",
-					children: [/* @__PURE__ */ f(u, {
+					children: [/* @__PURE__ */ p(d, {
 						variant: "body1",
 						children: [
-							/* @__PURE__ */ d("strong", { children: "Task Name:" }),
+							/* @__PURE__ */ f("strong", { children: "Task Name:" }),
 							" ",
-							y.dataType,
+							b.dataType,
 							" "
 						]
-					}), /* @__PURE__ */ d(i, {
-						popoverContent: y.instructions,
-						children: /* @__PURE__ */ d(s, {
+					}), /* @__PURE__ */ f(i, {
+						popoverContent: b.instructions,
+						children: /* @__PURE__ */ f(c, {
 							underline: "hover",
 							children: "View Instructions"
 						})
 					})]
 				}),
-				g?.gridJsonSchema$Id && /* @__PURE__ */ d("div", { children: /* @__PURE__ */ d(l, {
-					title: g?.gridJsonSchema$Id,
+				_?.gridJsonSchema$Id && /* @__PURE__ */ f("div", { children: /* @__PURE__ */ f(u, {
+					title: _?.gridJsonSchema$Id,
 					placement: "right",
-					children: /* @__PURE__ */ d(s, {
+					children: /* @__PURE__ */ f(c, {
 						target: "_blank",
-						href: `${t(e.REPO_ENDPOINT)}/repo/v1/schema/type/registered/${g?.gridJsonSchema$Id}`,
+						href: `${t(e.REPO_ENDPOINT)}/repo/v1/schema/type/registered/${_?.gridJsonSchema$Id}`,
 						children: "View Validation Schema (JSON)"
 					})
 				}) })
 			]
-		})]
+		})
 	});
 }
 //#endregion
-export { p as default };
+export { m as default };
 
 //# sourceMappingURL=GridPageTitle.js.map

package/dist/features/curator/GridPage/components/GridPageTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridPageTitle.js","names":[],"sources":["../../../../../src/features/curator/GridPage/components/GridPageTitle.tsx"],"sourcesContent":["import { ErrorBanner } from '@/components/index'\nimport { StyledPopover } from '@/components/styled/StyledPopover'\nimport { useGetCurationTask } from '@/synapse-queries/curation/task/useCurationTask'\nimport { useGetGridSession } from '@/synapse-queries/grid/useGridSession'\nimport { useGetEntityHeader } from '@/synapse-queries/index'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions/index'\nimport { Link, Stack, Tooltip, Typography } from '@mui/material'\n\ntype GridPageTitleProps = {\n  sessionId: string\n  taskId?: number\n}\n\nexport default function GridPageTitle(props: GridPageTitleProps) {\n  const { sessionId, taskId } = props\n  const { data: gridSession, error: gridSessionError } =\n    useGetGridSession(sessionId)\n  const { data: gridSourceEntity } = useGetEntityHeader(\n    gridSession?.sourceEntityId,\n  )\n  const { data: curationTask } = useGetCurationTask(taskId || 0, {\n    enabled: taskId != null,\n  })\n\n  if (gridSessionError) {\n    return <ErrorBanner error={gridSessionError} />\n  }\n\n  return (\n    <div className={'pageHeader'}>\n      <h3 className={'pageHeaderTitle'}>\n        Working Copy{' '}\n        {gridSourceEntity?.name ? `of ${gridSourceEntity.name}` : ''}\n      </h3>\n      <Stack className={'description'} spacing={1}>\n        <Typography variant={'headline2'}>ID: {sessionId}</Typography>\n        {curationTask && (\n          <Stack direction=\"row\" spacing={1} alignItems=\"center\">\n            <Typography variant={'body1'}>\n              <strong>Task Name:</strong> {curationTask.dataType}{' '}\n            </Typography>\n            <StyledPopover popoverContent={curationTask.instructions}>\n              <Link underline=\"hover\">View Instructions</Link>\n            </StyledPopover>\n          </Stack>\n        )}\n        {gridSession?.gridJsonSchema$Id && (\n          <div>\n            <Tooltip title={gridSession?.gridJsonSchema$Id} placement={'right'}>\n              <Link\n                target={'_blank'}\n                href={`${getEndpoint(\n                  BackendDestinationEnum.REPO_ENDPOINT,\n                )}/repo/v1/schema/type/registered/${\n                  gridSession?.gridJsonSchema$Id\n                }`}\n              >\n                View Validation Schema (JSON)\n              </Link>\n            </Tooltip>\n          </div>\n        )}\n      </Stack>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAaA,SAAwB,EAAc,GAA2B;CAC/D,IAAM,EAAE,cAAW,cAAW,GACxB,EAAE,MAAM,GAAa,OAAO,MAChC,EAAkB,EAAU,EACxB,EAAE,MAAM,MAAqB,EACjC,GAAa,eACd,EACK,EAAE,MAAM,MAAiB,EAAmB,KAAU,GAAG,EAC7D,SAAS,KAAU,MACpB,CAAC;AAMF,QAJI,IACK,kBAAC,GAAD,EAAa,OAAO,GAAoB,CAAA,GAI/C,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,MAAD;GAAI,WAAW;aAAf;IAAkC;IACnB;IACZ,GAAkB,OAAO,MAAM,EAAiB,SAAS;IACvD;MACL,kBAAC,GAAD;GAAO,WAAW;GAAe,SAAS;aAA1C;IACE,kBAAC,GAAD;KAAY,SAAS;eAArB,CAAkC,QAAK,EAAuB;;IAC7D,KACC,kBAAC,GAAD;KAAO,WAAU;KAAM,SAAS;KAAG,YAAW;eAA9C,CACE,kBAAC,GAAD;MAAY,SAAS;gBAArB;OACE,kBAAC,UAAD,EAAA,UAAQ,cAAmB,CAAA;;OAAE,EAAa;OAAU;OACzC;SACb,kBAAC,GAAD;MAAe,gBAAgB,EAAa;gBAC1C,kBAAC,GAAD;OAAM,WAAU;iBAAQ;OAAwB,CAAA;MAClC,CAAA,CACV;;IAET,GAAa,qBACZ,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;KAAS,OAAO,GAAa;KAAmB,WAAW;eACzD,kBAAC,GAAD;MACE,QAAQ;MACR,MAAM,GAAG,EACP,EAAuB,cACxB,CAAC,kCACA,GAAa;gBAEhB;MAEM,CAAA;KACC,CAAA,EACN,CAAA;IAEF;KACJ"}
+{"version":3,"file":"GridPageTitle.js","names":[],"sources":["../../../../../src/features/curator/GridPage/components/GridPageTitle.tsx"],"sourcesContent":["import { ErrorBanner } from '@/components/index'\nimport SWCHeader from '@/components/layout/SWCHeader'\nimport { StyledPopover } from '@/components/styled/StyledPopover'\nimport { useGetCurationTask } from '@/synapse-queries/curation/task/useCurationTask'\nimport { useGetGridSession } from '@/synapse-queries/grid/useGridSession'\nimport { useGetEntityHeader } from '@/synapse-queries/index'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions/index'\nimport { Link, Stack, Tooltip, Typography } from '@mui/material'\n\ntype GridPageTitleProps = {\n  sessionId: string\n  taskId?: number\n}\n\nexport default function GridPageTitle(props: GridPageTitleProps) {\n  const { sessionId, taskId } = props\n  const { data: gridSession, error: gridSessionError } =\n    useGetGridSession(sessionId)\n  const { data: gridSourceEntity } = useGetEntityHeader(\n    gridSession?.sourceEntityId,\n  )\n  const { data: curationTask } = useGetCurationTask(taskId || 0, {\n    enabled: taskId != null,\n  })\n\n  if (gridSessionError) {\n    return <ErrorBanner error={gridSessionError} />\n  }\n\n  const title = `Working Copy ${\n    gridSourceEntity?.name ? `of ${gridSourceEntity.name}` : ''\n  }`\n  const description = (\n    <Stack spacing={1}>\n      <Typography variant={'headline2'}>ID: {sessionId}</Typography>\n      {curationTask && (\n        <Stack direction=\"row\" spacing={1} alignItems=\"center\">\n          <Typography variant={'body1'}>\n            <strong>Task Name:</strong> {curationTask.dataType}{' '}\n          </Typography>\n          <StyledPopover popoverContent={curationTask.instructions}>\n            <Link underline=\"hover\">View Instructions</Link>\n          </StyledPopover>\n        </Stack>\n      )}\n      {gridSession?.gridJsonSchema$Id && (\n        <div>\n          <Tooltip title={gridSession?.gridJsonSchema$Id} placement={'right'}>\n            <Link\n              target={'_blank'}\n              href={`${getEndpoint(\n                BackendDestinationEnum.REPO_ENDPOINT,\n              )}/repo/v1/schema/type/registered/${\n                gridSession?.gridJsonSchema$Id\n              }`}\n            >\n              View Validation Schema (JSON)\n            </Link>\n          </Tooltip>\n        </div>\n      )}\n    </Stack>\n  )\n\n  return <SWCHeader title={title} description={description} />\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,SAAwB,EAAc,GAA2B;CAC/D,IAAM,EAAE,cAAW,cAAW,GACxB,EAAE,MAAM,GAAa,OAAO,MAChC,EAAkB,EAAU,EACxB,EAAE,MAAM,MAAqB,EACjC,GAAa,eACd,EACK,EAAE,MAAM,MAAiB,EAAmB,KAAU,GAAG,EAC7D,SAAS,KAAU,MACpB,CAAC;AAyCF,QAvCI,IACK,kBAAC,GAAD,EAAa,OAAO,GAAoB,CAAA,GAsC1C,kBAAC,GAAD;EAAkB,OAAA,gBAlCvB,GAAkB,OAAO,MAAM,EAAiB,SAAS;EAkCd,aA/B3C,kBAAC,GAAD;GAAO,SAAS;aAAhB;IACE,kBAAC,GAAD;KAAY,SAAS;eAArB,CAAkC,QAAK,EAAuB;;IAC7D,KACC,kBAAC,GAAD;KAAO,WAAU;KAAM,SAAS;KAAG,YAAW;eAA9C,CACE,kBAAC,GAAD;MAAY,SAAS;gBAArB;OACE,kBAAC,UAAD,EAAA,UAAQ,cAAmB,CAAA;;OAAE,EAAa;OAAU;OACzC;SACb,kBAAC,GAAD;MAAe,gBAAgB,EAAa;gBAC1C,kBAAC,GAAD;OAAM,WAAU;iBAAQ;OAAwB,CAAA;MAClC,CAAA,CACV;;IAET,GAAa,qBACZ,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD;KAAS,OAAO,GAAa;KAAmB,WAAW;eACzD,kBAAC,GAAD;MACE,QAAQ;MACR,MAAM,GAAG,EACP,EAAuB,cACxB,CAAC,kCACA,GAAa;gBAEhB;MAEM,CAAA;KACC,CAAA,EACN,CAAA;IAEF;IAGmC;EAAe,CAAA"}

package/dist/features/curator/dashboard/CuratorDashboard.d.ts

@@ -0,0 +1,2 @@
+export default function CuratorDashboard(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CuratorDashboard.d.ts.map

package/dist/features/curator/dashboard/CuratorDashboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CuratorDashboard.d.ts","sourceRoot":"","sources":["../../../../src/features/curator/dashboard/CuratorDashboard.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,gBAAgB,4CA2CvC"}

package/dist/features/curator/dashboard/CuratorDashboard.js

@@ -0,0 +1,45 @@
+import e from "../../../components/layout/InfiniteTableLayout.js";
+import { useGetCurationTasksInfinite as t } from "../../../synapse-queries/curation/task/useCurationTask.js";
+import n from "../../team/invitation/components/OpenInvitationsToUserCard.js";
+import r from "./components/shared.module.js";
+import i from "./components/CurationTaskCard.js";
+import a from "../../../components/layout/SWCPageLayout.js";
+import { useMemo as o } from "react";
+import { Typography as s } from "@mui/material";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import u from "@mui/material/Stack";
+//#region src/features/curator/dashboard/CuratorDashboard.tsx
+function d() {
+	let { data: d, isLoading: f, hasNextPage: p, isFetchingNextPage: m, fetchNextPage: h } = t({ assignedToMe: !0 }), g = o(() => d?.pages.flatMap((e) => e.bundlePage ?? []) ?? [], [d]);
+	return /* @__PURE__ */ c(a, {
+		header: { title: "Curator Dashboard" },
+		children: /* @__PURE__ */ l(u, {
+			className: "pageContent",
+			gap: 4,
+			mt: 5,
+			children: [
+				/* @__PURE__ */ c(s, {
+					variant: "headline1",
+					children: "On Your Radar"
+				}),
+				/* @__PURE__ */ c(n, { cardProps: { className: r.card } }),
+				/* @__PURE__ */ c(e, {
+					table: /* @__PURE__ */ c(u, {
+						gap: 3,
+						children: g.map((e) => /* @__PURE__ */ c(i, { taskBundle: e }, e.task?.taskId))
+					}),
+					isLoading: f,
+					isEmpty: g.length === 0,
+					hasNextPage: p,
+					isFetchingNextPage: m,
+					onFetchNextPageClicked: () => void h(),
+					noResults: "There are currently no curation tasks assigned to you."
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { d as default };
+
+//# sourceMappingURL=CuratorDashboard.js.map

package/dist/features/curator/dashboard/CuratorDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CuratorDashboard.js","names":[],"sources":["../../../../src/features/curator/dashboard/CuratorDashboard.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport OpenInvitationsToUserCard from '@/features/team/invitation/components/OpenInvitationsToUserCard'\nimport { useGetCurationTasksInfinite } from '@/synapse-queries/curation/task/useCurationTask'\nimport { Typography } from '@mui/material'\nimport Stack from '@mui/material/Stack'\nimport { useMemo } from 'react'\nimport CurationTaskCard from './components/CurationTaskCard'\nimport sharedStyles from './components/shared.module.scss'\nimport SWCPageLayout from '@/components/layout/SWCPageLayout'\n\nexport default function CuratorDashboard() {\n  const {\n    data: curationTasks,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetCurationTasksInfinite({\n    assignedToMe: true,\n  })\n\n  const tasks = useMemo(() => {\n    return curationTasks?.pages.flatMap(page => page.bundlePage ?? []) ?? []\n  }, [curationTasks])\n\n  return (\n    <SWCPageLayout header={{ title: 'Curator Dashboard' }}>\n      <Stack className=\"pageContent\" gap={4} mt={5}>\n        <Typography variant=\"headline1\">On Your Radar</Typography>\n        <OpenInvitationsToUserCard\n          cardProps={{ className: sharedStyles.card }}\n        />\n        <InfiniteTableLayout\n          table={\n            <Stack gap={3}>\n              {tasks.map(taskBundle => (\n                <CurationTaskCard\n                  key={taskBundle.task?.taskId}\n                  taskBundle={taskBundle}\n                />\n              ))}\n            </Stack>\n          }\n          isLoading={isLoading}\n          isEmpty={tasks.length === 0}\n          hasNextPage={hasNextPage}\n          isFetchingNextPage={isFetchingNextPage}\n          onFetchNextPageClicked={() => void fetchNextPage()}\n          noResults={'There are currently no curation tasks assigned to you.'}\n        ></InfiniteTableLayout>\n      </Stack>\n    </SWCPageLayout>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAUA,SAAwB,IAAmB;CACzC,IAAM,EACJ,MAAM,GACN,cACA,gBACA,uBACA,qBACE,EAA4B,EAC9B,cAAc,IACf,CAAC,EAEI,IAAQ,QACL,GAAe,MAAM,SAAQ,MAAQ,EAAK,cAAc,EAAE,CAAC,IAAI,EAAE,EACvE,CAAC,EAAc,CAAC;AAEnB,QACE,kBAAC,GAAD;EAAe,QAAQ,EAAE,OAAO,qBAAqB;YACnD,kBAAC,GAAD;GAAO,WAAU;GAAc,KAAK;GAAG,IAAI;aAA3C;IACE,kBAAC,GAAD;KAAY,SAAQ;eAAY;KAA0B,CAAA;IAC1D,kBAAC,GAAD,EACE,WAAW,EAAE,WAAW,EAAa,MAAM,EAC3C,CAAA;IACF,kBAAC,GAAD;KACE,OACE,kBAAC,GAAD;MAAO,KAAK;gBACT,EAAM,KAAI,MACT,kBAAC,GAAD,EAEc,eACZ,EAFK,EAAW,MAAM,OAEtB,CACF;MACI,CAAA;KAEC;KACX,SAAS,EAAM,WAAW;KACb;KACO;KACpB,8BAA8B,KAAK,GAAe;KAClD,WAAW;KACU,CAAA;IACjB;;EACM,CAAA"}

package/dist/features/curator/dashboard/components/CurationTaskCard.css

@@ -0,0 +1 @@
+._card_12r05_1.MuiCard-root{background-color:#f5f8fa}._cardContent_12r05_5{flex-direction:row;align-items:stretch;gap:24px;margin-bottom:16px;display:flex}@media (width<=768px){._cardContent_12r05_5{flex-direction:column}}._mainContent_12r05_18{flex-direction:column;flex-grow:1;gap:16px;display:flex}._titleChipContainer_12r05_25{flex-direction:row;align-items:center;gap:16px;display:flex}@media (width<=768px){._titleChipContainer_12r05_25{flex-direction:column;align-items:flex-start}}._userChipContainer_12r05_39{flex-flow:wrap;align-items:center;gap:16px;display:flex}._buttonContainer_12r05_47{flex-grow:0;flex-shrink:0;margin-left:auto;display:flex}@media (width<=768px){._buttonContainer_12r05_47{margin-left:0}}

package/dist/features/curator/dashboard/components/CurationTaskCard.d.ts

@@ -0,0 +1,9 @@
+import { TaskBundle } from '@sage-bionetworks/synapse-client';
+export type CurationTaskCardProps = {
+    taskBundle: TaskBundle;
+};
+/**
+ * Card component for displaying a curation task on the curator dashboard. Shows relevant information about the task and includes a button to proceed to the next step in the workflow.
+ */
+export default function CurationTaskCard(props: CurationTaskCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CurationTaskCard.d.ts.map

package/dist/features/curator/dashboard/components/CurationTaskCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurationTaskCard.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/dashboard/components/CurationTaskCard.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAO7D,MAAM,MAAM,qBAAqB,GAAG;IAClC,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AA6DD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAqDpE"}

package/dist/features/curator/dashboard/components/CurationTaskCard.js

@@ -0,0 +1,106 @@
+import { displayToast as e } from "../../../../components/ToastMessage/ToastMessage.js";
+import "../../../../components/index.js";
+import { OPEN_CURATOR_NO_PERMISSION_ON_SOURCE_ERROR_MESSAGE as t } from "../../../entity/metadata-task/utils/constants.js";
+import n from "../../../entity/metadata-task/hooks/useOpenCuratorButton.js";
+import r from "./CurationTaskCard.module.js";
+import i from "./NextStepButton.js";
+import a from "./shared.module.js";
+import o from "./UserOrTeamChip.js";
+import { Card as s, Chip as c, Divider as l, Typography as u } from "@mui/material";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import p from "classnames";
+//#region src/features/curator/dashboard/components/CurationTaskCard.tsx
+function m(t) {
+	let { onClick: r, isLoading: i, isPending: a, hasPermission: o } = n(t.task);
+	if (!t.task || !t.status) throw Error("Task bundle is missing required properties");
+	switch (t.task?.taskProperties?.concreteType) {
+		case "org.sagebionetworks.repo.model.curation.metadata.FileBasedMetadataTaskProperties":
+		case "org.sagebionetworks.repo.model.curation.metadata.RecordBasedMetadataTaskProperties": return {
+			title: t.task.dataType,
+			description: t.task.instructions ?? "",
+			principalIds: t.task.assigneePrincipalId ? [t.task.assigneePrincipalId] : [],
+			buttonText: "Open Curator",
+			taskType: "Curate Data",
+			onClickNextStep: r,
+			isLoading: i,
+			isPending: a,
+			hasPermission: o
+		};
+		default: console.error("No UI implemented for task type: " + t.task?.taskProperties?.concreteType);
+	}
+	return {
+		title: t.task.dataType,
+		description: t.task.instructions ?? "",
+		principalIds: t.task.assigneePrincipalId ? [t.task.assigneePrincipalId] : [],
+		buttonText: "Continue",
+		taskType: "",
+		onClickNextStep: () => {
+			e("No action defined for this task type", "danger", { title: "Unexpected Error" });
+		},
+		isLoading: !1,
+		isPending: !1,
+		hasPermission: void 0
+	};
+}
+function h(e) {
+	let { label: t } = e;
+	return /* @__PURE__ */ d(c, {
+		sx: {
+			fontWeight: 600,
+			backgroundColor: "#BFD3ED"
+		},
+		label: t
+	});
+}
+function g(n) {
+	let { taskBundle: c } = n, { title: g, description: _, taskType: v, principalIds: y, buttonText: b, onClickNextStep: x, hasPermission: S, isLoading: C, isPending: w } = m(c);
+	return /* @__PURE__ */ d(s, {
+		className: p(a.card, r.card),
+		children: /* @__PURE__ */ f("div", {
+			className: r.cardContent,
+			children: [
+				/* @__PURE__ */ f("div", {
+					className: r.mainContent,
+					children: [
+						/* @__PURE__ */ f("div", {
+							className: r.titleChipContainer,
+							children: [/* @__PURE__ */ d(u, {
+								variant: "headline3",
+								children: g
+							}), v && /* @__PURE__ */ d(h, { label: v })]
+						}),
+						/* @__PURE__ */ d(u, {
+							variant: "body1",
+							children: _
+						}),
+						/* @__PURE__ */ d("div", {
+							className: r.userChipContainer,
+							children: y.map((e) => /* @__PURE__ */ d(o, { principalId: e }, e))
+						})
+					]
+				}),
+				/* @__PURE__ */ d(l, {
+					orientation: "vertical",
+					flexItem: !0,
+					sx: { display: {
+						xs: "none",
+						md: "block"
+					} }
+				}),
+				/* @__PURE__ */ d(i, {
+					className: r.cardButton,
+					buttonText: b,
+					onClick: S ? x : () => {
+						e(t, "danger");
+					},
+					disabled: C,
+					loading: w
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=CurationTaskCard.js.map

package/dist/features/curator/dashboard/components/CurationTaskCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurationTaskCard.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/CurationTaskCard.tsx"],"sourcesContent":["import { displayToast } from '@/components'\nimport useOpenCuratorFromTaskButton from '@/features/entity/metadata-task/hooks/useOpenCuratorButton'\nimport { OPEN_CURATOR_NO_PERMISSION_ON_SOURCE_ERROR_MESSAGE } from '@/features/entity/metadata-task/utils/constants'\nimport { Card, Chip, Divider, Typography } from '@mui/material'\nimport { TaskBundle } from '@sage-bionetworks/synapse-client'\nimport classNames from 'classnames'\nimport styles from './CurationTaskCard.module.scss'\nimport NextStepButton from './NextStepButton'\nimport sharedStyles from './shared.module.scss'\nimport UserOrTeamChip from './UserOrTeamChip'\n\nexport type CurationTaskCardProps = {\n  taskBundle: TaskBundle\n}\n\nfunction useUiForTask(taskBundle: TaskBundle) {\n  const { onClick, isLoading, isPending, hasPermission } =\n    useOpenCuratorFromTaskButton(taskBundle.task!)\n\n  if (!taskBundle.task || !taskBundle.status) {\n    throw new Error('Task bundle is missing required properties')\n  }\n\n  switch (taskBundle.task?.taskProperties?.concreteType) {\n    case 'org.sagebionetworks.repo.model.curation.metadata.FileBasedMetadataTaskProperties':\n    case 'org.sagebionetworks.repo.model.curation.metadata.RecordBasedMetadataTaskProperties':\n      return {\n        title: taskBundle.task.dataType,\n        description: taskBundle.task.instructions ?? '',\n        principalIds: taskBundle.task.assigneePrincipalId\n          ? [taskBundle.task.assigneePrincipalId]\n          : [],\n        buttonText: 'Open Curator',\n        taskType: 'Curate Data',\n        onClickNextStep: onClick,\n        isLoading,\n        isPending,\n        hasPermission,\n      }\n    default: {\n      console.error(\n        'No UI implemented for task type: ' +\n          // @ts-expect-error - the switch should be exhaustive for known types\n          taskBundle.task?.taskProperties?.concreteType,\n      )\n    }\n  }\n\n  return {\n    title: taskBundle.task.dataType,\n    description: taskBundle.task.instructions ?? '',\n    principalIds: taskBundle.task.assigneePrincipalId\n      ? [taskBundle.task.assigneePrincipalId]\n      : [],\n    buttonText: 'Continue',\n    taskType: '',\n    onClickNextStep: () => {\n      displayToast('No action defined for this task type', 'danger', {\n        title: 'Unexpected Error',\n      })\n    },\n    isLoading: false,\n    isPending: false,\n    hasPermission: undefined,\n  }\n}\n\nfunction TaskTypeChip(props: { label: string }) {\n  const { label } = props\n  return (\n    <Chip sx={{ fontWeight: 600, backgroundColor: '#BFD3ED' }} label={label} />\n  )\n}\n\n/**\n * Card component for displaying a curation task on the curator dashboard. Shows relevant information about the task and includes a button to proceed to the next step in the workflow.\n */\nexport default function CurationTaskCard(props: CurationTaskCardProps) {\n  const { taskBundle } = props\n  const {\n    title,\n    description,\n    taskType,\n    principalIds,\n    buttonText,\n    onClickNextStep,\n    hasPermission,\n    isLoading,\n    isPending,\n  } = useUiForTask(taskBundle)\n\n  return (\n    <Card className={classNames(sharedStyles.card, styles.card)}>\n      <div className={styles.cardContent}>\n        <div className={styles.mainContent}>\n          <div className={styles.titleChipContainer}>\n            <Typography variant=\"headline3\">{title}</Typography>\n            {taskType && <TaskTypeChip label={taskType} />}\n          </div>\n          <Typography variant=\"body1\">{description}</Typography>\n          <div className={styles.userChipContainer}>\n            {principalIds.map(principalId => (\n              <UserOrTeamChip key={principalId} principalId={principalId} />\n            ))}\n          </div>\n        </div>\n        <Divider\n          orientation=\"vertical\"\n          flexItem\n          sx={{ display: { xs: 'none', md: 'block' } }}\n        />\n        <NextStepButton\n          className={styles.cardButton}\n          buttonText={buttonText}\n          onClick={\n            hasPermission\n              ? onClickNextStep\n              : () => {\n                  displayToast(\n                    OPEN_CURATOR_NO_PERMISSION_ON_SOURCE_ERROR_MESSAGE,\n                    'danger',\n                  )\n                }\n          }\n          disabled={isLoading}\n          loading={isPending}\n        />\n      </div>\n    </Card>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAeA,SAAS,EAAa,GAAwB;CAC5C,IAAM,EAAE,YAAS,cAAW,cAAW,qBACrC,EAA6B,EAAW,KAAM;AAEhD,KAAI,CAAC,EAAW,QAAQ,CAAC,EAAW,OAClC,OAAU,MAAM,6CAA6C;AAG/D,SAAQ,EAAW,MAAM,gBAAgB,cAAzC;EACE,KAAK;EACL,KAAK,qFACH,QAAO;GACL,OAAO,EAAW,KAAK;GACvB,aAAa,EAAW,KAAK,gBAAgB;GAC7C,cAAc,EAAW,KAAK,sBAC1B,CAAC,EAAW,KAAK,oBAAoB,GACrC,EAAE;GACN,YAAY;GACZ,UAAU;GACV,iBAAiB;GACjB;GACA;GACA;GACD;EACH,QACE,SAAQ,MACN,sCAEE,EAAW,MAAM,gBAAgB,aACpC;;AAIL,QAAO;EACL,OAAO,EAAW,KAAK;EACvB,aAAa,EAAW,KAAK,gBAAgB;EAC7C,cAAc,EAAW,KAAK,sBAC1B,CAAC,EAAW,KAAK,oBAAoB,GACrC,EAAE;EACN,YAAY;EACZ,UAAU;EACV,uBAAuB;AACrB,KAAa,wCAAwC,UAAU,EAC7D,OAAO,oBACR,CAAC;;EAEJ,WAAW;EACX,WAAW;EACX,eAAe,KAAA;EAChB;;AAGH,SAAS,EAAa,GAA0B;CAC9C,IAAM,EAAE,aAAU;AAClB,QACE,kBAAC,GAAD;EAAM,IAAI;GAAE,YAAY;GAAK,iBAAiB;GAAW;EAAS;EAAS,CAAA;;AAO/E,SAAwB,EAAiB,GAA8B;CACrE,IAAM,EAAE,kBAAe,GACjB,EACJ,UACA,gBACA,aACA,iBACA,eACA,oBACA,kBACA,cACA,iBACE,EAAa,EAAW;AAE5B,QACE,kBAAC,GAAD;EAAM,WAAW,EAAW,EAAa,MAAM,EAAO,KAAK;YACzD,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB;IACE,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB;MACE,kBAAC,OAAD;OAAK,WAAW,EAAO;iBAAvB,CACE,kBAAC,GAAD;QAAY,SAAQ;kBAAa;QAAmB,CAAA,EACnD,KAAY,kBAAC,GAAD,EAAc,OAAO,GAAY,CAAA,CAC1C;;MACN,kBAAC,GAAD;OAAY,SAAQ;iBAAS;OAAyB,CAAA;MACtD,kBAAC,OAAD;OAAK,WAAW,EAAO;iBACpB,EAAa,KAAI,MAChB,kBAAC,GAAD,EAA+C,gBAAe,EAAzC,EAAyC,CAC9D;OACE,CAAA;MACF;;IACN,kBAAC,GAAD;KACE,aAAY;KACZ,UAAA;KACA,IAAI,EAAE,SAAS;MAAE,IAAI;MAAQ,IAAI;MAAS,EAAE;KAC5C,CAAA;IACF,kBAAC,GAAD;KACE,WAAW,EAAO;KACN;KACZ,SACE,IACI,UACM;AACJ,QACE,GACA,SACD;;KAGT,UAAU;KACV,SAAS;KACT,CAAA;IACE;;EACD,CAAA"}

package/dist/features/curator/dashboard/components/CurationTaskCard.module.js

@@ -0,0 +1,12 @@
+import './CurationTaskCard.css';var e = {
+	card: "_card_12r05_1",
+	cardContent: "_cardContent_12r05_5",
+	mainContent: "_mainContent_12r05_18",
+	titleChipContainer: "_titleChipContainer_12r05_25",
+	userChipContainer: "_userChipContainer_12r05_39",
+	buttonContainer: "_buttonContainer_12r05_47"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=CurationTaskCard.module.js.map

package/dist/features/curator/dashboard/components/CurationTaskCard.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurationTaskCard.module.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/CurationTaskCard.module.scss"],"sourcesContent":[".card:global(.MuiCard-root) {\n  background-color: #f5f8fa;\n}\n\n.cardContent {\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 16px;\n  gap: 24px;\n  align-items: stretch;\n\n  @media (max-width: 768px) {\n    flex-direction: column;\n  }\n}\n\n.mainContent {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex-grow: 1;\n}\n\n.titleChipContainer {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 16px;\n  align-items: center;\n  @media (max-width: 768px) {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n}\n\n.userChipContainer {\n  display: flex;\n  flex-direction: row;\n  gap: 16px;\n  align-items: center;\n  flex-wrap: wrap;\n}\n\n.buttonContainer {\n  display: flex;\n  flex-grow: 0;\n  flex-shrink: 0;\n  margin-left: auto;\n  @media (max-width: 768px) {\n    margin-left: 0;\n  }\n}\n"],"mappings":""}

package/dist/features/curator/dashboard/components/CurationTaskCard.module.scss

@@ -0,0 +1,52 @@
+.card:global(.MuiCard-root) {
+  background-color: #f5f8fa;
+}
+
+.cardContent {
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 16px;
+  gap: 24px;
+  align-items: stretch;
+
+  @media (max-width: 768px) {
+    flex-direction: column;
+  }
+}
+
+.mainContent {
+  display: flex;
+  flex-direction: column;
+  gap: 16px;
+  flex-grow: 1;
+}
+
+.titleChipContainer {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 16px;
+  align-items: center;
+  @media (max-width: 768px) {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+}
+
+.userChipContainer {
+  display: flex;
+  flex-direction: row;
+  gap: 16px;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.buttonContainer {
+  display: flex;
+  flex-grow: 0;
+  flex-shrink: 0;
+  margin-left: auto;
+  @media (max-width: 768px) {
+    margin-left: 0;
+  }
+}

package/dist/features/curator/dashboard/components/NextStepButton.css

@@ -0,0 +1 @@
+._button_1mypv_1{flex-direction:row;justify-content:flex-end;align-items:center;gap:32px;display:flex}._button_1mypv_1 ._icon_1mypv_8{color:var(--synapse-gray-700);font-size:30px}._button_1mypv_1 ._buttonText_1mypv_12{flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-start;gap:0;margin-left:16px;margin-right:16px;display:flex}._button_1mypv_1 ._buttonTextSub_1mypv_22{color:var(--synapse-gray-700)}._button_1mypv_1:disabled{pointer-events:all;opacity:.5}._button_1mypv_1:hover:not(:disabled) ._buttonTextMain_1mypv_29{text-decoration:underline}._button_1mypv_1:hover:not(:disabled) ._icon_1mypv_8,._button_1mypv_1:hover:not(:disabled) ._buttonTextSub_1mypv_22{color:var(--synapse-gray-800)}._button_1mypv_1:active:not(:disabled) ._buttonTextMain_1mypv_29{text-decoration:underline;text-decoration-thickness:3px}._button_1mypv_1:active:not(:disabled) ._icon_1mypv_8,._button_1mypv_1:active:not(:disabled) ._buttonTextSub_1mypv_22{color:var(--synapse-gray-900)}

package/dist/features/curator/dashboard/components/NextStepButton.d.ts

@@ -0,0 +1,14 @@
+type NextStepButtonProps = {
+    className?: string;
+    buttonText: string;
+    onClick: () => void;
+    disabled?: boolean;
+    loading?: boolean;
+};
+/**
+ * Button component used to proceed to the next step in a workflow.
+ * Displays an arrow icon or loading spinner when appropriate.
+ */
+export default function NextStepButton(props: NextStepButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NextStepButton.d.ts.map

package/dist/features/curator/dashboard/components/NextStepButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextStepButton.d.ts","sourceRoot":"","sources":["../../../../../src/features/curator/dashboard/components/NextStepButton.tsx"],"names":[],"mappings":"AAMA,KAAK,mBAAmB,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CA8BhE"}

package/dist/features/curator/dashboard/components/NextStepButton.js

@@ -0,0 +1,35 @@
+import { SynapseSpinner as e } from "../../../../components/LoadingScreen/LoadingScreen.js";
+import t from "./NextStepButton.module.js";
+import { Typography as n } from "@mui/material";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { ArrowForwardIos as a } from "@mui/icons-material";
+import o from "classnames";
+//#region src/features/curator/dashboard/components/NextStepButton.tsx
+function s(s) {
+	let { className: c, buttonText: l, onClick: u, disabled: d, loading: f } = s;
+	return /* @__PURE__ */ i("button", {
+		type: "button",
+		className: o(t.button, c),
+		onClick: u,
+		disabled: d || f,
+		children: [/* @__PURE__ */ i("div", {
+			className: t.buttonText,
+			children: [/* @__PURE__ */ r(n, {
+				className: t.buttonTextSub,
+				variant: "body1",
+				children: "Next step"
+			}), /* @__PURE__ */ r(n, {
+				className: t.buttonTextMain,
+				variant: "buttonLink",
+				color: "primary",
+				fontWeight: 700,
+				align: "left",
+				children: l
+			})]
+		}), f ? /* @__PURE__ */ r(e, { size: 30 }) : /* @__PURE__ */ r(a, { className: t.icon })]
+	});
+}
+//#endregion
+export { s as default };
+
+//# sourceMappingURL=NextStepButton.js.map

package/dist/features/curator/dashboard/components/NextStepButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextStepButton.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/NextStepButton.tsx"],"sourcesContent":["import styles from './NextStepButton.module.scss'\nimport { Typography } from '@mui/material'\nimport { ArrowForwardIos } from '@mui/icons-material'\nimport { SynapseSpinner } from '@/components/LoadingScreen/LoadingScreen'\nimport classNames from 'classnames'\n\ntype NextStepButtonProps = {\n  className?: string\n  buttonText: string\n  onClick: () => void\n  disabled?: boolean\n  loading?: boolean\n}\n\n/**\n * Button component used to proceed to the next step in a workflow.\n * Displays an arrow icon or loading spinner when appropriate.\n */\nexport default function NextStepButton(props: NextStepButtonProps) {\n  const { className, buttonText, onClick, disabled, loading } = props\n  return (\n    <button\n      type=\"button\"\n      className={classNames(styles.button, className)}\n      onClick={onClick}\n      disabled={disabled || loading}\n    >\n      <div className={styles.buttonText}>\n        <Typography className={styles.buttonTextSub} variant=\"body1\">\n          Next step\n        </Typography>\n        <Typography\n          className={styles.buttonTextMain}\n          variant=\"buttonLink\"\n          color=\"primary\"\n          fontWeight={700}\n          align=\"left\"\n        >\n          {buttonText}\n        </Typography>\n      </div>\n      {loading ? (\n        <SynapseSpinner size={30} />\n      ) : (\n        <ArrowForwardIos className={styles.icon} />\n      )}\n    </button>\n  )\n}\n"],"mappings":";;;;;;;AAkBA,SAAwB,EAAe,GAA4B;CACjE,IAAM,EAAE,cAAW,eAAY,YAAS,aAAU,eAAY;AAC9D,QACE,kBAAC,UAAD;EACE,MAAK;EACL,WAAW,EAAW,EAAO,QAAQ,EAAU;EACtC;EACT,UAAU,KAAY;YAJxB,CAME,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,GAAD;IAAY,WAAW,EAAO;IAAe,SAAQ;cAAQ;IAEhD,CAAA,EACb,kBAAC,GAAD;IACE,WAAW,EAAO;IAClB,SAAQ;IACR,OAAM;IACN,YAAY;IACZ,OAAM;cAEL;IACU,CAAA,CACT;MACL,IACC,kBAAC,GAAD,EAAgB,MAAM,IAAM,CAAA,GAE5B,kBAAC,GAAD,EAAiB,WAAW,EAAO,MAAQ,CAAA,CAEtC"}

package/dist/features/curator/dashboard/components/NextStepButton.module.js

@@ -0,0 +1,11 @@
+import './NextStepButton.css';var e = {
+	button: "_button_1mypv_1",
+	icon: "_icon_1mypv_8",
+	buttonText: "_buttonText_1mypv_12",
+	buttonTextSub: "_buttonTextSub_1mypv_22",
+	buttonTextMain: "_buttonTextMain_1mypv_29"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=NextStepButton.module.js.map

package/dist/features/curator/dashboard/components/NextStepButton.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextStepButton.module.js","names":[],"sources":["../../../../../src/features/curator/dashboard/components/NextStepButton.module.scss"],"sourcesContent":[".button {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 32px;\n\n  .icon {\n    color: var(--synapse-gray-700);\n    font-size: 30px;\n  }\n\n  .buttonText {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    gap: 0;\n    flex-shrink: 0;\n    margin-left: 16px;\n    margin-right: 16px;\n  }\n\n  .buttonTextSub {\n    color: var(--synapse-gray-700);\n  }\n\n  &:disabled {\n    pointer-events: all;\n    opacity: 0.5;\n  }\n\n  &:hover:not(:disabled) {\n    .buttonTextMain {\n      text-decoration: underline;\n    }\n    .icon {\n      color: var(--synapse-gray-800);\n    }\n    .buttonTextSub {\n      color: var(--synapse-gray-800);\n    }\n  }\n\n  &:active:not(:disabled) {\n    .buttonTextMain {\n      text-decoration: underline;\n      text-decoration-thickness: 3px;\n    }\n    .icon {\n      color: var(--synapse-gray-900);\n    }\n    .buttonTextSub {\n      color: var(--synapse-gray-900);\n    }\n  }\n}\n"],"mappings":""}