synapse-react-client 4.0.19 → 4.0.21

package/dist/components/QueryCountButton/QueryCountButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryCountButton.js","names":[],"sources":["../../../src/components/QueryCountButton/QueryCountButton.tsx"],"sourcesContent":["import useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { BUNDLE_MASK_QUERY_COUNT } from '@/utils/SynapseConstants'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { Box, Button, ButtonProps } from '@mui/material'\nimport { NavigateNext } from '@mui/icons-material'\nimport React from 'react'\nimport { Link as RouterLink, useInRouterContext } from 'react-router'\n\nexport type QueryCountButtonProps = {\n  /**\n   * The SQL query to execute to get the count\n   */\n  sql: string\n  /**\n   * The target URL when the button is clicked\n   */\n  href: string\n  /**\n   * Text to display before the count (e.g., \"Explore\")\n   */\n  prefixText?: string\n  /**\n   * Text to display after the count (e.g., \"files\")\n   */\n  suffixText?: string\n  /**\n   * Additional MUI Button props\n   */\n} & Omit<ButtonProps, 'children'>\n\n/**\n * A button component that displays text with an inline count.\n * The count is fetched by executing a SQL query against a Synapse table.\n * Example: \"Explore 42 files\"\n */\nexport function QueryCountButton(props: QueryCountButtonProps) {\n  const { sql, href, prefixText = '', suffixText = '', ...buttonProps } = props\n  const entityId = parseEntityIdFromSqlStatement(sql)\n  const inRouterContext = useInRouterContext()\n\n  const request: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    query: { sql },\n    entityId,\n    partMask: BUNDLE_MASK_QUERY_COUNT,\n  }\n\n  const { data: queryResult, isLoading } = useGetQueryResultBundle(request)\n\n  const count = queryResult?.queryCount\n\n  const isExternalLink =\n    href?.startsWith('http://') || href?.startsWith('https://')\n\n  // Determine the appropriate link props based on context\n  let linkProps: Partial<ButtonProps> & { target?: string; to?: string } = {}\n\n  if (isExternalLink) {\n    linkProps = {\n      href,\n      target: '_blank',\n      rel: 'noopener noreferrer',\n      component: 'a',\n    }\n  } else if (inRouterContext) {\n    // For internal links, if we are in a react-router context, use RouterLink\n    linkProps = {\n      to: href,\n      component: RouterLink,\n    }\n  } else {\n    linkProps = {\n      href,\n      component: 'a',\n    }\n  }\n\n  // Build the button text: \"prefixText count suffixText\"\n  const buttonText = React.useMemo(() => {\n    const parts: string[] = []\n\n    if (prefixText) {\n      parts.push(prefixText)\n    }\n\n    if (!isLoading && count !== undefined) {\n      parts.push(count.toLocaleString())\n    }\n\n    if (suffixText) {\n      parts.push(suffixText)\n    }\n\n    return parts.join(' ')\n  }, [prefixText, count, suffixText, isLoading])\n\n  // Icon with theme-aware circular background\n  const endIcon = (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        backgroundColor: 'background.paper',\n        borderRadius: '50%',\n        width: 24,\n        height: 24,\n      }}\n    >\n      <NavigateNext sx={{ color: 'primary.main', fontSize: 20 }} />\n    </Box>\n  )\n\n  return (\n    <Button\n      {...buttonProps}\n      {...linkProps}\n      endIcon={endIcon}\n      loading={isLoading}\n    >\n      {buttonText}\n    </Button>\n  )\n}\n\nexport default QueryCountButton\n"],"mappings":";;;;;;;;;AAoCA,SAAgB,EAAiB,GAA8B;CAC7D,IAAM,EAAE,QAAK,SAAM,gBAAa,IAAI,gBAAa,IAAI,GAAG,MAAgB,GAClE,IAAW,EAA8B,EAAI,EAC7C,IAAkB,GAAoB,EAStC,EAAE,MAAM,GAAa,iBAAc,EAAwB;EAN/D,cAAc;EACd,OAAO,EAAE,QAAK;EACd;EACA,UAAA;EAG+D,CAAQ,EAEnE,IAAQ,GAAa,YAErB,IACJ,GAAM,WAAW,UAAU,IAAI,GAAM,WAAW,WAAW,EAGzD,IAAqE,EAAE;AAE3E,CAcE,IAdE,IACU;EACV;EACA,QAAQ;EACR,KAAK;EACL,WAAW;EACZ,GACQ,IAEG;EACV,IAAI;EACJ,WAAW;EACZ,GAEW;EACV;EACA,WAAW;EACZ;CAIH,IAAM,IAAa,EAAM,cAAc;EACrC,IAAM,IAAkB,EAAE;AAc1B,SAZI,KACF,EAAM,KAAK,EAAW,EAGpB,CAAC,KAAa,MAAU,KAAA,KAC1B,EAAM,KAAK,EAAM,gBAAgB,CAAC,EAGhC,KACF,EAAM,KAAK,EAAW,EAGjB,EAAM,KAAK,IAAI;IACrB;EAAC;EAAY;EAAO;EAAY;EAAU,CAAC,EAGxC,IACJ,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,iBAAiB;GACjB,cAAc;GACd,OAAO;GACP,QAAQ;GACT;YAED,kBAAC,GAAD,EAAc,IAAI;GAAE,OAAO;GAAgB,UAAU;GAAI,EAAI,CAAA;EACzD,CAAA;AAGR,QACE,kBAAC,GAAD;EACE,GAAI;EACJ,GAAI;EACK;EACT,SAAS;YAER;EACM,CAAA"}
+{"version":3,"file":"QueryCountButton.js","names":[],"sources":["../../../src/components/QueryCountButton/QueryCountButton.tsx"],"sourcesContent":["import useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { BUNDLE_MASK_QUERY_COUNT } from '@/utils/SynapseConstants'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { Box, Button, ButtonProps } from '@mui/material'\nimport { NavigateNext } from '@mui/icons-material'\nimport React from 'react'\nimport { Link as RouterLink, useInRouterContext } from 'react-router'\n\nexport type QueryCountButtonProps = {\n  /**\n   * The SQL query to execute to get the count\n   */\n  sql: string\n  /**\n   * The target URL when the button is clicked\n   */\n  href: string\n  /**\n   * Text to display before the count (e.g., \"Explore\")\n   */\n  prefixText?: string\n  /**\n   * Text to display after the count (e.g., \"files\")\n   */\n  suffixText?: string\n  /**\n   * Additional MUI Button props\n   */\n} & Omit<ButtonProps, 'children'>\n\n/**\n * A button component that displays text with an inline count.\n * The count is fetched by executing a SQL query against a Synapse table.\n * Example: \"Explore 42 files\"\n */\nexport function QueryCountButton(props: QueryCountButtonProps) {\n  const { sql, href, prefixText = '', suffixText = '', ...buttonProps } = props\n  const entityId = parseEntityIdFromSqlStatement(sql)\n  const inRouterContext = useInRouterContext()\n\n  const request: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    query: { sql },\n    entityId,\n    partMask: BUNDLE_MASK_QUERY_COUNT,\n  }\n\n  const { data: queryResult, isLoading } = useGetQueryResultBundle(request)\n\n  const count = queryResult?.queryCount\n\n  const isExternalLink =\n    href?.startsWith('http://') || href?.startsWith('https://')\n\n  // Determine the appropriate link props based on context\n  let linkProps: Partial<ButtonProps> & { target?: string; to?: string } = {}\n\n  if (isExternalLink) {\n    linkProps = {\n      href,\n      target: '_blank',\n      rel: 'noopener noreferrer',\n      component: 'a',\n    }\n  } else if (inRouterContext) {\n    // For internal links, if we are in a react-router context, use RouterLink\n    linkProps = {\n      to: href,\n      component: RouterLink,\n    }\n  } else {\n    linkProps = {\n      href,\n      component: 'a',\n    }\n  }\n\n  // Build the button text: \"prefixText count suffixText\"\n  const buttonText = React.useMemo(() => {\n    const parts: string[] = []\n\n    if (prefixText) {\n      parts.push(prefixText)\n    }\n\n    if (!isLoading && count !== undefined) {\n      parts.push(count.toLocaleString())\n    }\n\n    if (suffixText) {\n      parts.push(suffixText)\n    }\n\n    return parts.join(' ')\n  }, [prefixText, count, suffixText, isLoading])\n\n  // Icon with theme-aware circular background\n  const endIcon = (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        backgroundColor: 'background.paper',\n        borderRadius: '50%',\n        width: 24,\n        height: 24,\n      }}\n    >\n      <NavigateNext sx={{ color: 'primary.main', fontSize: 20 }} />\n    </Box>\n  )\n\n  return (\n    <Button\n      {...buttonProps}\n      {...linkProps}\n      endIcon={endIcon}\n      loading={isLoading}\n    >\n      {buttonText}\n    </Button>\n  )\n}\n\nexport default QueryCountButton\n"],"mappings":";;;;;;;;;AAoCA,SAAgB,EAAiB,GAA8B;CAC7D,IAAM,EAAE,QAAK,SAAM,gBAAa,IAAI,gBAAa,IAAI,GAAG,MAAgB,GAClE,IAAW,EAA8B,CAAG,GAC5C,IAAkB,EAAmB,GASrC,EAAE,MAAM,GAAa,iBAAc,EAAwB;EAN/D,cAAc;EACd,OAAO,EAAE,OAAI;EACb;EACA,UAAA;CAG+D,CAAO,GAElE,IAAQ,GAAa,YAErB,IACJ,GAAM,WAAW,SAAS,KAAK,GAAM,WAAW,UAAU,GAGxD,IAAqE,CAAC;CAE1E,AAcE,IAdE,IACU;EACV;EACA,QAAQ;EACR,KAAK;EACL,WAAW;CACb,IACS,IAEG;EACV,IAAI;EACJ,WAAW;CACb,IAEY;EACV;EACA,WAAW;CACb;CAIF,IAAM,IAAa,EAAM,cAAc;EACrC,IAAM,IAAkB,CAAC;EAczB,OAZI,KACF,EAAM,KAAK,CAAU,GAGnB,CAAC,KAAa,MAAU,KAAA,KAC1B,EAAM,KAAK,EAAM,eAAe,CAAC,GAG/B,KACF,EAAM,KAAK,CAAU,GAGhB,EAAM,KAAK,GAAG;CACvB,GAAG;EAAC;EAAY;EAAO;EAAY;CAAS,CAAC,GAGvC,IACJ,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,iBAAiB;GACjB,cAAc;GACd,OAAO;GACP,QAAQ;EACV;YAEA,kBAAC,GAAD,EAAc,IAAI;GAAE,OAAO;GAAgB,UAAU;EAAG,EAAI,CAAA;CACzD,CAAA;CAGP,OACE,kBAAC,GAAD;EACE,GAAI;EACJ,GAAI;EACK;EACT,SAAS;YAER;CACK,CAAA;AAEZ"}

package/dist/components/QuerySortSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuerySortSelector.js","names":[],"sources":["../../src/components/QuerySortSelector.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { SortDirection } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport Select from 'react-select'\nimport { SortConfiguration } from './CardContainerLogic'\nimport { useQueryContext } from './QueryContext/QueryContext'\nimport { useQueryVisualizationContext } from './QueryVisualizationWrapper'\nimport { findValueOption } from './JsonSchemaForm/widgets/SelectWidget'\n\nexport type QuerySortSelectorProps = {\n  sortConfig: SortConfiguration\n}\n\nexport type EnumOption = { value: string; label: string }\n\nfunction QuerySortSelector({ sortConfig }: QuerySortSelectorProps) {\n  const { defaultColumn, defaultDirection, sortableColumns } = sortConfig\n  const { executeQueryRequest } = useQueryContext()\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n  const [sortColumn, setSortColumn] = useState<string | undefined>(\n    defaultColumn,\n  )\n  const [sortDirection, setSortDirection] = useState(defaultDirection)\n\n  const enumOptions: EnumOption[] = sortableColumns.map(sortableColumn => {\n    return {\n      value: sortableColumn,\n      label: getColumnDisplayName(sortableColumn),\n    }\n  })\n\n  const onChange = (value?: string) => {\n    executeQueryRequest(request => {\n      let newSortDirection: SortDirection = 'ASC'\n      if (value === sortColumn) {\n        // flip sort direction\n        newSortDirection = sortDirection === 'ASC' ? 'DESC' : 'ASC'\n      }\n\n      request.query.sort = value\n        ? [\n            {\n              column: value,\n              direction: newSortDirection,\n            },\n          ]\n        : undefined\n\n      setSortColumn(value)\n      setSortDirection(newSortDirection)\n\n      return request\n    })\n  }\n\n  return (\n    <div className=\"QuerySortSelector\">\n      <Typography variant=\"label\" className=\"sort-by-label SRC-inlineBlock\">\n        Sort by\n      </Typography>\n      <Select\n        className=\"react-select-container SRC-inlineBlock\"\n        value={findValueOption(sortColumn, enumOptions)}\n        options={enumOptions}\n        onChange={option => onChange((option as EnumOption | null)?.value)}\n        styles={{\n          control: provided => ({\n            ...provided,\n            marginLeft: '15px',\n          }),\n        }}\n      />\n    </div>\n  )\n}\n\nexport default QuerySortSelector\n"],"mappings":";;;;;;;;;AAeA,SAAS,EAAkB,EAAE,iBAAsC;CACjE,IAAM,EAAE,kBAAe,qBAAkB,uBAAoB,GACvD,EAAE,2BAAwB,GAAiB,EAC3C,EAAE,4BAAyB,GAA8B,EACzD,CAAC,GAAY,KAAiB,EAClC,EACD,EACK,CAAC,GAAe,KAAoB,EAAS,EAAiB,EAE9D,IAA4B,EAAgB,KAAI,OAC7C;EACL,OAAO;EACP,OAAO,EAAqB,EAAe;EAC5C,EACD,EAEI,KAAY,MAAmB;AACnC,KAAoB,MAAW;GAC7B,IAAI,IAAkC;AAkBtC,UAjBI,MAAU,MAEZ,IAAmB,MAAkB,QAAQ,SAAS,QAGxD,EAAQ,MAAM,OAAO,IACjB,CACE;IACE,QAAQ;IACR,WAAW;IACZ,CACF,GACD,KAAA,GAEJ,EAAc,EAAM,EACpB,EAAiB,EAAiB,EAE3B;IACP;;AAGJ,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,WAAU;aAAgC;GAEzD,CAAA,EACb,kBAAC,GAAD;GACE,WAAU;GACV,OAAO,EAAgB,GAAY,EAAY;GAC/C,SAAS;GACT,WAAU,MAAU,EAAU,GAA8B,MAAM;GAClE,QAAQ,EACN,UAAS,OAAa;IACpB,GAAG;IACH,YAAY;IACb,GACF;GACD,CAAA,CACE"}
+{"version":3,"file":"QuerySortSelector.js","names":[],"sources":["../../src/components/QuerySortSelector.tsx"],"sourcesContent":["import { Typography } from '@mui/material'\nimport { SortDirection } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport Select from 'react-select'\nimport { SortConfiguration } from './CardContainerLogic'\nimport { useQueryContext } from './QueryContext/QueryContext'\nimport { useQueryVisualizationContext } from './QueryVisualizationWrapper'\nimport { findValueOption } from './JsonSchemaForm/widgets/SelectWidget'\n\nexport type QuerySortSelectorProps = {\n  sortConfig: SortConfiguration\n}\n\nexport type EnumOption = { value: string; label: string }\n\nfunction QuerySortSelector({ sortConfig }: QuerySortSelectorProps) {\n  const { defaultColumn, defaultDirection, sortableColumns } = sortConfig\n  const { executeQueryRequest } = useQueryContext()\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n  const [sortColumn, setSortColumn] = useState<string | undefined>(\n    defaultColumn,\n  )\n  const [sortDirection, setSortDirection] = useState(defaultDirection)\n\n  const enumOptions: EnumOption[] = sortableColumns.map(sortableColumn => {\n    return {\n      value: sortableColumn,\n      label: getColumnDisplayName(sortableColumn),\n    }\n  })\n\n  const onChange = (value?: string) => {\n    executeQueryRequest(request => {\n      let newSortDirection: SortDirection = 'ASC'\n      if (value === sortColumn) {\n        // flip sort direction\n        newSortDirection = sortDirection === 'ASC' ? 'DESC' : 'ASC'\n      }\n\n      request.query.sort = value\n        ? [\n            {\n              column: value,\n              direction: newSortDirection,\n            },\n          ]\n        : undefined\n\n      setSortColumn(value)\n      setSortDirection(newSortDirection)\n\n      return request\n    })\n  }\n\n  return (\n    <div className=\"QuerySortSelector\">\n      <Typography variant=\"label\" className=\"sort-by-label SRC-inlineBlock\">\n        Sort by\n      </Typography>\n      <Select\n        className=\"react-select-container SRC-inlineBlock\"\n        value={findValueOption(sortColumn, enumOptions)}\n        options={enumOptions}\n        onChange={option => onChange((option as EnumOption | null)?.value)}\n        styles={{\n          control: provided => ({\n            ...provided,\n            marginLeft: '15px',\n          }),\n        }}\n      />\n    </div>\n  )\n}\n\nexport default QuerySortSelector\n"],"mappings":";;;;;;;;;AAeA,SAAS,EAAkB,EAAE,iBAAsC;CACjE,IAAM,EAAE,kBAAe,qBAAkB,uBAAoB,GACvD,EAAE,2BAAwB,EAAgB,GAC1C,EAAE,4BAAyB,EAA6B,GACxD,CAAC,GAAY,KAAiB,EAClC,CACF,GACM,CAAC,GAAe,KAAoB,EAAS,CAAgB,GAE7D,IAA4B,EAAgB,KAAI,OAC7C;EACL,OAAO;EACP,OAAO,EAAqB,CAAc;CAC5C,EACD,GAEK,KAAY,MAAmB;EACnC,GAAoB,MAAW;GAC7B,IAAI,IAAkC;GAkBtC,OAjBI,MAAU,MAEZ,IAAmB,MAAkB,QAAQ,SAAS,QAGxD,EAAQ,MAAM,OAAO,IACjB,CACE;IACE,QAAQ;IACR,WAAW;GACb,CACF,IACA,KAAA,GAEJ,EAAc,CAAK,GACnB,EAAiB,CAAgB,GAE1B;EACT,CAAC;CACH;CAEA,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,WAAU;aAAgC;EAE1D,CAAA,GACZ,kBAAC,GAAD;GACE,WAAU;GACV,OAAO,EAAgB,GAAY,CAAW;GAC9C,SAAS;GACT,WAAU,MAAU,EAAU,GAA8B,KAAK;GACjE,QAAQ,EACN,UAAS,OAAa;IACpB,GAAG;IACH,YAAY;GACd,GACF;EACD,CAAA,CACE;;AAET"}

package/dist/components/QueryVisualizationWrapper/NoContentPlaceholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoContentPlaceholder.js","names":[],"sources":["../../../src/components/QueryVisualizationWrapper/NoContentPlaceholder.tsx"],"sourcesContent":["import { NoContentPlaceholderType } from '../SynapseTable/NoContentPlaceholderType'\nimport SearchResultsNotFound from '../SynapseTable/SearchResultsNotFound'\nimport ThisTableIsEmpty from '../SynapseTable/TableIsEmpty'\nimport NoContentAvailable from '../SynapseTable/NoContentAvailable'\n\ntype NoContentPlaceholderProps = {\n  type: NoContentPlaceholderType\n  hasResettableFilters: boolean\n}\n\nexport default function NoContentPlaceholder(props: NoContentPlaceholderProps) {\n  const { type, hasResettableFilters } = props\n  switch (type) {\n    case NoContentPlaceholderType.INTERACTIVE:\n      if (hasResettableFilters) {\n        return <SearchResultsNotFound />\n      } else {\n        return <ThisTableIsEmpty />\n      }\n    case NoContentPlaceholderType.HIDDEN:\n      return <></>\n    case NoContentPlaceholderType.STATIC:\n    default:\n      return <NoContentAvailable />\n  }\n}\n"],"mappings":";;;;;;AAUA,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EAAE,SAAM,4BAAyB;AACvC,SAAQ,GAAR;EACE,KAAK,EAAyB,YAI1B,QAFO,EADL,IACM,IAEA,GAFD,EAAyB,CAEL;EAE/B,KAAK,EAAyB,OAC5B,QAAO,kBAAA,GAAA,EAAK,CAAA;EACd,KAAK,EAAyB;EAC9B,QACE,QAAO,kBAAC,GAAD,EAAsB,CAAA"}
+{"version":3,"file":"NoContentPlaceholder.js","names":[],"sources":["../../../src/components/QueryVisualizationWrapper/NoContentPlaceholder.tsx"],"sourcesContent":["import { NoContentPlaceholderType } from '../SynapseTable/NoContentPlaceholderType'\nimport SearchResultsNotFound from '../SynapseTable/SearchResultsNotFound'\nimport ThisTableIsEmpty from '../SynapseTable/TableIsEmpty'\nimport NoContentAvailable from '../SynapseTable/NoContentAvailable'\n\ntype NoContentPlaceholderProps = {\n  type: NoContentPlaceholderType\n  hasResettableFilters: boolean\n}\n\nexport default function NoContentPlaceholder(props: NoContentPlaceholderProps) {\n  const { type, hasResettableFilters } = props\n  switch (type) {\n    case NoContentPlaceholderType.INTERACTIVE:\n      if (hasResettableFilters) {\n        return <SearchResultsNotFound />\n      } else {\n        return <ThisTableIsEmpty />\n      }\n    case NoContentPlaceholderType.HIDDEN:\n      return <></>\n    case NoContentPlaceholderType.STATIC:\n    default:\n      return <NoContentAvailable />\n  }\n}\n"],"mappings":";;;;;;AAUA,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EAAE,SAAM,4BAAyB;CACvC,QAAQ,GAAR;EACE,KAAK,EAAyB,aAI1B,OAFO,EADL,IACM,IAEA,GAFD,CAAwB,CAEL;EAE9B,KAAK,EAAyB,QAC5B,OAAO,kBAAA,GAAA,CAAI,CAAA;EACb,KAAK,EAAyB;EAC9B,SACE,OAAO,kBAAC,GAAD,CAAqB,CAAA;CAChC;AACF"}

package/dist/components/QueryVisualizationWrapper/QueryVisualizationContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryVisualizationContext.js","names":[],"sources":["../../../src/components/QueryVisualizationWrapper/QueryVisualizationContext.tsx"],"sourcesContent":["import React from 'react'\nimport { ColumnType } from '@sage-bionetworks/synapse-types'\nimport {\n  createContext,\n  Dispatch,\n  PropsWithChildren,\n  ReactNode,\n  SetStateAction,\n  useContext,\n} from 'react'\nimport { ExternalAnalysisPlatform } from '../SynapseTable/export/ExternalAnalysisPlatformsConstants'\n\nexport type QueryVisualizationContextType = {\n  columnsToShowInTable: string[]\n  setColumnsToShowInTable: (newState: string[]) => void\n  rgbIndex?: number\n  unitDescription: string\n  /** Whether to show when the table or view was last updated. */\n  showLastUpdatedOn?: boolean\n  /** Given a column name, return the display name for the column */\n  getColumnDisplayName: (columnName: string, jsonPath?: string) => string\n  /** Given a column name or JSON facet, return the configured help text */\n  getHelpText: (columnName: string, jsonPath?: string) => string | undefined\n  /** Given a cell value and a column type, returns the displayed value for the data */\n  getDisplayValue: (value: string, columnType: ColumnType) => string\n  /** React node to display in place of cards/table when there are no results. */\n  NoContentPlaceholder: () => ReactNode\n  /** The set of external analysis platforms where this component allows users to export data. If this list is empty, then\n   * controls will not be shown. */\n  enabledExternalAnalysisPlatforms: ExternalAnalysisPlatform[]\n  /** If true, a dialog guiding the user through exporting table query data to an external platform is shown. If this\n   * is true, enabledExternalAnalysisPlatforms must be non-empty */\n  isShowingExportToAnalysisPlatformModal: boolean\n  /** Allows toggling isShowingExportToAnalysisPlatformModal */\n  setIsShowingExportToAnalysisPlatformModal: Dispatch<SetStateAction<boolean>>\n  showFacetFilter: boolean\n  setShowFacetFilter: Dispatch<SetStateAction<boolean>>\n  hideSearchBarControl: boolean\n  /** When true, the text matches filter pill is shown but cannot be removed. Defaults to true. */\n  lockTextMatchesQueryFilterPill: boolean\n  showSearchBar: boolean\n  setShowSearchBar: Dispatch<SetStateAction<boolean>>\n  showDownloadConfirmation: boolean\n  setShowDownloadConfirmation: Dispatch<SetStateAction<boolean>>\n  showSqlEditor: boolean\n  setShowSqlEditor: Dispatch<SetStateAction<boolean>>\n  showCopyToClipboard: boolean\n  setShowCopyToClipboard: Dispatch<SetStateAction<boolean>>\n  showPlots: boolean\n  setShowPlots: Dispatch<SetStateAction<boolean>>\n}\n/**\n * This must be exported to use the context in class components.\n */\nexport const QueryVisualizationContext = createContext<\n  QueryVisualizationContextType | undefined\n>(undefined)\nexport type QueryVisualizationContextProviderProps = PropsWithChildren<{\n  queryVisualizationContext: QueryVisualizationContextType\n}>\n/**\n * Provides fields and functions related to visualizing a Synapse table query. For actual query data, see QueryContextProvider.\n */\nexport const QueryVisualizationContextProvider = ({\n  children,\n  queryVisualizationContext,\n}: QueryVisualizationContextProviderProps): React.ReactNode => {\n  return (\n    <QueryVisualizationContext.Provider value={queryVisualizationContext}>\n      {children}\n    </QueryVisualizationContext.Provider>\n  )\n}\n\nexport function useQueryVisualizationContext(): QueryVisualizationContextType {\n  const context = useContext(QueryVisualizationContext)\n  if (context === undefined) {\n    throw new Error(\n      'useQueryVisualizationContext must be used within a QueryVisualizationWrapper',\n    )\n  }\n  return context\n}\n\nexport const QueryVisualizationContextConsumer =\n  QueryVisualizationContext.Consumer\n"],"mappings":";;;AAsDA,IAAa,IAA4B,EAEvC,KAAA,EAAU,EAOC,KAAqC,EAChD,aACA,mCAGE,kBAAC,EAA0B,UAA3B;CAAoC,OAAO;CACxC;CACkC,CAAA;AAIzC,SAAgB,IAA8D;CAC5E,IAAM,IAAU,EAAW,EAA0B;AACrD,KAAI,MAAY,KAAA,EACd,OAAU,MACR,+EACD;AAEH,QAAO;;AAGT,IAAa,IACX,EAA0B"}
+{"version":3,"file":"QueryVisualizationContext.js","names":[],"sources":["../../../src/components/QueryVisualizationWrapper/QueryVisualizationContext.tsx"],"sourcesContent":["import React from 'react'\nimport { ColumnType } from '@sage-bionetworks/synapse-types'\nimport {\n  createContext,\n  Dispatch,\n  PropsWithChildren,\n  ReactNode,\n  SetStateAction,\n  useContext,\n} from 'react'\nimport { ExternalAnalysisPlatform } from '../SynapseTable/export/ExternalAnalysisPlatformsConstants'\n\nexport type QueryVisualizationContextType = {\n  columnsToShowInTable: string[]\n  setColumnsToShowInTable: (newState: string[]) => void\n  rgbIndex?: number\n  unitDescription: string\n  /** Whether to show when the table or view was last updated. */\n  showLastUpdatedOn?: boolean\n  /** Given a column name, return the display name for the column */\n  getColumnDisplayName: (columnName: string, jsonPath?: string) => string\n  /** Given a column name or JSON facet, return the configured help text */\n  getHelpText: (columnName: string, jsonPath?: string) => string | undefined\n  /** Given a cell value and a column type, returns the displayed value for the data */\n  getDisplayValue: (value: string, columnType: ColumnType) => string\n  /** React node to display in place of cards/table when there are no results. */\n  NoContentPlaceholder: () => ReactNode\n  /** The set of external analysis platforms where this component allows users to export data. If this list is empty, then\n   * controls will not be shown. */\n  enabledExternalAnalysisPlatforms: ExternalAnalysisPlatform[]\n  /** If true, a dialog guiding the user through exporting table query data to an external platform is shown. If this\n   * is true, enabledExternalAnalysisPlatforms must be non-empty */\n  isShowingExportToAnalysisPlatformModal: boolean\n  /** Allows toggling isShowingExportToAnalysisPlatformModal */\n  setIsShowingExportToAnalysisPlatformModal: Dispatch<SetStateAction<boolean>>\n  showFacetFilter: boolean\n  setShowFacetFilter: Dispatch<SetStateAction<boolean>>\n  hideSearchBarControl: boolean\n  /** When true, the text matches filter pill is shown but cannot be removed. Defaults to true. */\n  lockTextMatchesQueryFilterPill: boolean\n  showSearchBar: boolean\n  setShowSearchBar: Dispatch<SetStateAction<boolean>>\n  showDownloadConfirmation: boolean\n  setShowDownloadConfirmation: Dispatch<SetStateAction<boolean>>\n  showSqlEditor: boolean\n  setShowSqlEditor: Dispatch<SetStateAction<boolean>>\n  showCopyToClipboard: boolean\n  setShowCopyToClipboard: Dispatch<SetStateAction<boolean>>\n  showPlots: boolean\n  setShowPlots: Dispatch<SetStateAction<boolean>>\n}\n/**\n * This must be exported to use the context in class components.\n */\nexport const QueryVisualizationContext = createContext<\n  QueryVisualizationContextType | undefined\n>(undefined)\nexport type QueryVisualizationContextProviderProps = PropsWithChildren<{\n  queryVisualizationContext: QueryVisualizationContextType\n}>\n/**\n * Provides fields and functions related to visualizing a Synapse table query. For actual query data, see QueryContextProvider.\n */\nexport const QueryVisualizationContextProvider = ({\n  children,\n  queryVisualizationContext,\n}: QueryVisualizationContextProviderProps): React.ReactNode => {\n  return (\n    <QueryVisualizationContext.Provider value={queryVisualizationContext}>\n      {children}\n    </QueryVisualizationContext.Provider>\n  )\n}\n\nexport function useQueryVisualizationContext(): QueryVisualizationContextType {\n  const context = useContext(QueryVisualizationContext)\n  if (context === undefined) {\n    throw new Error(\n      'useQueryVisualizationContext must be used within a QueryVisualizationWrapper',\n    )\n  }\n  return context\n}\n\nexport const QueryVisualizationContextConsumer =\n  QueryVisualizationContext.Consumer\n"],"mappings":";;;AAsDA,IAAa,IAA4B,EAEvC,KAAA,CAAS,GAOE,KAAqC,EAChD,aACA,mCAGE,kBAAC,EAA0B,UAA3B;CAAoC,OAAO;CACxC;AACiC,CAAA;AAIxC,SAAgB,IAA8D;CAC5E,IAAM,IAAU,EAAW,CAAyB;CACpD,IAAI,MAAY,KAAA,GACd,MAAU,MACR,8EACF;CAEF,OAAO;AACT;AAEA,IAAa,IACX,EAA0B"}

package/dist/components/QueryVisualizationWrapper/QueryVisualizationWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryVisualizationWrapper.js","names":[],"sources":["../../../src/components/QueryVisualizationWrapper/QueryVisualizationWrapper.tsx"],"sourcesContent":["import { getDisplayValue } from '@/utils/functions/getDataFromFromStorage'\nimport { unCamelCase } from '@/utils/functions/unCamelCase'\nimport useMutuallyExclusiveState from '@/utils/hooks/useMutuallyExclusiveState'\nimport { useQuery } from '@tanstack/react-query'\nimport { ReactNode, useCallback, useEffect, useMemo, useState } from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport { useQueryContext } from '../QueryContext'\nimport { useGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\nimport { NoContentPlaceholderType } from '../SynapseTable/NoContentPlaceholderType'\nimport { ExternalAnalysisPlatform } from '../SynapseTable/export/ExternalAnalysisPlatformsConstants'\nimport NoContentPlaceholderComponent from './NoContentPlaceholder'\nimport {\n  QueryVisualizationContextProvider,\n  QueryVisualizationContextType,\n} from './QueryVisualizationContext'\n\n// By default, show no external analysis platforms.\nconst DEFAULT_ENABLED_ANALYSIS_PLATFORMS: ExternalAnalysisPlatform[] = []\n\ntype ColumnOrFacetHelpConfig = {\n  /** Text that describes the column or facet */\n  helpText: string\n  /** The name of the column for which the markdown applies */\n  columnName: string\n  /** The JSON path matching a described JSON Column facet */\n  jsonPath?: string\n}\n\nexport type QueryVisualizationWrapperProps = {\n  children: ReactNode | ReactNode[]\n  rgbIndex?: number\n  /** The singular word to use to describe a what a row represents (e.g. \"file\"). Defaults to \"result\" */\n  unitDescription?: string\n  /** Mapping from column name to the name that should be shown for the column */\n  columnAliases?: Record<string, string>\n  visibleColumnCount?: number\n  hiddenColumns?: string[]\n  defaultShowPlots?: boolean\n  hideCopyToClipboard?: boolean\n  hideSearchBarControl?: boolean\n  /** When true, the text matches filter pill is shown but cannot be removed. Defaults to true. */\n  lockTextMatchesQueryFilterPill?: boolean\n  defaultShowSearchBar?: boolean\n  showLastUpdatedOn?: boolean\n  /** Default is INTERACTIVE */\n  noContentPlaceholderType?: NoContentPlaceholderType\n  isRowSelectionVisible?: boolean\n  /** The set of columns that defines a uniqueness constraint on the table for the purposes of filtering based on row selection.\n   * Note that Synapse tables have no internal concept of a primary key.\n   */\n  rowSelectionPrimaryKey?: string[]\n  /** Look for additional filters using the given key.  If not provided, the entity ID will be used.\n   * @deprecated - configure the filter before passing a query */\n  additionalFiltersSessionStorageKey?: string\n  /** Configuration to add a help popover to each corresponding column header */\n  helpConfiguration?: ColumnOrFacetHelpConfig[]\n  hasCustomPlots?: boolean\n  /** The set of external analysis platform to which the UI will support exporting data.\n   * @default [] (no platforms are enabled) */\n  enabledExternalAnalysisPlatforms?: ExternalAnalysisPlatform[]\n  hideVisualizationsControl?: boolean\n}\n\n/**\n * QueryVisualizationWrapper manages UI state for components that query tables in Synapse. That state can be accessed\n * or updated using QueryVisualizationContext. A QueryVisualizationWrapper must be used within a QueryWrapper.\n */\nexport function QueryVisualizationWrapper(\n  props: QueryVisualizationWrapperProps,\n) {\n  const {\n    noContentPlaceholderType = NoContentPlaceholderType.INTERACTIVE,\n    defaultShowSearchBar = false,\n    defaultShowPlots = true,\n    hideCopyToClipboard = false,\n    hideSearchBarControl = false,\n    lockTextMatchesQueryFilterPill = true,\n    unitDescription = 'result',\n    helpConfiguration,\n    hasCustomPlots = false,\n    visibleColumnCount = Infinity,\n    enabledExternalAnalysisPlatforms = DEFAULT_ENABLED_ANALYSIS_PLATFORMS,\n  } = props\n\n  const columnAliases = useMemo(\n    () => props.columnAliases ?? {},\n    [props.columnAliases],\n  )\n\n  const {\n    getCurrentQueryRequest,\n    hasFacetedSelectColumn,\n    hasResettableFilters,\n    rowDataQueryOptions,\n  } = useQueryContext()\n  const { data: queryMetadata } = useGetQueryMetadata()\n\n  // Get the selectColumns from either query so that creating the context isn't bottlenecked by one or the other\n  // Use the previous result as placeholder data so we don't reset the selectColumns unless they have actually changed.\n  const { data: selectColumnsFromRowData } = useQuery({\n    ...rowDataQueryOptions,\n    select: data => data.responseBody?.queryResult?.queryResults.headers,\n    placeholderData: prevData => prevData,\n  })\n  const { data: selectColumnsFromMetadata } = useGetQueryMetadata({\n    select: data => data.responseBody?.selectColumns,\n    placeholderData: prevData => prevData,\n  })\n  // We deep-compare-memoize the selectColumns so we don't reset visible columns if the reference changes, but not the contents (e.g. on page change)\n  const selectColumns = useDeepCompareMemoize(\n    selectColumnsFromRowData ?? selectColumnsFromMetadata ?? [],\n  )\n\n  const [showSqlEditor, setShowSqlEditor] = useState(false)\n  const [showPlots, setShowPlots] = useState(defaultShowPlots)\n  const [showCopyToClipboard, setShowCopyToClipboard] =\n    useState(!hideCopyToClipboard)\n  const [showFacetFilter, setShowFacetFilter] = useState(true)\n\n  // The search bar and download confirmation should not be shown at the same time.\n  const [\n    showSearchBar,\n    setShowSearchBar,\n    showDownloadConfirmation,\n    setShowDownloadConfirmation,\n  ] = useMutuallyExclusiveState(\n    defaultShowSearchBar && !hideSearchBarControl,\n    false,\n  )\n\n  const [\n    isShowingExportToAnalysisPlatformModal,\n    setIsShowingExportToAnalysisPlatformModal,\n  ] = useState<boolean>(false)\n\n  const [visibleColumns, setVisibleColumns] = useState<string[]>([])\n\n  const lastQueryRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  // Deep-compare-memoize so callers passing a fresh array literal\n  // (e.g. `hiddenColumns={['topic']}`) don't reset visible columns on every\n  // parent render.\n  const hiddenColumns = useDeepCompareMemoize(props.hiddenColumns ?? [])\n  useEffect(() => {\n    // SWC-6030: If sql changes, reset what columns are visible\n    const hidden = new Set(hiddenColumns)\n    setVisibleColumns(\n      selectColumns\n        .filter(el => !hidden.has(el.name))\n        .slice(0, visibleColumnCount)\n        .map(el => el.name),\n    )\n  }, [\n    selectColumns,\n    lastQueryRequest.query.sql,\n    visibleColumnCount,\n    hiddenColumns,\n  ])\n\n  const getColumnDisplayName = useCallback(\n    (columnName: string, jsonPath?: string) => {\n      // SWC-5982: if force-display-original-column-names is set, then just return the string\n      const forceDisplayOriginalColumnName =\n        localStorage.getItem('force-display-original-column-names') === 'true'\n\n      if (!columnName || (forceDisplayOriginalColumnName && !jsonPath)) {\n        return columnName\n      }\n      if (columnAliases[columnName]) {\n        return columnAliases[columnName]\n      }\n      if (jsonPath) {\n        const columnModel = queryMetadata?.columnModels?.find(\n          cm => cm.name === columnName,\n        )\n        if (columnModel?.jsonSubColumns) {\n          const jsonSubColumn = columnModel.jsonSubColumns.find(\n            jsc => jsc.jsonPath === jsonPath,\n          )\n          if (jsonSubColumn) {\n            return jsonSubColumn.name\n          }\n        }\n      }\n      return unCamelCase(columnName)\n    },\n    [columnAliases, queryMetadata?.columnModels],\n  )\n\n  const getHelpText = useCallback(\n    (columnName: string, jsonPath?: string): string | undefined => {\n      if (Array.isArray(helpConfiguration)) {\n        const helpConfig = helpConfiguration.find(\n          config =>\n            config.columnName === columnName && config.jsonPath === jsonPath,\n        )\n        return helpConfig?.helpText\n      }\n      return undefined\n    },\n    [helpConfiguration],\n  )\n\n  const NoContentPlaceholder = useCallback(\n    () => (\n      <NoContentPlaceholderComponent\n        type={noContentPlaceholderType}\n        hasResettableFilters={hasResettableFilters}\n      />\n    ),\n    [noContentPlaceholderType, hasResettableFilters],\n  )\n\n  const context: QueryVisualizationContextType = useMemo(\n    () => ({\n      columnsToShowInTable: visibleColumns,\n      setColumnsToShowInTable: setVisibleColumns,\n      rgbIndex: props.rgbIndex,\n      unitDescription: unitDescription,\n      showLastUpdatedOn: props.showLastUpdatedOn,\n      getColumnDisplayName,\n      getDisplayValue,\n      getHelpText,\n      NoContentPlaceholder,\n      isShowingExportToAnalysisPlatformModal:\n        isShowingExportToAnalysisPlatformModal,\n      setIsShowingExportToAnalysisPlatformModal:\n        setIsShowingExportToAnalysisPlatformModal,\n      showFacetFilter: hasFacetedSelectColumn ? showFacetFilter : false,\n      setShowFacetFilter,\n      hideSearchBarControl,\n      lockTextMatchesQueryFilterPill,\n      showSearchBar,\n      setShowSearchBar,\n      showDownloadConfirmation,\n      setShowDownloadConfirmation,\n      showSqlEditor,\n      setShowSqlEditor,\n      showPlots: hasCustomPlots || hasFacetedSelectColumn ? showPlots : false,\n      setShowPlots,\n      showCopyToClipboard,\n      setShowCopyToClipboard,\n      enabledExternalAnalysisPlatforms,\n    }),\n    [\n      NoContentPlaceholder,\n      getColumnDisplayName,\n      getHelpText,\n      hasFacetedSelectColumn,\n      isShowingExportToAnalysisPlatformModal,\n      props.rgbIndex,\n      props.showLastUpdatedOn,\n      setShowDownloadConfirmation,\n      setShowSearchBar,\n      showCopyToClipboard,\n      showDownloadConfirmation,\n      showFacetFilter,\n      showPlots,\n      showSearchBar,\n      showSqlEditor,\n      unitDescription,\n      visibleColumns,\n      hasCustomPlots,\n      enabledExternalAnalysisPlatforms,\n      hideSearchBarControl,\n      lockTextMatchesQueryFilterPill,\n    ],\n  )\n  /**\n   * Render the children without any formatting\n   */\n  const { children } = props\n  return (\n    <QueryVisualizationContextProvider queryVisualizationContext={context}>\n      {children}\n    </QueryVisualizationContextProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAiBA,IAAM,IAAiE,EAAE;AAkDzE,SAAgB,EACd,GACA;CACA,IAAM,EACJ,8BAA2B,EAAyB,aACpD,0BAAuB,IACvB,sBAAmB,IACnB,0BAAsB,IACtB,0BAAuB,IACvB,oCAAiC,IACjC,qBAAkB,UAClB,sBACA,oBAAiB,IACjB,wBAAqB,UACrB,sCAAmC,MACjC,GAEE,IAAgB,QACd,EAAM,iBAAiB,EAAE,EAC/B,CAAC,EAAM,cAAc,CACtB,EAEK,EACJ,2BACA,2BACA,yBACA,2BACE,GAAiB,EACf,EAAE,MAAM,MAAkB,GAAqB,EAI/C,EAAE,MAAM,MAA6B,EAAS;EAClD,GAAG;EACH,SAAQ,MAAQ,EAAK,cAAc,aAAa,aAAa;EAC7D,kBAAiB,MAAY;EAC9B,CAAC,EACI,EAAE,MAAM,MAA8B,EAAoB;EAC9D,SAAQ,MAAQ,EAAK,cAAc;EACnC,kBAAiB,MAAY;EAC9B,CAAC,EAEI,IAAgB,EACpB,KAA4B,KAA6B,EAAE,CAC5D,EAEK,CAAC,GAAe,MAAoB,EAAS,GAAM,EACnD,CAAC,GAAW,KAAgB,EAAS,EAAiB,EACtD,CAAC,GAAqB,KAC1B,EAAS,CAAC,GAAoB,EAC1B,CAAC,GAAiB,KAAsB,EAAS,GAAK,EAGtD,CACJ,GACA,GACA,GACA,KACE,EACF,KAAwB,CAAC,GACzB,GACD,EAEK,CACJ,GACA,KACE,EAAkB,GAAM,EAEtB,CAAC,GAAgB,KAAqB,EAAmB,EAAE,CAAC,EAE5D,IAAmB,QACjB,GAAwB,EAC9B,CAAC,EAAuB,CACzB,EAKK,IAAgB,EAAsB,EAAM,iBAAiB,EAAE,CAAC;AACtE,UAAgB;EAEd,IAAM,IAAS,IAAI,IAAI,EAAc;AACrC,IACE,EACG,QAAO,MAAM,CAAC,EAAO,IAAI,EAAG,KAAK,CAAC,CAClC,MAAM,GAAG,EAAmB,CAC5B,KAAI,MAAM,EAAG,KAAK,CACtB;IACA;EACD;EACA,EAAiB,MAAM;EACvB;EACA;EACD,CAAC;CAEF,IAAM,IAAuB,GAC1B,GAAoB,MAAsB;EAEzC,IAAM,IACJ,aAAa,QAAQ,sCAAsC,KAAK;AAElE,MAAI,CAAC,KAAe,KAAkC,CAAC,EACrD,QAAO;AAET,MAAI,EAAc,GAChB,QAAO,EAAc;AAEvB,MAAI,GAAU;GACZ,IAAM,IAAc,GAAe,cAAc,MAC/C,MAAM,EAAG,SAAS,EACnB;AACD,OAAI,GAAa,gBAAgB;IAC/B,IAAM,IAAgB,EAAY,eAAe,MAC/C,MAAO,EAAI,aAAa,EACzB;AACD,QAAI,EACF,QAAO,EAAc;;;AAI3B,SAAO,EAAY,EAAW;IAEhC,CAAC,GAAe,GAAe,aAAa,CAC7C,EAEK,IAAc,GACjB,GAAoB,MAA0C;AAC7D,MAAI,MAAM,QAAQ,EAAkB,CAKlC,QAJmB,EAAkB,MACnC,MACE,EAAO,eAAe,KAAc,EAAO,aAAa,EAErD,EAAY;IAIvB,CAAC,EAAkB,CACpB,EAEK,IAAuB,QAEzB,kBAAC,GAAD;EACE,MAAM;EACgB;EACtB,CAAA,EAEJ,CAAC,GAA0B,EAAqB,CACjD,EAEK,KAAyC,SACtC;EACL,sBAAsB;EACtB,yBAAyB;EACzB,UAAU,EAAM;EACC;EACjB,mBAAmB,EAAM;EACzB;EACA;EACA;EACA,sBAAA;EAEE;EAEA;EACF,iBAAiB,IAAyB,IAAkB;EAC5D;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WAAW,KAAkB,IAAyB,IAAY;EAClE;EACA;EACA;EACA;EACD,GACD;EACE;EACA;EACA;EACA;EACA;EACA,EAAM;EACN,EAAM;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF,EAIK,EAAE,iBAAa;AACrB,QACE,kBAAC,IAAD;EAAmC,2BAA2B;EAC3D;EACiC,CAAA"}
+{"version":3,"file":"QueryVisualizationWrapper.js","names":[],"sources":["../../../src/components/QueryVisualizationWrapper/QueryVisualizationWrapper.tsx"],"sourcesContent":["import { getDisplayValue } from '@/utils/functions/getDataFromFromStorage'\nimport { unCamelCase } from '@/utils/functions/unCamelCase'\nimport useMutuallyExclusiveState from '@/utils/hooks/useMutuallyExclusiveState'\nimport { useQuery } from '@tanstack/react-query'\nimport { ReactNode, useCallback, useEffect, useMemo, useState } from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport { useQueryContext } from '../QueryContext'\nimport { useGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\nimport { NoContentPlaceholderType } from '../SynapseTable/NoContentPlaceholderType'\nimport { ExternalAnalysisPlatform } from '../SynapseTable/export/ExternalAnalysisPlatformsConstants'\nimport NoContentPlaceholderComponent from './NoContentPlaceholder'\nimport {\n  QueryVisualizationContextProvider,\n  QueryVisualizationContextType,\n} from './QueryVisualizationContext'\n\n// By default, show no external analysis platforms.\nconst DEFAULT_ENABLED_ANALYSIS_PLATFORMS: ExternalAnalysisPlatform[] = []\n\ntype ColumnOrFacetHelpConfig = {\n  /** Text that describes the column or facet */\n  helpText: string\n  /** The name of the column for which the markdown applies */\n  columnName: string\n  /** The JSON path matching a described JSON Column facet */\n  jsonPath?: string\n}\n\nexport type QueryVisualizationWrapperProps = {\n  children: ReactNode | ReactNode[]\n  rgbIndex?: number\n  /** The singular word to use to describe a what a row represents (e.g. \"file\"). Defaults to \"result\" */\n  unitDescription?: string\n  /** Mapping from column name to the name that should be shown for the column */\n  columnAliases?: Record<string, string>\n  visibleColumnCount?: number\n  hiddenColumns?: string[]\n  defaultShowPlots?: boolean\n  hideCopyToClipboard?: boolean\n  hideSearchBarControl?: boolean\n  /** When true, the text matches filter pill is shown but cannot be removed. Defaults to true. */\n  lockTextMatchesQueryFilterPill?: boolean\n  defaultShowSearchBar?: boolean\n  showLastUpdatedOn?: boolean\n  /** Default is INTERACTIVE */\n  noContentPlaceholderType?: NoContentPlaceholderType\n  isRowSelectionVisible?: boolean\n  /** The set of columns that defines a uniqueness constraint on the table for the purposes of filtering based on row selection.\n   * Note that Synapse tables have no internal concept of a primary key.\n   */\n  rowSelectionPrimaryKey?: string[]\n  /** Look for additional filters using the given key.  If not provided, the entity ID will be used.\n   * @deprecated - configure the filter before passing a query */\n  additionalFiltersSessionStorageKey?: string\n  /** Configuration to add a help popover to each corresponding column header */\n  helpConfiguration?: ColumnOrFacetHelpConfig[]\n  hasCustomPlots?: boolean\n  /** The set of external analysis platform to which the UI will support exporting data.\n   * @default [] (no platforms are enabled) */\n  enabledExternalAnalysisPlatforms?: ExternalAnalysisPlatform[]\n  hideVisualizationsControl?: boolean\n}\n\n/**\n * QueryVisualizationWrapper manages UI state for components that query tables in Synapse. That state can be accessed\n * or updated using QueryVisualizationContext. A QueryVisualizationWrapper must be used within a QueryWrapper.\n */\nexport function QueryVisualizationWrapper(\n  props: QueryVisualizationWrapperProps,\n) {\n  const {\n    noContentPlaceholderType = NoContentPlaceholderType.INTERACTIVE,\n    defaultShowSearchBar = false,\n    defaultShowPlots = true,\n    hideCopyToClipboard = false,\n    hideSearchBarControl = false,\n    lockTextMatchesQueryFilterPill = true,\n    unitDescription = 'result',\n    helpConfiguration,\n    hasCustomPlots = false,\n    visibleColumnCount = Infinity,\n    enabledExternalAnalysisPlatforms = DEFAULT_ENABLED_ANALYSIS_PLATFORMS,\n  } = props\n\n  const columnAliases = useMemo(\n    () => props.columnAliases ?? {},\n    [props.columnAliases],\n  )\n\n  const {\n    getCurrentQueryRequest,\n    hasFacetedSelectColumn,\n    hasResettableFilters,\n    rowDataQueryOptions,\n  } = useQueryContext()\n  const { data: queryMetadata } = useGetQueryMetadata()\n\n  // Get the selectColumns from either query so that creating the context isn't bottlenecked by one or the other\n  // Use the previous result as placeholder data so we don't reset the selectColumns unless they have actually changed.\n  const { data: selectColumnsFromRowData } = useQuery({\n    ...rowDataQueryOptions,\n    select: data => data.responseBody?.queryResult?.queryResults.headers,\n    placeholderData: prevData => prevData,\n  })\n  const { data: selectColumnsFromMetadata } = useGetQueryMetadata({\n    select: data => data.responseBody?.selectColumns,\n    placeholderData: prevData => prevData,\n  })\n  // We deep-compare-memoize the selectColumns so we don't reset visible columns if the reference changes, but not the contents (e.g. on page change)\n  const selectColumns = useDeepCompareMemoize(\n    selectColumnsFromRowData ?? selectColumnsFromMetadata ?? [],\n  )\n\n  const [showSqlEditor, setShowSqlEditor] = useState(false)\n  const [showPlots, setShowPlots] = useState(defaultShowPlots)\n  const [showCopyToClipboard, setShowCopyToClipboard] =\n    useState(!hideCopyToClipboard)\n  const [showFacetFilter, setShowFacetFilter] = useState(true)\n\n  // The search bar and download confirmation should not be shown at the same time.\n  const [\n    showSearchBar,\n    setShowSearchBar,\n    showDownloadConfirmation,\n    setShowDownloadConfirmation,\n  ] = useMutuallyExclusiveState(\n    defaultShowSearchBar && !hideSearchBarControl,\n    false,\n  )\n\n  const [\n    isShowingExportToAnalysisPlatformModal,\n    setIsShowingExportToAnalysisPlatformModal,\n  ] = useState<boolean>(false)\n\n  const [visibleColumns, setVisibleColumns] = useState<string[]>([])\n\n  const lastQueryRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  // Deep-compare-memoize so callers passing a fresh array literal\n  // (e.g. `hiddenColumns={['topic']}`) don't reset visible columns on every\n  // parent render.\n  const hiddenColumns = useDeepCompareMemoize(props.hiddenColumns ?? [])\n  useEffect(() => {\n    // SWC-6030: If sql changes, reset what columns are visible\n    const hidden = new Set(hiddenColumns)\n    setVisibleColumns(\n      selectColumns\n        .filter(el => !hidden.has(el.name))\n        .slice(0, visibleColumnCount)\n        .map(el => el.name),\n    )\n  }, [\n    selectColumns,\n    lastQueryRequest.query.sql,\n    visibleColumnCount,\n    hiddenColumns,\n  ])\n\n  const getColumnDisplayName = useCallback(\n    (columnName: string, jsonPath?: string) => {\n      // SWC-5982: if force-display-original-column-names is set, then just return the string\n      const forceDisplayOriginalColumnName =\n        localStorage.getItem('force-display-original-column-names') === 'true'\n\n      if (!columnName || (forceDisplayOriginalColumnName && !jsonPath)) {\n        return columnName\n      }\n      if (columnAliases[columnName]) {\n        return columnAliases[columnName]\n      }\n      if (jsonPath) {\n        const columnModel = queryMetadata?.columnModels?.find(\n          cm => cm.name === columnName,\n        )\n        if (columnModel?.jsonSubColumns) {\n          const jsonSubColumn = columnModel.jsonSubColumns.find(\n            jsc => jsc.jsonPath === jsonPath,\n          )\n          if (jsonSubColumn) {\n            return jsonSubColumn.name\n          }\n        }\n      }\n      return unCamelCase(columnName)\n    },\n    [columnAliases, queryMetadata?.columnModels],\n  )\n\n  const getHelpText = useCallback(\n    (columnName: string, jsonPath?: string): string | undefined => {\n      if (Array.isArray(helpConfiguration)) {\n        const helpConfig = helpConfiguration.find(\n          config =>\n            config.columnName === columnName && config.jsonPath === jsonPath,\n        )\n        return helpConfig?.helpText\n      }\n      return undefined\n    },\n    [helpConfiguration],\n  )\n\n  const NoContentPlaceholder = useCallback(\n    () => (\n      <NoContentPlaceholderComponent\n        type={noContentPlaceholderType}\n        hasResettableFilters={hasResettableFilters}\n      />\n    ),\n    [noContentPlaceholderType, hasResettableFilters],\n  )\n\n  const context: QueryVisualizationContextType = useMemo(\n    () => ({\n      columnsToShowInTable: visibleColumns,\n      setColumnsToShowInTable: setVisibleColumns,\n      rgbIndex: props.rgbIndex,\n      unitDescription: unitDescription,\n      showLastUpdatedOn: props.showLastUpdatedOn,\n      getColumnDisplayName,\n      getDisplayValue,\n      getHelpText,\n      NoContentPlaceholder,\n      isShowingExportToAnalysisPlatformModal:\n        isShowingExportToAnalysisPlatformModal,\n      setIsShowingExportToAnalysisPlatformModal:\n        setIsShowingExportToAnalysisPlatformModal,\n      showFacetFilter: hasFacetedSelectColumn ? showFacetFilter : false,\n      setShowFacetFilter,\n      hideSearchBarControl,\n      lockTextMatchesQueryFilterPill,\n      showSearchBar,\n      setShowSearchBar,\n      showDownloadConfirmation,\n      setShowDownloadConfirmation,\n      showSqlEditor,\n      setShowSqlEditor,\n      showPlots: hasCustomPlots || hasFacetedSelectColumn ? showPlots : false,\n      setShowPlots,\n      showCopyToClipboard,\n      setShowCopyToClipboard,\n      enabledExternalAnalysisPlatforms,\n    }),\n    [\n      NoContentPlaceholder,\n      getColumnDisplayName,\n      getHelpText,\n      hasFacetedSelectColumn,\n      isShowingExportToAnalysisPlatformModal,\n      props.rgbIndex,\n      props.showLastUpdatedOn,\n      setShowDownloadConfirmation,\n      setShowSearchBar,\n      showCopyToClipboard,\n      showDownloadConfirmation,\n      showFacetFilter,\n      showPlots,\n      showSearchBar,\n      showSqlEditor,\n      unitDescription,\n      visibleColumns,\n      hasCustomPlots,\n      enabledExternalAnalysisPlatforms,\n      hideSearchBarControl,\n      lockTextMatchesQueryFilterPill,\n    ],\n  )\n  /**\n   * Render the children without any formatting\n   */\n  const { children } = props\n  return (\n    <QueryVisualizationContextProvider queryVisualizationContext={context}>\n      {children}\n    </QueryVisualizationContextProvider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;AAiBA,IAAM,IAAiE,CAAC;AAkDxE,SAAgB,EACd,GACA;CACA,IAAM,EACJ,8BAA2B,EAAyB,aACpD,0BAAuB,IACvB,sBAAmB,IACnB,0BAAsB,IACtB,0BAAuB,IACvB,oCAAiC,IACjC,qBAAkB,UAClB,sBACA,oBAAiB,IACjB,wBAAqB,UACrB,sCAAmC,MACjC,GAEE,IAAgB,QACd,EAAM,iBAAiB,CAAC,GAC9B,CAAC,EAAM,aAAa,CACtB,GAEM,EACJ,2BACA,2BACA,yBACA,2BACE,EAAgB,GACd,EAAE,MAAM,MAAkB,EAAoB,GAI9C,EAAE,MAAM,MAA6B,EAAS;EAClD,GAAG;EACH,SAAQ,MAAQ,EAAK,cAAc,aAAa,aAAa;EAC7D,kBAAiB,MAAY;CAC/B,CAAC,GACK,EAAE,MAAM,MAA8B,EAAoB;EAC9D,SAAQ,MAAQ,EAAK,cAAc;EACnC,kBAAiB,MAAY;CAC/B,CAAC,GAEK,IAAgB,EACpB,KAA4B,KAA6B,CAAC,CAC5D,GAEM,CAAC,GAAe,MAAoB,EAAS,EAAK,GAClD,CAAC,GAAW,KAAgB,EAAS,CAAgB,GACrD,CAAC,GAAqB,KAC1B,EAAS,CAAC,EAAmB,GACzB,CAAC,GAAiB,KAAsB,EAAS,EAAI,GAGrD,CACJ,GACA,GACA,GACA,KACE,EACF,KAAwB,CAAC,GACzB,EACF,GAEM,CACJ,GACA,KACE,EAAkB,EAAK,GAErB,CAAC,GAAgB,KAAqB,EAAmB,CAAC,CAAC,GAE3D,IAAmB,QACjB,EAAuB,GAC7B,CAAC,CAAsB,CACzB,GAKM,IAAgB,EAAsB,EAAM,iBAAiB,CAAC,CAAC;CACrE,SAAgB;EAEd,IAAM,IAAS,IAAI,IAAI,CAAa;EACpC,EACE,EACG,QAAO,MAAM,CAAC,EAAO,IAAI,EAAG,IAAI,CAAC,EACjC,MAAM,GAAG,CAAkB,EAC3B,KAAI,MAAM,EAAG,IAAI,CACtB;CACF,GAAG;EACD;EACA,EAAiB,MAAM;EACvB;EACA;CACF,CAAC;CAED,IAAM,IAAuB,GAC1B,GAAoB,MAAsB;EAEzC,IAAM,IACJ,aAAa,QAAQ,qCAAqC,MAAM;EAElE,IAAI,CAAC,KAAe,KAAkC,CAAC,GACrD,OAAO;EAET,IAAI,EAAc,IAChB,OAAO,EAAc;EAEvB,IAAI,GAAU;GACZ,IAAM,IAAc,GAAe,cAAc,MAC/C,MAAM,EAAG,SAAS,CACpB;GACA,IAAI,GAAa,gBAAgB;IAC/B,IAAM,IAAgB,EAAY,eAAe,MAC/C,MAAO,EAAI,aAAa,CAC1B;IACA,IAAI,GACF,OAAO,EAAc;GAEzB;EACF;EACA,OAAO,EAAY,CAAU;CAC/B,GACA,CAAC,GAAe,GAAe,YAAY,CAC7C,GAEM,IAAc,GACjB,GAAoB,MAA0C;EAC7D,IAAI,MAAM,QAAQ,CAAiB,GAKjC,OAJmB,EAAkB,MACnC,MACE,EAAO,eAAe,KAAc,EAAO,aAAa,CAErD,GAAY;CAGvB,GACA,CAAC,CAAiB,CACpB,GAEM,IAAuB,QAEzB,kBAAC,GAAD;EACE,MAAM;EACgB;CACvB,CAAA,GAEH,CAAC,GAA0B,CAAoB,CACjD,GAEM,KAAyC,SACtC;EACL,sBAAsB;EACtB,yBAAyB;EACzB,UAAU,EAAM;EACC;EACjB,mBAAmB,EAAM;EACzB;EACA;EACA;EACA,sBAAA;EAEE;EAEA;EACF,iBAAiB,IAAyB,IAAkB;EAC5D;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,WAAW,KAAkB,IAAyB,IAAY;EAClE;EACA;EACA;EACA;CACF,IACA;EACE;EACA;EACA;EACA;EACA;EACA,EAAM;EACN,EAAM;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF,GAIM,EAAE,iBAAa;CACrB,OACE,kBAAC,IAAD;EAAmC,2BAA2B;EAC3D;CACgC,CAAA;AAEvC"}

package/dist/components/QueryWrapper/QueryWrapper.js

@@ -4,50 +4,50 @@ import { ConfirmationDialog as n } from "../ConfirmationDialog/ConfirmationDialo
 import "../ConfirmationDialog/index.js";
 import { QueryContextProvider as ee } from "../QueryContext/QueryContext.js";
 import te from "../../utils/hooks/useImmutableTableQuery/useImmutableTableQuery.js";
-import { useTableQueryUseQueryOptions as ne } from "./TableQueryUseQueryOptions.js";
-import { isRowSelectionUIFloatingAtom as r, isRowSelectionVisibleAtom as i, rowSelectionPrimaryKeyAtom as a, selectedRowsAtom as o, useHasSelectedRowsAtomValue as s } from "./TableRowSelectionState.js";
-import c from "./useComputeRowSelectionPrimaryKey.js";
-import l from "./useHasFacetedSelectColumn.js";
-import u from "./useOnQueryDataChange.js";
-import { useCallback as d, useEffect as f, useMemo as p } from "react";
-import { jsx as m, jsxs as re } from "react/jsx-runtime";
-import { useDeepCompareMemoize as ie } from "use-deep-compare-effect";
-import { Provider as h, useSetAtom as g } from "jotai";
-import _ from "lodash-es/noop";
+import { useTableQueryUseQueryOptions as r } from "./TableQueryUseQueryOptions.js";
+import { isRowSelectionUIFloatingAtom as i, isRowSelectionVisibleAtom as a, rowSelectionPrimaryKeyAtom as o, selectedRowsAtom as s, useHasSelectedRowsAtomValue as c } from "./TableRowSelectionState.js";
+import l from "./useComputeRowSelectionPrimaryKey.js";
+import u from "./useHasFacetedSelectColumn.js";
+import d from "./useOnQueryDataChange.js";
+import { useCallback as f, useEffect as p, useMemo as m } from "react";
+import { jsx as h, jsxs as ne } from "react/jsx-runtime";
+import { useDeepCompareMemoize as re } from "use-deep-compare-effect";
+import ie from "lodash-es/noop";
+import { Provider as g, useSetAtom as _ } from "jotai";
 //#region src/components/QueryWrapper/QueryWrapper.tsx
 function v(t) {
-	return /* @__PURE__ */ m(e, { children: /* @__PURE__ */ m(y, { ...t }) });
+	return /* @__PURE__ */ h(e, { children: /* @__PURE__ */ h(y, { ...t }) });
 }
 function y(e) {
-	let { initQueryRequest: h, onQueryChange: v, onQueryResultBundleChange: y = _, lockedColumn: b, componentIndex: x, shouldDeepLink: S, onViewSharingSettingsClicked: C, isRowSelectionVisible: w = !1, isRowSelectionUIFloating: T = !0, rowSelectionPrimaryKey: E, isInfinite: D = !1, combineRangeFacetConfig: O, fileIdColumnName: k, fileVersionColumnName: A, fileNameColumnName: j } = e, { entityId: M = "", versionNumber: N, getInitQueryRequest: P, getCurrentQueryRequest: F, setQuery: I, resetQuery: L, removeSelectedFacet: R, removeValueFromSelectedFacet: z, removeQueryFilter: ae, removeValueFromQueryFilter: B, onConfirmChange: V, isConfirmingChange: H, onCancelChange: U, nextQueryRequest: W, currentQueryRequest: G, addValueToSelectedFacet: K, setRangeFacetValue: q, resetDebounceTimer: J, currentPage: oe, goToPage: se, pageSize: ce, setPageSize: le } = te({
-		initQueryRequest: h,
+	let { initQueryRequest: g, onQueryChange: v, onQueryResultBundleChange: y = ie, lockedColumn: b, componentIndex: x, shouldDeepLink: S, onViewSharingSettingsClicked: C, isRowSelectionVisible: w = !1, isRowSelectionUIFloating: T = !0, rowSelectionPrimaryKey: E, isInfinite: D = !1, combineRangeFacetConfig: O, fileIdColumnName: k, fileVersionColumnName: A, fileNameColumnName: j } = e, { entityId: M = "", versionNumber: N, getInitQueryRequest: P, getCurrentQueryRequest: F, setQuery: I, resetQuery: L, removeSelectedFacet: R, removeValueFromSelectedFacet: z, removeQueryFilter: ae, removeValueFromQueryFilter: B, onConfirmChange: V, isConfirmingChange: H, onCancelChange: U, nextQueryRequest: W, currentQueryRequest: G, addValueToSelectedFacet: K, setRangeFacetValue: q, resetDebounceTimer: J, currentPage: oe, goToPage: se, pageSize: ce, setPageSize: le } = te({
+		initQueryRequest: g,
 		shouldDeepLink: S,
 		componentIndex: x,
 		onQueryChange: v,
-		requireConfirmationOnChange: s()
-	}), { rowDataQueryOptions: ue, rowDataInfiniteQueryOptions: de, queryMetadataQueryOptions: Y } = ne(p(() => F(), [F]), b), fe = l(Y), pe = p(() => t(F().query, b), [F, b]), X = g(i);
-	f(() => {
+		requireConfirmationOnChange: c()
+	}), { rowDataQueryOptions: ue, rowDataInfiniteQueryOptions: de, queryMetadataQueryOptions: Y } = r(m(() => F(), [F]), b), fe = u(Y), pe = m(() => t(F().query, b), [F, b]), X = _(a);
+	p(() => {
 		X(w);
 	}, [w, X]);
-	let Z = g(r);
-	f(() => {
+	let Z = _(i);
+	p(() => {
 		Z(T);
 	}, [T, Z]);
-	let Q = c({
+	let Q = l({
 		entityId: M,
 		versionNumber: N,
 		rowSelectionPrimaryKeyFromProps: E,
 		queryMetadataQueryOptions: Y
-	}), $ = g(a);
-	f(() => {
+	}), $ = _(o);
+	p(() => {
 		$(Q);
 	}, [Q, $]);
-	let me = g(o), he = d((e) => y(JSON.stringify(e)), [y]);
-	u({
+	let me = _(s), he = f((e) => y(JSON.stringify(e)), [y]);
+	d({
 		queryBundleRequest: F(),
 		onChange: he
 	});
-	let ge = ie({
+	let ge = re({
 		isInfinite: D,
 		entityId: M,
 		versionNumber: N,
@@ -80,9 +80,9 @@ function y(e) {
 		fileVersionColumnName: A,
 		fileNameColumnName: j
 	}), { children: _e } = e;
-	return /* @__PURE__ */ re(ee, {
+	return /* @__PURE__ */ ne(ee, {
 		queryContext: ge,
-		children: [/* @__PURE__ */ m(n, {
+		children: [/* @__PURE__ */ h(n, {
 			open: H,
 			title: "Change Query and Clear Selection?",
 			content: "Changing the current query will cause your current selection to be lost. Are you sure you want to proceed?",
@@ -97,7 +97,7 @@ function y(e) {
 	});
 }
 function b(e) {
-	return /* @__PURE__ */ m(h, { children: /* @__PURE__ */ m(v, { ...e }) });
+	return /* @__PURE__ */ h(g, { children: /* @__PURE__ */ h(v, { ...e }) });
 }
 //#endregion
 export { b as QueryWrapper };

package/dist/components/QueryWrapper/QueryWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryWrapper.js","names":[],"sources":["../../../src/components/QueryWrapper/QueryWrapper.tsx"],"sourcesContent":["import { LockedColumn } from '@/utils/types/LockedColumn'\nimport { hasResettableFilters as hasResettableFiltersUtil } from '@/utils/functions/queryUtils'\nimport useImmutableTableQuery from '@/utils/hooks/useImmutableTableQuery/useImmutableTableQuery'\nimport {\n  QueryBundleRequest,\n  QueryResultBundle,\n} from '@sage-bionetworks/synapse-types'\nimport { Provider, useSetAtom } from 'jotai'\nimport noop from 'lodash-es/noop'\nimport { PropsWithChildren, useCallback, useEffect, useMemo } from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport { ConfirmationDialog } from '../ConfirmationDialog'\nimport {\n  CombineRangeFacetConfig,\n  QueryContextProvider,\n  QueryContextType,\n} from '../QueryContext/QueryContext'\nimport { useTableQueryUseQueryOptions } from './TableQueryUseQueryOptions'\nimport {\n  isRowSelectionUIFloatingAtom,\n  isRowSelectionVisibleAtom,\n  rowSelectionPrimaryKeyAtom,\n  selectedRowsAtom,\n  useHasSelectedRowsAtomValue,\n} from './TableRowSelectionState'\nimport useComputeRowSelectionPrimaryKey from './useComputeRowSelectionPrimaryKey'\nimport useHasFacetedSelectColumn from './useHasFacetedSelectColumn'\nimport useOnQueryDataChange from './useOnQueryDataChange'\nimport { SessionInitializedGuard } from '@/utils/AppUtils/session/SessionInitializedGuard'\n\nexport type QueryWrapperProps = PropsWithChildren<{\n  initQueryRequest: QueryBundleRequest\n  componentIndex?: number //used for deep linking\n  shouldDeepLink?: boolean\n  onQueryChange?: (newQueryJson: string) => void\n  /** Called when the query result rows change */\n  onQueryResultBundleChange?: (newQueryResultBundleJson: string) => void\n  lockedColumn?: LockedColumn\n  onViewSharingSettingsClicked?: (benefactorId: string) => void\n  isRowSelectionVisible?: boolean\n  /** The set of columns that defines a uniqueness constraint on the table for the purposes of filtering based on row selection.\n   * Note that Synapse tables have no internal concept of a primary key.\n   */\n  rowSelectionPrimaryKey?: string[]\n  /** By default, the row selection UI will float at the bottom of the viewport.  Set to false to make it inline */\n  isRowSelectionUIFloating?: boolean\n  isInfinite?: boolean\n  combineRangeFacetConfig?: CombineRangeFacetConfig\n  /** If provided, will use the value in this column instead of the rowID for the access column, download column, etc */\n  fileIdColumnName?: string\n  fileNameColumnName?: string\n  /** If provided, will use the value in this column instead of the row version number for the access column, download column, etc */\n  fileVersionColumnName?: string\n}>\n\n/**\n * Component that manages the state of a Synapse table query. Data can be accessed via QueryContext using\n * either `useQueryContext` or `QueryContextConsumer`.\n */\nfunction QueryWrapperInternal(props: QueryWrapperProps) {\n  return (\n    <SessionInitializedGuard>\n      <QueryWrapperInternalWithSession {...props} />\n    </SessionInitializedGuard>\n  )\n}\n\n/**\n * Internal component that renders after session is initialized\n */\nfunction QueryWrapperInternalWithSession(props: QueryWrapperProps) {\n  const {\n    initQueryRequest,\n    onQueryChange,\n    onQueryResultBundleChange = noop,\n    lockedColumn,\n    componentIndex,\n    shouldDeepLink,\n    onViewSharingSettingsClicked,\n    isRowSelectionVisible: isRowSelectionVisibleFromProps = false,\n    isRowSelectionUIFloating: isRowSelectionUIFloatingFromProps = true,\n    rowSelectionPrimaryKey: rowSelectionPrimaryKeyFromProps,\n    isInfinite = false,\n    combineRangeFacetConfig,\n    fileIdColumnName,\n    fileVersionColumnName,\n    fileNameColumnName,\n  } = props\n\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n\n  const immutableTableQueryResult = useImmutableTableQuery({\n    initQueryRequest,\n    shouldDeepLink,\n    componentIndex,\n    onQueryChange,\n    requireConfirmationOnChange: hasSelectedRows,\n  })\n  const {\n    entityId = '',\n    versionNumber,\n    getInitQueryRequest,\n    getCurrentQueryRequest,\n    setQuery,\n    resetQuery,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    onConfirmChange,\n    isConfirmingChange,\n    onCancelChange,\n    nextQueryRequest,\n    currentQueryRequest,\n    addValueToSelectedFacet,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n  } = immutableTableQueryResult\n\n  const lastQueryRequest = useMemo(() => {\n    return getCurrentQueryRequest()\n  }, [getCurrentQueryRequest])\n\n  const {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  } = useTableQueryUseQueryOptions(lastQueryRequest, lockedColumn)\n\n  const hasFacetedSelectColumn = useHasFacetedSelectColumn(\n    queryMetadataQueryOptions,\n  )\n\n  const hasResettableFilters = useMemo(() => {\n    const request = getCurrentQueryRequest()\n    return hasResettableFiltersUtil(request.query, lockedColumn)\n  }, [getCurrentQueryRequest, lockedColumn])\n\n  const setIsRowSelectionVisible = useSetAtom(isRowSelectionVisibleAtom)\n  useEffect(() => {\n    setIsRowSelectionVisible(isRowSelectionVisibleFromProps)\n  }, [isRowSelectionVisibleFromProps, setIsRowSelectionVisible])\n\n  const setIsRowSelectionUIFloating = useSetAtom(isRowSelectionUIFloatingAtom)\n  useEffect(() => {\n    setIsRowSelectionUIFloating(isRowSelectionUIFloatingFromProps)\n  }, [isRowSelectionUIFloatingFromProps, setIsRowSelectionUIFloating])\n\n  const rowSelectionPrimaryKey = useComputeRowSelectionPrimaryKey({\n    entityId,\n    versionNumber,\n    rowSelectionPrimaryKeyFromProps,\n    queryMetadataQueryOptions,\n  })\n  const setRowSelectionPrimaryKey = useSetAtom(rowSelectionPrimaryKeyAtom)\n  useEffect(() => {\n    setRowSelectionPrimaryKey(rowSelectionPrimaryKey)\n  }, [rowSelectionPrimaryKey, setRowSelectionPrimaryKey])\n\n  const setSelectedRows = useSetAtom(selectedRowsAtom)\n  const onChangeCallback = useCallback(\n    (data: QueryResultBundle) =>\n      onQueryResultBundleChange(JSON.stringify(data)),\n    [onQueryResultBundleChange],\n  )\n  // Track changes to the query row data and propagate to callback\n  useOnQueryDataChange({\n    queryBundleRequest: getCurrentQueryRequest(),\n    onChange: onChangeCallback,\n  })\n\n  const context: QueryContextType = useDeepCompareMemoize({\n    isInfinite,\n    entityId,\n    versionNumber,\n    nextQueryRequest,\n    currentQueryRequest,\n    getCurrentQueryRequest: getCurrentQueryRequest,\n    getInitQueryRequest,\n    executeQueryRequest: setQuery,\n    hasFacetedSelectColumn,\n    hasResettableFilters,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    resetQuery,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    onViewSharingSettingsClicked,\n    addValueToSelectedFacet,\n    combineRangeFacetConfig,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n    lockedColumn,\n    fileIdColumnName,\n    fileVersionColumnName,\n    fileNameColumnName,\n  })\n\n  /**\n   * Render the children without any formatting\n   */\n  const { children } = props\n  return (\n    <QueryContextProvider queryContext={context}>\n      <ConfirmationDialog\n        open={isConfirmingChange}\n        title={'Change Query and Clear Selection?'}\n        content={\n          'Changing the current query will cause your current selection to be lost. Are you sure you want to proceed?'\n        }\n        confirmButtonProps={{\n          children: 'Clear Selection and Update Query',\n        }}\n        onConfirm={() => {\n          setSelectedRows([])\n          onConfirmChange()\n        }}\n        onCancel={() => {\n          onCancelChange()\n        }}\n      />\n      {children}\n    </QueryContextProvider>\n  )\n}\n\nexport function QueryWrapper(props: QueryWrapperProps) {\n  // Wrap in a Jotai provider to ensure the Jotai atomic state is unique to this component tree\n  // i.e. other instances of QueryWrapper will not share state with this instance\n  return (\n    <Provider>\n      <QueryWrapperInternal {...props} />\n    </Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA2DA,SAAS,EAAqB,GAA0B;AACtD,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAiC,GAAI,GAAS,CAAA,EACtB,CAAA;;AAO9B,SAAS,EAAgC,GAA0B;CACjE,IAAM,EACJ,qBACA,kBACA,+BAA4B,GAC5B,iBACA,mBACA,mBACA,iCACA,uBAAuB,IAAiC,IACxD,0BAA0B,IAAoC,IAC9D,wBAAwB,GACxB,gBAAa,IACb,4BACA,qBACA,0BACA,0BACE,GAWE,EACJ,cAAW,IACX,kBACA,wBACA,2BACA,aACA,eACA,wBACA,iCACA,uBACA,+BACA,oBACA,uBACA,mBACA,qBACA,wBACA,4BACA,uBACA,uBACA,iBACA,cACA,cACA,oBA7BgC,GAAuB;EACvD;EACA;EACA;EACA;EACA,6BAPsB,GAOO;EAC9B,CAwBG,EAME,EACJ,yBACA,iCACA,iCACE,GARqB,QAChB,GAAwB,EAC9B,CAAC,EAAuB,CAMM,EAAkB,EAAa,EAE1D,KAAyB,EAC7B,EACD,EAEK,KAAuB,QAEpB,EADS,GACgB,CAAQ,OAAO,EAAa,EAC3D,CAAC,GAAwB,EAAa,CAAC,EAEpC,IAA2B,EAAW,EAA0B;AACtE,SAAgB;AACd,IAAyB,EAA+B;IACvD,CAAC,GAAgC,EAAyB,CAAC;CAE9D,IAAM,IAA8B,EAAW,EAA6B;AAC5E,SAAgB;AACd,IAA4B,EAAkC;IAC7D,CAAC,GAAmC,EAA4B,CAAC;CAEpE,IAAM,IAAyB,EAAiC;EAC9D;EACA;EACA;EACA;EACD,CAAC,EACI,IAA4B,EAAW,EAA2B;AACxE,SAAgB;AACd,IAA0B,EAAuB;IAChD,CAAC,GAAwB,EAA0B,CAAC;CAEvD,IAAM,KAAkB,EAAW,EAAiB,EAC9C,KAAmB,GACtB,MACC,EAA0B,KAAK,UAAU,EAAK,CAAC,EACjD,CAAC,EAA0B,CAC5B;AAED,GAAqB;EACnB,oBAAoB,GAAwB;EAC5C,UAAU;EACX,CAAC;CAEF,IAAM,KAA4B,GAAsB;EACtD;EACA;EACA;EACA;EACA;EACwB;EACxB;EACA,qBAAqB;EACrB;EACA,sBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAKI,EAAE,iBAAa;AACrB,QACE,mBAAC,IAAD;EAAsB,cAAc;YAApC,CACE,kBAAC,GAAD;GACE,MAAM;GACN,OAAO;GACP,SACE;GAEF,oBAAoB,EAClB,UAAU,oCACX;GACD,iBAAiB;AAEf,IADA,GAAgB,EAAE,CAAC,EACnB,GAAiB;;GAEnB,gBAAgB;AACd,OAAgB;;GAElB,CAAA,EACD,GACoB;;;AAI3B,SAAgB,EAAa,GAA0B;AAGrD,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAsB,GAAI,GAAS,CAAA,EAC1B,CAAA"}
+{"version":3,"file":"QueryWrapper.js","names":[],"sources":["../../../src/components/QueryWrapper/QueryWrapper.tsx"],"sourcesContent":["import { LockedColumn } from '@/utils/types/LockedColumn'\nimport { hasResettableFilters as hasResettableFiltersUtil } from '@/utils/functions/queryUtils'\nimport useImmutableTableQuery from '@/utils/hooks/useImmutableTableQuery/useImmutableTableQuery'\nimport {\n  QueryBundleRequest,\n  QueryResultBundle,\n} from '@sage-bionetworks/synapse-types'\nimport { Provider, useSetAtom } from 'jotai'\nimport noop from 'lodash-es/noop'\nimport { PropsWithChildren, useCallback, useEffect, useMemo } from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport { ConfirmationDialog } from '../ConfirmationDialog'\nimport {\n  CombineRangeFacetConfig,\n  QueryContextProvider,\n  QueryContextType,\n} from '../QueryContext/QueryContext'\nimport { useTableQueryUseQueryOptions } from './TableQueryUseQueryOptions'\nimport {\n  isRowSelectionUIFloatingAtom,\n  isRowSelectionVisibleAtom,\n  rowSelectionPrimaryKeyAtom,\n  selectedRowsAtom,\n  useHasSelectedRowsAtomValue,\n} from './TableRowSelectionState'\nimport useComputeRowSelectionPrimaryKey from './useComputeRowSelectionPrimaryKey'\nimport useHasFacetedSelectColumn from './useHasFacetedSelectColumn'\nimport useOnQueryDataChange from './useOnQueryDataChange'\nimport { SessionInitializedGuard } from '@/utils/AppUtils/session/SessionInitializedGuard'\n\nexport type QueryWrapperProps = PropsWithChildren<{\n  initQueryRequest: QueryBundleRequest\n  componentIndex?: number //used for deep linking\n  shouldDeepLink?: boolean\n  onQueryChange?: (newQueryJson: string) => void\n  /** Called when the query result rows change */\n  onQueryResultBundleChange?: (newQueryResultBundleJson: string) => void\n  lockedColumn?: LockedColumn\n  onViewSharingSettingsClicked?: (benefactorId: string) => void\n  isRowSelectionVisible?: boolean\n  /** The set of columns that defines a uniqueness constraint on the table for the purposes of filtering based on row selection.\n   * Note that Synapse tables have no internal concept of a primary key.\n   */\n  rowSelectionPrimaryKey?: string[]\n  /** By default, the row selection UI will float at the bottom of the viewport.  Set to false to make it inline */\n  isRowSelectionUIFloating?: boolean\n  isInfinite?: boolean\n  combineRangeFacetConfig?: CombineRangeFacetConfig\n  /** If provided, will use the value in this column instead of the rowID for the access column, download column, etc */\n  fileIdColumnName?: string\n  fileNameColumnName?: string\n  /** If provided, will use the value in this column instead of the row version number for the access column, download column, etc */\n  fileVersionColumnName?: string\n}>\n\n/**\n * Component that manages the state of a Synapse table query. Data can be accessed via QueryContext using\n * either `useQueryContext` or `QueryContextConsumer`.\n */\nfunction QueryWrapperInternal(props: QueryWrapperProps) {\n  return (\n    <SessionInitializedGuard>\n      <QueryWrapperInternalWithSession {...props} />\n    </SessionInitializedGuard>\n  )\n}\n\n/**\n * Internal component that renders after session is initialized\n */\nfunction QueryWrapperInternalWithSession(props: QueryWrapperProps) {\n  const {\n    initQueryRequest,\n    onQueryChange,\n    onQueryResultBundleChange = noop,\n    lockedColumn,\n    componentIndex,\n    shouldDeepLink,\n    onViewSharingSettingsClicked,\n    isRowSelectionVisible: isRowSelectionVisibleFromProps = false,\n    isRowSelectionUIFloating: isRowSelectionUIFloatingFromProps = true,\n    rowSelectionPrimaryKey: rowSelectionPrimaryKeyFromProps,\n    isInfinite = false,\n    combineRangeFacetConfig,\n    fileIdColumnName,\n    fileVersionColumnName,\n    fileNameColumnName,\n  } = props\n\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n\n  const immutableTableQueryResult = useImmutableTableQuery({\n    initQueryRequest,\n    shouldDeepLink,\n    componentIndex,\n    onQueryChange,\n    requireConfirmationOnChange: hasSelectedRows,\n  })\n  const {\n    entityId = '',\n    versionNumber,\n    getInitQueryRequest,\n    getCurrentQueryRequest,\n    setQuery,\n    resetQuery,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    onConfirmChange,\n    isConfirmingChange,\n    onCancelChange,\n    nextQueryRequest,\n    currentQueryRequest,\n    addValueToSelectedFacet,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n  } = immutableTableQueryResult\n\n  const lastQueryRequest = useMemo(() => {\n    return getCurrentQueryRequest()\n  }, [getCurrentQueryRequest])\n\n  const {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  } = useTableQueryUseQueryOptions(lastQueryRequest, lockedColumn)\n\n  const hasFacetedSelectColumn = useHasFacetedSelectColumn(\n    queryMetadataQueryOptions,\n  )\n\n  const hasResettableFilters = useMemo(() => {\n    const request = getCurrentQueryRequest()\n    return hasResettableFiltersUtil(request.query, lockedColumn)\n  }, [getCurrentQueryRequest, lockedColumn])\n\n  const setIsRowSelectionVisible = useSetAtom(isRowSelectionVisibleAtom)\n  useEffect(() => {\n    setIsRowSelectionVisible(isRowSelectionVisibleFromProps)\n  }, [isRowSelectionVisibleFromProps, setIsRowSelectionVisible])\n\n  const setIsRowSelectionUIFloating = useSetAtom(isRowSelectionUIFloatingAtom)\n  useEffect(() => {\n    setIsRowSelectionUIFloating(isRowSelectionUIFloatingFromProps)\n  }, [isRowSelectionUIFloatingFromProps, setIsRowSelectionUIFloating])\n\n  const rowSelectionPrimaryKey = useComputeRowSelectionPrimaryKey({\n    entityId,\n    versionNumber,\n    rowSelectionPrimaryKeyFromProps,\n    queryMetadataQueryOptions,\n  })\n  const setRowSelectionPrimaryKey = useSetAtom(rowSelectionPrimaryKeyAtom)\n  useEffect(() => {\n    setRowSelectionPrimaryKey(rowSelectionPrimaryKey)\n  }, [rowSelectionPrimaryKey, setRowSelectionPrimaryKey])\n\n  const setSelectedRows = useSetAtom(selectedRowsAtom)\n  const onChangeCallback = useCallback(\n    (data: QueryResultBundle) =>\n      onQueryResultBundleChange(JSON.stringify(data)),\n    [onQueryResultBundleChange],\n  )\n  // Track changes to the query row data and propagate to callback\n  useOnQueryDataChange({\n    queryBundleRequest: getCurrentQueryRequest(),\n    onChange: onChangeCallback,\n  })\n\n  const context: QueryContextType = useDeepCompareMemoize({\n    isInfinite,\n    entityId,\n    versionNumber,\n    nextQueryRequest,\n    currentQueryRequest,\n    getCurrentQueryRequest: getCurrentQueryRequest,\n    getInitQueryRequest,\n    executeQueryRequest: setQuery,\n    hasFacetedSelectColumn,\n    hasResettableFilters,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    resetQuery,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    onViewSharingSettingsClicked,\n    addValueToSelectedFacet,\n    combineRangeFacetConfig,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n    lockedColumn,\n    fileIdColumnName,\n    fileVersionColumnName,\n    fileNameColumnName,\n  })\n\n  /**\n   * Render the children without any formatting\n   */\n  const { children } = props\n  return (\n    <QueryContextProvider queryContext={context}>\n      <ConfirmationDialog\n        open={isConfirmingChange}\n        title={'Change Query and Clear Selection?'}\n        content={\n          'Changing the current query will cause your current selection to be lost. Are you sure you want to proceed?'\n        }\n        confirmButtonProps={{\n          children: 'Clear Selection and Update Query',\n        }}\n        onConfirm={() => {\n          setSelectedRows([])\n          onConfirmChange()\n        }}\n        onCancel={() => {\n          onCancelChange()\n        }}\n      />\n      {children}\n    </QueryContextProvider>\n  )\n}\n\nexport function QueryWrapper(props: QueryWrapperProps) {\n  // Wrap in a Jotai provider to ensure the Jotai atomic state is unique to this component tree\n  // i.e. other instances of QueryWrapper will not share state with this instance\n  return (\n    <Provider>\n      <QueryWrapperInternal {...props} />\n    </Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA2DA,SAAS,EAAqB,GAA0B;CACtD,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAiC,GAAI,EAAQ,CAAA,EACtB,CAAA;AAE7B;AAKA,SAAS,EAAgC,GAA0B;CACjE,IAAM,EACJ,qBACA,kBACA,+BAA4B,IAC5B,iBACA,mBACA,mBACA,iCACA,uBAAuB,IAAiC,IACxD,0BAA0B,IAAoC,IAC9D,wBAAwB,GACxB,gBAAa,IACb,4BACA,qBACA,0BACA,0BACE,GAWE,EACJ,cAAW,IACX,kBACA,wBACA,2BACA,aACA,eACA,wBACA,iCACA,uBACA,+BACA,oBACA,uBACA,mBACA,qBACA,wBACA,4BACA,uBACA,uBACA,iBACA,cACA,cACA,oBA7BgC,GAAuB;EACvD;EACA;EACA;EACA;EACA,6BAPsB,EAOO;CAC/B,CAwBI,GAME,EACJ,yBACA,iCACA,iCACE,EARqB,QAChB,EAAuB,GAC7B,CAAC,CAAsB,CAMO,GAAkB,CAAY,GAEzD,KAAyB,EAC7B,CACF,GAEM,KAAuB,QAEpB,EADS,EACgB,EAAQ,OAAO,CAAY,GAC1D,CAAC,GAAwB,CAAY,CAAC,GAEnC,IAA2B,EAAW,CAAyB;CACrE,QAAgB;EACd,EAAyB,CAA8B;CACzD,GAAG,CAAC,GAAgC,CAAwB,CAAC;CAE7D,IAAM,IAA8B,EAAW,CAA4B;CAC3E,QAAgB;EACd,EAA4B,CAAiC;CAC/D,GAAG,CAAC,GAAmC,CAA2B,CAAC;CAEnE,IAAM,IAAyB,EAAiC;EAC9D;EACA;EACA;EACA;CACF,CAAC,GACK,IAA4B,EAAW,CAA0B;CACvE,QAAgB;EACd,EAA0B,CAAsB;CAClD,GAAG,CAAC,GAAwB,CAAyB,CAAC;CAEtD,IAAM,KAAkB,EAAW,CAAgB,GAC7C,KAAmB,GACtB,MACC,EAA0B,KAAK,UAAU,CAAI,CAAC,GAChD,CAAC,CAAyB,CAC5B;CAEA,EAAqB;EACnB,oBAAoB,EAAuB;EAC3C,UAAU;CACZ,CAAC;CAED,IAAM,KAA4B,GAAsB;EACtD;EACA;EACA;EACA;EACA;EACwB;EACxB;EACA,qBAAqB;EACrB;EACA,sBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GAKK,EAAE,iBAAa;CACrB,OACE,mBAAC,IAAD;EAAsB,cAAc;YAApC,CACE,kBAAC,GAAD;GACE,MAAM;GACN,OAAO;GACP,SACE;GAEF,oBAAoB,EAClB,UAAU,mCACZ;GACA,iBAAiB;IAEf,AADA,GAAgB,CAAC,CAAC,GAClB,EAAgB;GAClB;GACA,gBAAgB;IACd,EAAe;GACjB;EACD,CAAA,GACA,EACmB;;AAE1B;AAEA,SAAgB,EAAa,GAA0B;CAGrD,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAsB,GAAI,EAAQ,CAAA,EAC1B,CAAA;AAEd"}

package/dist/components/QueryWrapper/QueryWrapperLoadingScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryWrapperLoadingScreen.js","names":[],"sources":["../../../src/components/QueryWrapper/QueryWrapperLoadingScreen.tsx"],"sourcesContent":["import { Box, LinearProgress, Typography } from '@mui/material'\n\ntype QueryWrapperLoadingScreenProps = { progressMessage?: string }\n\nexport default function QueryWrapperLoadingScreen(\n  props: QueryWrapperLoadingScreenProps,\n) {\n  const { progressMessage } = props\n  return (\n    <Box sx={{ my: 7.5, mx: 15 }}>\n      <LinearProgress />\n      {progressMessage && (\n        <Typography\n          variant={'smallText1'}\n          sx={{\n            color: 'grey.600',\n            fontSize: '10px',\n            textAlign: 'center',\n            my: 1,\n          }}\n        >\n          {progressMessage}\n        </Typography>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;AAIA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,uBAAoB;AAC5B,QACE,kBAAC,GAAD;EAAK,IAAI;GAAE,IAAI;GAAK,IAAI;GAAI;YAA5B,CACE,kBAAC,GAAD,EAAkB,CAAA,EACjB,KACC,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IACF,OAAO;IACP,UAAU;IACV,WAAW;IACX,IAAI;IACL;aAEA;GACU,CAAA,CAEX"}
+{"version":3,"file":"QueryWrapperLoadingScreen.js","names":[],"sources":["../../../src/components/QueryWrapper/QueryWrapperLoadingScreen.tsx"],"sourcesContent":["import { Box, LinearProgress, Typography } from '@mui/material'\n\ntype QueryWrapperLoadingScreenProps = { progressMessage?: string }\n\nexport default function QueryWrapperLoadingScreen(\n  props: QueryWrapperLoadingScreenProps,\n) {\n  const { progressMessage } = props\n  return (\n    <Box sx={{ my: 7.5, mx: 15 }}>\n      <LinearProgress />\n      {progressMessage && (\n        <Typography\n          variant={'smallText1'}\n          sx={{\n            color: 'grey.600',\n            fontSize: '10px',\n            textAlign: 'center',\n            my: 1,\n          }}\n        >\n          {progressMessage}\n        </Typography>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;AAIA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,uBAAoB;CAC5B,OACE,kBAAC,GAAD;EAAK,IAAI;GAAE,IAAI;GAAK,IAAI;EAAG;YAA3B,CACE,kBAAC,GAAD,CAAiB,CAAA,GAChB,KACC,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IACF,OAAO;IACP,UAAU;IACV,WAAW;IACX,IAAI;GACN;aAEC;EACS,CAAA,CAEX;;AAET"}

package/dist/components/QueryWrapper/TableQueryUseQueryOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableQueryUseQueryOptions.js","names":[],"sources":["../../../src/components/QueryWrapper/TableQueryUseQueryOptions.ts"],"sourcesContent":["import * as SynapseClient from '@/synapse-client/SynapseClient'\nimport {\n  getInfiniteQueryResultBundleOptions,\n  KeyFactory,\n  tableQueryUseQueryDefaults,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  partitionQueryBundleRequestIntoRowsAndMetadata,\n  removeLockedColumnFromFacetData,\n} from '@/utils/functions/queryUtils'\nimport { LockedColumn } from '@/utils/types/LockedColumn'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client'\nimport {\n  AsynchronousJobStatus,\n  QueryBundleRequest,\n  QueryResultBundle,\n  RowSet,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  InfiniteData,\n  QueryKey,\n  UseInfiniteQueryOptions,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { omit } from 'lodash-es'\nimport { useMemo } from 'react'\n\nexport type TableQueryUseQueryOptions = {\n  rowDataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    RowSet | undefined\n  >\n\n  rowDataInfiniteQueryOptions: UseInfiniteQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    InfiniteData<AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>>,\n    QueryKey,\n    string | number | undefined\n  >\n\n  queryMetadataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n}\n\nexport function getTableQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  lockedColumn: LockedColumn | undefined,\n  keyFactory: KeyFactory,\n  accessToken: string | undefined,\n) {\n  const { rowDataRequest, queryMetadataRequest } =\n    partitionQueryBundleRequestIntoRowsAndMetadata(queryBundleRequest)\n  const rowDataQueryOptions: TableQueryUseQueryOptions['rowDataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getEntityTableQueryResultWithAsyncStatusQueryKey(\n        rowDataRequest,\n        false,\n      ),\n      queryFn: () =>\n        SynapseClient.getQueryTableAsyncJobResults(rowDataRequest, accessToken),\n      select: data => data.responseBody?.queryResult?.queryResults,\n    }\n\n  const rowDataInfiniteQueryOptions: TableQueryUseQueryOptions['rowDataInfiniteQueryOptions'] =\n    {\n      ...getInfiniteQueryResultBundleOptions(\n        rowDataRequest,\n        keyFactory,\n        accessToken,\n      ),\n    }\n\n  const queryMetadataQueryOptions: TableQueryUseQueryOptions['queryMetadataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getEntityTableQueryResultWithAsyncStatusQueryKey(\n        queryMetadataRequest,\n        false,\n      ),\n      queryFn: () =>\n        SynapseClient.getQueryTableAsyncJobResults(\n          queryMetadataRequest,\n          accessToken,\n        ),\n\n      select: data =>\n        omit(\n          removeLockedColumnFromFacetData(data.responseBody, lockedColumn),\n          'queryResults',\n        ),\n    }\n\n  return {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  }\n}\n\n/**\n * Return the UseQueryOptions used to retrieve a table query's row data and query metadata.\n * @param queryBundleRequest\n * @param lockedColumn - remove a particular facet name (e.g. study) and all possible values based on the parameter\n * specified in the url this is to remove the facet from the charts, search and filter.\n */\nexport function useTableQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  lockedColumn?: LockedColumn,\n): TableQueryUseQueryOptions {\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  return useMemo(\n    () =>\n      getTableQueryUseQueryOptions(\n        queryBundleRequest,\n        lockedColumn,\n        keyFactory,\n        accessToken,\n      ),\n    [keyFactory, accessToken, queryBundleRequest, lockedColumn],\n  )\n}\n"],"mappings":";;;;;;;;AAkDA,SAAgB,EACd,GACA,GACA,GACA,GACA;CACA,IAAM,EAAE,mBAAgB,4BACtB,EAA+C,EAAmB;AA0CpE,QAAO;EACL,qBAAA;GAxCE,GAAG;GACH,UAAU,EAAW,iDACnB,GACA,GACD;GACD,eACE,EAA2C,GAAgB,EAAY;GACzE,SAAQ,MAAQ,EAAK,cAAc,aAAa;GAiClD;EACA,6BAAA,EA7BE,GAAG,EACD,GACA,GACA,EACD,EAyBH;EACA,2BAAA;GArBE,GAAG;GACH,UAAU,EAAW,iDACnB,GACA,GACD;GACD,eACE,EACE,GACA,EACD;GAEH,SAAQ,MACN,EACE,EAAgC,EAAK,cAAc,EAAa,EAChE,eACD;GAML;EACD;;AASH,SAAgB,EACd,GACA,GAC2B;CAC3B,IAAM,EAAE,eAAY,mBAAgB,GAAmB;AAEvD,QAAO,QAEH,EACE,GACA,GACA,GACA,EACD,EACH;EAAC;EAAY;EAAa;EAAoB;EAAa,CAC5D"}
+{"version":3,"file":"TableQueryUseQueryOptions.js","names":[],"sources":["../../../src/components/QueryWrapper/TableQueryUseQueryOptions.ts"],"sourcesContent":["import * as SynapseClient from '@/synapse-client/SynapseClient'\nimport {\n  getInfiniteQueryResultBundleOptions,\n  KeyFactory,\n  tableQueryUseQueryDefaults,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  partitionQueryBundleRequestIntoRowsAndMetadata,\n  removeLockedColumnFromFacetData,\n} from '@/utils/functions/queryUtils'\nimport { LockedColumn } from '@/utils/types/LockedColumn'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client'\nimport {\n  AsynchronousJobStatus,\n  QueryBundleRequest,\n  QueryResultBundle,\n  RowSet,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  InfiniteData,\n  QueryKey,\n  UseInfiniteQueryOptions,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { omit } from 'lodash-es'\nimport { useMemo } from 'react'\n\nexport type TableQueryUseQueryOptions = {\n  rowDataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    RowSet | undefined\n  >\n\n  rowDataInfiniteQueryOptions: UseInfiniteQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    InfiniteData<AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>>,\n    QueryKey,\n    string | number | undefined\n  >\n\n  queryMetadataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n}\n\nexport function getTableQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  lockedColumn: LockedColumn | undefined,\n  keyFactory: KeyFactory,\n  accessToken: string | undefined,\n) {\n  const { rowDataRequest, queryMetadataRequest } =\n    partitionQueryBundleRequestIntoRowsAndMetadata(queryBundleRequest)\n  const rowDataQueryOptions: TableQueryUseQueryOptions['rowDataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getEntityTableQueryResultWithAsyncStatusQueryKey(\n        rowDataRequest,\n        false,\n      ),\n      queryFn: () =>\n        SynapseClient.getQueryTableAsyncJobResults(rowDataRequest, accessToken),\n      select: data => data.responseBody?.queryResult?.queryResults,\n    }\n\n  const rowDataInfiniteQueryOptions: TableQueryUseQueryOptions['rowDataInfiniteQueryOptions'] =\n    {\n      ...getInfiniteQueryResultBundleOptions(\n        rowDataRequest,\n        keyFactory,\n        accessToken,\n      ),\n    }\n\n  const queryMetadataQueryOptions: TableQueryUseQueryOptions['queryMetadataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getEntityTableQueryResultWithAsyncStatusQueryKey(\n        queryMetadataRequest,\n        false,\n      ),\n      queryFn: () =>\n        SynapseClient.getQueryTableAsyncJobResults(\n          queryMetadataRequest,\n          accessToken,\n        ),\n\n      select: data =>\n        omit(\n          removeLockedColumnFromFacetData(data.responseBody, lockedColumn),\n          'queryResults',\n        ),\n    }\n\n  return {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  }\n}\n\n/**\n * Return the UseQueryOptions used to retrieve a table query's row data and query metadata.\n * @param queryBundleRequest\n * @param lockedColumn - remove a particular facet name (e.g. study) and all possible values based on the parameter\n * specified in the url this is to remove the facet from the charts, search and filter.\n */\nexport function useTableQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  lockedColumn?: LockedColumn,\n): TableQueryUseQueryOptions {\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  return useMemo(\n    () =>\n      getTableQueryUseQueryOptions(\n        queryBundleRequest,\n        lockedColumn,\n        keyFactory,\n        accessToken,\n      ),\n    [keyFactory, accessToken, queryBundleRequest, lockedColumn],\n  )\n}\n"],"mappings":";;;;;;;;AAkDA,SAAgB,EACd,GACA,GACA,GACA,GACA;CACA,IAAM,EAAE,mBAAgB,4BACtB,EAA+C,CAAkB;CA0CnE,OAAO;EACL,qBAAA;GAxCE,GAAG;GACH,UAAU,EAAW,iDACnB,GACA,EACF;GACA,eACE,EAA2C,GAAgB,CAAW;GACxE,SAAQ,MAAQ,EAAK,cAAc,aAAa;EAiClD;EACA,6BAAA,EA7BE,GAAG,EACD,GACA,GACA,CACF,EAyBF;EACA,2BAAA;GArBE,GAAG;GACH,UAAU,EAAW,iDACnB,GACA,EACF;GACA,eACE,EACE,GACA,CACF;GAEF,SAAQ,MACN,EACE,EAAgC,EAAK,cAAc,CAAY,GAC/D,cACF;EAMJ;CACF;AACF;AAQA,SAAgB,EACd,GACA,GAC2B;CAC3B,IAAM,EAAE,eAAY,mBAAgB,EAAkB;CAEtD,OAAO,QAEH,EACE,GACA,GACA,GACA,CACF,GACF;EAAC;EAAY;EAAa;EAAoB;CAAY,CAC5D;AACF"}

package/dist/components/QueryWrapper/TableRowSelectionState.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRowSelectionState.js","names":[],"sources":["../../../src/components/QueryWrapper/TableRowSelectionState.ts"],"sourcesContent":["import { Row, SelectColumn } from '@sage-bionetworks/synapse-types'\nimport { atom, useAtomValue } from 'jotai'\nimport { isEqual } from 'lodash-es'\n\nexport function getRowSelectionEqualityComparator(\n  row: Row,\n  selectColumns?: SelectColumn[],\n  rowSelectionPrimaryKey?: string[],\n): (r1: Row, r2: Row) => boolean {\n  // Worst-case scenario, use deep equality to compare rows\n  // This will fail from the user's perspective if any data changes in the rows since the last time the selection was updated.\n  let comparator: (r1: Row, r2: Row) => boolean = isEqual\n  if (rowSelectionPrimaryKey && selectColumns) {\n    // If the `rowSelectionPrimaryKey` is defined, a row is selected if we have a PK match\n    // Even this selection is not guaranteed to persist if data changes, e.g. if column order changes and the PK now has a different column index\n    comparator = (r1: Row, r2: Row) => {\n      const r1PrimaryKeyValues = rowSelectionPrimaryKey.map(\n        key => r1.values[selectColumns.findIndex(cm => cm.name === key)]!,\n      )\n      const r2PrimaryKeyValues = rowSelectionPrimaryKey.map(\n        key => r2.values[selectColumns.findIndex(cm => cm.name === key)]!,\n      )\n      return isEqual(r1PrimaryKeyValues, r2PrimaryKeyValues)\n    }\n  } else if (row.rowId) {\n    // If there's a rowId, we can use that as a fallback\n    comparator = (r1: Row, r2: Row) => r1.rowId === r2.rowId\n  }\n\n  return comparator\n}\n\n/**\n * Use Jotai atoms to manage table row selection state. We use Jotai instead of React context because subscribing to atoms\n * is more performant than subscribing to a frequently-changing context object, which causes undesirable re-renders.\n */\n\n/**\n * Whether row selection is visible for the current component\n */\nexport const isRowSelectionVisibleAtom = atom<boolean>(false)\n\n/**\n * Whether row selection UI should float or be shown inline\n */\nexport const isRowSelectionUIFloatingAtom = atom<boolean>(true)\n\n/**\n * A unique key that identifies a row. If two selected rows have the same key values, then they are considered equal and would both be selected/deselected together.\n */\nexport const rowSelectionPrimaryKeyAtom = atom<string[] | undefined>(undefined)\n/**\n * A unique key that identifies a row. If two selected rows have the same key values, then they are considered equal and would both be selected/deselected together.\n */\nexport function useRowSelectionPrimaryKeyAtomValue() {\n  return useAtomValue(rowSelectionPrimaryKeyAtom)\n}\n\n/**\n * The set of selected rows\n */\nexport const selectedRowsAtom = atom<Row[]>([])\n/**\n * The set of selected rows\n */\nexport function useSelectedRowsAtomValue() {\n  return useAtomValue(selectedRowsAtom)\n}\n\n/**\n * Can be used to determine if a row is selected. If a `rowSelectionPrimaryKey` is defined, then the row is selected if it has a matching PK.\n */\nexport const isRowSelectedAtom = atom(\n  get => (row: Row, selectColumns: SelectColumn[]) => {\n    const comparator = getRowSelectionEqualityComparator(\n      row,\n      selectColumns,\n      get(rowSelectionPrimaryKeyAtom),\n    )\n    return get(selectedRowsAtom).some(selectedRow =>\n      comparator(selectedRow, row),\n    )\n  },\n)\n\n/**\n * Whether rows are currently selected\n */\nexport const hasSelectedRowsAtom = atom(get => get(selectedRowsAtom).length > 0)\n/**\n * Whether rows are currently selected\n */\nexport function useHasSelectedRowsAtomValue() {\n  return useAtomValue(hasSelectedRowsAtom)\n}\n"],"mappings":";;;AAIA,SAAgB,EACd,GACA,GACA,GAC+B;CAG/B,IAAI,IAA4C;AAkBhD,QAjBI,KAA0B,IAG5B,KAAc,GAAS,MAOd,EANoB,EAAuB,KAChD,MAAO,EAAG,OAAO,EAAc,WAAU,MAAM,EAAG,SAAS,EAAI,EAKlD,EAHY,EAAuB,KAChD,MAAO,EAAG,OAAO,EAAc,WAAU,MAAM,EAAG,SAAS,EAAI,EAE9B,CAAmB,GAE/C,EAAI,UAEb,KAAc,GAAS,MAAY,EAAG,UAAU,EAAG,QAG9C;;AAWT,IAAa,IAA4B,EAAc,GAAM,EAKhD,IAA+B,EAAc,GAAK,EAKlD,IAA6B,EAA2B,KAAA,EAAU;AAI/E,SAAgB,IAAqC;AACnD,QAAO,EAAa,EAA2B;;AAMjD,IAAa,IAAmB,EAAY,EAAE,CAAC;AAI/C,SAAgB,IAA2B;AACzC,QAAO,EAAa,EAAiB;;AAMvC,IAAa,IAAoB,GAC/B,OAAQ,GAAU,MAAkC;CAClD,IAAM,IAAa,EACjB,GACA,GACA,EAAI,EAA2B,CAChC;AACD,QAAO,EAAI,EAAiB,CAAC,MAAK,MAChC,EAAW,GAAa,EAAI,CAC7B;EAEJ,EAKY,IAAsB,GAAK,MAAO,EAAI,EAAiB,CAAC,SAAS,EAAE;AAIhF,SAAgB,IAA8B;AAC5C,QAAO,EAAa,EAAoB"}
+{"version":3,"file":"TableRowSelectionState.js","names":[],"sources":["../../../src/components/QueryWrapper/TableRowSelectionState.ts"],"sourcesContent":["import { Row, SelectColumn } from '@sage-bionetworks/synapse-types'\nimport { atom, useAtomValue } from 'jotai'\nimport { isEqual } from 'lodash-es'\n\nexport function getRowSelectionEqualityComparator(\n  row: Row,\n  selectColumns?: SelectColumn[],\n  rowSelectionPrimaryKey?: string[],\n): (r1: Row, r2: Row) => boolean {\n  // Worst-case scenario, use deep equality to compare rows\n  // This will fail from the user's perspective if any data changes in the rows since the last time the selection was updated.\n  let comparator: (r1: Row, r2: Row) => boolean = isEqual\n  if (rowSelectionPrimaryKey && selectColumns) {\n    // If the `rowSelectionPrimaryKey` is defined, a row is selected if we have a PK match\n    // Even this selection is not guaranteed to persist if data changes, e.g. if column order changes and the PK now has a different column index\n    comparator = (r1: Row, r2: Row) => {\n      const r1PrimaryKeyValues = rowSelectionPrimaryKey.map(\n        key => r1.values[selectColumns.findIndex(cm => cm.name === key)]!,\n      )\n      const r2PrimaryKeyValues = rowSelectionPrimaryKey.map(\n        key => r2.values[selectColumns.findIndex(cm => cm.name === key)]!,\n      )\n      return isEqual(r1PrimaryKeyValues, r2PrimaryKeyValues)\n    }\n  } else if (row.rowId) {\n    // If there's a rowId, we can use that as a fallback\n    comparator = (r1: Row, r2: Row) => r1.rowId === r2.rowId\n  }\n\n  return comparator\n}\n\n/**\n * Use Jotai atoms to manage table row selection state. We use Jotai instead of React context because subscribing to atoms\n * is more performant than subscribing to a frequently-changing context object, which causes undesirable re-renders.\n */\n\n/**\n * Whether row selection is visible for the current component\n */\nexport const isRowSelectionVisibleAtom = atom<boolean>(false)\n\n/**\n * Whether row selection UI should float or be shown inline\n */\nexport const isRowSelectionUIFloatingAtom = atom<boolean>(true)\n\n/**\n * A unique key that identifies a row. If two selected rows have the same key values, then they are considered equal and would both be selected/deselected together.\n */\nexport const rowSelectionPrimaryKeyAtom = atom<string[] | undefined>(undefined)\n/**\n * A unique key that identifies a row. If two selected rows have the same key values, then they are considered equal and would both be selected/deselected together.\n */\nexport function useRowSelectionPrimaryKeyAtomValue() {\n  return useAtomValue(rowSelectionPrimaryKeyAtom)\n}\n\n/**\n * The set of selected rows\n */\nexport const selectedRowsAtom = atom<Row[]>([])\n/**\n * The set of selected rows\n */\nexport function useSelectedRowsAtomValue() {\n  return useAtomValue(selectedRowsAtom)\n}\n\n/**\n * Can be used to determine if a row is selected. If a `rowSelectionPrimaryKey` is defined, then the row is selected if it has a matching PK.\n */\nexport const isRowSelectedAtom = atom(\n  get => (row: Row, selectColumns: SelectColumn[]) => {\n    const comparator = getRowSelectionEqualityComparator(\n      row,\n      selectColumns,\n      get(rowSelectionPrimaryKeyAtom),\n    )\n    return get(selectedRowsAtom).some(selectedRow =>\n      comparator(selectedRow, row),\n    )\n  },\n)\n\n/**\n * Whether rows are currently selected\n */\nexport const hasSelectedRowsAtom = atom(get => get(selectedRowsAtom).length > 0)\n/**\n * Whether rows are currently selected\n */\nexport function useHasSelectedRowsAtomValue() {\n  return useAtomValue(hasSelectedRowsAtom)\n}\n"],"mappings":";;;AAIA,SAAgB,EACd,GACA,GACA,GAC+B;CAG/B,IAAI,IAA4C;CAkBhD,OAjBI,KAA0B,IAG5B,KAAc,GAAS,MAOd,EANoB,EAAuB,KAChD,MAAO,EAAG,OAAO,EAAc,WAAU,MAAM,EAAG,SAAS,CAAG,EAKjD,GAHY,EAAuB,KAChD,MAAO,EAAG,OAAO,EAAc,WAAU,MAAM,EAAG,SAAS,CAAG,EAE7B,CAAkB,IAE9C,EAAI,UAEb,KAAc,GAAS,MAAY,EAAG,UAAU,EAAG,QAG9C;AACT;AAUA,IAAa,IAA4B,EAAc,EAAK,GAK/C,IAA+B,EAAc,EAAI,GAKjD,IAA6B,EAA2B,KAAA,CAAS;AAI9E,SAAgB,IAAqC;CACnD,OAAO,EAAa,CAA0B;AAChD;AAKA,IAAa,IAAmB,EAAY,CAAC,CAAC;AAI9C,SAAgB,IAA2B;CACzC,OAAO,EAAa,CAAgB;AACtC;AAKA,IAAa,IAAoB,GAC/B,OAAQ,GAAU,MAAkC;CAClD,IAAM,IAAa,EACjB,GACA,GACA,EAAI,CAA0B,CAChC;CACA,OAAO,EAAI,CAAgB,EAAE,MAAK,MAChC,EAAW,GAAa,CAAG,CAC7B;AACF,CACF,GAKa,IAAsB,GAAK,MAAO,EAAI,CAAgB,EAAE,SAAS,CAAC;AAI/E,SAAgB,IAA8B;CAC5C,OAAO,EAAa,CAAmB;AACzC"}

package/dist/components/QueryWrapper/ViewMoreQueryResultsButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewMoreQueryResultsButton.js","names":[],"sources":["../../../src/components/QueryWrapper/ViewMoreQueryResultsButton.tsx"],"sourcesContent":["import WideButton from '@/components/styled/WideButton'\nimport { Box } from '@mui/material'\nimport { useEffect } from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { useIsBot } from '@/utils/hooks/useIsBot'\nimport { useSuspenseGetQueryMetadata } from './useGetQueryMetadata'\n\nexport type ViewMoreQueryResultsButtonProps = {\n  hasNextPage: boolean\n  fetchNextPage: () => void\n  isFetchingNextPage: boolean\n  initialLimit?: number\n  initialLimitIsApplied?: boolean\n  onRemoveInitialLimit?: () => void\n}\n\nexport function ViewMoreQueryResultsButton(\n  props: ViewMoreQueryResultsButtonProps,\n) {\n  const {\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n    initialLimit,\n    initialLimitIsApplied,\n    onRemoveInitialLimit,\n  } = props\n  const {\n    data: { queryCount },\n  } = useSuspenseGetQueryMetadata()\n  const isBot = useIsBot()\n\n  useEffect(() => {\n    if (\n      initialLimitIsApplied &&\n      initialLimit != null &&\n      queryCount != null &&\n      onRemoveInitialLimit != null\n    ) {\n      if (initialLimit >= queryCount)\n        // The initial limit is not necessary, so remove it.\n        onRemoveInitialLimit()\n    }\n  }, [initialLimitIsApplied, initialLimit, queryCount, onRemoveInitialLimit])\n\n  // Automatically fetch all pages for bots\n  useEffect(() => {\n    if (isBot && hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [isBot, hasNextPage, isFetchingNextPage, fetchNextPage])\n\n  const showViewMoreButton = initialLimitIsApplied || hasNextPage\n\n  if (!showViewMoreButton) {\n    return null\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'flex-start',\n      }}\n    >\n      <WideButton\n        variant=\"contained\"\n        color=\"secondary\"\n        size=\"large\"\n        onClick={() => {\n          if (initialLimitIsApplied && onRemoveInitialLimit != null) {\n            onRemoveInitialLimit()\n          } else {\n            void fetchNextPage()\n          }\n        }}\n        disabled={isFetchingNextPage}\n      >\n        {isFetchingNextPage ? <SynapseSpinner size={24} /> : 'View More'}\n      </WideButton>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgB,EACd,GACA;CACA,IAAM,EACJ,gBACA,kBACA,uBACA,iBACA,0BACA,4BACE,GACE,EACJ,MAAM,EAAE,oBACN,GAA6B,EAC3B,IAAQ,GAAU;AA4BxB,QA1BA,QAAgB;AACd,EACE,KACA,KAAgB,QAChB,KAAc,QACd,KAAwB,QAEpB,KAAgB,KAElB,GAAsB;IAEzB;EAAC;EAAuB;EAAc;EAAY;EAAqB,CAAC,EAG3E,QAAgB;AACd,EAAI,KAAS,KAAe,CAAC,KACtB,GAAe;IAErB;EAAC;EAAO;EAAa;EAAoB;EAAc,CAAC,EAEhC,KAAyB,IAOlD,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,gBAAgB;GACjB;YAED,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,MAAK;GACL,eAAe;AACb,IAAI,KAAyB,KAAwB,OACnD,GAAsB,GAEjB,GAAe;;GAGxB,UAAU;aAET,IAAqB,kBAAC,GAAD,EAAgB,MAAM,IAAM,CAAA,GAAG;GAC1C,CAAA;EACT,CAAA,GAzBC"}
+{"version":3,"file":"ViewMoreQueryResultsButton.js","names":[],"sources":["../../../src/components/QueryWrapper/ViewMoreQueryResultsButton.tsx"],"sourcesContent":["import WideButton from '@/components/styled/WideButton'\nimport { Box } from '@mui/material'\nimport { useEffect } from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { useIsBot } from '@/utils/hooks/useIsBot'\nimport { useSuspenseGetQueryMetadata } from './useGetQueryMetadata'\n\nexport type ViewMoreQueryResultsButtonProps = {\n  hasNextPage: boolean\n  fetchNextPage: () => void\n  isFetchingNextPage: boolean\n  initialLimit?: number\n  initialLimitIsApplied?: boolean\n  onRemoveInitialLimit?: () => void\n}\n\nexport function ViewMoreQueryResultsButton(\n  props: ViewMoreQueryResultsButtonProps,\n) {\n  const {\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n    initialLimit,\n    initialLimitIsApplied,\n    onRemoveInitialLimit,\n  } = props\n  const {\n    data: { queryCount },\n  } = useSuspenseGetQueryMetadata()\n  const isBot = useIsBot()\n\n  useEffect(() => {\n    if (\n      initialLimitIsApplied &&\n      initialLimit != null &&\n      queryCount != null &&\n      onRemoveInitialLimit != null\n    ) {\n      if (initialLimit >= queryCount)\n        // The initial limit is not necessary, so remove it.\n        onRemoveInitialLimit()\n    }\n  }, [initialLimitIsApplied, initialLimit, queryCount, onRemoveInitialLimit])\n\n  // Automatically fetch all pages for bots\n  useEffect(() => {\n    if (isBot && hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [isBot, hasNextPage, isFetchingNextPage, fetchNextPage])\n\n  const showViewMoreButton = initialLimitIsApplied || hasNextPage\n\n  if (!showViewMoreButton) {\n    return null\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'flex-start',\n      }}\n    >\n      <WideButton\n        variant=\"contained\"\n        color=\"secondary\"\n        size=\"large\"\n        onClick={() => {\n          if (initialLimitIsApplied && onRemoveInitialLimit != null) {\n            onRemoveInitialLimit()\n          } else {\n            void fetchNextPage()\n          }\n        }}\n        disabled={isFetchingNextPage}\n      >\n        {isFetchingNextPage ? <SynapseSpinner size={24} /> : 'View More'}\n      </WideButton>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgB,EACd,GACA;CACA,IAAM,EACJ,gBACA,kBACA,uBACA,iBACA,0BACA,4BACE,GACE,EACJ,MAAM,EAAE,oBACN,EAA4B,GAC1B,IAAQ,EAAS;CA4BvB,OA1BA,QAAgB;EACd,AACE,KACA,KAAgB,QAChB,KAAc,QACd,KAAwB,QAEpB,KAAgB,KAElB,EAAqB;CAE3B,GAAG;EAAC;EAAuB;EAAc;EAAY;CAAoB,CAAC,GAG1E,QAAgB;EACd,AAAI,KAAS,KAAe,CAAC,KAC3B,EAAmB;CAEvB,GAAG;EAAC;EAAO;EAAa;EAAoB;CAAa,CAAC,GAE/B,KAAyB,IAOlD,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,gBAAgB;EAClB;YAEA,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,MAAK;GACL,eAAe;IACb,AAAI,KAAyB,KAAwB,OACnD,EAAqB,IAErB,EAAmB;GAEvB;GACA,UAAU;aAET,IAAqB,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA,IAAI;EAC3C,CAAA;CACT,CAAA,IAzBE;AA2BX"}

package/dist/components/QueryWrapper/generateEncodedPathAndQueryForSelectedFacetURL.js.map

@@ -1 +1 @@
-{"version":3,"file":"generateEncodedPathAndQueryForSelectedFacetURL.js","names":[],"sources":["../../../src/components/QueryWrapper/generateEncodedPathAndQueryForSelectedFacetURL.ts"],"sourcesContent":["import {\n  FacetColumnValuesRequest,\n  Query,\n} from '@sage-bionetworks/synapse-types'\nimport { generateCompressedQueryURL } from '../../utils/functions/deepLinkingUtils'\n\nexport type SelectedFacet = {\n  facet: string\n  facetValue: string\n}\n\nconst formatSelectedFacetsRequest = (\n  selectedFacets: SelectedFacet[],\n): FacetColumnValuesRequest[] => {\n  return selectedFacets.map(selectedFacet => {\n    return {\n      concreteType:\n        'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest',\n      columnName: selectedFacet.facet,\n      facetValues: [selectedFacet.facetValue],\n    }\n  })\n}\n\nexport const generateEncodedPathAndQueryForSelectedFacetURL = async (\n  path: string,\n  sql: string,\n  selectedFacets: SelectedFacet[],\n): Promise<string> => {\n  const currentQuery: Query = {\n    sql,\n    selectedFacets: formatSelectedFacetsRequest(selectedFacets),\n  }\n\n  const initQuery: Query = {\n    sql,\n  }\n\n  return generateCompressedQueryURL(path, 0, currentQuery, initQuery)\n}\n"],"mappings":";;AAWA,IAAM,KACJ,MAEO,EAAe,KAAI,OACjB;CACL,cACE;CACF,YAAY,EAAc;CAC1B,aAAa,CAAC,EAAc,WAAW;CACxC,EACD,EAGS,IAAiD,OAC5D,GACA,GACA,MAWO,EAA2B,GAAM,GAAG;CARzC;CACA,gBAAgB,EAA4B,EAAe;CAOlB,EAAc,EAHvD,QAGuD,CAAU"}
+{"version":3,"file":"generateEncodedPathAndQueryForSelectedFacetURL.js","names":[],"sources":["../../../src/components/QueryWrapper/generateEncodedPathAndQueryForSelectedFacetURL.ts"],"sourcesContent":["import {\n  FacetColumnValuesRequest,\n  Query,\n} from '@sage-bionetworks/synapse-types'\nimport { generateCompressedQueryURL } from '../../utils/functions/deepLinkingUtils'\n\nexport type SelectedFacet = {\n  facet: string\n  facetValue: string\n}\n\nconst formatSelectedFacetsRequest = (\n  selectedFacets: SelectedFacet[],\n): FacetColumnValuesRequest[] => {\n  return selectedFacets.map(selectedFacet => {\n    return {\n      concreteType:\n        'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest',\n      columnName: selectedFacet.facet,\n      facetValues: [selectedFacet.facetValue],\n    }\n  })\n}\n\nexport const generateEncodedPathAndQueryForSelectedFacetURL = async (\n  path: string,\n  sql: string,\n  selectedFacets: SelectedFacet[],\n): Promise<string> => {\n  const currentQuery: Query = {\n    sql,\n    selectedFacets: formatSelectedFacetsRequest(selectedFacets),\n  }\n\n  const initQuery: Query = {\n    sql,\n  }\n\n  return generateCompressedQueryURL(path, 0, currentQuery, initQuery)\n}\n"],"mappings":";;AAWA,IAAM,KACJ,MAEO,EAAe,KAAI,OACjB;CACL,cACE;CACF,YAAY,EAAc;CAC1B,aAAa,CAAC,EAAc,UAAU;AACxC,EACD,GAGU,IAAiD,OAC5D,GACA,GACA,MAWO,EAA2B,GAAM,GAAG;CARzC;CACA,gBAAgB,EAA4B,CAAc;AAOjB,GAAc,EAHvD,OAGuD,CAAS"}

package/dist/components/QueryWrapper/useComputeRowSelectionPrimaryKey.js.map

@@ -1 +1 @@
-{"version":3,"file":"useComputeRowSelectionPrimaryKey.js","names":[],"sources":["../../../src/components/QueryWrapper/useComputeRowSelectionPrimaryKey.ts"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { Table } from '@sage-bionetworks/synapse-types'\nimport { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { QueryContextType } from '../QueryContext'\nimport { getDefaultPrimaryKey } from '../SynapseTable/SynapseTableUtils'\n\ntype UseComputeRowSelectionPrimaryKeyOptions = {\n  entityId: string\n  versionNumber?: number\n  rowSelectionPrimaryKeyFromProps?: string[]\n  queryMetadataQueryOptions: QueryContextType['queryMetadataQueryOptions']\n}\n\nexport default function useComputeRowSelectionPrimaryKey(\n  options: UseComputeRowSelectionPrimaryKeyOptions,\n) {\n  const {\n    rowSelectionPrimaryKeyFromProps,\n    entityId,\n    versionNumber,\n    queryMetadataQueryOptions,\n  } = options\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useQuery(queryMetadataQueryOptions)\n\n  return useMemo(() => {\n    if (rowSelectionPrimaryKeyFromProps) {\n      return rowSelectionPrimaryKeyFromProps\n    } else if (entity && queryMetadata?.columnModels) {\n      return getDefaultPrimaryKey(entity, queryMetadata.columnModels)\n    }\n    return undefined\n  }, [rowSelectionPrimaryKeyFromProps, entity, queryMetadata?.columnModels])\n}\n"],"mappings":";;;;;;AAcA,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,oCACA,aACA,kBACA,iCACE,GACE,EAAE,MAAM,MAAW,EAAoB,GAAU,EAAc,EAC/D,EAAE,MAAM,MAAkB,EAAS,EAA0B;AAEnE,QAAO,QAAc;AACnB,MAAI,EACF,QAAO;MACE,KAAU,GAAe,aAClC,QAAO,EAAqB,GAAQ,EAAc,aAAa;IAGhE;EAAC;EAAiC;EAAQ,GAAe;EAAa,CAAC"}
+{"version":3,"file":"useComputeRowSelectionPrimaryKey.js","names":[],"sources":["../../../src/components/QueryWrapper/useComputeRowSelectionPrimaryKey.ts"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { Table } from '@sage-bionetworks/synapse-types'\nimport { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { QueryContextType } from '../QueryContext'\nimport { getDefaultPrimaryKey } from '../SynapseTable/SynapseTableUtils'\n\ntype UseComputeRowSelectionPrimaryKeyOptions = {\n  entityId: string\n  versionNumber?: number\n  rowSelectionPrimaryKeyFromProps?: string[]\n  queryMetadataQueryOptions: QueryContextType['queryMetadataQueryOptions']\n}\n\nexport default function useComputeRowSelectionPrimaryKey(\n  options: UseComputeRowSelectionPrimaryKeyOptions,\n) {\n  const {\n    rowSelectionPrimaryKeyFromProps,\n    entityId,\n    versionNumber,\n    queryMetadataQueryOptions,\n  } = options\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useQuery(queryMetadataQueryOptions)\n\n  return useMemo(() => {\n    if (rowSelectionPrimaryKeyFromProps) {\n      return rowSelectionPrimaryKeyFromProps\n    } else if (entity && queryMetadata?.columnModels) {\n      return getDefaultPrimaryKey(entity, queryMetadata.columnModels)\n    }\n    return undefined\n  }, [rowSelectionPrimaryKeyFromProps, entity, queryMetadata?.columnModels])\n}\n"],"mappings":";;;;;;AAcA,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,oCACA,aACA,kBACA,iCACE,GACE,EAAE,MAAM,MAAW,EAAoB,GAAU,CAAa,GAC9D,EAAE,MAAM,MAAkB,EAAS,CAAyB;CAElE,OAAO,QAAc;EACnB,IAAI,GACF,OAAO;EACF,IAAI,KAAU,GAAe,cAClC,OAAO,EAAqB,GAAQ,EAAc,YAAY;CAGlE,GAAG;EAAC;EAAiC;EAAQ,GAAe;CAAY,CAAC;AAC3E"}

package/dist/components/QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetAddToDownloadListRequestForCurrentQuery.js","names":[],"sources":["../../../src/components/QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery.ts"],"sourcesContent":["import { useQueryContext } from '@/components/QueryContext'\nimport {\n  useHasSelectedRowsAtomValue,\n  useRowSelectionPrimaryKeyAtomValue,\n  useSelectedRowsAtomValue,\n} from '@/components/QueryWrapper/TableRowSelectionState'\nimport { useSuspenseGetQueryMetadata } from '@/components/QueryWrapper/useGetQueryMetadata'\nimport { getFileColumnModelId } from '@/components/SynapseTable/SynapseTableUtils'\nimport { getPrimaryKeyINFilter } from '@/utils/functions/QueryFilterUtils'\nimport {\n  AddToDownloadListRequest,\n  TableQuery,\n} from '@sage-bionetworks/synapse-client'\nimport { useMemo } from 'react'\n\n/**\n * Returns an AddToDownloadListRequest object configured to add the current fileview/dataset result set to the download list\n * (loads data using QueryWrapper)\n */\nexport function useGetAddToDownloadListRequestForCurrentQuery(): AddToDownloadListRequest {\n  const { getCurrentQueryRequest, fileIdColumnName, fileVersionColumnName } =\n    useQueryContext()\n  const { data: originalQueryMetadata } = useSuspenseGetQueryMetadata()\n\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n  const selectedRows = useSelectedRowsAtomValue()\n  const rowSelectionPrimaryKey = useRowSelectionPrimaryKeyAtomValue()\n\n  return useMemo(() => {\n    const query = getCurrentQueryRequest().query\n    // set the query.selectFileColumn\n    if (fileIdColumnName && fileVersionColumnName) {\n      // find the column model ID and set the parameters\n      const fileIdColumnModel = originalQueryMetadata.columnModels?.find(\n        col => col.name == fileIdColumnName,\n      )\n      const fileVersionColumnModel = originalQueryMetadata.columnModels?.find(\n        col => col.name == fileVersionColumnName,\n      )\n\n      query.selectFileColumn = fileIdColumnModel\n        ? Number(fileIdColumnModel.id)\n        : undefined\n      query.selectFileVersionColumn = fileVersionColumnModel\n        ? Number(fileVersionColumnModel.id)\n        : undefined\n    } else {\n      const fileColumnId = getFileColumnModelId(\n        originalQueryMetadata.columnModels,\n      )\n      if (fileColumnId) {\n        query.selectFileColumn = Number(fileColumnId)\n      }\n    }\n\n    if (\n      hasSelectedRows &&\n      rowSelectionPrimaryKey &&\n      originalQueryMetadata.selectColumns\n    ) {\n      const primaryKeyINFilter = getPrimaryKeyINFilter(\n        rowSelectionPrimaryKey,\n        selectedRows,\n        originalQueryMetadata.selectColumns,\n      )\n      query.additionalFilters = [\n        ...(query.additionalFilters || []),\n        primaryKeyINFilter,\n      ]\n    }\n    return {\n      concreteType:\n        'org.sagebionetworks.repo.model.download.AddToDownloadListRequest',\n      query: query as TableQuery,\n    }\n  }, [\n    originalQueryMetadata.columnModels,\n    originalQueryMetadata.selectColumns,\n    getCurrentQueryRequest,\n    hasSelectedRows,\n    rowSelectionPrimaryKey,\n    selectedRows,\n    fileIdColumnName,\n    fileVersionColumnName,\n  ])\n}\n"],"mappings":";;;;;;;;AAmBA,SAAgB,IAA0E;CACxF,IAAM,EAAE,2BAAwB,qBAAkB,6BAChD,GAAiB,EACb,EAAE,MAAM,MAA0B,GAA6B,EAE/D,IAAkB,GAA6B,EAC/C,IAAe,GAA0B,EACzC,IAAyB,GAAoC;AAEnE,QAAO,QAAc;EACnB,IAAM,IAAQ,GAAwB,CAAC;AAEvC,MAAI,KAAoB,GAAuB;GAE7C,IAAM,IAAoB,EAAsB,cAAc,MAC5D,MAAO,EAAI,QAAQ,EACpB,EACK,IAAyB,EAAsB,cAAc,MACjE,MAAO,EAAI,QAAQ,EACpB;AAKD,GAHA,EAAM,mBAAmB,IACrB,OAAO,EAAkB,GAAG,GAC5B,KAAA,GACJ,EAAM,0BAA0B,IAC5B,OAAO,EAAuB,GAAG,GACjC,KAAA;SACC;GACL,IAAM,IAAe,EACnB,EAAsB,aACvB;AACD,GAAI,MACF,EAAM,mBAAmB,OAAO,EAAa;;AAIjD,MACE,KACA,KACA,EAAsB,eACtB;GACA,IAAM,IAAqB,EACzB,GACA,GACA,EAAsB,cACvB;AACD,KAAM,oBAAoB,CACxB,GAAI,EAAM,qBAAqB,EAAE,EACjC,EACD;;AAEH,SAAO;GACL,cACE;GACK;GACR;IACA;EACD,EAAsB;EACtB,EAAsB;EACtB;EACA;EACA;EACA;EACA;EACA;EACD,CAAC"}
+{"version":3,"file":"useGetAddToDownloadListRequestForCurrentQuery.js","names":[],"sources":["../../../src/components/QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery.ts"],"sourcesContent":["import { useQueryContext } from '@/components/QueryContext'\nimport {\n  useHasSelectedRowsAtomValue,\n  useRowSelectionPrimaryKeyAtomValue,\n  useSelectedRowsAtomValue,\n} from '@/components/QueryWrapper/TableRowSelectionState'\nimport { useSuspenseGetQueryMetadata } from '@/components/QueryWrapper/useGetQueryMetadata'\nimport { getFileColumnModelId } from '@/components/SynapseTable/SynapseTableUtils'\nimport { getPrimaryKeyINFilter } from '@/utils/functions/QueryFilterUtils'\nimport {\n  AddToDownloadListRequest,\n  TableQuery,\n} from '@sage-bionetworks/synapse-client'\nimport { useMemo } from 'react'\n\n/**\n * Returns an AddToDownloadListRequest object configured to add the current fileview/dataset result set to the download list\n * (loads data using QueryWrapper)\n */\nexport function useGetAddToDownloadListRequestForCurrentQuery(): AddToDownloadListRequest {\n  const { getCurrentQueryRequest, fileIdColumnName, fileVersionColumnName } =\n    useQueryContext()\n  const { data: originalQueryMetadata } = useSuspenseGetQueryMetadata()\n\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n  const selectedRows = useSelectedRowsAtomValue()\n  const rowSelectionPrimaryKey = useRowSelectionPrimaryKeyAtomValue()\n\n  return useMemo(() => {\n    const query = getCurrentQueryRequest().query\n    // set the query.selectFileColumn\n    if (fileIdColumnName && fileVersionColumnName) {\n      // find the column model ID and set the parameters\n      const fileIdColumnModel = originalQueryMetadata.columnModels?.find(\n        col => col.name == fileIdColumnName,\n      )\n      const fileVersionColumnModel = originalQueryMetadata.columnModels?.find(\n        col => col.name == fileVersionColumnName,\n      )\n\n      query.selectFileColumn = fileIdColumnModel\n        ? Number(fileIdColumnModel.id)\n        : undefined\n      query.selectFileVersionColumn = fileVersionColumnModel\n        ? Number(fileVersionColumnModel.id)\n        : undefined\n    } else {\n      const fileColumnId = getFileColumnModelId(\n        originalQueryMetadata.columnModels,\n      )\n      if (fileColumnId) {\n        query.selectFileColumn = Number(fileColumnId)\n      }\n    }\n\n    if (\n      hasSelectedRows &&\n      rowSelectionPrimaryKey &&\n      originalQueryMetadata.selectColumns\n    ) {\n      const primaryKeyINFilter = getPrimaryKeyINFilter(\n        rowSelectionPrimaryKey,\n        selectedRows,\n        originalQueryMetadata.selectColumns,\n      )\n      query.additionalFilters = [\n        ...(query.additionalFilters || []),\n        primaryKeyINFilter,\n      ]\n    }\n    return {\n      concreteType:\n        'org.sagebionetworks.repo.model.download.AddToDownloadListRequest',\n      query: query as TableQuery,\n    }\n  }, [\n    originalQueryMetadata.columnModels,\n    originalQueryMetadata.selectColumns,\n    getCurrentQueryRequest,\n    hasSelectedRows,\n    rowSelectionPrimaryKey,\n    selectedRows,\n    fileIdColumnName,\n    fileVersionColumnName,\n  ])\n}\n"],"mappings":";;;;;;;;AAmBA,SAAgB,IAA0E;CACxF,IAAM,EAAE,2BAAwB,qBAAkB,6BAChD,EAAgB,GACZ,EAAE,MAAM,MAA0B,EAA4B,GAE9D,IAAkB,EAA4B,GAC9C,IAAe,EAAyB,GACxC,IAAyB,EAAmC;CAElE,OAAO,QAAc;EACnB,IAAM,IAAQ,EAAuB,EAAE;EAEvC,IAAI,KAAoB,GAAuB;GAE7C,IAAM,IAAoB,EAAsB,cAAc,MAC5D,MAAO,EAAI,QAAQ,CACrB,GACM,IAAyB,EAAsB,cAAc,MACjE,MAAO,EAAI,QAAQ,CACrB;GAKA,AAHA,EAAM,mBAAmB,IACrB,OAAO,EAAkB,EAAE,IAC3B,KAAA,GACJ,EAAM,0BAA0B,IAC5B,OAAO,EAAuB,EAAE,IAChC,KAAA;EACN,OAAO;GACL,IAAM,IAAe,EACnB,EAAsB,YACxB;GACA,AAAI,MACF,EAAM,mBAAmB,OAAO,CAAY;EAEhD;EAEA,IACE,KACA,KACA,EAAsB,eACtB;GACA,IAAM,IAAqB,EACzB,GACA,GACA,EAAsB,aACxB;GACA,EAAM,oBAAoB,CACxB,GAAI,EAAM,qBAAqB,CAAC,GAChC,CACF;EACF;EACA,OAAO;GACL,cACE;GACK;EACT;CACF,GAAG;EACD,EAAsB;EACtB,EAAsB;EACtB;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;AACH"}

package/dist/components/QueryWrapper/useGetQueryMetadata.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetQueryMetadata.js","names":[],"sources":["../../../src/components/QueryWrapper/useGetQueryMetadata.ts"],"sourcesContent":["import { SynapseClientError } from '@sage-bionetworks/synapse-client'\nimport {\n  AsynchronousJobStatus,\n  QueryBundleRequest,\n  QueryResultBundle,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  useQuery,\n  UseQueryOptions,\n  useSuspenseQuery,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { useQueryContext } from '../QueryContext/index'\n\n/**\n * Get the metadata (columns, count, i.e. not row data) for the query in the current QueryContext (provided by\n * QueryWrapper)\n */\nexport function useGetQueryMetadata<\n  TSelect = Omit<QueryResultBundle, 'queryResult'>,\n>(\n  optionsOverrides?: Partial<\n    UseQueryOptions<\n      AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n      SynapseClientError,\n      TSelect\n    >\n  >,\n) {\n  const { queryMetadataQueryOptions } = useQueryContext()\n\n  const mergedOptions = {\n    ...queryMetadataQueryOptions,\n    ...optionsOverrides,\n  } as UseQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    TSelect\n  >\n\n  return useQuery(mergedOptions)\n}\n\n/**\n * Get the metadata (columns, count, i.e. not row data) for the query in the current QueryContext (provided by\n * QueryWrapper). Suspends the component tree if the query data is not yet loaded.\n */\nexport function useSuspenseGetQueryMetadata<\n  TSelect = Omit<QueryResultBundle, 'queryResult'>,\n>(\n  optionsOverrides?: Partial<\n    UseSuspenseQueryOptions<\n      AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n      SynapseClientError,\n      TSelect\n    >\n  >,\n) {\n  const { queryMetadataQueryOptions } = useQueryContext()\n\n  const mergedOptions = {\n    ...queryMetadataQueryOptions,\n    ...optionsOverrides,\n  } as UseSuspenseQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    TSelect\n  >\n\n  return useSuspenseQuery<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    TSelect\n  >(mergedOptions)\n}\n"],"mappings":";;;;AAkBA,SAAgB,EAGd,GAOA;CACA,IAAM,EAAE,iCAA8B,GAAiB;AAWvD,QAAO,EAAS;EARd,GAAG;EACH,GAAG;EAOW,CAAc;;AAOhC,SAAgB,EAGd,GAOA;CACA,IAAM,EAAE,iCAA8B,GAAiB;AAWvD,QAAO,EAIL;EAZA,GAAG;EACH,GAAG;EAWH,CAAc"}
+{"version":3,"file":"useGetQueryMetadata.js","names":[],"sources":["../../../src/components/QueryWrapper/useGetQueryMetadata.ts"],"sourcesContent":["import { SynapseClientError } from '@sage-bionetworks/synapse-client'\nimport {\n  AsynchronousJobStatus,\n  QueryBundleRequest,\n  QueryResultBundle,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  useQuery,\n  UseQueryOptions,\n  useSuspenseQuery,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { useQueryContext } from '../QueryContext/index'\n\n/**\n * Get the metadata (columns, count, i.e. not row data) for the query in the current QueryContext (provided by\n * QueryWrapper)\n */\nexport function useGetQueryMetadata<\n  TSelect = Omit<QueryResultBundle, 'queryResult'>,\n>(\n  optionsOverrides?: Partial<\n    UseQueryOptions<\n      AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n      SynapseClientError,\n      TSelect\n    >\n  >,\n) {\n  const { queryMetadataQueryOptions } = useQueryContext()\n\n  const mergedOptions = {\n    ...queryMetadataQueryOptions,\n    ...optionsOverrides,\n  } as UseQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    TSelect\n  >\n\n  return useQuery(mergedOptions)\n}\n\n/**\n * Get the metadata (columns, count, i.e. not row data) for the query in the current QueryContext (provided by\n * QueryWrapper). Suspends the component tree if the query data is not yet loaded.\n */\nexport function useSuspenseGetQueryMetadata<\n  TSelect = Omit<QueryResultBundle, 'queryResult'>,\n>(\n  optionsOverrides?: Partial<\n    UseSuspenseQueryOptions<\n      AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n      SynapseClientError,\n      TSelect\n    >\n  >,\n) {\n  const { queryMetadataQueryOptions } = useQueryContext()\n\n  const mergedOptions = {\n    ...queryMetadataQueryOptions,\n    ...optionsOverrides,\n  } as UseSuspenseQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    TSelect\n  >\n\n  return useSuspenseQuery<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    TSelect\n  >(mergedOptions)\n}\n"],"mappings":";;;;AAkBA,SAAgB,EAGd,GAOA;CACA,IAAM,EAAE,iCAA8B,EAAgB;CAWtD,OAAO,EAAS;EARd,GAAG;EACH,GAAG;CAOW,CAAa;AAC/B;AAMA,SAAgB,EAGd,GAOA;CACA,IAAM,EAAE,iCAA8B,EAAgB;CAWtD,OAAO,EAIL;EAZA,GAAG;EACH,GAAG;CAWH,CAAa;AACjB"}

package/dist/components/QueryWrapper/useHasFacetedSelectColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHasFacetedSelectColumn.js","names":[],"sources":["../../../src/components/QueryWrapper/useHasFacetedSelectColumn.ts"],"sourcesContent":["import { hasFacetedSelectColumn as hasFacetedSelectColumnUtil } from '@/utils/functions/queryUtils'\nimport { useQuery } from '@tanstack/react-query'\nimport { QueryContextType } from '../QueryContext/index'\n\nexport default function useHasFacetedSelectColumn(\n  queryMetadataQueryOptions: QueryContextType['queryMetadataQueryOptions'],\n): boolean {\n  const { data: queryMetadata, isLoading } = useQuery(queryMetadataQueryOptions)\n\n  if (!queryMetadata) {\n    // if loading, return true - the facet UI will be shown in a loading state\n    return isLoading\n  }\n\n  return hasFacetedSelectColumnUtil(\n    queryMetadata.facets,\n    queryMetadata.selectColumns,\n  )\n}\n"],"mappings":";;;AAIA,SAAwB,EACtB,GACS;CACT,IAAM,EAAE,MAAM,GAAe,iBAAc,EAAS,EAA0B;AAO9E,QALK,IAKE,EACL,EAAc,QACd,EAAc,cACf,GANQ"}
+{"version":3,"file":"useHasFacetedSelectColumn.js","names":[],"sources":["../../../src/components/QueryWrapper/useHasFacetedSelectColumn.ts"],"sourcesContent":["import { hasFacetedSelectColumn as hasFacetedSelectColumnUtil } from '@/utils/functions/queryUtils'\nimport { useQuery } from '@tanstack/react-query'\nimport { QueryContextType } from '../QueryContext/index'\n\nexport default function useHasFacetedSelectColumn(\n  queryMetadataQueryOptions: QueryContextType['queryMetadataQueryOptions'],\n): boolean {\n  const { data: queryMetadata, isLoading } = useQuery(queryMetadataQueryOptions)\n\n  if (!queryMetadata) {\n    // if loading, return true - the facet UI will be shown in a loading state\n    return isLoading\n  }\n\n  return hasFacetedSelectColumnUtil(\n    queryMetadata.facets,\n    queryMetadata.selectColumns,\n  )\n}\n"],"mappings":";;;AAIA,SAAwB,EACtB,GACS;CACT,IAAM,EAAE,MAAM,GAAe,iBAAc,EAAS,CAAyB;CAO7E,OALK,IAKE,EACL,EAAc,QACd,EAAc,aAChB,IANS;AAOX"}

package/dist/components/QueryWrapper/useOnQueryDataChange.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOnQueryDataChange.js","names":[],"sources":["../../../src/components/QueryWrapper/useOnQueryDataChange.ts"],"sourcesContent":["import { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect'\nimport { useQuery } from '@tanstack/react-query'\nimport {\n  QueryBundleRequest,\n  QueryResultBundle,\n} from '@sage-bionetworks/synapse-types'\nimport { useTableQueryUseQueryOptions } from './TableQueryUseQueryOptions'\nimport { useEffect, useRef, useState } from 'react'\n\ntype UseOnQueryDataChangeOptions = {\n  queryBundleRequest: QueryBundleRequest\n  onChange: (data: QueryResultBundle) => void\n}\n\n/**\n * Calls the onChange callback with the current QueryResultBundle when the data for the passed query changes\n * @param options\n */\nexport default function useOnQueryDataChange(\n  options: UseOnQueryDataChangeOptions,\n) {\n  const { queryBundleRequest, onChange } = options\n  const { rowDataQueryOptions, queryMetadataQueryOptions } =\n    useTableQueryUseQueryOptions(queryBundleRequest)\n\n  const { data: rowData, isLoading: rowDataIsLoading } = useQuery({\n    ...rowDataQueryOptions,\n    select: asyncJobResponse => asyncJobResponse.responseBody,\n  })\n  const { data: queryMetadata, isLoading: queryMetadataIsLoading } = useQuery(\n    queryMetadataQueryOptions,\n  )\n\n  // SWC requires the entire QueryResultBundle to enable editing table data, so merge the data back into one object before\n  // passing it to the onChange callback\n  const [mergedData, setMergedData] = useState<QueryResultBundle>()\n  useEffect(() => {\n    if (\n      rowData &&\n      queryMetadata &&\n      !rowDataIsLoading &&\n      !queryMetadataIsLoading\n    ) {\n      setMergedData({\n        ...queryMetadata,\n        ...rowData,\n      })\n    }\n  }, [queryMetadata, queryMetadataIsLoading, rowData, rowDataIsLoading])\n\n  // Use a ref so we always call the latest onChange without including it in the\n  // effect dependency array. Including a frequently-recreated callback in deps\n  // causes the effect to re-fire on every render, creating an infinite loop when\n  // the parent updates state inside the callback.\n  const onChangeRef = useRef(onChange)\n  onChangeRef.current = onChange\n\n  // mergedData is sometimes undefined, which useDeepCompareEffect doesn't like, so use useDeepCompareEffectNoCheck instead\n  useDeepCompareEffectNoCheck(() => {\n    if (mergedData) {\n      onChangeRef.current(mergedData)\n    }\n  }, [mergedData])\n}\n"],"mappings":";;;;;AAkBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,uBAAoB,gBAAa,GACnC,EAAE,wBAAqB,iCAC3B,EAA6B,EAAmB,EAE5C,EAAE,MAAM,GAAS,WAAW,MAAqB,EAAS;EAC9D,GAAG;EACH,SAAQ,MAAoB,EAAiB;EAC9C,CAAC,EACI,EAAE,MAAM,GAAe,WAAW,MAA2B,EACjE,EACD,EAIK,CAAC,GAAY,KAAiB,GAA6B;AACjE,SAAgB;AACd,EACE,KACA,KACA,CAAC,KACD,CAAC,KAED,EAAc;GACZ,GAAG;GACH,GAAG;GACJ,CAAC;IAEH;EAAC;EAAe;EAAwB;EAAS;EAAiB,CAAC;CAMtE,IAAM,IAAc,EAAO,EAAS;AAIpC,CAHA,EAAY,UAAU,GAGtB,QAAkC;AAChC,EAAI,KACF,EAAY,QAAQ,EAAW;IAEhC,CAAC,EAAW,CAAC"}
+{"version":3,"file":"useOnQueryDataChange.js","names":[],"sources":["../../../src/components/QueryWrapper/useOnQueryDataChange.ts"],"sourcesContent":["import { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect'\nimport { useQuery } from '@tanstack/react-query'\nimport {\n  QueryBundleRequest,\n  QueryResultBundle,\n} from '@sage-bionetworks/synapse-types'\nimport { useTableQueryUseQueryOptions } from './TableQueryUseQueryOptions'\nimport { useEffect, useRef, useState } from 'react'\n\ntype UseOnQueryDataChangeOptions = {\n  queryBundleRequest: QueryBundleRequest\n  onChange: (data: QueryResultBundle) => void\n}\n\n/**\n * Calls the onChange callback with the current QueryResultBundle when the data for the passed query changes\n * @param options\n */\nexport default function useOnQueryDataChange(\n  options: UseOnQueryDataChangeOptions,\n) {\n  const { queryBundleRequest, onChange } = options\n  const { rowDataQueryOptions, queryMetadataQueryOptions } =\n    useTableQueryUseQueryOptions(queryBundleRequest)\n\n  const { data: rowData, isLoading: rowDataIsLoading } = useQuery({\n    ...rowDataQueryOptions,\n    select: asyncJobResponse => asyncJobResponse.responseBody,\n  })\n  const { data: queryMetadata, isLoading: queryMetadataIsLoading } = useQuery(\n    queryMetadataQueryOptions,\n  )\n\n  // SWC requires the entire QueryResultBundle to enable editing table data, so merge the data back into one object before\n  // passing it to the onChange callback\n  const [mergedData, setMergedData] = useState<QueryResultBundle>()\n  useEffect(() => {\n    if (\n      rowData &&\n      queryMetadata &&\n      !rowDataIsLoading &&\n      !queryMetadataIsLoading\n    ) {\n      setMergedData({\n        ...queryMetadata,\n        ...rowData,\n      })\n    }\n  }, [queryMetadata, queryMetadataIsLoading, rowData, rowDataIsLoading])\n\n  // Use a ref so we always call the latest onChange without including it in the\n  // effect dependency array. Including a frequently-recreated callback in deps\n  // causes the effect to re-fire on every render, creating an infinite loop when\n  // the parent updates state inside the callback.\n  const onChangeRef = useRef(onChange)\n  onChangeRef.current = onChange\n\n  // mergedData is sometimes undefined, which useDeepCompareEffect doesn't like, so use useDeepCompareEffectNoCheck instead\n  useDeepCompareEffectNoCheck(() => {\n    if (mergedData) {\n      onChangeRef.current(mergedData)\n    }\n  }, [mergedData])\n}\n"],"mappings":";;;;;AAkBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,uBAAoB,gBAAa,GACnC,EAAE,wBAAqB,iCAC3B,EAA6B,CAAkB,GAE3C,EAAE,MAAM,GAAS,WAAW,MAAqB,EAAS;EAC9D,GAAG;EACH,SAAQ,MAAoB,EAAiB;CAC/C,CAAC,GACK,EAAE,MAAM,GAAe,WAAW,MAA2B,EACjE,CACF,GAIM,CAAC,GAAY,KAAiB,EAA4B;CAChE,QAAgB;EACd,AACE,KACA,KACA,CAAC,KACD,CAAC,KAED,EAAc;GACZ,GAAG;GACH,GAAG;EACL,CAAC;CAEL,GAAG;EAAC;EAAe;EAAwB;EAAS;CAAgB,CAAC;CAMrE,IAAM,IAAc,EAAO,CAAQ;CAInC,AAHA,EAAY,UAAU,GAGtB,QAAkC;EAChC,AAAI,KACF,EAAY,QAAQ,CAAU;CAElC,GAAG,CAAC,CAAU,CAAC;AACjB"}

package/dist/components/QueryWrapperErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryWrapperErrorBoundary.js","names":[],"sources":["../../src/components/QueryWrapperErrorBoundary.tsx"],"sourcesContent":["import { SynapseClientError, useSynapseContext } from '@/utils'\nimport { PropsWithChildren, useCallback, useMemo } from 'react'\nimport {\n  ErrorBoundary,\n  ErrorBoundaryPropsWithComponent,\n} from 'react-error-boundary'\nimport { EntityActionsRequired } from './AccessRequirement/EntityActionsRequired'\nimport { ErrorBanner } from './error/ErrorBanner'\nimport { useQueryContext } from './QueryContext/QueryContext'\nimport SqlEditor from './SynapseTable/SqlEditor'\n\n/**\n * Error boundary that automatically pulls the error from QueryContext.  If 403, shows entity actions required\n */\nexport function QueryWrapperErrorBoundary({\n  children,\n}: PropsWithChildren<Record<never, never>>) {\n  const { getCurrentQueryRequest, onViewSharingSettingsClicked } =\n    useQueryContext()\n  const { entityId } = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n  const { isAuthenticated } = useSynapseContext()\n\n  const FallbackComponent: ErrorBoundaryPropsWithComponent['FallbackComponent'] =\n    useCallback(\n      props => {\n        if (\n          props.error instanceof SynapseClientError &&\n          props.error.status === 403 &&\n          isAuthenticated\n        ) {\n          return (\n            <div className={`ErrorBannerWrapper`}>\n              <EntityActionsRequired\n                entityId={entityId}\n                onViewSharingSettingsClicked={onViewSharingSettingsClicked}\n              />\n            </div>\n          )\n        }\n        return (\n          <div className={`ErrorBannerWrapper`}>\n            <SqlEditor resetErrorBoundary={props.resetErrorBoundary} />\n            <ErrorBanner {...props} />\n          </div>\n        )\n      },\n      [entityId, isAuthenticated, onViewSharingSettingsClicked],\n    )\n\n  return (\n    <ErrorBoundary FallbackComponent={FallbackComponent}>\n      {children}\n    </ErrorBoundary>\n  )\n}\n"],"mappings":";;;;;;;;;;AAcA,SAAgB,EAA0B,EACxC,eAC0C;CAC1C,IAAM,EAAE,2BAAwB,oCAC9B,GAAiB,EACb,EAAE,gBAAa,QACb,GAAwB,EAC9B,CAAC,EAAuB,CACzB,EACK,EAAE,uBAAoB,GAAmB;AA6B/C,QACE,kBAAC,GAAD;EAAkC,mBA3BlC,GACE,MAEI,EAAM,iBAAiB,KACvB,EAAM,MAAM,WAAW,OACvB,IAGE,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,GAAD;IACY;IACoB;IAC9B,CAAA;GACE,CAAA,GAIR,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,kBAAC,GAAD,EAAW,oBAAoB,EAAM,oBAAsB,CAAA,EAC3D,kBAAC,GAAD,EAAa,GAAI,GAAS,CAAA,CACtB;MAGV;GAAC;GAAU;GAAiB;GAA6B,CAIzB;EAC/B;EACa,CAAA"}
+{"version":3,"file":"QueryWrapperErrorBoundary.js","names":[],"sources":["../../src/components/QueryWrapperErrorBoundary.tsx"],"sourcesContent":["import { SynapseClientError, useSynapseContext } from '@/utils'\nimport { PropsWithChildren, useCallback, useMemo } from 'react'\nimport {\n  ErrorBoundary,\n  ErrorBoundaryPropsWithComponent,\n} from 'react-error-boundary'\nimport { EntityActionsRequired } from './AccessRequirement/EntityActionsRequired'\nimport { ErrorBanner } from './error/ErrorBanner'\nimport { useQueryContext } from './QueryContext/QueryContext'\nimport SqlEditor from './SynapseTable/SqlEditor'\n\n/**\n * Error boundary that automatically pulls the error from QueryContext.  If 403, shows entity actions required\n */\nexport function QueryWrapperErrorBoundary({\n  children,\n}: PropsWithChildren<Record<never, never>>) {\n  const { getCurrentQueryRequest, onViewSharingSettingsClicked } =\n    useQueryContext()\n  const { entityId } = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n  const { isAuthenticated } = useSynapseContext()\n\n  const FallbackComponent: ErrorBoundaryPropsWithComponent['FallbackComponent'] =\n    useCallback(\n      props => {\n        if (\n          props.error instanceof SynapseClientError &&\n          props.error.status === 403 &&\n          isAuthenticated\n        ) {\n          return (\n            <div className={`ErrorBannerWrapper`}>\n              <EntityActionsRequired\n                entityId={entityId}\n                onViewSharingSettingsClicked={onViewSharingSettingsClicked}\n              />\n            </div>\n          )\n        }\n        return (\n          <div className={`ErrorBannerWrapper`}>\n            <SqlEditor resetErrorBoundary={props.resetErrorBoundary} />\n            <ErrorBanner {...props} />\n          </div>\n        )\n      },\n      [entityId, isAuthenticated, onViewSharingSettingsClicked],\n    )\n\n  return (\n    <ErrorBoundary FallbackComponent={FallbackComponent}>\n      {children}\n    </ErrorBoundary>\n  )\n}\n"],"mappings":";;;;;;;;;;AAcA,SAAgB,EAA0B,EACxC,eAC0C;CAC1C,IAAM,EAAE,2BAAwB,oCAC9B,EAAgB,GACZ,EAAE,gBAAa,QACb,EAAuB,GAC7B,CAAC,CAAsB,CACzB,GACM,EAAE,uBAAoB,EAAkB;CA6B9C,OACE,kBAAC,GAAD;EAAkC,mBA3BlC,GACE,MAEI,EAAM,iBAAiB,KACvB,EAAM,MAAM,WAAW,OACvB,IAGE,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,GAAD;IACY;IACoB;GAC/B,CAAA;EACE,CAAA,IAIP,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,kBAAC,GAAD,EAAW,oBAAoB,EAAM,mBAAqB,CAAA,GAC1D,kBAAC,GAAD,EAAa,GAAI,EAAQ,CAAA,CACtB;MAGT;GAAC;GAAU;GAAiB;EAA4B,CAIxB;EAC/B;CACY,CAAA;AAEnB"}

package/dist/components/QueryWrapperPlotNav/LastUpdatedOn.js.map

@@ -1 +1 @@
-{"version":3,"file":"LastUpdatedOn.js","names":[],"sources":["../../../src/components/QueryWrapperPlotNav/LastUpdatedOn.tsx"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport { Skeleton, Typography } from '@mui/material'\nimport dayjs from 'dayjs'\nimport { Suspense } from 'react'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\n\nfunction LastUpdatedOn() {\n  const { showLastUpdatedOn } = useQueryVisualizationContext()\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n\n  return showLastUpdatedOn && queryMetadata && queryMetadata.lastUpdatedOn ? (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'flex-end',\n      }}\n    >\n      <Typography variant=\"body1Italic\">\n        Last updated on {formatDate(dayjs(queryMetadata.lastUpdatedOn))}\n      </Typography>\n    </div>\n  ) : (\n    <></>\n  )\n}\n\nexport default function LastUpdatedOnWithSuspense() {\n  const { showLastUpdatedOn } = useQueryVisualizationContext()\n  if (!showLastUpdatedOn) {\n    return <></>\n  }\n  return (\n    <Suspense fallback={<Skeleton width={100}></Skeleton>}>\n      <LastUpdatedOn />\n    </Suspense>\n  )\n}\n"],"mappings":";;;;;;;;;AAOA,SAAS,IAAgB;CACvB,IAAM,EAAE,yBAAsB,GAA8B,EACtD,EAAE,MAAM,MAAkB,GAA6B;AAE7D,QAAO,KAAqB,KAAiB,EAAc,gBACzD,kBAAC,OAAD;EACE,OAAO;GACL,SAAS;GACT,eAAe;GACf,YAAY;GACb;YAED,kBAAC,GAAD;GAAY,SAAQ;aAApB,CAAkC,oBACf,EAAW,EAAM,EAAc,cAAc,CAAC,CACpD;;EACT,CAAA,GAEN,kBAAA,GAAA,EAAK,CAAA;;AAIT,SAAwB,IAA4B;CAClD,IAAM,EAAE,yBAAsB,GAA8B;AAI5D,QAHK,IAIH,kBAAC,GAAD;EAAU,UAAU,kBAAC,GAAD,EAAU,OAAO,KAAgB,CAAA;YACnD,kBAAC,GAAD,EAAiB,CAAA;EACR,CAAA,GALJ,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"LastUpdatedOn.js","names":[],"sources":["../../../src/components/QueryWrapperPlotNav/LastUpdatedOn.tsx"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport { Skeleton, Typography } from '@mui/material'\nimport dayjs from 'dayjs'\nimport { Suspense } from 'react'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\n\nfunction LastUpdatedOn() {\n  const { showLastUpdatedOn } = useQueryVisualizationContext()\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n\n  return showLastUpdatedOn && queryMetadata && queryMetadata.lastUpdatedOn ? (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'flex-end',\n      }}\n    >\n      <Typography variant=\"body1Italic\">\n        Last updated on {formatDate(dayjs(queryMetadata.lastUpdatedOn))}\n      </Typography>\n    </div>\n  ) : (\n    <></>\n  )\n}\n\nexport default function LastUpdatedOnWithSuspense() {\n  const { showLastUpdatedOn } = useQueryVisualizationContext()\n  if (!showLastUpdatedOn) {\n    return <></>\n  }\n  return (\n    <Suspense fallback={<Skeleton width={100}></Skeleton>}>\n      <LastUpdatedOn />\n    </Suspense>\n  )\n}\n"],"mappings":";;;;;;;;;AAOA,SAAS,IAAgB;CACvB,IAAM,EAAE,yBAAsB,EAA6B,GACrD,EAAE,MAAM,MAAkB,EAA4B;CAE5D,OAAO,KAAqB,KAAiB,EAAc,gBACzD,kBAAC,OAAD;EACE,OAAO;GACL,SAAS;GACT,eAAe;GACf,YAAY;EACd;YAEA,kBAAC,GAAD;GAAY,SAAQ;aAApB,CAAkC,oBACf,EAAW,EAAM,EAAc,aAAa,CAAC,CACpD;;CACT,CAAA,IAEL,kBAAA,GAAA,CAAI,CAAA;AAER;AAEA,SAAwB,IAA4B;CAClD,IAAM,EAAE,yBAAsB,EAA6B;CAI3D,OAHK,IAIH,kBAAC,GAAD;EAAU,UAAU,kBAAC,GAAD,EAAU,OAAO,IAAe,CAAA;YAClD,kBAAC,GAAD,CAAgB,CAAA;CACR,CAAA,IALH,kBAAA,GAAA,CAAI,CAAA;AAOf"}