synapse-react-client 4.0.18 → 4.0.20

package/dist/components/EntityFinder/details/EntityDetailsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityDetailsList.js","names":[],"sources":["../../../../src/components/EntityFinder/details/EntityDetailsList.tsx"],"sourcesContent":["import { getIsAllSelectedFromInfiniteList } from '@/utils/hooks/useGetIsAllSelectedInfiniteList'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  GetProjectsParameters,\n  Reference,\n  SearchQuery,\n} from '@sage-bionetworks/synapse-types'\nimport { Dispatch, SetStateAction, useState } from 'react'\nimport useDeepCompareEffect from 'use-deep-compare-effect'\nimport { SynapseErrorBoundary } from '../../error/ErrorBanner'\nimport { EntityFinderHeader } from '../EntityFinderHeader'\nimport { EntityTreeContainer } from '../tree/EntityTree'\nimport { EntitySelectionMapType } from '../useEntitySelection'\nimport { VersionSelectionType } from '../VersionSelectionType'\nimport { EntityChildrenDetails } from './configurations/EntityChildrenDetails'\nimport { FavoritesDetails } from './configurations/FavoritesDetails'\nimport { ProjectListDetails } from './configurations/ProjectListDetails'\nimport { ReferenceDetails } from './configurations/ReferenceDetails'\nimport { SearchDetails } from './configurations/SearchDetails'\nimport { DetailsView, DetailsViewColumn } from './view/DetailsView'\n\nexport enum EntityDetailsListDataConfigurationType {\n  REFERENCE_LIST, // Provide references to show in the DetailsList. Incompatible with pagination\n  HEADER_LIST, // simply displays one or more entity headers. incompatible with pagination\n  PARENT_CONTAINER, // retrieve the children for a given entity ID\n  USER_PROJECTS, // retrieve the user's projects (using the parameters)\n  USER_FAVORITES, // retrieve the user's favorites (using the parameters)\n  ENTITY_SEARCH, // Search for an entity\n  PROMPT, // Show no entities and instruct the user to make a selection\n}\n\nexport type EntityDetailsListDataConfiguration = {\n  type: EntityDetailsListDataConfigurationType\n  /** Defined if type is REFERENCE_LIST */\n  referenceList?: Reference[]\n  /** Defined if type is HEADER_LIST */\n  headerList?: Pick<EntityFinderHeader, 'id' | 'name' | 'type'>[]\n  /** Defined if type is PARENT_CONTAINER */\n  parentContainerId?: string\n  /** Defined if type is USER_PROJECTS */\n  getProjectParams?: GetProjectsParameters\n  /** Defined if type is ENTITY_SEARCH */\n  query?: SearchQuery\n}\n\n/**\n * These props are set by a parent to this component, but they are not affected by the configuration.\n * We collect them into this type to simplify passing them through to the view.\n */\nexport type EntityDetailsListSharedProps = {\n  versionSelection: VersionSelectionType\n  selectColumnType: 'checkbox' | 'none'\n  enableSelectAll: boolean\n  visibleTypes: EntityType[]\n  selected: EntitySelectionMapType\n  selectableTypes: EntityType[]\n  isIdSelected: (header: EntityFinderHeader) => boolean\n  isSelectable: (header: EntityFinderHeader) => boolean\n  toggleSelection: (entity: Reference | Reference[]) => void\n  setInitialVersion: (entityId: string, version: number) => void\n  setCurrentContainer?: Dispatch<SetStateAction<EntityTreeContainer>>\n  /** Chosen columns to hide. Defaults to just the DirectDownload column. */\n  hiddenColumns?: DetailsViewColumn[]\n}\n\nexport type EntityDetailsListProps = EntityDetailsListSharedProps & {\n  configuration: EntityDetailsListDataConfiguration\n}\n\nexport function EntityDetailsList({\n  configuration,\n  ...sharedProps\n}: EntityDetailsListProps) {\n  /**\n   * This component simply uses the data configuration prop to determine which configuration component\n   * to use. Each configuration component has its own logic to utilize different Synapse APIs.\n   * The configuration components also manage view props that are more tightly-coupled with data,\n   * such as pagination and sorting.\n   *\n   * In the future, if we wanted to reuse this in other contexts (e.g. not selecting entities), we should consider refactoring\n   * to support different 'Row' components, with the correct component determined at this level.\n   */\n\n  const [component, setComponent] = useState(<></>)\n\n  useDeepCompareEffect(() => {\n    const getComponentFromConfiguration = (\n      config: EntityDetailsListDataConfiguration,\n    ) => {\n      switch (config.type) {\n        case EntityDetailsListDataConfigurationType.PARENT_CONTAINER:\n          return (\n            <EntityChildrenDetails\n              parentContainerId={config.parentContainerId!}\n              {...sharedProps}\n            />\n          )\n\n        case EntityDetailsListDataConfigurationType.HEADER_LIST:\n          return (\n            <DetailsView\n              entities={config.headerList as EntityFinderHeader[]}\n              isLoading={false}\n              hasNextPage={false}\n              {...sharedProps}\n              enableSelectAll={sharedProps.enableSelectAll}\n              selectAllIsChecked={getIsAllSelectedFromInfiniteList(\n                (config.headerList as EntityFinderHeader[]) ?? [],\n                sharedProps.selected.size,\n                sharedProps.isIdSelected,\n                sharedProps.isSelectable,\n              )}\n            />\n          )\n        case EntityDetailsListDataConfigurationType.REFERENCE_LIST:\n          return (\n            <ReferenceDetails\n              {...sharedProps}\n              references={config.referenceList!}\n            />\n          )\n        case EntityDetailsListDataConfigurationType.USER_FAVORITES:\n          return <FavoritesDetails {...sharedProps} />\n        case EntityDetailsListDataConfigurationType.ENTITY_SEARCH:\n          return <SearchDetails searchQuery={config.query!} {...sharedProps} />\n\n        case EntityDetailsListDataConfigurationType.USER_PROJECTS:\n          return (\n            <ProjectListDetails\n              projectsParams={config.getProjectParams!}\n              {...sharedProps}\n            />\n          )\n        case EntityDetailsListDataConfigurationType.PROMPT:\n          return (\n            <DetailsView\n              entities={[]}\n              isLoading={false}\n              noResultsPlaceholder={\n                <div>\n                  Use the left panel to browse Synapse, then make a selection in\n                  this panel\n                </div>\n              }\n              {...sharedProps}\n              enableSelectAll={false}\n            />\n          )\n\n        default:\n          console.warn(\n            'The configuration type does not map to a known view type. No Details view will be rendered. Invalid configuration: ',\n            config,\n          )\n          return <></>\n      }\n    }\n    setComponent(getComponentFromConfiguration(configuration))\n  }, [configuration, sharedProps])\n\n  return <SynapseErrorBoundary>{component}</SynapseErrorBoundary>\n}\n"],"mappings":";;;;;;;;;;;;AAqBA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,EAAA,iBAAA,KAAA,kBACA,EAAA,EAAA,cAAA,KAAA,eACA,EAAA,EAAA,mBAAA,KAAA,oBACA,EAAA,EAAA,gBAAA,KAAA,iBACA,EAAA,EAAA,iBAAA,KAAA,kBACA,EAAA,EAAA,gBAAA,KAAA,iBACA,EAAA,EAAA,SAAA,KAAA;KACD;AAwCD,SAAgB,EAAkB,EAChC,kBACA,GAAG,KACsB;CAWzB,IAAM,CAAC,GAAW,KAAgB,EAAS,kBAAA,GAAA,EAAK,CAAA,CAAC;AA6EjD,QA3EA,QAA2B;AAwEzB,MAtEE,MACG;AACH,WAAQ,EAAO,MAAf;IACE,KAAK,EAAuC,iBAC1C,QACE,kBAAC,GAAD;KACE,mBAAmB,EAAO;KAC1B,GAAI;KACJ,CAAA;IAGN,KAAK,EAAuC,YAC1C,QACE,kBAAC,GAAD;KACE,UAAU,EAAO;KACjB,WAAW;KACX,aAAa;KACb,GAAI;KACJ,iBAAiB,EAAY;KAC7B,oBAAoB,EACjB,EAAO,cAAuC,EAAE,EACjD,EAAY,SAAS,MACrB,EAAY,cACZ,EAAY,aACb;KACD,CAAA;IAEN,KAAK,EAAuC,eAC1C,QACE,kBAAC,GAAD;KACE,GAAI;KACJ,YAAY,EAAO;KACnB,CAAA;IAEN,KAAK,EAAuC,eAC1C,QAAO,kBAAC,GAAD,EAAkB,GAAI,GAAe,CAAA;IAC9C,KAAK,EAAuC,cAC1C,QAAO,kBAAC,GAAD;KAAe,aAAa,EAAO;KAAQ,GAAI;KAAe,CAAA;IAEvE,KAAK,EAAuC,cAC1C,QACE,kBAAC,GAAD;KACE,gBAAgB,EAAO;KACvB,GAAI;KACJ,CAAA;IAEN,KAAK,EAAuC,OAC1C,QACE,kBAAC,GAAD;KACE,UAAU,EAAE;KACZ,WAAW;KACX,sBACE,kBAAC,OAAD,EAAA,UAAK,6EAGC,CAAA;KAER,GAAI;KACJ,iBAAiB;KACjB,CAAA;IAGN,QAKE,QAJA,QAAQ,KACN,uHACA,EACD,EACM,kBAAA,GAAA,EAAK,CAAA;;KAGyB,EAAc,CAAC;IACzD,CAAC,GAAe,EAAY,CAAC,EAEzB,kBAAC,GAAD,EAAA,UAAuB,GAAiC,CAAA"}
+{"version":3,"file":"EntityDetailsList.js","names":[],"sources":["../../../../src/components/EntityFinder/details/EntityDetailsList.tsx"],"sourcesContent":["import { getIsAllSelectedFromInfiniteList } from '@/utils/hooks/useGetIsAllSelectedInfiniteList'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport {\n  GetProjectsParameters,\n  Reference,\n  SearchQuery,\n} from '@sage-bionetworks/synapse-types'\nimport { Dispatch, SetStateAction, useState } from 'react'\nimport useDeepCompareEffect from 'use-deep-compare-effect'\nimport { SynapseErrorBoundary } from '../../error/ErrorBanner'\nimport { EntityFinderHeader } from '../EntityFinderHeader'\nimport { EntityTreeContainer } from '../tree/EntityTree'\nimport { EntitySelectionMapType } from '../useEntitySelection'\nimport { VersionSelectionType } from '../VersionSelectionType'\nimport { EntityChildrenDetails } from './configurations/EntityChildrenDetails'\nimport { FavoritesDetails } from './configurations/FavoritesDetails'\nimport { ProjectListDetails } from './configurations/ProjectListDetails'\nimport { ReferenceDetails } from './configurations/ReferenceDetails'\nimport { SearchDetails } from './configurations/SearchDetails'\nimport { DetailsView, DetailsViewColumn } from './view/DetailsView'\n\nexport enum EntityDetailsListDataConfigurationType {\n  REFERENCE_LIST, // Provide references to show in the DetailsList. Incompatible with pagination\n  HEADER_LIST, // simply displays one or more entity headers. incompatible with pagination\n  PARENT_CONTAINER, // retrieve the children for a given entity ID\n  USER_PROJECTS, // retrieve the user's projects (using the parameters)\n  USER_FAVORITES, // retrieve the user's favorites (using the parameters)\n  ENTITY_SEARCH, // Search for an entity\n  PROMPT, // Show no entities and instruct the user to make a selection\n}\n\nexport type EntityDetailsListDataConfiguration = {\n  type: EntityDetailsListDataConfigurationType\n  /** Defined if type is REFERENCE_LIST */\n  referenceList?: Reference[]\n  /** Defined if type is HEADER_LIST */\n  headerList?: Pick<EntityFinderHeader, 'id' | 'name' | 'type'>[]\n  /** Defined if type is PARENT_CONTAINER */\n  parentContainerId?: string\n  /** Defined if type is USER_PROJECTS */\n  getProjectParams?: GetProjectsParameters\n  /** Defined if type is ENTITY_SEARCH */\n  query?: SearchQuery\n}\n\n/**\n * These props are set by a parent to this component, but they are not affected by the configuration.\n * We collect them into this type to simplify passing them through to the view.\n */\nexport type EntityDetailsListSharedProps = {\n  versionSelection: VersionSelectionType\n  selectColumnType: 'checkbox' | 'none'\n  enableSelectAll: boolean\n  visibleTypes: EntityType[]\n  selected: EntitySelectionMapType\n  selectableTypes: EntityType[]\n  isIdSelected: (header: EntityFinderHeader) => boolean\n  isSelectable: (header: EntityFinderHeader) => boolean\n  toggleSelection: (entity: Reference | Reference[]) => void\n  setInitialVersion: (entityId: string, version: number) => void\n  setCurrentContainer?: Dispatch<SetStateAction<EntityTreeContainer>>\n  /** Chosen columns to hide. Defaults to just the DirectDownload column. */\n  hiddenColumns?: DetailsViewColumn[]\n}\n\nexport type EntityDetailsListProps = EntityDetailsListSharedProps & {\n  configuration: EntityDetailsListDataConfiguration\n}\n\nexport function EntityDetailsList({\n  configuration,\n  ...sharedProps\n}: EntityDetailsListProps) {\n  /**\n   * This component simply uses the data configuration prop to determine which configuration component\n   * to use. Each configuration component has its own logic to utilize different Synapse APIs.\n   * The configuration components also manage view props that are more tightly-coupled with data,\n   * such as pagination and sorting.\n   *\n   * In the future, if we wanted to reuse this in other contexts (e.g. not selecting entities), we should consider refactoring\n   * to support different 'Row' components, with the correct component determined at this level.\n   */\n\n  const [component, setComponent] = useState(<></>)\n\n  useDeepCompareEffect(() => {\n    const getComponentFromConfiguration = (\n      config: EntityDetailsListDataConfiguration,\n    ) => {\n      switch (config.type) {\n        case EntityDetailsListDataConfigurationType.PARENT_CONTAINER:\n          return (\n            <EntityChildrenDetails\n              parentContainerId={config.parentContainerId!}\n              {...sharedProps}\n            />\n          )\n\n        case EntityDetailsListDataConfigurationType.HEADER_LIST:\n          return (\n            <DetailsView\n              entities={config.headerList as EntityFinderHeader[]}\n              isLoading={false}\n              hasNextPage={false}\n              {...sharedProps}\n              enableSelectAll={sharedProps.enableSelectAll}\n              selectAllIsChecked={getIsAllSelectedFromInfiniteList(\n                (config.headerList as EntityFinderHeader[]) ?? [],\n                sharedProps.selected.size,\n                sharedProps.isIdSelected,\n                sharedProps.isSelectable,\n              )}\n            />\n          )\n        case EntityDetailsListDataConfigurationType.REFERENCE_LIST:\n          return (\n            <ReferenceDetails\n              {...sharedProps}\n              references={config.referenceList!}\n            />\n          )\n        case EntityDetailsListDataConfigurationType.USER_FAVORITES:\n          return <FavoritesDetails {...sharedProps} />\n        case EntityDetailsListDataConfigurationType.ENTITY_SEARCH:\n          return <SearchDetails searchQuery={config.query!} {...sharedProps} />\n\n        case EntityDetailsListDataConfigurationType.USER_PROJECTS:\n          return (\n            <ProjectListDetails\n              projectsParams={config.getProjectParams!}\n              {...sharedProps}\n            />\n          )\n        case EntityDetailsListDataConfigurationType.PROMPT:\n          return (\n            <DetailsView\n              entities={[]}\n              isLoading={false}\n              noResultsPlaceholder={\n                <div>\n                  Use the left panel to browse Synapse, then make a selection in\n                  this panel\n                </div>\n              }\n              {...sharedProps}\n              enableSelectAll={false}\n            />\n          )\n\n        default:\n          console.warn(\n            'The configuration type does not map to a known view type. No Details view will be rendered. Invalid configuration: ',\n            config,\n          )\n          return <></>\n      }\n    }\n    setComponent(getComponentFromConfiguration(configuration))\n  }, [configuration, sharedProps])\n\n  return <SynapseErrorBoundary>{component}</SynapseErrorBoundary>\n}\n"],"mappings":";;;;;;;;;;;;AAqBA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,EAAA,iBAAA,KAAA,kBACA,EAAA,EAAA,cAAA,KAAA,eACA,EAAA,EAAA,mBAAA,KAAA,oBACA,EAAA,EAAA,gBAAA,KAAA,iBACA,EAAA,EAAA,iBAAA,KAAA,kBACA,EAAA,EAAA,gBAAA,KAAA,iBACA,EAAA,EAAA,SAAA,KAAA;AACF,EAAA,CAAA,CAAA;AAwCA,SAAgB,EAAkB,EAChC,kBACA,GAAG,KACsB;CAWzB,IAAM,CAAC,GAAW,KAAgB,EAAS,kBAAA,GAAA,CAAI,CAAA,CAAC;CA6EhD,OA3EA,QAA2B;EAwEzB,IAtEE,MACG;GACH,QAAQ,EAAO,MAAf;IACE,KAAA,GACE,OACE,kBAAC,GAAD;KACE,mBAAmB,EAAO;KAC1B,GAAI;IACL,CAAA;IAGL,KAAA,GACE,OACE,kBAAC,GAAD;KACE,UAAU,EAAO;KACjB,WAAW;KACX,aAAa;KACb,GAAI;KACJ,iBAAiB,EAAY;KAC7B,oBAAoB,EACjB,EAAO,cAAuC,CAAC,GAChD,EAAY,SAAS,MACrB,EAAY,cACZ,EAAY,YACd;IACD,CAAA;IAEL,KAAA,GACE,OACE,kBAAC,GAAD;KACE,GAAI;KACJ,YAAY,EAAO;IACpB,CAAA;IAEL,KAAA,GACE,OAAO,kBAAC,GAAD,EAAkB,GAAI,EAAc,CAAA;IAC7C,KAAA,GACE,OAAO,kBAAC,GAAD;KAAe,aAAa,EAAO;KAAQ,GAAI;IAAc,CAAA;IAEtE,KAAA,GACE,OACE,kBAAC,GAAD;KACE,gBAAgB,EAAO;KACvB,GAAI;IACL,CAAA;IAEL,KAAA,GACE,OACE,kBAAC,GAAD;KACE,UAAU,CAAC;KACX,WAAW;KACX,sBACE,kBAAC,OAAD,EAAA,UAAK,4EAGA,CAAA;KAEP,GAAI;KACJ,iBAAiB;IAClB,CAAA;IAGL,SAKE,OAJA,QAAQ,KACN,uHACA,CACF,GACO,kBAAA,GAAA,CAAI,CAAA;GACf;EACF,GAC2C,CAAa,CAAC;CAC3D,GAAG,CAAC,GAAe,CAAW,CAAC,GAExB,kBAAC,GAAD,EAAA,UAAuB,EAAgC,CAAA;AAChE"}

package/dist/components/EntityFinder/details/configurations/EntityChildrenDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityChildrenDetails.js","names":[],"sources":["../../../../../src/components/EntityFinder/details/configurations/EntityChildrenDetails.tsx"],"sourcesContent":["import { useGetEntityChildrenInfinite } from '@/synapse-queries/entity/useGetEntityChildren'\nimport useGetIsAllSelectedFromInfiniteList from '@/utils/hooks/useGetIsAllSelectedInfiniteList'\nimport { Direction, SortBy } from '@sage-bionetworks/synapse-types'\nimport { SortingState } from '@tanstack/react-table'\nimport { useState } from 'react'\nimport { EntityDetailsListSharedProps } from '../EntityDetailsList'\nimport { DetailsView, DetailsViewColumn } from '../view/DetailsView'\n\ntype EntityChildrenDetailsProps = EntityDetailsListSharedProps & {\n  parentContainerId: string\n}\n\nconst sortableColumns = [\n  DetailsViewColumn.NAME,\n  DetailsViewColumn.CREATED_ON,\n  DetailsViewColumn.MODIFIED_ON,\n]\n\n/**\n * Translates TanStack table's SortBy state to the SortBy used in the Synapse getEntityChildren API\n */\nfunction convertColumnToSortBy(column: DetailsViewColumn): SortBy | undefined {\n  switch (column) {\n    case DetailsViewColumn.NAME:\n      return SortBy.NAME\n    case DetailsViewColumn.CREATED_ON:\n      return SortBy.CREATED_ON\n    case DetailsViewColumn.MODIFIED_ON:\n      return SortBy.MODIFIED_ON\n  }\n\n  return undefined\n}\n\nexport function EntityChildrenDetails({\n  parentContainerId,\n  ...sharedProps\n}: EntityChildrenDetailsProps) {\n  const [sortingState, setSortingState] = useState<SortingState>([\n    {\n      id: DetailsViewColumn.NAME,\n      desc: false,\n    },\n  ])\n\n  const getChildrenInfiniteRequestObject = {\n    parentId: parentContainerId,\n    includeTotalChildCount: true,\n    includeTypes: sharedProps.visibleTypes,\n    sortBy: sortingState[0]\n      ? convertColumnToSortBy(sortingState[0].id as DetailsViewColumn)\n      : undefined,\n    sortDirection: sortingState[0]\n      ? sortingState[0].desc\n        ? Direction.DESC\n        : Direction.ASC\n      : undefined,\n  }\n  const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage } =\n    useGetEntityChildrenInfinite(getChildrenInfiniteRequestObject, {\n      throwOnError: true,\n    })\n  const entities = data?.pages.flatMap(page => page.page) ?? []\n  const totalEntities = data?.pages[0].totalChildCount\n\n  const selectAllCheckboxState = useGetIsAllSelectedFromInfiniteList(\n    entities,\n    sharedProps.selected.size,\n    sharedProps.isIdSelected,\n    sharedProps.isSelectable,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n  )\n\n  return (\n    <DetailsView\n      entities={entities}\n      isLoading={isLoading}\n      hasNextPage={hasNextPage}\n      fetchNextPage={fetchNextPage}\n      isFetchingNextPage={isFetchingNextPage}\n      enableSorting={true}\n      enableMultiSort={false}\n      sortableColumns={sortableColumns}\n      sorting={sortingState}\n      onSortingChange={setSortingState}\n      selectAllIsChecked={selectAllCheckboxState}\n      getChildrenInfiniteRequestObject={getChildrenInfiniteRequestObject}\n      totalEntities={totalEntities}\n      {...sharedProps}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAYA,IAAM,IAAkB;CACtB,EAAkB;CAClB,EAAkB;CAClB,EAAkB;CACnB;AAKD,SAAS,EAAsB,GAA+C;AAC5E,SAAQ,GAAR;EACE,KAAK,EAAkB,KACrB,QAAO,EAAO;EAChB,KAAK,EAAkB,WACrB,QAAO,EAAO;EAChB,KAAK,EAAkB,YACrB,QAAO,EAAO;;;AAMpB,SAAgB,EAAsB,EACpC,sBACA,GAAG,KAC0B;CAC7B,IAAM,CAAC,GAAc,KAAmB,EAAuB,CAC7D;EACE,IAAI,EAAkB;EACtB,MAAM;EACP,CACF,CAAC,EAEI,IAAmC;EACvC,UAAU;EACV,wBAAwB;EACxB,cAAc,EAAY;EAC1B,QAAQ,EAAa,KACjB,EAAsB,EAAa,GAAG,GAAwB,GAC9D,KAAA;EACJ,eAAe,EAAa,KACxB,EAAa,GAAG,OACd,EAAU,OACV,EAAU,MACZ,KAAA;EACL,EACK,EAAE,SAAM,cAAW,uBAAoB,gBAAa,qBACxD,EAA6B,GAAkC,EAC7D,cAAc,IACf,CAAC,EACE,IAAW,GAAM,MAAM,SAAQ,MAAQ,EAAK,KAAK,IAAI,EAAE,EACvD,IAAgB,GAAM,MAAM,GAAG;AAYrC,QACE,kBAAC,GAAD;EACY;EACC;EACE;EACE;EACK;EACpB,eAAe;EACf,iBAAiB;EACA;EACjB,SAAS;EACT,iBAAiB;EACjB,oBAtB2B,EAC7B,GACA,EAAY,SAAS,MACrB,EAAY,cACZ,EAAY,cACZ,GACA,GACA,EAesB;EACc;EACnB;EACf,GAAI;EACJ,CAAA"}
+{"version":3,"file":"EntityChildrenDetails.js","names":[],"sources":["../../../../../src/components/EntityFinder/details/configurations/EntityChildrenDetails.tsx"],"sourcesContent":["import { useGetEntityChildrenInfinite } from '@/synapse-queries/entity/useGetEntityChildren'\nimport useGetIsAllSelectedFromInfiniteList from '@/utils/hooks/useGetIsAllSelectedInfiniteList'\nimport { Direction, SortBy } from '@sage-bionetworks/synapse-types'\nimport { SortingState } from '@tanstack/react-table'\nimport { useState } from 'react'\nimport { EntityDetailsListSharedProps } from '../EntityDetailsList'\nimport { DetailsView, DetailsViewColumn } from '../view/DetailsView'\n\ntype EntityChildrenDetailsProps = EntityDetailsListSharedProps & {\n  parentContainerId: string\n}\n\nconst sortableColumns = [\n  DetailsViewColumn.NAME,\n  DetailsViewColumn.CREATED_ON,\n  DetailsViewColumn.MODIFIED_ON,\n]\n\n/**\n * Translates TanStack table's SortBy state to the SortBy used in the Synapse getEntityChildren API\n */\nfunction convertColumnToSortBy(column: DetailsViewColumn): SortBy | undefined {\n  switch (column) {\n    case DetailsViewColumn.NAME:\n      return SortBy.NAME\n    case DetailsViewColumn.CREATED_ON:\n      return SortBy.CREATED_ON\n    case DetailsViewColumn.MODIFIED_ON:\n      return SortBy.MODIFIED_ON\n  }\n\n  return undefined\n}\n\nexport function EntityChildrenDetails({\n  parentContainerId,\n  ...sharedProps\n}: EntityChildrenDetailsProps) {\n  const [sortingState, setSortingState] = useState<SortingState>([\n    {\n      id: DetailsViewColumn.NAME,\n      desc: false,\n    },\n  ])\n\n  const getChildrenInfiniteRequestObject = {\n    parentId: parentContainerId,\n    includeTotalChildCount: true,\n    includeTypes: sharedProps.visibleTypes,\n    sortBy: sortingState[0]\n      ? convertColumnToSortBy(sortingState[0].id as DetailsViewColumn)\n      : undefined,\n    sortDirection: sortingState[0]\n      ? sortingState[0].desc\n        ? Direction.DESC\n        : Direction.ASC\n      : undefined,\n  }\n  const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage } =\n    useGetEntityChildrenInfinite(getChildrenInfiniteRequestObject, {\n      throwOnError: true,\n    })\n  const entities = data?.pages.flatMap(page => page.page) ?? []\n  const totalEntities = data?.pages[0].totalChildCount\n\n  const selectAllCheckboxState = useGetIsAllSelectedFromInfiniteList(\n    entities,\n    sharedProps.selected.size,\n    sharedProps.isIdSelected,\n    sharedProps.isSelectable,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n  )\n\n  return (\n    <DetailsView\n      entities={entities}\n      isLoading={isLoading}\n      hasNextPage={hasNextPage}\n      fetchNextPage={fetchNextPage}\n      isFetchingNextPage={isFetchingNextPage}\n      enableSorting={true}\n      enableMultiSort={false}\n      sortableColumns={sortableColumns}\n      sorting={sortingState}\n      onSortingChange={setSortingState}\n      selectAllIsChecked={selectAllCheckboxState}\n      getChildrenInfiniteRequestObject={getChildrenInfiniteRequestObject}\n      totalEntities={totalEntities}\n      {...sharedProps}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAYA,IAAM,IAAkB;CACtB,EAAkB;CAClB,EAAkB;CAClB,EAAkB;AACpB;AAKA,SAAS,EAAsB,GAA+C;CAC5E,QAAQ,GAAR;EACE,KAAK,EAAkB,MACrB,OAAO,EAAO;EAChB,KAAK,EAAkB,YACrB,OAAO,EAAO;EAChB,KAAK,EAAkB,aACrB,OAAO,EAAO;CAClB;AAGF;AAEA,SAAgB,EAAsB,EACpC,sBACA,GAAG,KAC0B;CAC7B,IAAM,CAAC,GAAc,KAAmB,EAAuB,CAC7D;EACE,IAAI,EAAkB;EACtB,MAAM;CACR,CACF,CAAC,GAEK,IAAmC;EACvC,UAAU;EACV,wBAAwB;EACxB,cAAc,EAAY;EAC1B,QAAQ,EAAa,KACjB,EAAsB,EAAa,GAAG,EAAuB,IAC7D,KAAA;EACJ,eAAe,EAAa,KACxB,EAAa,GAAG,OACd,EAAU,OACV,EAAU,MACZ,KAAA;CACN,GACM,EAAE,SAAM,cAAW,uBAAoB,gBAAa,qBACxD,EAA6B,GAAkC,EAC7D,cAAc,GAChB,CAAC,GACG,IAAW,GAAM,MAAM,SAAQ,MAAQ,EAAK,IAAI,KAAK,CAAC,GACtD,IAAgB,GAAM,MAAM,GAAG;CAYrC,OACE,kBAAC,GAAD;EACY;EACC;EACE;EACE;EACK;EACpB,eAAe;EACf,iBAAiB;EACA;EACjB,SAAS;EACT,iBAAiB;EACjB,oBAtB2B,EAC7B,GACA,EAAY,SAAS,MACrB,EAAY,cACZ,EAAY,cACZ,GACA,GACA,CAesB;EACc;EACnB;EACf,GAAI;CACL,CAAA;AAEL"}

package/dist/components/EntityFinder/details/configurations/FavoritesDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"FavoritesDetails.js","names":[],"sources":["../../../../../src/components/EntityFinder/details/configurations/FavoritesDetails.tsx"],"sourcesContent":["import { useGetFavoritesInfinite } from '@/synapse-queries/user/useFavorites'\nimport useGetIsAllSelectedFromInfiniteList from '@/utils/hooks/useGetIsAllSelectedInfiniteList'\nimport { EntityDetailsListSharedProps } from '../EntityDetailsList'\nimport { DetailsView } from '../view/DetailsView'\n\ntype FavoritesDetailsProps = EntityDetailsListSharedProps\n\nexport function FavoritesDetails({ ...sharedProps }: FavoritesDetailsProps) {\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useGetFavoritesInfinite('NAME', 'ASC', { throwOnError: true })\n\n  const entities = data?.pages.flatMap(page => page.results) ?? []\n\n  const selectAllCheckboxState = useGetIsAllSelectedFromInfiniteList(\n    entities,\n    sharedProps.selected.size,\n    sharedProps.isIdSelected,\n    sharedProps.isSelectable,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n  )\n\n  return (\n    <DetailsView\n      entities={entities}\n      isLoading={isLoading}\n      hasNextPage={hasNextPage}\n      fetchNextPage={fetchNextPage}\n      isFetchingNextPage={isFetchingNextPage}\n      selectAllIsChecked={selectAllCheckboxState}\n      {...sharedProps}\n    />\n  )\n}\n"],"mappings":";;;;;AAOA,SAAgB,EAAiB,EAAE,GAAG,KAAsC;CAC1E,IAAM,EAAE,SAAM,cAAW,gBAAa,kBAAe,0BACnD,EAAwB,QAAQ,OAAO,EAAE,cAAc,IAAM,CAAC,EAE1D,IAAW,GAAM,MAAM,SAAQ,MAAQ,EAAK,QAAQ,IAAI,EAAE;AAYhE,QACE,kBAAC,GAAD;EACY;EACC;EACE;EACE;EACK;EACpB,oBAjB2B,EAC7B,GACA,EAAY,SAAS,MACrB,EAAY,cACZ,EAAY,cACZ,GACA,GACA,EAUsB;EACpB,GAAI;EACJ,CAAA"}
+{"version":3,"file":"FavoritesDetails.js","names":[],"sources":["../../../../../src/components/EntityFinder/details/configurations/FavoritesDetails.tsx"],"sourcesContent":["import { useGetFavoritesInfinite } from '@/synapse-queries/user/useFavorites'\nimport useGetIsAllSelectedFromInfiniteList from '@/utils/hooks/useGetIsAllSelectedInfiniteList'\nimport { EntityDetailsListSharedProps } from '../EntityDetailsList'\nimport { DetailsView } from '../view/DetailsView'\n\ntype FavoritesDetailsProps = EntityDetailsListSharedProps\n\nexport function FavoritesDetails({ ...sharedProps }: FavoritesDetailsProps) {\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useGetFavoritesInfinite('NAME', 'ASC', { throwOnError: true })\n\n  const entities = data?.pages.flatMap(page => page.results) ?? []\n\n  const selectAllCheckboxState = useGetIsAllSelectedFromInfiniteList(\n    entities,\n    sharedProps.selected.size,\n    sharedProps.isIdSelected,\n    sharedProps.isSelectable,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n  )\n\n  return (\n    <DetailsView\n      entities={entities}\n      isLoading={isLoading}\n      hasNextPage={hasNextPage}\n      fetchNextPage={fetchNextPage}\n      isFetchingNextPage={isFetchingNextPage}\n      selectAllIsChecked={selectAllCheckboxState}\n      {...sharedProps}\n    />\n  )\n}\n"],"mappings":";;;;;AAOA,SAAgB,EAAiB,EAAE,GAAG,KAAsC;CAC1E,IAAM,EAAE,SAAM,cAAW,gBAAa,kBAAe,0BACnD,EAAwB,QAAQ,OAAO,EAAE,cAAc,GAAK,CAAC,GAEzD,IAAW,GAAM,MAAM,SAAQ,MAAQ,EAAK,OAAO,KAAK,CAAC;CAY/D,OACE,kBAAC,GAAD;EACY;EACC;EACE;EACE;EACK;EACpB,oBAjB2B,EAC7B,GACA,EAAY,SAAS,MACrB,EAAY,cACZ,EAAY,cACZ,GACA,GACA,CAUsB;EACpB,GAAI;CACL,CAAA;AAEL"}

package/dist/components/EntityFinder/details/configurations/ProjectListDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectListDetails.js","names":[],"sources":["../../../../../src/components/EntityFinder/details/configurations/ProjectListDetails.tsx"],"sourcesContent":["import { useGetProjectsInfinite } from '@/synapse-queries/user/useProjects'\nimport useGetIsAllSelectedFromInfiniteList from '@/utils/hooks/useGetIsAllSelectedInfiniteList'\nimport {\n  GetProjectsParameters,\n  ProjectHeader,\n} from '@sage-bionetworks/synapse-types'\nimport { EntityHeaderFromProjectHeader } from '../../EntityFinderHeader'\nimport { EntityDetailsListSharedProps } from '../EntityDetailsList'\nimport { DetailsView } from '../view/DetailsView'\n\ntype ProjectListDetailsProps = EntityDetailsListSharedProps & {\n  projectsParams: GetProjectsParameters\n}\n\nexport function toEntityHeader(\n  projectHeader: ProjectHeader,\n): EntityHeaderFromProjectHeader {\n  return {\n    ...projectHeader,\n    type: 'org.sagebionetworks.repo.model.Project',\n  }\n}\n\nexport function ProjectListDetails({\n  projectsParams,\n  ...sharedProps\n}: ProjectListDetailsProps) {\n  const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage } =\n    useGetProjectsInfinite(projectsParams, { throwOnError: true })\n\n  const projects =\n    data?.pages.flatMap(page => page.results).map(toEntityHeader) ?? []\n\n  const selectAllCheckboxState = useGetIsAllSelectedFromInfiniteList(\n    projects,\n    sharedProps.selected.size,\n    sharedProps.isIdSelected,\n    sharedProps.isSelectable,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n  )\n\n  return (\n    <DetailsView\n      entities={projects}\n      isLoading={isLoading}\n      hasNextPage={hasNextPage}\n      fetchNextPage={fetchNextPage}\n      isFetchingNextPage={isFetchingNextPage}\n      selectAllIsChecked={selectAllCheckboxState}\n      {...sharedProps}\n    />\n  )\n}\n"],"mappings":";;;;;AAcA,SAAgB,EACd,GAC+B;AAC/B,QAAO;EACL,GAAG;EACH,MAAM;EACP;;AAGH,SAAgB,EAAmB,EACjC,mBACA,GAAG,KACuB;CAC1B,IAAM,EAAE,SAAM,cAAW,uBAAoB,gBAAa,qBACxD,EAAuB,GAAgB,EAAE,cAAc,IAAM,CAAC,EAE1D,IACJ,GAAM,MAAM,SAAQ,MAAQ,EAAK,QAAQ,CAAC,IAAI,EAAe,IAAI,EAAE;AAYrE,QACE,kBAAC,GAAD;EACE,UAAU;EACC;EACE;EACE;EACK;EACpB,oBAjB2B,EAC7B,GACA,EAAY,SAAS,MACrB,EAAY,cACZ,EAAY,cACZ,GACA,GACA,EAUsB;EACpB,GAAI;EACJ,CAAA"}
+{"version":3,"file":"ProjectListDetails.js","names":[],"sources":["../../../../../src/components/EntityFinder/details/configurations/ProjectListDetails.tsx"],"sourcesContent":["import { useGetProjectsInfinite } from '@/synapse-queries/user/useProjects'\nimport useGetIsAllSelectedFromInfiniteList from '@/utils/hooks/useGetIsAllSelectedInfiniteList'\nimport {\n  GetProjectsParameters,\n  ProjectHeader,\n} from '@sage-bionetworks/synapse-types'\nimport { EntityHeaderFromProjectHeader } from '../../EntityFinderHeader'\nimport { EntityDetailsListSharedProps } from '../EntityDetailsList'\nimport { DetailsView } from '../view/DetailsView'\n\ntype ProjectListDetailsProps = EntityDetailsListSharedProps & {\n  projectsParams: GetProjectsParameters\n}\n\nexport function toEntityHeader(\n  projectHeader: ProjectHeader,\n): EntityHeaderFromProjectHeader {\n  return {\n    ...projectHeader,\n    type: 'org.sagebionetworks.repo.model.Project',\n  }\n}\n\nexport function ProjectListDetails({\n  projectsParams,\n  ...sharedProps\n}: ProjectListDetailsProps) {\n  const { data, isLoading, isFetchingNextPage, hasNextPage, fetchNextPage } =\n    useGetProjectsInfinite(projectsParams, { throwOnError: true })\n\n  const projects =\n    data?.pages.flatMap(page => page.results).map(toEntityHeader) ?? []\n\n  const selectAllCheckboxState = useGetIsAllSelectedFromInfiniteList(\n    projects,\n    sharedProps.selected.size,\n    sharedProps.isIdSelected,\n    sharedProps.isSelectable,\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n  )\n\n  return (\n    <DetailsView\n      entities={projects}\n      isLoading={isLoading}\n      hasNextPage={hasNextPage}\n      fetchNextPage={fetchNextPage}\n      isFetchingNextPage={isFetchingNextPage}\n      selectAllIsChecked={selectAllCheckboxState}\n      {...sharedProps}\n    />\n  )\n}\n"],"mappings":";;;;;AAcA,SAAgB,EACd,GAC+B;CAC/B,OAAO;EACL,GAAG;EACH,MAAM;CACR;AACF;AAEA,SAAgB,EAAmB,EACjC,mBACA,GAAG,KACuB;CAC1B,IAAM,EAAE,SAAM,cAAW,uBAAoB,gBAAa,qBACxD,EAAuB,GAAgB,EAAE,cAAc,GAAK,CAAC,GAEzD,IACJ,GAAM,MAAM,SAAQ,MAAQ,EAAK,OAAO,EAAE,IAAI,CAAc,KAAK,CAAC;CAYpE,OACE,kBAAC,GAAD;EACE,UAAU;EACC;EACE;EACE;EACK;EACpB,oBAjB2B,EAC7B,GACA,EAAY,SAAS,MACrB,EAAY,cACZ,EAAY,cACZ,GACA,GACA,CAUsB;EACpB,GAAI;CACL,CAAA;AAEL"}

package/dist/components/EntityFinder/details/configurations/ReferenceDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReferenceDetails.js","names":[],"sources":["../../../../../src/components/EntityFinder/details/configurations/ReferenceDetails.tsx"],"sourcesContent":["import { useGetEntityHeaders } from '@/synapse-queries/index'\nimport { getIsAllSelectedFromInfiniteList } from '@/utils/hooks/index'\nimport { Reference } from '@sage-bionetworks/synapse-types'\nimport React from 'react'\nimport { EntityFinderHeader } from '../../EntityFinderHeader'\nimport { EntityDetailsListSharedProps } from '../EntityDetailsList'\nimport { DetailsView } from '../view/DetailsView'\n\ntype SearchDetailsProps = EntityDetailsListSharedProps & {\n  references: Reference[]\n}\n\nexport const ReferenceDetails: React.FunctionComponent<SearchDetailsProps> = ({\n  references,\n  ...sharedProps\n}) => {\n  const { data, isLoading } = useGetEntityHeaders(references, {\n    enabled: !!references,\n    throwOnError: true,\n  })\n\n  const headers = data?.results ?? []\n\n  return (\n    <DetailsView\n      entities={headers}\n      isLoading={isLoading}\n      selectAllIsChecked={getIsAllSelectedFromInfiniteList(\n        (headers as EntityFinderHeader[]) ?? [],\n        sharedProps.selected.size,\n        sharedProps.isIdSelected,\n        sharedProps.isSelectable,\n      )}\n      {...sharedProps}\n    />\n  )\n}\n"],"mappings":";;;;;;;;AAYA,IAAa,KAAiE,EAC5E,eACA,GAAG,QACC;CACJ,IAAM,EAAE,SAAM,iBAAc,EAAoB,GAAY;EAC1D,SAAS,CAAC,CAAC;EACX,cAAc;EACf,CAAC,EAEI,IAAU,GAAM,WAAW,EAAE;AAEnC,QACE,kBAAC,GAAD;EACE,UAAU;EACC;EACX,oBAAoB,EACjB,KAAoC,EAAE,EACvC,EAAY,SAAS,MACrB,EAAY,cACZ,EAAY,aACb;EACD,GAAI;EACJ,CAAA"}
+{"version":3,"file":"ReferenceDetails.js","names":[],"sources":["../../../../../src/components/EntityFinder/details/configurations/ReferenceDetails.tsx"],"sourcesContent":["import { useGetEntityHeaders } from '@/synapse-queries/index'\nimport { getIsAllSelectedFromInfiniteList } from '@/utils/hooks/index'\nimport { Reference } from '@sage-bionetworks/synapse-types'\nimport React from 'react'\nimport { EntityFinderHeader } from '../../EntityFinderHeader'\nimport { EntityDetailsListSharedProps } from '../EntityDetailsList'\nimport { DetailsView } from '../view/DetailsView'\n\ntype SearchDetailsProps = EntityDetailsListSharedProps & {\n  references: Reference[]\n}\n\nexport const ReferenceDetails: React.FunctionComponent<SearchDetailsProps> = ({\n  references,\n  ...sharedProps\n}) => {\n  const { data, isLoading } = useGetEntityHeaders(references, {\n    enabled: !!references,\n    throwOnError: true,\n  })\n\n  const headers = data?.results ?? []\n\n  return (\n    <DetailsView\n      entities={headers}\n      isLoading={isLoading}\n      selectAllIsChecked={getIsAllSelectedFromInfiniteList(\n        (headers as EntityFinderHeader[]) ?? [],\n        sharedProps.selected.size,\n        sharedProps.isIdSelected,\n        sharedProps.isSelectable,\n      )}\n      {...sharedProps}\n    />\n  )\n}\n"],"mappings":";;;;;;;;AAYA,IAAa,KAAiE,EAC5E,eACA,GAAG,QACC;CACJ,IAAM,EAAE,SAAM,iBAAc,EAAoB,GAAY;EAC1D,SAAS,CAAC,CAAC;EACX,cAAc;CAChB,CAAC,GAEK,IAAU,GAAM,WAAW,CAAC;CAElC,OACE,kBAAC,GAAD;EACE,UAAU;EACC;EACX,oBAAoB,EACjB,KAAoC,CAAC,GACtC,EAAY,SAAS,MACrB,EAAY,cACZ,EAAY,YACd;EACA,GAAI;CACL,CAAA;AAEL"}

package/dist/components/EntityFinder/details/configurations/SearchDetails.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchDetails.js","names":[],"sources":["../../../../../src/components/EntityFinder/details/configurations/SearchDetails.tsx"],"sourcesContent":["import NoSearchResults from '@/assets/icons/NoSearchResults'\nimport SearchImage from '@/assets/icons/SearchImage'\nimport { useSearchInfinite } from '@/synapse-queries/search/useSearch'\nimport { convertToConcreteEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { Hit, SearchQuery } from '@sage-bionetworks/synapse-types'\nimport { EntityHeaderFromHit } from '../../EntityFinderHeader'\nimport { EntityDetailsListSharedProps } from '../EntityDetailsList'\nimport { DetailsView } from '../view/DetailsView'\n\ntype SearchDetailsProps = EntityDetailsListSharedProps & {\n  searchQuery: SearchQuery\n}\n\nfunction toEntityHeader(hit: Hit): EntityHeaderFromHit {\n  return {\n    name: hit.name,\n    id: hit.id,\n    type: convertToConcreteEntityType(hit.node_type),\n    createdOn: hit.created_on.toString(),\n    modifiedOn: hit.modified_on.toString(),\n    createdBy: hit.created_by,\n    modifiedBy: hit.modified_by,\n  }\n}\n\nexport function SearchDetails({\n  searchQuery,\n  ...sharedProps\n}: SearchDetailsProps) {\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useSearchInfinite(searchQuery, {\n      enabled: !!searchQuery.queryTerm,\n      throwOnError: true,\n    })\n\n  if (searchQuery.queryTerm) {\n    return (\n      <DetailsView\n        entities={\n          data?.pages.flatMap(page => page.hits).map(toEntityHeader) ?? []\n        }\n        isLoading={isLoading}\n        hasNextPage={hasNextPage}\n        fetchNextPage={fetchNextPage}\n        isFetchingNextPage={isFetchingNextPage}\n        noResultsPlaceholder={\n          <>\n            <NoSearchResults className=\"SearchPlaceholderImage\" />\n            <p>\n              No results for &ldquo;{searchQuery.queryTerm.join(' ')}&rdquo;\n            </p>\n          </>\n        }\n        {...sharedProps}\n        enableSelectAll={false} // Disable select all for search\n      />\n    )\n  } else {\n    return (\n      <DetailsView\n        entities={[]}\n        isLoading={false}\n        hasNextPage={false}\n        noResultsPlaceholder={\n          <>\n            <SearchImage className=\"SearchPlaceholderImage\" />\n            <p>Enter a term or Synapse ID to start searching</p>\n          </>\n        }\n        {...sharedProps}\n        enableSelectAll={false} // Disable select all for search\n      />\n    )\n  }\n}\n"],"mappings":";;;;;;;AAaA,SAAS,EAAe,GAA+B;AACrD,QAAO;EACL,MAAM,EAAI;EACV,IAAI,EAAI;EACR,MAAM,EAA4B,EAAI,UAAU;EAChD,WAAW,EAAI,WAAW,UAAU;EACpC,YAAY,EAAI,YAAY,UAAU;EACtC,WAAW,EAAI;EACf,YAAY,EAAI;EACjB;;AAGH,SAAgB,EAAc,EAC5B,gBACA,GAAG,KACkB;CACrB,IAAM,EAAE,SAAM,cAAW,gBAAa,kBAAe,0BACnD,EAAkB,GAAa;EAC7B,SAAS,CAAC,CAAC,EAAY;EACvB,cAAc;EACf,CAAC;AAyBF,QAvBE,EAAY,YAEZ,kBAAC,GAAD;EACE,UACE,GAAM,MAAM,SAAQ,MAAQ,EAAK,KAAK,CAAC,IAAI,EAAe,IAAI,EAAE;EAEvD;EACE;EACE;EACK;EACpB,sBACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAiB,WAAU,0BAA2B,CAAA,EACtD,kBAAC,KAAD,EAAA,UAAA;GAAG;GACsB,EAAY,UAAU,KAAK,IAAI;GAAC;GACrD,EAAA,CAAA,CACH,EAAA,CAAA;EAEL,GAAI;EACJ,iBAAiB;EACjB,CAAA,GAIF,kBAAC,GAAD;EACE,UAAU,EAAE;EACZ,WAAW;EACX,aAAa;EACb,sBACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAa,WAAU,0BAA2B,CAAA,EAClD,kBAAC,KAAD,EAAA,UAAG,iDAAiD,CAAA,CACnD,EAAA,CAAA;EAEL,GAAI;EACJ,iBAAiB;EACjB,CAAA"}
+{"version":3,"file":"SearchDetails.js","names":[],"sources":["../../../../../src/components/EntityFinder/details/configurations/SearchDetails.tsx"],"sourcesContent":["import NoSearchResults from '@/assets/icons/NoSearchResults'\nimport SearchImage from '@/assets/icons/SearchImage'\nimport { useSearchInfinite } from '@/synapse-queries/search/useSearch'\nimport { convertToConcreteEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { Hit, SearchQuery } from '@sage-bionetworks/synapse-types'\nimport { EntityHeaderFromHit } from '../../EntityFinderHeader'\nimport { EntityDetailsListSharedProps } from '../EntityDetailsList'\nimport { DetailsView } from '../view/DetailsView'\n\ntype SearchDetailsProps = EntityDetailsListSharedProps & {\n  searchQuery: SearchQuery\n}\n\nfunction toEntityHeader(hit: Hit): EntityHeaderFromHit {\n  return {\n    name: hit.name,\n    id: hit.id,\n    type: convertToConcreteEntityType(hit.node_type),\n    createdOn: hit.created_on.toString(),\n    modifiedOn: hit.modified_on.toString(),\n    createdBy: hit.created_by,\n    modifiedBy: hit.modified_by,\n  }\n}\n\nexport function SearchDetails({\n  searchQuery,\n  ...sharedProps\n}: SearchDetailsProps) {\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useSearchInfinite(searchQuery, {\n      enabled: !!searchQuery.queryTerm,\n      throwOnError: true,\n    })\n\n  if (searchQuery.queryTerm) {\n    return (\n      <DetailsView\n        entities={\n          data?.pages.flatMap(page => page.hits).map(toEntityHeader) ?? []\n        }\n        isLoading={isLoading}\n        hasNextPage={hasNextPage}\n        fetchNextPage={fetchNextPage}\n        isFetchingNextPage={isFetchingNextPage}\n        noResultsPlaceholder={\n          <>\n            <NoSearchResults className=\"SearchPlaceholderImage\" />\n            <p>\n              No results for &ldquo;{searchQuery.queryTerm.join(' ')}&rdquo;\n            </p>\n          </>\n        }\n        {...sharedProps}\n        enableSelectAll={false} // Disable select all for search\n      />\n    )\n  } else {\n    return (\n      <DetailsView\n        entities={[]}\n        isLoading={false}\n        hasNextPage={false}\n        noResultsPlaceholder={\n          <>\n            <SearchImage className=\"SearchPlaceholderImage\" />\n            <p>Enter a term or Synapse ID to start searching</p>\n          </>\n        }\n        {...sharedProps}\n        enableSelectAll={false} // Disable select all for search\n      />\n    )\n  }\n}\n"],"mappings":";;;;;;;AAaA,SAAS,EAAe,GAA+B;CACrD,OAAO;EACL,MAAM,EAAI;EACV,IAAI,EAAI;EACR,MAAM,EAA4B,EAAI,SAAS;EAC/C,WAAW,EAAI,WAAW,SAAS;EACnC,YAAY,EAAI,YAAY,SAAS;EACrC,WAAW,EAAI;EACf,YAAY,EAAI;CAClB;AACF;AAEA,SAAgB,EAAc,EAC5B,gBACA,GAAG,KACkB;CACrB,IAAM,EAAE,SAAM,cAAW,gBAAa,kBAAe,0BACnD,EAAkB,GAAa;EAC7B,SAAS,CAAC,CAAC,EAAY;EACvB,cAAc;CAChB,CAAC;CAyBD,OAvBE,EAAY,YAEZ,kBAAC,GAAD;EACE,UACE,GAAM,MAAM,SAAQ,MAAQ,EAAK,IAAI,EAAE,IAAI,CAAc,KAAK,CAAC;EAEtD;EACE;EACE;EACK;EACpB,sBACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAiB,WAAU,yBAA0B,CAAA,GACrD,kBAAC,KAAD,EAAA,UAAA;GAAG;GACsB,EAAY,UAAU,KAAK,GAAG;GAAE;EACtD,EAAA,CAAA,CACH,EAAA,CAAA;EAEJ,GAAI;EACJ,iBAAiB;CAClB,CAAA,IAID,kBAAC,GAAD;EACE,UAAU,CAAC;EACX,WAAW;EACX,aAAa;EACb,sBACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAa,WAAU,yBAA0B,CAAA,GACjD,kBAAC,KAAD,EAAA,UAAG,gDAAgD,CAAA,CACnD,EAAA,CAAA;EAEJ,GAAI;EACJ,iBAAiB;CAClB,CAAA;AAGP"}

package/dist/components/EntityFinder/details/view/DetailsView.js

@@ -23,16 +23,16 @@ import { Checkbox as D, Tooltip as O } from "@mui/material";
 import { jsx as k, jsxs as te } from "react/jsx-runtime";
 import { EntityType as A } from "@sage-bionetworks/synapse-client";
 import { useQueryClient as ne } from "@tanstack/react-query";
-import { createColumnHelper as j, getCoreRowModel as re, useReactTable as ie } from "@tanstack/react-table";
-import { useVirtualizer as ae } from "@tanstack/react-virtual";
+import { createColumnHelper as j, getCoreRowModel as re, useReactTable as M } from "@tanstack/react-table";
+import { useVirtualizer as N } from "@tanstack/react-virtual";
 //#region src/components/EntityFinder/details/view/DetailsView.tsx
-function M(e, t) {
+function P(e, t) {
 	return r(e) && "versionLabel" in t && t.versionLabel === "in progress";
 }
-var N = /* @__PURE__ */ function(e) {
+var F = /* @__PURE__ */ function(e) {
 	return e.NAME = "name", e.ENTITY_TYPE = "entityType", e.ID = "id", e.CREATED_ON = "createdOn", e.MODIFIED_ON = "modifiedOn", e.MODIFIED_BY = "modifiedBy", e.ADD_TO_DOWNLOAD_CART = "addToDownloadCart", e.DIRECT_DOWNLOAD = "directDownload", e.SELECTED = "selected", e.VERSION = "version", e.SIZE = "size", e.MD5 = "md5", e.BADGES = "badges", e;
-}({}), P = j();
-function F(e) {
+}({}), I = j();
+function L(e) {
 	let { context: t, setCurrentContainer: r } = e, { row: i, getValue: a } = t, o = a();
 	return r && n(i.original.entityType) ? /* @__PURE__ */ k("span", {
 		role: "link",
@@ -55,7 +55,7 @@ function F(e) {
 		})
 	});
 }
-function I(e) {
+function R(e) {
 	let { isVisible: t, disabled: n, checked: r, onSelectAll: i } = e;
 	return t ? /* @__PURE__ */ k(D, {
 		inputProps: { "aria-label": "Select All" },
@@ -66,15 +66,15 @@ function I(e) {
 		}
 	}) : null;
 }
-function L(e) {
+function ie(e) {
 	let { setCurrentContainer: t, isSelectAllVisible: n, isSelectAllDisabled: r, isSelectAllChecked: i, onSelectAll: a, versionSelection: o, toggleSelection: s, setInitialVersion: l, sortableColumns: u = [] } = e;
 	return [
-		P.display({
-			id: N.SELECTED,
+		I.display({
+			id: "selected",
 			minSize: 50,
 			maxSize: 50,
 			size: 50,
-			header: () => /* @__PURE__ */ k(I, {
+			header: () => /* @__PURE__ */ k(R, {
 				isVisible: n,
 				disabled: r,
 				checked: i,
@@ -82,7 +82,7 @@ function L(e) {
 			}),
 			cell: m
 		}),
-		P.accessor(N.ENTITY_TYPE, {
+		I.accessor("entityType", {
 			minSize: 45,
 			maxSize: 45,
 			size: 45,
@@ -91,28 +91,28 @@ function L(e) {
 			cell: g,
 			meta: { textAlign: "center" }
 		}),
-		P.accessor(N.NAME, {
+		I.accessor("name", {
 			size: 300,
-			enableSorting: u.includes(N.NAME),
+			enableSorting: u.includes("name"),
 			header: (e) => /* @__PURE__ */ k(c, {
 				...e,
 				title: "Name"
 			}),
-			cell: (e) => /* @__PURE__ */ k(F, {
+			cell: (e) => /* @__PURE__ */ k(L, {
 				context: e,
 				setCurrentContainer: t
 			}),
 			enableColumnFilter: !1
 		}),
-		P.display({
-			id: N.BADGES,
+		I.display({
+			id: "badges",
 			minSize: 75,
 			maxSize: 75,
 			size: 75,
 			header: () => null,
 			cell: p
 		}),
-		P.accessor(N.ID, {
+		I.accessor("id", {
 			size: 130,
 			header: (e) => /* @__PURE__ */ k(c, {
 				...e,
@@ -120,10 +120,10 @@ function L(e) {
 			}),
 			minSize: 130,
 			enableColumnFilter: !1,
-			enableSorting: u.includes(N.ID)
+			enableSorting: u.includes("id")
 		}),
-		P.display({
-			id: N.VERSION,
+		I.display({
+			id: "version",
 			minSize: 150,
 			size: 200,
 			header: () => /* @__PURE__ */ k(S, { versionSelection: o }),
@@ -134,7 +134,7 @@ function L(e) {
 				context: e
 			})
 		}),
-		P.accessor(N.CREATED_ON, {
+		I.accessor("createdOn", {
 			header: (e) => /* @__PURE__ */ k(c, {
 				...e,
 				title: "Created On"
@@ -143,9 +143,9 @@ function L(e) {
 			minSize: 170,
 			cell: f,
 			enableColumnFilter: !1,
-			enableSorting: u.includes(N.CREATED_ON)
+			enableSorting: u.includes("createdOn")
 		}),
-		P.accessor(N.MODIFIED_ON, {
+		I.accessor("modifiedOn", {
 			header: (e) => /* @__PURE__ */ k(c, {
 				...e,
 				title: "Modified On"
@@ -154,9 +154,9 @@ function L(e) {
 			minSize: 170,
 			enableColumnFilter: !1,
 			cell: x,
-			enableSorting: u.includes(N.MODIFIED_ON)
+			enableSorting: u.includes("modifiedOn")
 		}),
-		P.accessor(N.MODIFIED_BY, {
+		I.accessor("modifiedBy", {
 			header: (e) => /* @__PURE__ */ k(c, {
 				...e,
 				title: "Modified By"
@@ -165,10 +165,10 @@ function L(e) {
 			enableResizing: !0,
 			cell: b,
 			enableColumnFilter: !1,
-			enableSorting: u.includes(N.MODIFIED_BY)
+			enableSorting: u.includes("modifiedBy")
 		}),
-		P.display({
-			id: N.SIZE,
+		I.display({
+			id: "size",
 			header: (e) => /* @__PURE__ */ k(c, {
 				...e,
 				title: "Size"
@@ -179,8 +179,8 @@ function L(e) {
 			enableResizing: !0,
 			cell: y
 		}),
-		P.display({
-			id: N.MD5,
+		I.display({
+			id: "md5",
 			header: (e) => /* @__PURE__ */ k(c, {
 				...e,
 				title: "MD5"
@@ -190,8 +190,8 @@ function L(e) {
 			enableResizing: !0,
 			cell: v
 		}),
-		P.display({
-			id: N.ADD_TO_DOWNLOAD_CART,
+		I.display({
+			id: "addToDownloadCart",
 			header: () => null,
 			size: 45,
 			minSize: 45,
@@ -199,8 +199,8 @@ function L(e) {
 			enableResizing: !1,
 			cell: d
 		}),
-		P.display({
-			id: N.DIRECT_DOWNLOAD,
+		I.display({
+			id: "directDownload",
 			header: (e) => /* @__PURE__ */ k(c, {
 				...e,
 				title: "Actions"
@@ -213,22 +213,22 @@ function L(e) {
 		})
 	];
 }
-var oe = (e) => {
+var ae = (e) => {
 	let { visibleTypes: n, selectableTypes: r, selected: i, entity: a } = e;
 	return n.includes(t(a)) ? r.includes(t(a)) ? i.has(a.id) ? "selected" : "default" : "disabled" : "hidden";
-}, se = [N.DIRECT_DOWNLOAD];
-function R(n) {
-	let { entities: r, isLoading: c, hasNextPage: d, fetchNextPage: f, isFetchingNextPage: p, versionSelection: m, selectColumnType: h, selected: g, visibleTypes: _, selectableTypes: v, toggleSelection: y, setInitialVersion: b, enableSorting: x, enableMultiSort: S, sortableColumns: D, sorting: O, onSortingChange: j, noResultsPlaceholder: P, enableSelectAll: F, selectAllIsChecked: I = !1, getChildrenInfiniteRequestObject: R, totalEntities: z, setCurrentContainer: B, hiddenColumns: V = se } = n, H = ne(), { accessToken: U, keyFactory: W } = a(), G = h !== "none", [K, q] = E(!1), [ce, J] = E(!1), le = () => {
+}, oe = ["directDownload"];
+function z(n) {
+	let { entities: r, isLoading: c, hasNextPage: d, fetchNextPage: f, isFetchingNextPage: p, versionSelection: m, selectColumnType: h, selected: g, visibleTypes: _, selectableTypes: v, toggleSelection: y, setInitialVersion: b, enableSorting: x, enableMultiSort: S, sortableColumns: D, sorting: O, onSortingChange: j, noResultsPlaceholder: F, enableSelectAll: I, selectAllIsChecked: L = !1, getChildrenInfiniteRequestObject: R, totalEntities: z, setCurrentContainer: B, hiddenColumns: V = oe } = n, H = ne(), { accessToken: U, keyFactory: W } = a(), G = h !== "none", [K, q] = E(!1), [se, J] = E(!1), ce = () => {
 		H.cancelQueries({ queryKey: W.getEntityChildrenQueryKey(R, !0) }), J(!1), q(!1);
 	};
 	w(() => {
 		async function n() {
-			K && (d && f ? (J(!0), p || f()) : (y(I ? r.filter((e) => g.has(e.id)).map((e) => g.get(e.id)) : await Promise.all(r.filter((e) => {
+			K && (d && f ? (J(!0), p || f()) : (y(L ? r.filter((e) => g.has(e.id)).map((e) => g.get(e.id)) : await Promise.all(r.filter((e) => {
 				let n = t(e);
 				return !g.has(e.id) && v.includes(n) && _.includes(n);
 			}).map(async (n) => {
 				let r, a = t(n);
-				return m === u.REQUIRED && i(a) && (Object.prototype.hasOwnProperty.call(n, "versionNumber") && !M(a, n) && (r = n.versionNumber), !r) && (J(!0), r = (await H.fetchQuery({
+				return m === u.REQUIRED && i(a) && (Object.prototype.hasOwnProperty.call(n, "versionNumber") && !P(a, n) && (r = n.versionNumber), !r) && (J(!0), r = (await H.fetchQuery({
 					queryKey: W.getPaginatedEntityVersionsQueryKey(n.id, 1, 0),
 					queryFn: () => e(n.id, U, 0, 1)
 				})).results[0]?.versionNumber), {
@@ -246,7 +246,7 @@ function R(n) {
 		m,
 		H,
 		p,
-		I,
+		L,
 		v,
 		g,
 		K,
@@ -254,8 +254,8 @@ function R(n) {
 		_,
 		W
 	]);
-	let ue = T(() => r.reduce((e, n) => {
-		let r = oe({
+	let le = T(() => r.reduce((e, n) => {
+		let r = ae({
 			visibleTypes: _,
 			selectableTypes: v,
 			selected: g,
@@ -263,7 +263,7 @@ function R(n) {
 		});
 		if (r !== "hidden") {
 			let a = t(n), o = g.get(n.id)?.targetVersionNumber, s;
-			"versionNumber" in n && (o == null ? m === u.REQUIRED && (M(a, n) || (s = n.versionNumber)) : s = o), e.push({
+			"versionNumber" in n && (o == null ? m === u.REQUIRED && (P(a, n) || (s = n.versionNumber)) : s = o), e.push({
 				...n,
 				entityId: n.id,
 				versionNumber: s,
@@ -281,11 +281,11 @@ function R(n) {
 		g,
 		m,
 		_
-	]), Y = F, X = !(d || r.filter((e) => v.includes(t(e)) && _.includes(t(e))).length > 0), de = T(() => L({
+	]), Y = I, X = !(d || r.filter((e) => v.includes(t(e)) && _.includes(t(e))).length > 0), ue = T(() => ie({
 		setCurrentContainer: B,
 		isSelectAllVisible: Y,
 		isSelectAllDisabled: X,
-		isSelectAllChecked: I,
+		isSelectAllChecked: L,
 		onSelectAll: () => {
 			q(!0);
 		},
@@ -296,15 +296,15 @@ function R(n) {
 	}), [
 		X,
 		Y,
-		I,
+		L,
 		B,
 		b,
 		D,
 		y,
 		m
-	]), fe = T(() => V.reduce((e, t) => (e[t] = !1, e), {}), [V]), Z = ie({
-		data: ue,
-		columns: de,
+	]), de = T(() => V.reduce((e, t) => (e[t] = !1, e), {}), [V]), Z = M({
+		data: le,
+		columns: ue,
 		getCoreRowModel: re(),
 		columnResizeMode: "onChange",
 		manualSorting: !0,
@@ -314,25 +314,25 @@ function R(n) {
 		state: {
 			sorting: O,
 			columnVisibility: {
-				[N.SELECTED]: G,
-				[N.VERSION]: m !== u.DISALLOWED,
-				[N.SIZE]: _.includes(A.file),
-				[N.MD5]: _.includes(A.file),
-				[N.ADD_TO_DOWNLOAD_CART]: _.includes(A.file),
-				[N.DIRECT_DOWNLOAD]: _.includes(A.file),
-				...fe
+				selected: G,
+				version: m !== u.DISALLOWED,
+				size: _.includes(A.file),
+				md5: _.includes(A.file),
+				addToDownloadCart: _.includes(A.file),
+				directDownload: _.includes(A.file),
+				...de
 			}
 		}
-	}), Q = ee(null), pe = ae({
+	}), Q = ee(null), fe = N({
 		count: z ?? Z.getRowModel().rows.length,
 		estimateSize: () => 40,
 		getScrollElement: () => Q.current,
 		measureElement: typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (e) => e?.getBoundingClientRect().height : void 0,
 		overscan: 5
 	});
-	function me(e) {
+	function pe(e) {
 		let { id: t, isDisabled: n, isVersionableEntity: r, entityType: i } = e, { currentSelectedVersion: a } = e;
-		n || (r && m === u.REQUIRED && a == null && Object.prototype.hasOwnProperty.call(e, "versionNumber") && (M(i, e) || (a = e.versionNumber)), y({
+		n || (r && m === u.REQUIRED && a == null && Object.prototype.hasOwnProperty.call(e, "versionNumber") && (P(i, e) || (a = e.versionNumber)), y({
 			targetId: t,
 			targetVersionNumber: a
 		}));
@@ -353,12 +353,12 @@ function R(n) {
 		className: "EntityFinderDetailsView",
 		children: [
 			/* @__PURE__ */ k(o, {
-				show: ce,
+				show: se,
 				currentProgress: r.length,
 				totalProgress: z,
 				hintText: z ? `${r.length.toLocaleString()} of ${z?.toLocaleString()}` : `Fetching ${r.length.toLocaleString()}`,
 				headlineText: "Fetching selected items",
-				onCancel: le
+				onCancel: ce
 			}),
 			!c && r.length > 0 && /* @__PURE__ */ k(l, {
 				styledTableContainerProps: {
@@ -368,7 +368,7 @@ function R(n) {
 				},
 				onTableContainerScroll: (e) => $(e),
 				table: Z,
-				rowVirtualizer: pe,
+				rowVirtualizer: fe,
 				slotProps: { Tr: (e) => {
 					let { tableRow: t } = e;
 					return {
@@ -376,7 +376,7 @@ function R(n) {
 						"aria-selected": t?.original.isSelected,
 						"aria-disabled": t?.original.isDisabled,
 						onClick: () => {
-							t && me(t.original);
+							t && pe(t.original);
 						}
 					};
 				} }
@@ -387,12 +387,12 @@ function R(n) {
 			}),
 			!c && r.length === 0 && /* @__PURE__ */ k("div", {
 				className: "EntityFinderDetailsViewPlaceholder",
-				children: P || /* @__PURE__ */ k("div", { children: "Empty" })
+				children: F || /* @__PURE__ */ k("div", { children: "Empty" })
 			})
 		]
 	});
 }
 //#endregion
-export { R as DetailsView, N as DetailsViewColumn };
+export { z as DetailsView, F as DetailsViewColumn };
 
 //# sourceMappingURL=DetailsView.js.map