synapse-react-client 4.0.19 → 4.0.20

package/dist/components/SynapseTable/SynapseTableUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseTableUtils.js","names":[],"sources":["../../../src/components/SynapseTable/SynapseTableUtils.ts"],"sourcesContent":["import {\n  hasFilesInView,\n  isDataset,\n  isDatasetCollection,\n  isEntityView,\n} from '@/utils/functions/EntityTypeUtils'\nimport {\n  ColumnModel,\n  ColumnType,\n  ColumnTypeEnum,\n  Entity,\n  EntityHeader,\n  QueryResultBundle,\n  Table,\n  UserGroupHeader,\n  UserProfile,\n} from '@sage-bionetworks/synapse-types'\n\nexport const SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE =\n  'You must be signed in to send results to an analysis platform.'\n\nexport const getColumnIndicesWithType = (\n  data: QueryResultBundle | undefined,\n  ...columnTypes: ColumnType[]\n) => {\n  const columnsOfTypeEntity: number[] = []\n  data?.selectColumns?.forEach((el, index) => {\n    if (columnTypes.includes(el.columnType)) {\n      columnsOfTypeEntity.push(index)\n    }\n  })\n  return columnsOfTypeEntity\n}\n\nexport const getUniqueEntities = (\n  data: QueryResultBundle,\n  mapIdToHeader: Record<\n    string,\n    EntityHeader | Partial<UserGroupHeader & UserProfile>\n  >,\n  indices: number[],\n) => {\n  const distinctEntities = new Set<string>()\n  data.queryResult?.queryResults.rows.forEach(row => {\n    row.values.forEach((el: string | null, colIndex: number) => {\n      // make sure this is a column of type entity and that we haven't retrieved this entity's information prior\n      if (\n        el != null &&\n        indices.includes(colIndex) &&\n        !Object.prototype.hasOwnProperty.call(mapIdToHeader, el) &&\n        el\n      ) {\n        distinctEntities.add(el)\n      }\n    })\n  })\n  return distinctEntities\n}\n\n/**\n * i.e. the view may have FileEntities in it\n *\n * PORTALS-2010:  Enhance change made for PORTALS-1973.  File specific action will only be shown for rows that represent FileEntities.\n */\nexport function isFileViewOrDataset(entity?: Table) {\n  return (\n    entity &&\n    ((isEntityView(entity) && hasFilesInView(entity)) || isDataset(entity))\n  )\n}\n\nexport const getFileColumnModelId = (\n  columnModels?: ColumnModel[],\n): string | undefined => {\n  if (!columnModels) {\n    return undefined\n  }\n  const entityIdColumnModels: ColumnModel[] | undefined = columnModels?.filter(\n    el => el.columnType === ColumnTypeEnum.ENTITYID,\n  )\n  // if there's a single ENTITYID type column, return that column id\n  if (entityIdColumnModels?.length === 1) {\n    return entityIdColumnModels[0].id\n  }\n  // otherwise, if there's an 'id' column, return that column id\n  const idColumnModel = entityIdColumnModels?.filter(el => el.name === 'id')\n  if (idColumnModel.length === 1) {\n    return idColumnModel[0].id\n  }\n  // else the file ID column was not found\n  return undefined\n}\n\nexport function isSortableColumn(column: ColumnType) {\n  switch (column) {\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.DOUBLE:\n    case ColumnTypeEnum.BOOLEAN:\n    case ColumnTypeEnum.INTEGER:\n    case ColumnTypeEnum.DATE:\n    case ColumnTypeEnum.LINK:\n    case ColumnTypeEnum.MEDIUMTEXT:\n    case ColumnTypeEnum.LARGETEXT:\n      return true\n    case ColumnTypeEnum.USERID:\n    case ColumnTypeEnum.ENTITYID:\n    case ColumnTypeEnum.FILEHANDLEID:\n    case ColumnTypeEnum.STRING_LIST:\n    case ColumnTypeEnum.INTEGER_LIST:\n    case ColumnTypeEnum.BOOLEAN_LIST:\n    case ColumnTypeEnum.DATE_LIST:\n    case ColumnTypeEnum.USERID_LIST:\n    case ColumnTypeEnum.ENTITYID_LIST:\n    case ColumnTypeEnum.EVALUATIONID:\n    case ColumnTypeEnum.SUBMISSIONID:\n    case ColumnTypeEnum.JSON:\n      return false\n    default:\n      console.warn(`Unhandled column type: ${column}`)\n      return false\n  }\n}\n\nexport function getDefaultPrimaryKey(\n  entity?: Table,\n  columnModels?: ColumnModel[],\n): string[] | undefined {\n  if (\n    isFileViewOrDataset(entity) &&\n    columnModels?.find(cm => cm.name === 'id')\n  ) {\n    // If the primary key isn't specified via props, and this is a file view/dataset, we can safely use the 'id' column as primary key, if it is present\n    // Note: Synapse tables don't have an internal concept of a primary key\n    return ['id']\n  }\n  return undefined\n}\n\nexport function isEntityViewOrDatasetOrCollection(entity: Entity): boolean {\n  return Boolean(\n    entity &&\n    (isEntityView(entity) || isDataset(entity) || isDatasetCollection(entity)),\n  )\n}\n\nexport function mapRowToRecord(\n  rowData: (string | null)[],\n  schema: Record<string, number>,\n): Record<string, string | null> {\n  return Object.entries(schema).reduce<Record<string, string | null>>(\n    (acc, [columnName, columnIndex]) => {\n      acc[columnName] = rowData[columnIndex]\n      return acc\n    },\n    {},\n  )\n}\n"],"mappings":";;;AAkBA,IAAa,IACX,kEAEW,KACX,GACA,GAAG,MACA;CACH,IAAM,IAAgC,EAAE;AAMxC,QALA,GAAM,eAAe,SAAS,GAAI,MAAU;AAC1C,EAAI,EAAY,SAAS,EAAG,WAAW,IACrC,EAAoB,KAAK,EAAM;GAEjC,EACK;GAGI,KACX,GACA,GAIA,MACG;CACH,IAAM,oBAAmB,IAAI,KAAa;AAc1C,QAbA,EAAK,aAAa,aAAa,KAAK,SAAQ,MAAO;AACjD,IAAI,OAAO,SAAS,GAAmB,MAAqB;AAE1D,GACE,KAAM,QACN,EAAQ,SAAS,EAAS,IAC1B,CAAC,OAAO,UAAU,eAAe,KAAK,GAAe,EAAG,IACxD,KAEA,EAAiB,IAAI,EAAG;IAE1B;GACF,EACK;;AAQT,SAAgB,EAAoB,GAAgB;AAClD,QACE,MACE,EAAa,EAAO,IAAI,EAAe,EAAO,IAAK,EAAU,EAAO;;AAI1E,IAAa,KACX,MACuB;AACvB,KAAI,CAAC,EACH;CAEF,IAAM,IAAkD,GAAc,QACpE,MAAM,EAAG,eAAe,EAAe,SACxC;AAED,KAAI,GAAsB,WAAW,EACnC,QAAO,EAAqB,GAAG;CAGjC,IAAM,IAAgB,GAAsB,QAAO,MAAM,EAAG,SAAS,KAAK;AAC1E,KAAI,EAAc,WAAW,EAC3B,QAAO,EAAc,GAAG;;AAM5B,SAAgB,EAAiB,GAAoB;AACnD,SAAQ,GAAR;EACE,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe,UAClB,QAAO;EACT,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe,KAClB,QAAO;EACT,QAEE,QADA,QAAQ,KAAK,0BAA0B,IAAS,EACzC;;;AAIb,SAAgB,EACd,GACA,GACsB;AACtB,KACE,EAAoB,EAAO,IAC3B,GAAc,MAAK,MAAM,EAAG,SAAS,KAAK,CAI1C,QAAO,CAAC,KAAK;;AAKjB,SAAgB,EAAkC,GAAyB;AACzE,QAAO,GACL,MACC,EAAa,EAAO,IAAI,EAAU,EAAO,IAAI,EAAoB,EAAO;;AAI7E,SAAgB,EACd,GACA,GAC+B;AAC/B,QAAO,OAAO,QAAQ,EAAO,CAAC,QAC3B,GAAK,CAAC,GAAY,QACjB,EAAI,KAAc,EAAQ,IACnB,IAET,EAAE,CACH"}
+{"version":3,"file":"SynapseTableUtils.js","names":[],"sources":["../../../src/components/SynapseTable/SynapseTableUtils.ts"],"sourcesContent":["import {\n  hasFilesInView,\n  isDataset,\n  isDatasetCollection,\n  isEntityView,\n} from '@/utils/functions/EntityTypeUtils'\nimport {\n  ColumnModel,\n  ColumnType,\n  ColumnTypeEnum,\n  Entity,\n  EntityHeader,\n  QueryResultBundle,\n  Table,\n  UserGroupHeader,\n  UserProfile,\n} from '@sage-bionetworks/synapse-types'\n\nexport const SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE =\n  'You must be signed in to send results to an analysis platform.'\n\nexport const getColumnIndicesWithType = (\n  data: QueryResultBundle | undefined,\n  ...columnTypes: ColumnType[]\n) => {\n  const columnsOfTypeEntity: number[] = []\n  data?.selectColumns?.forEach((el, index) => {\n    if (columnTypes.includes(el.columnType)) {\n      columnsOfTypeEntity.push(index)\n    }\n  })\n  return columnsOfTypeEntity\n}\n\nexport const getUniqueEntities = (\n  data: QueryResultBundle,\n  mapIdToHeader: Record<\n    string,\n    EntityHeader | Partial<UserGroupHeader & UserProfile>\n  >,\n  indices: number[],\n) => {\n  const distinctEntities = new Set<string>()\n  data.queryResult?.queryResults.rows.forEach(row => {\n    row.values.forEach((el: string | null, colIndex: number) => {\n      // make sure this is a column of type entity and that we haven't retrieved this entity's information prior\n      if (\n        el != null &&\n        indices.includes(colIndex) &&\n        !Object.prototype.hasOwnProperty.call(mapIdToHeader, el) &&\n        el\n      ) {\n        distinctEntities.add(el)\n      }\n    })\n  })\n  return distinctEntities\n}\n\n/**\n * i.e. the view may have FileEntities in it\n *\n * PORTALS-2010:  Enhance change made for PORTALS-1973.  File specific action will only be shown for rows that represent FileEntities.\n */\nexport function isFileViewOrDataset(entity?: Table) {\n  return (\n    entity &&\n    ((isEntityView(entity) && hasFilesInView(entity)) || isDataset(entity))\n  )\n}\n\nexport const getFileColumnModelId = (\n  columnModels?: ColumnModel[],\n): string | undefined => {\n  if (!columnModels) {\n    return undefined\n  }\n  const entityIdColumnModels: ColumnModel[] | undefined = columnModels?.filter(\n    el => el.columnType === ColumnTypeEnum.ENTITYID,\n  )\n  // if there's a single ENTITYID type column, return that column id\n  if (entityIdColumnModels?.length === 1) {\n    return entityIdColumnModels[0].id\n  }\n  // otherwise, if there's an 'id' column, return that column id\n  const idColumnModel = entityIdColumnModels?.filter(el => el.name === 'id')\n  if (idColumnModel.length === 1) {\n    return idColumnModel[0].id\n  }\n  // else the file ID column was not found\n  return undefined\n}\n\nexport function isSortableColumn(column: ColumnType) {\n  switch (column) {\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.DOUBLE:\n    case ColumnTypeEnum.BOOLEAN:\n    case ColumnTypeEnum.INTEGER:\n    case ColumnTypeEnum.DATE:\n    case ColumnTypeEnum.LINK:\n    case ColumnTypeEnum.MEDIUMTEXT:\n    case ColumnTypeEnum.LARGETEXT:\n      return true\n    case ColumnTypeEnum.USERID:\n    case ColumnTypeEnum.ENTITYID:\n    case ColumnTypeEnum.FILEHANDLEID:\n    case ColumnTypeEnum.STRING_LIST:\n    case ColumnTypeEnum.INTEGER_LIST:\n    case ColumnTypeEnum.BOOLEAN_LIST:\n    case ColumnTypeEnum.DATE_LIST:\n    case ColumnTypeEnum.USERID_LIST:\n    case ColumnTypeEnum.ENTITYID_LIST:\n    case ColumnTypeEnum.EVALUATIONID:\n    case ColumnTypeEnum.SUBMISSIONID:\n    case ColumnTypeEnum.JSON:\n      return false\n    default:\n      console.warn(`Unhandled column type: ${column}`)\n      return false\n  }\n}\n\nexport function getDefaultPrimaryKey(\n  entity?: Table,\n  columnModels?: ColumnModel[],\n): string[] | undefined {\n  if (\n    isFileViewOrDataset(entity) &&\n    columnModels?.find(cm => cm.name === 'id')\n  ) {\n    // If the primary key isn't specified via props, and this is a file view/dataset, we can safely use the 'id' column as primary key, if it is present\n    // Note: Synapse tables don't have an internal concept of a primary key\n    return ['id']\n  }\n  return undefined\n}\n\nexport function isEntityViewOrDatasetOrCollection(entity: Entity): boolean {\n  return Boolean(\n    entity &&\n    (isEntityView(entity) || isDataset(entity) || isDatasetCollection(entity)),\n  )\n}\n\nexport function mapRowToRecord(\n  rowData: (string | null)[],\n  schema: Record<string, number>,\n): Record<string, string | null> {\n  return Object.entries(schema).reduce<Record<string, string | null>>(\n    (acc, [columnName, columnIndex]) => {\n      acc[columnName] = rowData[columnIndex]\n      return acc\n    },\n    {},\n  )\n}\n"],"mappings":";;;AAkBA,IAAa,IACX,kEAEW,KACX,GACA,GAAG,MACA;CACH,IAAM,IAAgC,CAAC;CAMvC,OALA,GAAM,eAAe,SAAS,GAAI,MAAU;EAC1C,AAAI,EAAY,SAAS,EAAG,UAAU,KACpC,EAAoB,KAAK,CAAK;CAElC,CAAC,GACM;AACT,GAEa,KACX,GACA,GAIA,MACG;CACH,IAAM,oBAAmB,IAAI,IAAY;CAczC,OAbA,EAAK,aAAa,aAAa,KAAK,SAAQ,MAAO;EACjD,EAAI,OAAO,SAAS,GAAmB,MAAqB;GAE1D,AACE,KAAM,QACN,EAAQ,SAAS,CAAQ,KACzB,CAAC,OAAO,UAAU,eAAe,KAAK,GAAe,CAAE,KACvD,KAEA,EAAiB,IAAI,CAAE;EAE3B,CAAC;CACH,CAAC,GACM;AACT;AAOA,SAAgB,EAAoB,GAAgB;CAClD,OACE,MACE,EAAa,CAAM,KAAK,EAAe,CAAM,KAAM,EAAU,CAAM;AAEzE;AAEA,IAAa,KACX,MACuB;CACvB,IAAI,CAAC,GACH;CAEF,IAAM,IAAkD,GAAc,QACpE,MAAM,EAAG,eAAe,EAAe,QACzC;CAEA,IAAI,GAAsB,WAAW,GACnC,OAAO,EAAqB,GAAG;CAGjC,IAAM,IAAgB,GAAsB,QAAO,MAAM,EAAG,SAAS,IAAI;CACzE,IAAI,EAAc,WAAW,GAC3B,OAAO,EAAc,GAAG;AAI5B;AAEA,SAAgB,EAAiB,GAAoB;CACnD,QAAQ,GAAR;EACE,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe,WAClB,OAAO;EACT,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe;EACpB,KAAK,EAAe,MAClB,OAAO;EACT,SAEE,OADA,QAAQ,KAAK,0BAA0B,GAAQ,GACxC;CACX;AACF;AAEA,SAAgB,EACd,GACA,GACsB;CACtB,IACE,EAAoB,CAAM,KAC1B,GAAc,MAAK,MAAM,EAAG,SAAS,IAAI,GAIzC,OAAO,CAAC,IAAI;AAGhB;AAEA,SAAgB,EAAkC,GAAyB;CACzE,OAAO,GACL,MACC,EAAa,CAAM,KAAK,EAAU,CAAM,KAAK,EAAoB,CAAM;AAE5E;AAEA,SAAgB,EACd,GACA,GAC+B;CAC/B,OAAO,OAAO,QAAQ,CAAM,EAAE,QAC3B,GAAK,CAAC,GAAY,QACjB,EAAI,KAAc,EAAQ,IACnB,IAET,CAAC,CACH;AACF"}

package/dist/components/SynapseTable/TableIsEmpty.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableIsEmpty.js","names":[],"sources":["../../../src/components/SynapseTable/TableIsEmpty.tsx"],"sourcesContent":["import NoData from '@/assets/icons/NoData'\n\nexport default function ThisTableIsEmpty() {\n  return (\n    <div className=\"text-center SRCBorderedPanel SRCBorderedPanel--padded2x\">\n      {NoData}\n      <div style={{ marginTop: '20px', fontStyle: 'italic' }}>\n        This table is currently empty\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;AAEA,SAAwB,IAAmB;AACzC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,GACD,kBAAC,OAAD;GAAK,OAAO;IAAE,WAAW;IAAQ,WAAW;IAAU;aAAE;GAElD,CAAA,CACF"}
+{"version":3,"file":"TableIsEmpty.js","names":[],"sources":["../../../src/components/SynapseTable/TableIsEmpty.tsx"],"sourcesContent":["import NoData from '@/assets/icons/NoData'\n\nexport default function ThisTableIsEmpty() {\n  return (\n    <div className=\"text-center SRCBorderedPanel SRCBorderedPanel--padded2x\">\n      {NoData}\n      <div style={{ marginTop: '20px', fontStyle: 'italic' }}>\n        This table is currently empty\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;AAEA,SAAwB,IAAmB;CACzC,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,GACD,kBAAC,OAAD;GAAK,OAAO;IAAE,WAAW;IAAQ,WAAW;GAAS;aAAG;EAEnD,CAAA,CACF;;AAET"}

package/dist/components/SynapseTable/TablePagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.js","names":[],"sources":["../../../src/components/SynapseTable/TablePagination.tsx"],"sourcesContent":["import {\n  MenuItem,\n  Pagination,\n  PaginationItem,\n  PaginationRenderItemParams,\n  Select,\n  SelectChangeEvent,\n  Typography,\n} from '@mui/material'\nimport {\n  ChangeEvent,\n  ComponentProps,\n  forwardRef,\n  Ref,\n  useCallback,\n} from 'react'\nimport React from 'react'\nimport { useQueryContext } from '../QueryContext'\nimport { useSuspenseGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\n\nimport { usePrefetchTableRows } from './usePrefetchTableData'\n\nconst PAGE_SIZE_OPTIONS = [10, 25, 100, 500]\n\nexport const TablePagination = (): React.ReactNode => {\n  const { goToPage, pageSize, setPageSize, currentPage, currentQueryRequest } =\n    useQueryContext()\n\n  const prefetchPage = usePrefetchTableRows()\n\n  const {\n    data: { queryCount, maxRowsPerPage },\n  } = useSuspenseGetQueryMetadata()\n\n  const currentLimit = currentQueryRequest.query.limit\n  const resolvedPageSize = currentLimit ?? pageSize\n\n  // Filter by backend limit maxRowsPerPage\n  let pageSizeOptions = maxRowsPerPage\n    ? PAGE_SIZE_OPTIONS.filter(option => option < maxRowsPerPage)\n    : [...PAGE_SIZE_OPTIONS]\n\n  if (queryCount) {\n    // first option that is >= queryCount (show all rows)\n    const firstSufficientOptionIndex = pageSizeOptions.findIndex(\n      option => option >= queryCount,\n    )\n    // If found, slice to only include options up to and including that one\n    if (firstSufficientOptionIndex !== -1) {\n      pageSizeOptions = pageSizeOptions.slice(0, firstSufficientOptionIndex + 1)\n    }\n  }\n\n  // If resolvedPageSize isn't in the options, use the smallest available option\n  const displayedPageSize = pageSizeOptions.includes(resolvedPageSize)\n    ? resolvedPageSize\n    : pageSizeOptions[0]\n\n  const handlePage = (_event: ChangeEvent<unknown>, value: number) => {\n    goToPage(value)\n  }\n\n  const handlePageSize = (event: SelectChangeEvent<number>) => {\n    const value = event.target.value\n\n    setPageSize(value)\n    goToPage(1)\n  }\n\n  // A custom `renderItem` implementation for the MUI Pagination component that prefetches a page's data when the page number button is hovered over\n  const renderPaginationItem = useCallback(\n    (params: PaginationRenderItemParams) => {\n      // eslint-disable-next-line react/no-unstable-nested-components -- this declaration is within a useCallback itself, so it is stable (enough)\n      const ButtonWithPagePrefetchOnHover = forwardRef(\n        function PaginationItemButton(\n          props: ComponentProps<'button'>,\n          ref: Ref<HTMLButtonElement>,\n        ) {\n          return (\n            <button\n              ref={ref}\n              {...props}\n              onMouseOver={() => {\n                if (params.page) {\n                  void prefetchPage(params.page)\n                }\n              }}\n            />\n          )\n        },\n      )\n\n      return (\n        <PaginationItem {...params} component={ButtonWithPagePrefetchOnHover} />\n      )\n    },\n    [prefetchPage],\n  )\n\n  // PORTALS-2259: Special presentation case.  If we're on the first page,\n  // and the total query count is equal to 1 (and is the page size is not 1), then hide the pagination UI.\n  // Also hide pagination if the query count is unavailable.\n  if (\n    (currentPage == 1 && queryCount == 1 && pageSize != 1) ||\n    queryCount == undefined ||\n    (maxRowsPerPage && maxRowsPerPage < 5)\n  ) {\n    return null\n  }\n\n  return (\n    <div>\n      <Pagination\n        page={currentPage}\n        count={Math.ceil(queryCount / displayedPageSize)}\n        color=\"secondary\"\n        onChange={handlePage}\n        shape={'rounded'}\n        sx={{\n          display: 'inline-block',\n          float: 'left',\n          '.MuiPaginationItem-root': { fontSize: '14px' },\n        }}\n        renderItem={renderPaginationItem}\n      />\n      <Typography variant=\"body1\" style={{ display: 'inline-block' }}>\n        {`${queryCount?.toLocaleString()} total rows /`}\n      </Typography>\n      <Select\n        name=\"page size\"\n        value={displayedPageSize}\n        size=\"small\"\n        onChange={handlePageSize}\n        sx={{ ml: 0.5 }}\n      >\n        {pageSizeOptions.map(pageSize => {\n          return (\n            <MenuItem key={pageSize} value={pageSize}>\n              {pageSize} per page\n            </MenuItem>\n          )\n        })}\n      </Select>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAsBA,IAAM,IAAoB;CAAC;CAAI;CAAI;CAAK;CAAI,EAE/B,UAAyC;CACpD,IAAM,EAAE,aAAU,aAAU,gBAAa,gBAAa,2BACpD,GAAiB,EAEb,IAAe,GAAsB,EAErC,EACJ,MAAM,EAAE,eAAY,wBAClB,GAA6B,EAG3B,IADe,EAAoB,MAAM,SACN,GAGrC,IAAkB,IAClB,EAAkB,QAAO,MAAU,IAAS,EAAe,GAC3D,CAAC,GAAG,EAAkB;AAE1B,KAAI,GAAY;EAEd,IAAM,IAA6B,EAAgB,WACjD,MAAU,KAAU,EACrB;AAED,EAAI,MAA+B,OACjC,IAAkB,EAAgB,MAAM,GAAG,IAA6B,EAAE;;CAK9E,IAAM,IAAoB,EAAgB,SAAS,EAAiB,GAChE,IACA,EAAgB,IAEd,KAAc,GAA8B,MAAkB;AAClE,IAAS,EAAM;IAGX,KAAkB,MAAqC;EAC3D,IAAM,IAAQ,EAAM,OAAO;AAG3B,EADA,EAAY,EAAM,EAClB,EAAS,EAAE;IAIP,IAAuB,GAC1B,MAAuC;EAEtC,IAAM,IAAgC,EACpC,SACE,GACA,GACA;AACA,UACE,kBAAC,UAAD;IACO;IACL,GAAI;IACJ,mBAAmB;AACjB,KAAI,EAAO,QACJ,EAAa,EAAO,KAAK;;IAGlC,CAAA;IAGP;AAED,SACE,kBAAC,GAAD;GAAgB,GAAI;GAAQ,WAAW;GAAiC,CAAA;IAG5E,CAAC,EAAa,CACf;AAaD,QAPG,KAAe,KAAK,KAAc,KAAK,KAAY,KACpD,KAAc,QACb,KAAkB,IAAiB,IAE7B,OAIP,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,MAAM;GACN,OAAO,KAAK,KAAK,IAAa,EAAkB;GAChD,OAAM;GACN,UAAU;GACV,OAAO;GACP,IAAI;IACF,SAAS;IACT,OAAO;IACP,2BAA2B,EAAE,UAAU,QAAQ;IAChD;GACD,YAAY;GACZ,CAAA;EACF,kBAAC,GAAD;GAAY,SAAQ;GAAQ,OAAO,EAAE,SAAS,gBAAgB;aAC3D,GAAG,GAAY,gBAAgB,CAAC;GACtB,CAAA;EACb,kBAAC,GAAD;GACE,MAAK;GACL,OAAO;GACP,MAAK;GACL,UAAU;GACV,IAAI,EAAE,IAAI,IAAK;aAEd,EAAgB,KAAI,MAEjB,kBAAC,GAAD;IAAyB,OAAO;cAAhC,CACG,GAAS,YACD;MAFI,EAEJ,CAEb;GACK,CAAA;EACL,EAAA,CAAA"}
+{"version":3,"file":"TablePagination.js","names":[],"sources":["../../../src/components/SynapseTable/TablePagination.tsx"],"sourcesContent":["import {\n  MenuItem,\n  Pagination,\n  PaginationItem,\n  PaginationRenderItemParams,\n  Select,\n  SelectChangeEvent,\n  Typography,\n} from '@mui/material'\nimport {\n  ChangeEvent,\n  ComponentProps,\n  forwardRef,\n  Ref,\n  useCallback,\n} from 'react'\nimport React from 'react'\nimport { useQueryContext } from '../QueryContext'\nimport { useSuspenseGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\n\nimport { usePrefetchTableRows } from './usePrefetchTableData'\n\nconst PAGE_SIZE_OPTIONS = [10, 25, 100, 500]\n\nexport const TablePagination = (): React.ReactNode => {\n  const { goToPage, pageSize, setPageSize, currentPage, currentQueryRequest } =\n    useQueryContext()\n\n  const prefetchPage = usePrefetchTableRows()\n\n  const {\n    data: { queryCount, maxRowsPerPage },\n  } = useSuspenseGetQueryMetadata()\n\n  const currentLimit = currentQueryRequest.query.limit\n  const resolvedPageSize = currentLimit ?? pageSize\n\n  // Filter by backend limit maxRowsPerPage\n  let pageSizeOptions = maxRowsPerPage\n    ? PAGE_SIZE_OPTIONS.filter(option => option < maxRowsPerPage)\n    : [...PAGE_SIZE_OPTIONS]\n\n  if (queryCount) {\n    // first option that is >= queryCount (show all rows)\n    const firstSufficientOptionIndex = pageSizeOptions.findIndex(\n      option => option >= queryCount,\n    )\n    // If found, slice to only include options up to and including that one\n    if (firstSufficientOptionIndex !== -1) {\n      pageSizeOptions = pageSizeOptions.slice(0, firstSufficientOptionIndex + 1)\n    }\n  }\n\n  // If resolvedPageSize isn't in the options, use the smallest available option\n  const displayedPageSize = pageSizeOptions.includes(resolvedPageSize)\n    ? resolvedPageSize\n    : pageSizeOptions[0]\n\n  const handlePage = (_event: ChangeEvent<unknown>, value: number) => {\n    goToPage(value)\n  }\n\n  const handlePageSize = (event: SelectChangeEvent<number>) => {\n    const value = event.target.value\n\n    setPageSize(value)\n    goToPage(1)\n  }\n\n  // A custom `renderItem` implementation for the MUI Pagination component that prefetches a page's data when the page number button is hovered over\n  const renderPaginationItem = useCallback(\n    (params: PaginationRenderItemParams) => {\n      // eslint-disable-next-line react/no-unstable-nested-components -- this declaration is within a useCallback itself, so it is stable (enough)\n      const ButtonWithPagePrefetchOnHover = forwardRef(\n        function PaginationItemButton(\n          props: ComponentProps<'button'>,\n          ref: Ref<HTMLButtonElement>,\n        ) {\n          return (\n            <button\n              ref={ref}\n              {...props}\n              onMouseOver={() => {\n                if (params.page) {\n                  void prefetchPage(params.page)\n                }\n              }}\n            />\n          )\n        },\n      )\n\n      return (\n        <PaginationItem {...params} component={ButtonWithPagePrefetchOnHover} />\n      )\n    },\n    [prefetchPage],\n  )\n\n  // PORTALS-2259: Special presentation case.  If we're on the first page,\n  // and the total query count is equal to 1 (and is the page size is not 1), then hide the pagination UI.\n  // Also hide pagination if the query count is unavailable.\n  if (\n    (currentPage == 1 && queryCount == 1 && pageSize != 1) ||\n    queryCount == undefined ||\n    (maxRowsPerPage && maxRowsPerPage < 5)\n  ) {\n    return null\n  }\n\n  return (\n    <div>\n      <Pagination\n        page={currentPage}\n        count={Math.ceil(queryCount / displayedPageSize)}\n        color=\"secondary\"\n        onChange={handlePage}\n        shape={'rounded'}\n        sx={{\n          display: 'inline-block',\n          float: 'left',\n          '.MuiPaginationItem-root': { fontSize: '14px' },\n        }}\n        renderItem={renderPaginationItem}\n      />\n      <Typography variant=\"body1\" style={{ display: 'inline-block' }}>\n        {`${queryCount?.toLocaleString()} total rows /`}\n      </Typography>\n      <Select\n        name=\"page size\"\n        value={displayedPageSize}\n        size=\"small\"\n        onChange={handlePageSize}\n        sx={{ ml: 0.5 }}\n      >\n        {pageSizeOptions.map(pageSize => {\n          return (\n            <MenuItem key={pageSize} value={pageSize}>\n              {pageSize} per page\n            </MenuItem>\n          )\n        })}\n      </Select>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAsBA,IAAM,IAAoB;CAAC;CAAI;CAAI;CAAK;AAAG,GAE9B,UAAyC;CACpD,IAAM,EAAE,aAAU,aAAU,gBAAa,gBAAa,2BACpD,EAAgB,GAEZ,IAAe,EAAqB,GAEpC,EACJ,MAAM,EAAE,eAAY,wBAClB,EAA4B,GAG1B,IADe,EAAoB,MAAM,SACN,GAGrC,IAAkB,IAClB,EAAkB,QAAO,MAAU,IAAS,CAAc,IAC1D,CAAC,GAAG,CAAiB;CAEzB,IAAI,GAAY;EAEd,IAAM,IAA6B,EAAgB,WACjD,MAAU,KAAU,CACtB;EAEA,AAAI,MAA+B,OACjC,IAAkB,EAAgB,MAAM,GAAG,IAA6B,CAAC;CAE7E;CAGA,IAAM,IAAoB,EAAgB,SAAS,CAAgB,IAC/D,IACA,EAAgB,IAEd,KAAc,GAA8B,MAAkB;EAClE,EAAS,CAAK;CAChB,GAEM,KAAkB,MAAqC;EAC3D,IAAM,IAAQ,EAAM,OAAO;EAG3B,AADA,EAAY,CAAK,GACjB,EAAS,CAAC;CACZ,GAGM,IAAuB,GAC1B,MAAuC;EAEtC,IAAM,IAAgC,EACpC,SACE,GACA,GACA;GACA,OACE,kBAAC,UAAD;IACO;IACL,GAAI;IACJ,mBAAmB;KACjB,AAAI,EAAO,QACT,EAAkB,EAAO,IAAI;IAEjC;GACD,CAAA;EAEL,CACF;EAEA,OACE,kBAAC,GAAD;GAAgB,GAAI;GAAQ,WAAW;EAAgC,CAAA;CAE3E,GACA,CAAC,CAAY,CACf;CAaA,OAPG,KAAe,KAAK,KAAc,KAAK,KAAY,KACpD,KAAc,QACb,KAAkB,IAAiB,IAE7B,OAIP,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,MAAM;GACN,OAAO,KAAK,KAAK,IAAa,CAAiB;GAC/C,OAAM;GACN,UAAU;GACV,OAAO;GACP,IAAI;IACF,SAAS;IACT,OAAO;IACP,2BAA2B,EAAE,UAAU,OAAO;GAChD;GACA,YAAY;EACb,CAAA;EACD,kBAAC,GAAD;GAAY,SAAQ;GAAQ,OAAO,EAAE,SAAS,eAAe;aAC1D,GAAG,GAAY,eAAe,EAAE;EACvB,CAAA;EACZ,kBAAC,GAAD;GACE,MAAK;GACL,OAAO;GACP,MAAK;GACL,UAAU;GACV,IAAI,EAAE,IAAI,GAAI;aAEb,EAAgB,KAAI,MAEjB,kBAAC,GAAD;IAAyB,OAAO;cAAhC,CACG,GAAS,WACF;MAFK,CAEL,CAEb;EACK,CAAA;CACL,EAAA,CAAA;AAET"}

package/dist/components/SynapseTable/TopLevelControls/TopLevelControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopLevelControls.js","names":[],"sources":["../../../../src/components/SynapseTable/TopLevelControls/TopLevelControls.tsx"],"sourcesContent":["import React from 'react'\nimport { useGetEntity } from '@/synapse-queries'\nimport { SQL_EDITOR } from '@/utils/SynapseConstants'\nimport { Button, Divider, Tooltip, Typography } from '@mui/material'\nimport {\n  Query,\n  QueryBundleRequest,\n  QueryResultBundle,\n  Row,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport { useAtomValue } from 'jotai'\nimport { cloneDeep } from 'lodash-es'\nimport { ReactNode, useMemo, useState } from 'react'\nimport IconSvg from '../../IconSvg'\nimport MissingQueryResultsWarning from '../../MissingQueryResultsWarning/MissingQueryResultsWarning'\nimport { useQueryContext } from '../../QueryContext'\nimport QueryCount from '../../QueryCount/QueryCount'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport {\n  isRowSelectionVisibleAtom,\n  useHasSelectedRowsAtomValue,\n  useSelectedRowsAtomValue,\n} from '../../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { ElementWithTooltip } from '../../widgets/ElementWithTooltip'\nimport ExportToAnalysisPlatformDialog from '../export/ExportToAnalysisPlatformDialog'\nimport { RowSelectionControls } from '../RowSelection/RowSelectionControls'\nimport { ColumnSelection, DownloadOptions } from '../table-top'\nimport {\n  getNumberOfResultsToInvokeAction,\n  getNumberOfResultsToInvokeActionCopy,\n} from './TopLevelControlsUtils'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\nimport { CustomControlButton } from '../CustomControls/CustomControlButton'\nimport { useSynapseContext } from '@/utils'\nimport { SignInRequiredModal } from '@/components/SignInRequiredModal/SignInRequiredModal'\nimport { SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE } from '../SynapseTableUtils'\n\nconst SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID =\n  'SendToAnalysisPlatformTopLevelControlButton'\n\nexport type TopLevelControlsProps = {\n  name?: string\n  hideDownload?: boolean\n  hideVisualizationsControl?: boolean\n  hideFacetFilterControl?: boolean\n  hideQueryCount?: boolean\n  hideSqlEditorControl?: boolean\n  customControls?: CustomControl[]\n  showColumnSelection?: boolean\n  cavaticaConnectAccountURL?: string\n  remount?: () => void\n}\n\nexport type Control = {\n  key: string\n  icon: string\n  tooltipText: string\n}\n\nexport type CustomControlCallbackData = {\n  tableId: string\n  queryMetadata: Omit<QueryResultBundle, 'queryResult'> | undefined\n  selectedRows: Row[] | undefined\n  refresh: () => void\n  request?: QueryBundleRequest\n}\n\n// note, all custom controls should check for selected rows in the event (to support row selection)\nexport type CustomControl = {\n  buttonText: string\n  onClick: (event: CustomControlCallbackData) => void\n  classNames?: string\n  icon?: ReactNode\n  buttonID?: string // optionally set the ID property of the element\n  title?: string // optionally set the title for the custom control\n  description?: string // optionally set the description for the custom control\n}\n\nconst TopLevelControls = (props: TopLevelControlsProps): React.ReactNode => {\n  const [showLoginModal, setShowLoginModal] = useState(false)\n  const { isAuthenticated } = useSynapseContext()\n\n  const {\n    name,\n    showColumnSelection = false,\n    hideDownload = false,\n    hideVisualizationsControl = false,\n    hideFacetFilterControl = false,\n    hideQueryCount = false,\n    hideSqlEditorControl = true,\n    customControls,\n    cavaticaConnectAccountURL,\n    remount,\n  } = props\n\n  const {\n    entityId,\n    versionNumber,\n    getInitQueryRequest,\n    getCurrentQueryRequest,\n    hasResettableFilters,\n  } = useQueryContext()\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useGetQueryMetadata()\n  const { lockedColumn } = useQueryContext()\n  const isRowSelectionVisible = useAtomValue(isRowSelectionVisibleAtom)\n  const selectedRows = useSelectedRowsAtomValue()\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n\n  const {\n    setShowSearchBar,\n    columnsToShowInTable,\n    setColumnsToShowInTable,\n    enabledExternalAnalysisPlatforms,\n    setIsShowingExportToAnalysisPlatformModal,\n    unitDescription,\n    setShowDownloadConfirmation,\n    showCopyToClipboard,\n    hideSearchBarControl,\n    setShowPlots,\n    setShowSqlEditor,\n    showFacetFilter,\n    setShowFacetFilter,\n  } = useQueryVisualizationContext()\n\n  const showExportToAnalysisPlatformButton =\n    enabledExternalAnalysisPlatforms.length > 0\n\n  const [hasRecentlyCopiedToClipboard, setHasRecentlyCopiedToClipboard] =\n    useState(false)\n\n  /**\n   * We show the total number of results that would be shown if the user removed their filters.\n   * To do this, we have to create a query that captures those results.\n   */\n  const unfilteredResultsQuery: Query = useMemo(() => {\n    const initQueryRequest = getInitQueryRequest()\n    return {\n      sql: initQueryRequest.query.sql,\n      selectedFacets: (initQueryRequest.query.selectedFacets ?? []).filter(\n        facet => facet.columnName === lockedColumn?.columnName,\n      ),\n      additionalFilters: (\n        initQueryRequest.query.additionalFilters ?? []\n      ).filter(qf =>\n        'columnName' in qf\n          ? qf['columnName'] === lockedColumn?.columnName\n          : true,\n      ),\n    }\n  }, [getInitQueryRequest, lockedColumn?.columnName])\n\n  /**\n   * Handles the toggle of a column select, this will cause the table to\n   * either show the column or hide depending on the prior state of the column\n   */\n  const toggleColumnSelection = (columnName: string) => {\n    let columnsToShowInTableCopy = cloneDeep(columnsToShowInTable)\n    if (columnsToShowInTableCopy.includes(columnName)) {\n      columnsToShowInTableCopy = columnsToShowInTableCopy.filter(\n        el => el !== columnName,\n      )\n    } else {\n      columnsToShowInTableCopy.push(columnName)\n    }\n    setColumnsToShowInTable(columnsToShowInTableCopy)\n  }\n\n  const numberOfResultsToInvokeAction = getNumberOfResultsToInvokeAction(\n    hasSelectedRows,\n    selectedRows,\n    queryMetadata?.queryCount,\n  )\n  const numberOfResultsToInvokeActionAsText =\n    getNumberOfResultsToInvokeActionCopy(\n      hasResettableFilters,\n      hasSelectedRows,\n      selectedRows,\n      queryMetadata?.queryCount,\n      unitDescription,\n    )\n\n  return (\n    <div className={`TopLevelControls`} data-testid=\"TopLevelControls\">\n      <div>\n        <div className=\"TopLevelControls__querycount\">\n          {name && (\n            <>\n              <Typography variant=\"sectionTitle\" role=\"heading\">\n                {name}{' '}\n                {!hideQueryCount && (\n                  <QueryCount query={unfilteredResultsQuery} parens={true} />\n                )}\n              </Typography>\n              {!hideQueryCount && entity && (\n                <MissingQueryResultsWarning entity={entity} />\n              )}\n            </>\n          )}\n          {!hideFacetFilterControl && (\n            <Button\n              variant={'text'}\n              onClick={() => setShowFacetFilter(value => !value)}\n              startIcon={\n                <IconSvg\n                  icon={showFacetFilter ? 'close' : 'filter'}\n                  wrap={false}\n                />\n              }\n              sx={{\n                ml: 2,\n                fontWeight: 400,\n                fontSize: '14px',\n                textDecoration: 'none !important',\n              }}\n            >\n              {showFacetFilter ? 'Hide' : 'Show'} filters\n            </Button>\n          )}\n        </div>\n        <div className=\"TopLevelControls__actions\">\n          {showExportToAnalysisPlatformButton && (\n            <>\n              <Tooltip\n                title={\n                  <>\n                    This action will send a reference to{' '}\n                    {hasSelectedRows\n                      ? 'each selected file'\n                      : 'every file in the current table'}{' '}\n                    to a chosen external analysis platform.{' '}\n                    {!hasSelectedRows && showFacetFilter && (\n                      <>\n                        You can change what is sent by applying filters using\n                        the controls in the sidebar.\n                      </>\n                    )}\n                    {hasSelectedRows && (\n                      <>\n                        You can change what is sent by selecting a different set\n                        of files.\n                      </>\n                    )}\n                  </>\n                }\n              >\n                <Button\n                  variant=\"text\"\n                  disabled={!numberOfResultsToInvokeAction}\n                  onClick={() => {\n                    return isAuthenticated\n                      ? setIsShowingExportToAnalysisPlatformModal(true)\n                      : setShowLoginModal(true)\n                  }}\n                  id={SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID}\n                >\n                  Send {numberOfResultsToInvokeActionAsText} to Analysis\n                  Platform\n                </Button>\n              </Tooltip>\n              <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\n            </>\n          )}\n          {showLoginModal && (\n            <SignInRequiredModal\n              onHide={() => setShowLoginModal(false)}\n              content={SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE}\n            />\n          )}\n          {!hideSearchBarControl && (\n            <ElementWithTooltip\n              tooltipText={'Show / Hide Search Bar'}\n              callbackFn={() => setShowSearchBar(value => !value)}\n              darkTheme={true}\n              icon={'search'}\n            />\n          )}\n          {showCopyToClipboard && (\n            <ElementWithTooltip\n              tooltipText={\n                hasRecentlyCopiedToClipboard\n                  ? 'Copied to clipboard'\n                  : 'Copy this search to the clipboard'\n              }\n              callbackFn={() => {\n                copyStringToClipboard(window.location.href).then(() => {\n                  setHasRecentlyCopiedToClipboard(true)\n                  setTimeout(() => {\n                    setHasRecentlyCopiedToClipboard(false)\n                  }, 3000)\n                })\n              }}\n              darkTheme={true}\n              icon={'clipboard'}\n            />\n          )}\n          {!hideVisualizationsControl && (\n            <ElementWithTooltip\n              tooltipText={'Show / Hide Visualizations'}\n              callbackFn={() => setShowPlots(value => !value)}\n              darkTheme={true}\n              icon={'chart'}\n            />\n          )}\n          {!hideDownload && (\n            <DownloadOptions\n              darkTheme={true}\n              onDownloadFiles={() => setShowDownloadConfirmation(true)}\n            />\n          )}\n\n          {!hideSqlEditorControl && (\n            <ElementWithTooltip\n              tooltipText={'Show / Hide the Advanced Query Editor'}\n              callbackFn={() => setShowSqlEditor(value => !value)}\n              darkTheme={true}\n              icon={SQL_EDITOR}\n            />\n          )}\n\n          {isRowSelectionVisible && (\n            <RowSelectionControls\n              customControls={customControls}\n              remount={remount}\n            />\n          )}\n          {!isRowSelectionVisible &&\n            customControls &&\n            customControls.length > 0 && (\n              <>\n                {customControls.map(customControl => {\n                  return (\n                    <CustomControlButton\n                      key={customControl.buttonText}\n                      variant=\"text\"\n                      callbackData={{\n                        tableId: entityId!,\n                        queryMetadata: queryMetadata,\n                        selectedRows,\n                        refresh: () => {\n                          if (remount) {\n                            remount()\n                          }\n                        },\n                        request: getCurrentQueryRequest(),\n                      }}\n                      control={customControl}\n                      startIcon={customControl.icon}\n                    />\n                  )\n                })}\n              </>\n            )}\n          {showColumnSelection && (\n            <ColumnSelection\n              headers={queryMetadata?.selectColumns}\n              isColumnSelected={columnsToShowInTable}\n              toggleColumnSelection={toggleColumnSelection}\n              darkTheme={true}\n            />\n          )}\n          <ExportToAnalysisPlatformDialog\n            platformInstructionProps={{\n              cavaticaConnectAccountURL: cavaticaConnectAccountURL,\n            }}\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default TopLevelControls\n"],"mappings":"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"}
+{"version":3,"file":"TopLevelControls.js","names":[],"sources":["../../../../src/components/SynapseTable/TopLevelControls/TopLevelControls.tsx"],"sourcesContent":["import React from 'react'\nimport { useGetEntity } from '@/synapse-queries'\nimport { SQL_EDITOR } from '@/utils/SynapseConstants'\nimport { Button, Divider, Tooltip, Typography } from '@mui/material'\nimport {\n  Query,\n  QueryBundleRequest,\n  QueryResultBundle,\n  Row,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport { useAtomValue } from 'jotai'\nimport { cloneDeep } from 'lodash-es'\nimport { ReactNode, useMemo, useState } from 'react'\nimport IconSvg from '../../IconSvg'\nimport MissingQueryResultsWarning from '../../MissingQueryResultsWarning/MissingQueryResultsWarning'\nimport { useQueryContext } from '../../QueryContext'\nimport QueryCount from '../../QueryCount/QueryCount'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper'\nimport {\n  isRowSelectionVisibleAtom,\n  useHasSelectedRowsAtomValue,\n  useSelectedRowsAtomValue,\n} from '../../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { ElementWithTooltip } from '../../widgets/ElementWithTooltip'\nimport ExportToAnalysisPlatformDialog from '../export/ExportToAnalysisPlatformDialog'\nimport { RowSelectionControls } from '../RowSelection/RowSelectionControls'\nimport { ColumnSelection, DownloadOptions } from '../table-top'\nimport {\n  getNumberOfResultsToInvokeAction,\n  getNumberOfResultsToInvokeActionCopy,\n} from './TopLevelControlsUtils'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\nimport { CustomControlButton } from '../CustomControls/CustomControlButton'\nimport { useSynapseContext } from '@/utils'\nimport { SignInRequiredModal } from '@/components/SignInRequiredModal/SignInRequiredModal'\nimport { SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE } from '../SynapseTableUtils'\n\nconst SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID =\n  'SendToAnalysisPlatformTopLevelControlButton'\n\nexport type TopLevelControlsProps = {\n  name?: string\n  hideDownload?: boolean\n  hideVisualizationsControl?: boolean\n  hideFacetFilterControl?: boolean\n  hideQueryCount?: boolean\n  hideSqlEditorControl?: boolean\n  customControls?: CustomControl[]\n  showColumnSelection?: boolean\n  cavaticaConnectAccountURL?: string\n  remount?: () => void\n}\n\nexport type Control = {\n  key: string\n  icon: string\n  tooltipText: string\n}\n\nexport type CustomControlCallbackData = {\n  tableId: string\n  queryMetadata: Omit<QueryResultBundle, 'queryResult'> | undefined\n  selectedRows: Row[] | undefined\n  refresh: () => void\n  request?: QueryBundleRequest\n}\n\n// note, all custom controls should check for selected rows in the event (to support row selection)\nexport type CustomControl = {\n  buttonText: string\n  onClick: (event: CustomControlCallbackData) => void\n  classNames?: string\n  icon?: ReactNode\n  buttonID?: string // optionally set the ID property of the element\n  title?: string // optionally set the title for the custom control\n  description?: string // optionally set the description for the custom control\n}\n\nconst TopLevelControls = (props: TopLevelControlsProps): React.ReactNode => {\n  const [showLoginModal, setShowLoginModal] = useState(false)\n  const { isAuthenticated } = useSynapseContext()\n\n  const {\n    name,\n    showColumnSelection = false,\n    hideDownload = false,\n    hideVisualizationsControl = false,\n    hideFacetFilterControl = false,\n    hideQueryCount = false,\n    hideSqlEditorControl = true,\n    customControls,\n    cavaticaConnectAccountURL,\n    remount,\n  } = props\n\n  const {\n    entityId,\n    versionNumber,\n    getInitQueryRequest,\n    getCurrentQueryRequest,\n    hasResettableFilters,\n  } = useQueryContext()\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useGetQueryMetadata()\n  const { lockedColumn } = useQueryContext()\n  const isRowSelectionVisible = useAtomValue(isRowSelectionVisibleAtom)\n  const selectedRows = useSelectedRowsAtomValue()\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n\n  const {\n    setShowSearchBar,\n    columnsToShowInTable,\n    setColumnsToShowInTable,\n    enabledExternalAnalysisPlatforms,\n    setIsShowingExportToAnalysisPlatformModal,\n    unitDescription,\n    setShowDownloadConfirmation,\n    showCopyToClipboard,\n    hideSearchBarControl,\n    setShowPlots,\n    setShowSqlEditor,\n    showFacetFilter,\n    setShowFacetFilter,\n  } = useQueryVisualizationContext()\n\n  const showExportToAnalysisPlatformButton =\n    enabledExternalAnalysisPlatforms.length > 0\n\n  const [hasRecentlyCopiedToClipboard, setHasRecentlyCopiedToClipboard] =\n    useState(false)\n\n  /**\n   * We show the total number of results that would be shown if the user removed their filters.\n   * To do this, we have to create a query that captures those results.\n   */\n  const unfilteredResultsQuery: Query = useMemo(() => {\n    const initQueryRequest = getInitQueryRequest()\n    return {\n      sql: initQueryRequest.query.sql,\n      selectedFacets: (initQueryRequest.query.selectedFacets ?? []).filter(\n        facet => facet.columnName === lockedColumn?.columnName,\n      ),\n      additionalFilters: (\n        initQueryRequest.query.additionalFilters ?? []\n      ).filter(qf =>\n        'columnName' in qf\n          ? qf['columnName'] === lockedColumn?.columnName\n          : true,\n      ),\n    }\n  }, [getInitQueryRequest, lockedColumn?.columnName])\n\n  /**\n   * Handles the toggle of a column select, this will cause the table to\n   * either show the column or hide depending on the prior state of the column\n   */\n  const toggleColumnSelection = (columnName: string) => {\n    let columnsToShowInTableCopy = cloneDeep(columnsToShowInTable)\n    if (columnsToShowInTableCopy.includes(columnName)) {\n      columnsToShowInTableCopy = columnsToShowInTableCopy.filter(\n        el => el !== columnName,\n      )\n    } else {\n      columnsToShowInTableCopy.push(columnName)\n    }\n    setColumnsToShowInTable(columnsToShowInTableCopy)\n  }\n\n  const numberOfResultsToInvokeAction = getNumberOfResultsToInvokeAction(\n    hasSelectedRows,\n    selectedRows,\n    queryMetadata?.queryCount,\n  )\n  const numberOfResultsToInvokeActionAsText =\n    getNumberOfResultsToInvokeActionCopy(\n      hasResettableFilters,\n      hasSelectedRows,\n      selectedRows,\n      queryMetadata?.queryCount,\n      unitDescription,\n    )\n\n  return (\n    <div className={`TopLevelControls`} data-testid=\"TopLevelControls\">\n      <div>\n        <div className=\"TopLevelControls__querycount\">\n          {name && (\n            <>\n              <Typography variant=\"sectionTitle\" role=\"heading\">\n                {name}{' '}\n                {!hideQueryCount && (\n                  <QueryCount query={unfilteredResultsQuery} parens={true} />\n                )}\n              </Typography>\n              {!hideQueryCount && entity && (\n                <MissingQueryResultsWarning entity={entity} />\n              )}\n            </>\n          )}\n          {!hideFacetFilterControl && (\n            <Button\n              variant={'text'}\n              onClick={() => setShowFacetFilter(value => !value)}\n              startIcon={\n                <IconSvg\n                  icon={showFacetFilter ? 'close' : 'filter'}\n                  wrap={false}\n                />\n              }\n              sx={{\n                ml: 2,\n                fontWeight: 400,\n                fontSize: '14px',\n                textDecoration: 'none !important',\n              }}\n            >\n              {showFacetFilter ? 'Hide' : 'Show'} filters\n            </Button>\n          )}\n        </div>\n        <div className=\"TopLevelControls__actions\">\n          {showExportToAnalysisPlatformButton && (\n            <>\n              <Tooltip\n                title={\n                  <>\n                    This action will send a reference to{' '}\n                    {hasSelectedRows\n                      ? 'each selected file'\n                      : 'every file in the current table'}{' '}\n                    to a chosen external analysis platform.{' '}\n                    {!hasSelectedRows && showFacetFilter && (\n                      <>\n                        You can change what is sent by applying filters using\n                        the controls in the sidebar.\n                      </>\n                    )}\n                    {hasSelectedRows && (\n                      <>\n                        You can change what is sent by selecting a different set\n                        of files.\n                      </>\n                    )}\n                  </>\n                }\n              >\n                <Button\n                  variant=\"text\"\n                  disabled={!numberOfResultsToInvokeAction}\n                  onClick={() => {\n                    return isAuthenticated\n                      ? setIsShowingExportToAnalysisPlatformModal(true)\n                      : setShowLoginModal(true)\n                  }}\n                  id={SEND_TO_ANALYSIS_PLATFORM_BUTTON_ID}\n                >\n                  Send {numberOfResultsToInvokeActionAsText} to Analysis\n                  Platform\n                </Button>\n              </Tooltip>\n              <Divider orientation=\"vertical\" variant=\"middle\" flexItem />\n            </>\n          )}\n          {showLoginModal && (\n            <SignInRequiredModal\n              onHide={() => setShowLoginModal(false)}\n              content={SEND_TO_ANALYSIS_PLATFORM_SIGN_IN_MESSAGE}\n            />\n          )}\n          {!hideSearchBarControl && (\n            <ElementWithTooltip\n              tooltipText={'Show / Hide Search Bar'}\n              callbackFn={() => setShowSearchBar(value => !value)}\n              darkTheme={true}\n              icon={'search'}\n            />\n          )}\n          {showCopyToClipboard && (\n            <ElementWithTooltip\n              tooltipText={\n                hasRecentlyCopiedToClipboard\n                  ? 'Copied to clipboard'\n                  : 'Copy this search to the clipboard'\n              }\n              callbackFn={() => {\n                copyStringToClipboard(window.location.href).then(() => {\n                  setHasRecentlyCopiedToClipboard(true)\n                  setTimeout(() => {\n                    setHasRecentlyCopiedToClipboard(false)\n                  }, 3000)\n                })\n              }}\n              darkTheme={true}\n              icon={'clipboard'}\n            />\n          )}\n          {!hideVisualizationsControl && (\n            <ElementWithTooltip\n              tooltipText={'Show / Hide Visualizations'}\n              callbackFn={() => setShowPlots(value => !value)}\n              darkTheme={true}\n              icon={'chart'}\n            />\n          )}\n          {!hideDownload && (\n            <DownloadOptions\n              darkTheme={true}\n              onDownloadFiles={() => setShowDownloadConfirmation(true)}\n            />\n          )}\n\n          {!hideSqlEditorControl && (\n            <ElementWithTooltip\n              tooltipText={'Show / Hide the Advanced Query Editor'}\n              callbackFn={() => setShowSqlEditor(value => !value)}\n              darkTheme={true}\n              icon={SQL_EDITOR}\n            />\n          )}\n\n          {isRowSelectionVisible && (\n            <RowSelectionControls\n              customControls={customControls}\n              remount={remount}\n            />\n          )}\n          {!isRowSelectionVisible &&\n            customControls &&\n            customControls.length > 0 && (\n              <>\n                {customControls.map(customControl => {\n                  return (\n                    <CustomControlButton\n                      key={customControl.buttonText}\n                      variant=\"text\"\n                      callbackData={{\n                        tableId: entityId!,\n                        queryMetadata: queryMetadata,\n                        selectedRows,\n                        refresh: () => {\n                          if (remount) {\n                            remount()\n                          }\n                        },\n                        request: getCurrentQueryRequest(),\n                      }}\n                      control={customControl}\n                      startIcon={customControl.icon}\n                    />\n                  )\n                })}\n              </>\n            )}\n          {showColumnSelection && (\n            <ColumnSelection\n              headers={queryMetadata?.selectColumns}\n              isColumnSelected={columnsToShowInTable}\n              toggleColumnSelection={toggleColumnSelection}\n              darkTheme={true}\n            />\n          )}\n          <ExportToAnalysisPlatformDialog\n            platformInstructionProps={{\n              cavaticaConnectAccountURL: cavaticaConnectAccountURL,\n            }}\n          />\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default TopLevelControls\n"],"mappings":"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"}

package/dist/components/SynapseTable/TopLevelControls/TopLevelControlsUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopLevelControlsUtils.js","names":[],"sources":["../../../../src/components/SynapseTable/TopLevelControls/TopLevelControlsUtils.ts"],"sourcesContent":["import { QueryContextType } from '../../QueryContext'\nimport { QueryVisualizationContextType } from '../../QueryVisualizationWrapper'\nimport pluralize from 'pluralize'\nimport { upperFirst } from 'lodash-es'\nimport { Row } from '@sage-bionetworks/synapse-types'\n\nconst TO_DOWNLOAD_CART = 'to Download List'\n\n/**\n * If the user invokes an action on the table (such as \"Send to CAVATICA\"), we want to tell the user how many rows they\n * will perform the action on.\n *\n * If selection is enabled and rows have been selected, return the number of selected rows.\n * If no rows have been selected, return the total number of query results.\n * If the total number of query results is unknown, return undefined.\n * @param hasSelectedRows\n * @param selectedRows\n * @param totalNumberOfRows\n */\nexport function getNumberOfResultsToInvokeAction(\n  hasSelectedRows: boolean,\n  selectedRows: Row[],\n  totalNumberOfRows?: number,\n) {\n  return hasSelectedRows ? selectedRows.length : totalNumberOfRows\n}\n\n/**\n * Returns copy for how to reference the number of results that will be affected by an action, such as \"Send to CAVATICA\".\n * Utilizes the unit description to return a count and pluralized unit description.\n *\n * If the user has not selected rows or applied any filters, return \"all <unit>s\".\n * If the user has applied filters but not selected rows, return the total number of query results to indicate that the filtered result set is used. e.g. '2 <unit>s'\n *   - If the total number of query results is unknown, the count is not included. e.g. '<unit>s'\n * If the user has selected rows, return the number of selected rows. e.g. '2 <unit>s'\n * @param hasResettableFilters\n * @param hasSelectedRows\n * @param selectedRows\n * @param totalNumberOfRows\n * @param unitDescription\n */\nexport function getNumberOfResultsToInvokeActionCopy(\n  hasResettableFilters: QueryContextType['hasResettableFilters'],\n  hasSelectedRows: boolean,\n  selectedRows: Row[],\n  totalNumberOfRows: number | undefined,\n  unitDescription: QueryVisualizationContextType['unitDescription'],\n) {\n  if (!hasResettableFilters && !hasSelectedRows) {\n    return `all ${pluralize(unitDescription)}`\n  }\n\n  const numberOfResultsToInvokeAction = getNumberOfResultsToInvokeAction(\n    hasSelectedRows,\n    selectedRows,\n    totalNumberOfRows,\n  )\n  if (numberOfResultsToInvokeAction != null) {\n    return `${numberOfResultsToInvokeAction.toLocaleString()} ${pluralize(\n      unitDescription,\n      numberOfResultsToInvokeAction,\n    )}`\n  }\n  // Null count, so just return the pluralized unit description\n  return pluralize(unitDescription)\n}\n\n/**\n * Returns copy for how to reference the number of results that will be sent to the download list.\n * Utilizes the unit description to return a count and pluralized unit description.\n * @param hasResettableFilters\n * @param hasSelectedRows\n * @param selectedRows\n * @param totalNumberOfRows\n * @param unitDescription\n */\nexport function getNumberOfResultsToAddToDownloadListCopy(\n  hasResettableFilters: QueryContextType['hasResettableFilters'],\n  hasSelectedRows: boolean,\n  selectedRows: Row[],\n  totalNumberOfRows: number | undefined,\n  unitDescription: QueryVisualizationContextType['unitDescription'],\n) {\n  if (!hasResettableFilters && !hasSelectedRows) {\n    return `Add All ${upperFirst(\n      pluralize(unitDescription),\n    )} ${TO_DOWNLOAD_CART}`\n  }\n\n  const numberOfResultsToInvokeAction = getNumberOfResultsToInvokeAction(\n    hasSelectedRows,\n    selectedRows,\n    totalNumberOfRows,\n  )\n  if (numberOfResultsToInvokeAction != null) {\n    return `Add ${numberOfResultsToInvokeAction.toLocaleString()} Selected ${upperFirst(\n      pluralize(unitDescription, numberOfResultsToInvokeAction),\n    )} ${TO_DOWNLOAD_CART}`\n  }\n  // Null count\n  return `Add ${TO_DOWNLOAD_CART}`\n}\n"],"mappings":";;;AAMA,IAAM,IAAmB;AAazB,SAAgB,EACd,GACA,GACA,GACA;AACA,QAAO,IAAkB,EAAa,SAAS;;AAiBjD,SAAgB,EACd,GACA,GACA,GACA,GACA,GACA;AACA,KAAI,CAAC,KAAwB,CAAC,EAC5B,QAAO,OAAO,EAAU,EAAgB;CAG1C,IAAM,IAAgC,EACpC,GACA,GACA,EACD;AAQD,QAPI,KAAiC,OAO9B,EAAU,EAAgB,GANxB,GAAG,EAA8B,gBAAgB,CAAC,GAAG,EAC1D,GACA,EACD;;AAeL,SAAgB,EACd,GACA,GACA,GACA,GACA,GACA;AACA,KAAI,CAAC,KAAwB,CAAC,EAC5B,QAAO,WAAW,EAChB,EAAU,EAAgB,CAC3B,CAAC,GAAG;CAGP,IAAM,IAAgC,EACpC,GACA,GACA,EACD;AAOD,QANI,KAAiC,OAM9B,OAAO,MALL,OAAO,EAA8B,gBAAgB,CAAC,YAAY,EACvE,EAAU,GAAiB,EAA8B,CAC1D,CAAC,GAAG"}
+{"version":3,"file":"TopLevelControlsUtils.js","names":[],"sources":["../../../../src/components/SynapseTable/TopLevelControls/TopLevelControlsUtils.ts"],"sourcesContent":["import { QueryContextType } from '../../QueryContext'\nimport { QueryVisualizationContextType } from '../../QueryVisualizationWrapper'\nimport pluralize from 'pluralize'\nimport { upperFirst } from 'lodash-es'\nimport { Row } from '@sage-bionetworks/synapse-types'\n\nconst TO_DOWNLOAD_CART = 'to Download List'\n\n/**\n * If the user invokes an action on the table (such as \"Send to CAVATICA\"), we want to tell the user how many rows they\n * will perform the action on.\n *\n * If selection is enabled and rows have been selected, return the number of selected rows.\n * If no rows have been selected, return the total number of query results.\n * If the total number of query results is unknown, return undefined.\n * @param hasSelectedRows\n * @param selectedRows\n * @param totalNumberOfRows\n */\nexport function getNumberOfResultsToInvokeAction(\n  hasSelectedRows: boolean,\n  selectedRows: Row[],\n  totalNumberOfRows?: number,\n) {\n  return hasSelectedRows ? selectedRows.length : totalNumberOfRows\n}\n\n/**\n * Returns copy for how to reference the number of results that will be affected by an action, such as \"Send to CAVATICA\".\n * Utilizes the unit description to return a count and pluralized unit description.\n *\n * If the user has not selected rows or applied any filters, return \"all <unit>s\".\n * If the user has applied filters but not selected rows, return the total number of query results to indicate that the filtered result set is used. e.g. '2 <unit>s'\n *   - If the total number of query results is unknown, the count is not included. e.g. '<unit>s'\n * If the user has selected rows, return the number of selected rows. e.g. '2 <unit>s'\n * @param hasResettableFilters\n * @param hasSelectedRows\n * @param selectedRows\n * @param totalNumberOfRows\n * @param unitDescription\n */\nexport function getNumberOfResultsToInvokeActionCopy(\n  hasResettableFilters: QueryContextType['hasResettableFilters'],\n  hasSelectedRows: boolean,\n  selectedRows: Row[],\n  totalNumberOfRows: number | undefined,\n  unitDescription: QueryVisualizationContextType['unitDescription'],\n) {\n  if (!hasResettableFilters && !hasSelectedRows) {\n    return `all ${pluralize(unitDescription)}`\n  }\n\n  const numberOfResultsToInvokeAction = getNumberOfResultsToInvokeAction(\n    hasSelectedRows,\n    selectedRows,\n    totalNumberOfRows,\n  )\n  if (numberOfResultsToInvokeAction != null) {\n    return `${numberOfResultsToInvokeAction.toLocaleString()} ${pluralize(\n      unitDescription,\n      numberOfResultsToInvokeAction,\n    )}`\n  }\n  // Null count, so just return the pluralized unit description\n  return pluralize(unitDescription)\n}\n\n/**\n * Returns copy for how to reference the number of results that will be sent to the download list.\n * Utilizes the unit description to return a count and pluralized unit description.\n * @param hasResettableFilters\n * @param hasSelectedRows\n * @param selectedRows\n * @param totalNumberOfRows\n * @param unitDescription\n */\nexport function getNumberOfResultsToAddToDownloadListCopy(\n  hasResettableFilters: QueryContextType['hasResettableFilters'],\n  hasSelectedRows: boolean,\n  selectedRows: Row[],\n  totalNumberOfRows: number | undefined,\n  unitDescription: QueryVisualizationContextType['unitDescription'],\n) {\n  if (!hasResettableFilters && !hasSelectedRows) {\n    return `Add All ${upperFirst(\n      pluralize(unitDescription),\n    )} ${TO_DOWNLOAD_CART}`\n  }\n\n  const numberOfResultsToInvokeAction = getNumberOfResultsToInvokeAction(\n    hasSelectedRows,\n    selectedRows,\n    totalNumberOfRows,\n  )\n  if (numberOfResultsToInvokeAction != null) {\n    return `Add ${numberOfResultsToInvokeAction.toLocaleString()} Selected ${upperFirst(\n      pluralize(unitDescription, numberOfResultsToInvokeAction),\n    )} ${TO_DOWNLOAD_CART}`\n  }\n  // Null count\n  return `Add ${TO_DOWNLOAD_CART}`\n}\n"],"mappings":";;;AAMA,IAAM,IAAmB;AAazB,SAAgB,EACd,GACA,GACA,GACA;CACA,OAAO,IAAkB,EAAa,SAAS;AACjD;AAgBA,SAAgB,EACd,GACA,GACA,GACA,GACA,GACA;CACA,IAAI,CAAC,KAAwB,CAAC,GAC5B,OAAO,OAAO,EAAU,CAAe;CAGzC,IAAM,IAAgC,EACpC,GACA,GACA,CACF;CAQA,OAPI,KAAiC,OAO9B,EAAU,CAAe,IANvB,GAAG,EAA8B,eAAe,EAAE,GAAG,EAC1D,GACA,CACF;AAIJ;AAWA,SAAgB,EACd,GACA,GACA,GACA,GACA,GACA;CACA,IAAI,CAAC,KAAwB,CAAC,GAC5B,OAAO,WAAW,EAChB,EAAU,CAAe,CAC3B,EAAE,GAAG;CAGP,IAAM,IAAgC,EACpC,GACA,GACA,CACF;CAOA,OANI,KAAiC,OAM9B,OAAO,MALL,OAAO,EAA8B,eAAe,EAAE,YAAY,EACvE,EAAU,GAAiB,CAA6B,CAC1D,EAAE,GAAG;AAIT"}

package/dist/components/SynapseTable/datasets/DatasetEditorCheckboxCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatasetEditorCheckboxCell.js","names":[],"sources":["../../../../src/components/SynapseTable/datasets/DatasetEditorCheckboxCell.tsx"],"sourcesContent":["import { Checkbox } from '@mui/material'\nimport { CellContext } from '@tanstack/react-table'\nimport { EntityIdAndVersionNumber } from '../../EntityFinder/details/view/table/TableCellTypes'\n\nexport function DatasetEditorCheckboxCell<\n  T extends EntityIdAndVersionNumber & {\n    isSelected: boolean\n    isDisabled?: boolean\n    setSelected: (newValue: boolean) => void\n  },\n>(props: CellContext<T, any>) {\n  const { isSelected, isDisabled, setSelected, entityId } = props.row.original\n  return (\n    !isDisabled && (\n      <Checkbox\n        disabled={isDisabled}\n        inputProps={{ 'aria-label': `Select ${entityId}` }}\n        checked={isSelected}\n        onChange={(_event, checked) => {\n          setSelected(checked)\n        }}\n      />\n    )\n  )\n}\n"],"mappings":";;;AAIA,SAAgB,EAMd,GAA4B;CAC5B,IAAM,EAAE,eAAY,eAAY,gBAAa,gBAAa,EAAM,IAAI;AACpE,QACE,CAAC,KACC,kBAAC,GAAD;EACE,UAAU;EACV,YAAY,EAAE,cAAc,UAAU,KAAY;EAClD,SAAS;EACT,WAAW,GAAQ,MAAY;AAC7B,KAAY,EAAQ;;EAEtB,CAAA"}
+{"version":3,"file":"DatasetEditorCheckboxCell.js","names":[],"sources":["../../../../src/components/SynapseTable/datasets/DatasetEditorCheckboxCell.tsx"],"sourcesContent":["import { Checkbox } from '@mui/material'\nimport { CellContext } from '@tanstack/react-table'\nimport { EntityIdAndVersionNumber } from '../../EntityFinder/details/view/table/TableCellTypes'\n\nexport function DatasetEditorCheckboxCell<\n  T extends EntityIdAndVersionNumber & {\n    isSelected: boolean\n    isDisabled?: boolean\n    setSelected: (newValue: boolean) => void\n  },\n>(props: CellContext<T, any>) {\n  const { isSelected, isDisabled, setSelected, entityId } = props.row.original\n  return (\n    !isDisabled && (\n      <Checkbox\n        disabled={isDisabled}\n        inputProps={{ 'aria-label': `Select ${entityId}` }}\n        checked={isSelected}\n        onChange={(_event, checked) => {\n          setSelected(checked)\n        }}\n      />\n    )\n  )\n}\n"],"mappings":";;;AAIA,SAAgB,EAMd,GAA4B;CAC5B,IAAM,EAAE,eAAY,eAAY,gBAAa,gBAAa,EAAM,IAAI;CACpE,OACE,CAAC,KACC,kBAAC,GAAD;EACE,UAAU;EACV,YAAY,EAAE,cAAc,UAAU,IAAW;EACjD,SAAS;EACT,WAAW,GAAQ,MAAY;GAC7B,EAAY,CAAO;EACrB;CACD,CAAA;AAGP"}

package/dist/components/SynapseTable/datasets/DatasetEditorUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatasetEditorUtils.js","names":[],"sources":["../../../../src/components/SynapseTable/datasets/DatasetEditorUtils.ts"],"sourcesContent":["import { Reference, EntityRef } from '@sage-bionetworks/synapse-types'\n\nexport function datasetItemToReference(datasetItem: EntityRef): Reference {\n  return {\n    targetId: datasetItem.entityId,\n    targetVersionNumber: datasetItem.versionNumber,\n  }\n}\n"],"mappings":";AAEA,SAAgB,EAAuB,GAAmC;AACxE,QAAO;EACL,UAAU,EAAY;EACtB,qBAAqB,EAAY;EAClC"}
+{"version":3,"file":"DatasetEditorUtils.js","names":[],"sources":["../../../../src/components/SynapseTable/datasets/DatasetEditorUtils.ts"],"sourcesContent":["import { Reference, EntityRef } from '@sage-bionetworks/synapse-types'\n\nexport function datasetItemToReference(datasetItem: EntityRef): Reference {\n  return {\n    targetId: datasetItem.entityId,\n    targetVersionNumber: datasetItem.versionNumber,\n  }\n}\n"],"mappings":";AAEA,SAAgB,EAAuB,GAAmC;CACxE,OAAO;EACL,UAAU,EAAY;EACtB,qBAAqB,EAAY;CACnC;AACF"}

package/dist/components/SynapseTable/datasets/DatasetEditorVersionCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatasetEditorVersionCell.js","names":[],"sources":["../../../../src/components/SynapseTable/datasets/DatasetEditorVersionCell.tsx"],"sourcesContent":["import { useGetVersionsInfinite } from '@/synapse-queries/index'\nimport { Select } from '@mui/material'\nimport { EntityRef } from '@sage-bionetworks/synapse-types'\nimport { CellContext } from '@tanstack/react-table'\nimport { useEffect } from 'react'\nimport { DatasetItemsEditorTableData } from './DatasetItemsEditor'\n\ntype DatasetEditorVersionCellProps = CellContext<\n  DatasetItemsEditorTableData,\n  unknown\n> & {\n  toggleSelection: (entity: EntityRef) => void\n}\n\nexport function DatasetEditorVersionCell(props: DatasetEditorVersionCellProps) {\n  const { row, toggleSelection } = props\n  const { entityId, versionNumber } = row.original\n\n  const {\n    data: versionData,\n    isError,\n    fetchNextPage,\n    isFetchingNextPage,\n    hasNextPage,\n  } = useGetVersionsInfinite(entityId, {\n    staleTime: 60 * 1000, // 60 seconds\n  })\n  const versions = versionData?.pages.flatMap(page => page.results) ?? []\n  const currentVersionHasBeenRetrieved = !!versions.find(\n    version => version.versionNumber === versionNumber,\n  )\n  useEffect(() => {\n    if (!currentVersionHasBeenRetrieved && hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [\n    currentVersionHasBeenRetrieved,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  ])\n\n  if (isError) {\n    return <>{versionNumber}</>\n  }\n\n  return (\n    <div>\n      {versions && versions.length > 0 && (\n        <Select\n          native\n          fullWidth\n          value={versionNumber}\n          sx={{ height: '30px' }}\n          onClick={event => {\n            event.stopPropagation()\n          }}\n          onChange={event => {\n            event.stopPropagation()\n            let version = event.target.value\n            if (typeof version === 'string') {\n              version = parseInt(version)\n            }\n            toggleSelection({\n              entityId: entityId,\n              versionNumber: version,\n            })\n          }}\n        >\n          {\n            /* The selected version number doesn't exist */\n            !currentVersionHasBeenRetrieved &&\n              !hasNextPage &&\n              !isFetchingNextPage && (\n                <option disabled key={versionNumber} value={versionNumber}>\n                  {versionNumber} (Not Found)\n                </option>\n              )\n          }\n          {versions.map(version => {\n            return (\n              <option key={version.versionNumber} value={version.versionNumber}>\n                {version.versionNumber}\n                {version.isLatestVersion && ' (Latest)'}\n              </option>\n            )\n          })}\n        </Select>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAcA,SAAgB,EAAyB,GAAsC;CAC7E,IAAM,EAAE,QAAK,uBAAoB,GAC3B,EAAE,aAAU,qBAAkB,EAAI,UAElC,EACJ,MAAM,GACN,YACA,kBACA,uBACA,mBACE,EAAuB,GAAU,EACnC,WAAW,KAAK,KACjB,CAAC,EACI,IAAW,GAAa,MAAM,SAAQ,MAAQ,EAAK,QAAQ,IAAI,EAAE,EACjE,IAAiC,CAAC,CAAC,EAAS,MAChD,MAAW,EAAQ,kBAAkB,EACtC;AAgBD,QAfA,QAAgB;AACd,EAAI,CAAC,KAAkC,KAAe,CAAC,KAChD,GAAe;IAErB;EACD;EACA;EACA;EACA;EACD,CAAC,EAEE,IACK,kBAAA,GAAA,EAAA,UAAG,GAAiB,CAAA,GAI3B,kBAAC,OAAD,EAAA,UACG,KAAY,EAAS,SAAS,KAC7B,kBAAC,GAAD;EACE,QAAA;EACA,WAAA;EACA,OAAO;EACP,IAAI,EAAE,QAAQ,QAAQ;EACtB,UAAS,MAAS;AAChB,KAAM,iBAAiB;;EAEzB,WAAU,MAAS;AACjB,KAAM,iBAAiB;GACvB,IAAI,IAAU,EAAM,OAAO;AAI3B,GAHI,OAAO,KAAY,aACrB,IAAU,SAAS,EAAQ,GAE7B,EAAgB;IACJ;IACV,eAAe;IAChB,CAAC;;YAjBN,CAsBI,CAAC,KACC,CAAC,KACD,CAAC,KACC,kBAAC,UAAD;GAAQ,UAAA;GAA6B,OAAO;aAA5C,CACG,GAAc,eACR;KAFa,EAEb,EAGd,EAAS,KAAI,MAEV,kBAAC,UAAD;GAAoC,OAAO,EAAQ;aAAnD,CACG,EAAQ,eACR,EAAQ,mBAAmB,YACrB;KAHI,EAAQ,cAGZ,CAEX,CACK;KAEP,CAAA"}
+{"version":3,"file":"DatasetEditorVersionCell.js","names":[],"sources":["../../../../src/components/SynapseTable/datasets/DatasetEditorVersionCell.tsx"],"sourcesContent":["import { useGetVersionsInfinite } from '@/synapse-queries/index'\nimport { Select } from '@mui/material'\nimport { EntityRef } from '@sage-bionetworks/synapse-types'\nimport { CellContext } from '@tanstack/react-table'\nimport { useEffect } from 'react'\nimport { DatasetItemsEditorTableData } from './DatasetItemsEditor'\n\ntype DatasetEditorVersionCellProps = CellContext<\n  DatasetItemsEditorTableData,\n  unknown\n> & {\n  toggleSelection: (entity: EntityRef) => void\n}\n\nexport function DatasetEditorVersionCell(props: DatasetEditorVersionCellProps) {\n  const { row, toggleSelection } = props\n  const { entityId, versionNumber } = row.original\n\n  const {\n    data: versionData,\n    isError,\n    fetchNextPage,\n    isFetchingNextPage,\n    hasNextPage,\n  } = useGetVersionsInfinite(entityId, {\n    staleTime: 60 * 1000, // 60 seconds\n  })\n  const versions = versionData?.pages.flatMap(page => page.results) ?? []\n  const currentVersionHasBeenRetrieved = !!versions.find(\n    version => version.versionNumber === versionNumber,\n  )\n  useEffect(() => {\n    if (!currentVersionHasBeenRetrieved && hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [\n    currentVersionHasBeenRetrieved,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  ])\n\n  if (isError) {\n    return <>{versionNumber}</>\n  }\n\n  return (\n    <div>\n      {versions && versions.length > 0 && (\n        <Select\n          native\n          fullWidth\n          value={versionNumber}\n          sx={{ height: '30px' }}\n          onClick={event => {\n            event.stopPropagation()\n          }}\n          onChange={event => {\n            event.stopPropagation()\n            let version = event.target.value\n            if (typeof version === 'string') {\n              version = parseInt(version)\n            }\n            toggleSelection({\n              entityId: entityId,\n              versionNumber: version,\n            })\n          }}\n        >\n          {\n            /* The selected version number doesn't exist */\n            !currentVersionHasBeenRetrieved &&\n              !hasNextPage &&\n              !isFetchingNextPage && (\n                <option disabled key={versionNumber} value={versionNumber}>\n                  {versionNumber} (Not Found)\n                </option>\n              )\n          }\n          {versions.map(version => {\n            return (\n              <option key={version.versionNumber} value={version.versionNumber}>\n                {version.versionNumber}\n                {version.isLatestVersion && ' (Latest)'}\n              </option>\n            )\n          })}\n        </Select>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAcA,SAAgB,EAAyB,GAAsC;CAC7E,IAAM,EAAE,QAAK,uBAAoB,GAC3B,EAAE,aAAU,qBAAkB,EAAI,UAElC,EACJ,MAAM,GACN,YACA,kBACA,uBACA,mBACE,EAAuB,GAAU,EACnC,WAAW,KAAK,IAClB,CAAC,GACK,IAAW,GAAa,MAAM,SAAQ,MAAQ,EAAK,OAAO,KAAK,CAAC,GAChE,IAAiC,CAAC,CAAC,EAAS,MAChD,MAAW,EAAQ,kBAAkB,CACvC;CAgBA,OAfA,QAAgB;EACd,AAAI,CAAC,KAAkC,KAAe,CAAC,KACrD,EAAmB;CAEvB,GAAG;EACD;EACA;EACA;EACA;CACF,CAAC,GAEG,IACK,kBAAA,GAAA,EAAA,UAAG,EAAgB,CAAA,IAI1B,kBAAC,OAAD,EAAA,UACG,KAAY,EAAS,SAAS,KAC7B,kBAAC,GAAD;EACE,QAAA;EACA,WAAA;EACA,OAAO;EACP,IAAI,EAAE,QAAQ,OAAO;EACrB,UAAS,MAAS;GAChB,EAAM,gBAAgB;EACxB;EACA,WAAU,MAAS;GACjB,EAAM,gBAAgB;GACtB,IAAI,IAAU,EAAM,OAAO;GAI3B,AAHI,OAAO,KAAY,aACrB,IAAU,SAAS,CAAO,IAE5B,EAAgB;IACJ;IACV,eAAe;GACjB,CAAC;EACH;YAlBF,CAsBI,CAAC,KACC,CAAC,KACD,CAAC,KACC,kBAAC,UAAD;GAAQ,UAAA;GAA6B,OAAO;aAA5C,CACG,GAAc,cACT;KAFc,CAEd,GAGb,EAAS,KAAI,MAEV,kBAAC,UAAD;GAAoC,OAAO,EAAQ;aAAnD,CACG,EAAQ,eACR,EAAQ,mBAAmB,WACtB;KAHK,EAAQ,aAGb,CAEX,CACK;IAEP,CAAA;AAET"}