synapse-react-client 4.0.19 → 4.0.21

package/dist/components/RowDataTable/RowDataTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowDataTable.js","names":[],"sources":["../../../src/components/RowDataTable/RowDataTable.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledTableContainer } from '@/components/styled/StyledTableContainer'\nimport { SelectColumn } from '@sage-bionetworks/synapse-types'\nimport { LabelLinkConfig } from '../CardContainerLogic'\nimport { SynapseCardLabel } from '../GenericCard'\n\nexport type RowDataTableProps = {\n  /** Array of string values corresponding to the data for a row */\n  rowData: Array<string | null>\n  /** The headers for the columns in the table */\n  headers: SelectColumn[]\n  /** Optional list of column names whose data should be displayed in the table. If not provided, all columns with data will be shown. */\n  displayedColumns?: string[]\n  /** Optional configuration for linking columns */\n  columnLinks?: LabelLinkConfig\n  /** Optional display value overrides for column names */\n  columnAliases?: Record<string, string>\n}\n\n/**\n * Displays a table of column names and Synapse Table row data represented as key/value pairs\n */\nconst RowDataTable = (props: RowDataTableProps): React.ReactNode => {\n  const { columnAliases, columnLinks, headers, rowData, displayedColumns } =\n    props\n\n  const columns = displayedColumns\n    ? headers\n        .filter(header => displayedColumns.includes(header.name))\n        .map(header => header.name)\n    : headers.map(header => header.name)\n\n  const labelValueArray: [string, string][] = []\n\n  for (let i = 0; i < columns.length; i += 1) {\n    const columnName = columns[i]\n    const columnIndex = headers.findIndex(header => header.name === columnName)\n    const value = columnIndex !== -1 ? rowData[columnIndex] : undefined\n\n    // value can be 'null' if column type is of type STRING or '[null]' if column type is of STRING_LIST\n    const column = headers[columnIndex]\n    const isNullValue = value === 'null'\n    const isListType = column.columnType.endsWith('_LIST')\n\n    const isEmptyListOrListOfNull = value === '[]' || value === '[null]'\n    if (\n      typeof value === 'string' &&\n      !(isNullValue || (isListType && isEmptyListOrListOfNull))\n    ) {\n      labelValueArray.push([columnName, value])\n    }\n  }\n\n  return (\n    <StyledTableContainer sx={{ width: '100%' }}>\n      <table style={{ width: '100%' }}>\n        <tbody>\n          {labelValueArray?.map(([columnName, value]) => (\n            <tr key={columnName}>\n              <td style={{ width: '256px' }}>\n                <span\n                  style={{\n                    fontSize: '14px',\n                    lineHeight: '20px',\n                    color: '#333',\n                  }}\n                >\n                  {columnAliases?.[columnName] ?? columnName}\n                </span>\n              </td>\n              <td>\n                <SynapseCardLabel\n                  value={value}\n                  columnName={columnName}\n                  labelLink={columnLinks?.find(\n                    link => link.matchColumnName === columnName,\n                  )}\n                  selectColumns={headers}\n                  columnModels={undefined}\n                  isHeader={false}\n                  rowData={rowData}\n                />\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </StyledTableContainer>\n  )\n}\n\nexport default RowDataTable\n"],"mappings":";;;;;;AAsBA,IAAM,KAAgB,MAA8C;CAClE,IAAM,EAAE,kBAAe,gBAAa,YAAS,YAAS,wBACpD,GAEI,IAAU,IACZ,EACG,QAAO,MAAU,EAAiB,SAAS,EAAO,KAAK,CAAC,CACxD,KAAI,MAAU,EAAO,KAAK,GAC7B,EAAQ,KAAI,MAAU,EAAO,KAAK,EAEhC,IAAsC,EAAE;AAE9C,MAAK,IAAI,IAAI,GAAG,IAAI,EAAQ,QAAQ,KAAK,GAAG;EAC1C,IAAM,IAAa,EAAQ,IACrB,IAAc,EAAQ,WAAU,MAAU,EAAO,SAAS,EAAW,EACrE,IAAQ,MAAgB,KAA4B,KAAA,IAAvB,EAAQ,IAGrC,IAAS,EAAQ,IACjB,IAAc,MAAU,QACxB,IAAa,EAAO,WAAW,SAAS,QAAQ;AAGtD,EACE,OAAO,KAAU,YACjB,EAAE,KAAgB,MAHY,MAAU,QAAQ,MAAU,cAK1D,EAAgB,KAAK,CAAC,GAAY,EAAM,CAAC;;AAI7C,QACE,kBAAC,GAAD;EAAsB,IAAI,EAAE,OAAO,QAAQ;YACzC,kBAAC,SAAD;GAAO,OAAO,EAAE,OAAO,QAAQ;aAC7B,kBAAC,SAAD,EAAA,UACG,GAAiB,KAAK,CAAC,GAAY,OAClC,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,OAAO,EAAE,OAAO,SAAS;cAC3B,kBAAC,QAAD;KACE,OAAO;MACL,UAAU;MACV,YAAY;MACZ,OAAO;MACR;eAEA,IAAgB,MAAe;KAC3B,CAAA;IACJ,CAAA,EACL,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;IACS;IACK;IACZ,WAAW,GAAa,MACtB,MAAQ,EAAK,oBAAoB,EAClC;IACD,eAAe;IACf,cAAc,KAAA;IACd,UAAU;IACD;IACT,CAAA,EACC,CAAA,CACF,EAAA,EAzBI,EAyBJ,CACL,EACI,CAAA;GACF,CAAA;EACa,CAAA"}
+{"version":3,"file":"RowDataTable.js","names":[],"sources":["../../../src/components/RowDataTable/RowDataTable.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledTableContainer } from '@/components/styled/StyledTableContainer'\nimport { SelectColumn } from '@sage-bionetworks/synapse-types'\nimport { LabelLinkConfig } from '../CardContainerLogic'\nimport { SynapseCardLabel } from '../GenericCard'\n\nexport type RowDataTableProps = {\n  /** Array of string values corresponding to the data for a row */\n  rowData: Array<string | null>\n  /** The headers for the columns in the table */\n  headers: SelectColumn[]\n  /** Optional list of column names whose data should be displayed in the table. If not provided, all columns with data will be shown. */\n  displayedColumns?: string[]\n  /** Optional configuration for linking columns */\n  columnLinks?: LabelLinkConfig\n  /** Optional display value overrides for column names */\n  columnAliases?: Record<string, string>\n}\n\n/**\n * Displays a table of column names and Synapse Table row data represented as key/value pairs\n */\nconst RowDataTable = (props: RowDataTableProps): React.ReactNode => {\n  const { columnAliases, columnLinks, headers, rowData, displayedColumns } =\n    props\n\n  const columns = displayedColumns\n    ? headers\n        .filter(header => displayedColumns.includes(header.name))\n        .map(header => header.name)\n    : headers.map(header => header.name)\n\n  const labelValueArray: [string, string][] = []\n\n  for (let i = 0; i < columns.length; i += 1) {\n    const columnName = columns[i]\n    const columnIndex = headers.findIndex(header => header.name === columnName)\n    const value = columnIndex !== -1 ? rowData[columnIndex] : undefined\n\n    // value can be 'null' if column type is of type STRING or '[null]' if column type is of STRING_LIST\n    const column = headers[columnIndex]\n    const isNullValue = value === 'null'\n    const isListType = column.columnType.endsWith('_LIST')\n\n    const isEmptyListOrListOfNull = value === '[]' || value === '[null]'\n    if (\n      typeof value === 'string' &&\n      !(isNullValue || (isListType && isEmptyListOrListOfNull))\n    ) {\n      labelValueArray.push([columnName, value])\n    }\n  }\n\n  return (\n    <StyledTableContainer sx={{ width: '100%' }}>\n      <table style={{ width: '100%' }}>\n        <tbody>\n          {labelValueArray?.map(([columnName, value]) => (\n            <tr key={columnName}>\n              <td style={{ width: '256px' }}>\n                <span\n                  style={{\n                    fontSize: '14px',\n                    lineHeight: '20px',\n                    color: '#333',\n                  }}\n                >\n                  {columnAliases?.[columnName] ?? columnName}\n                </span>\n              </td>\n              <td>\n                <SynapseCardLabel\n                  value={value}\n                  columnName={columnName}\n                  labelLink={columnLinks?.find(\n                    link => link.matchColumnName === columnName,\n                  )}\n                  selectColumns={headers}\n                  columnModels={undefined}\n                  isHeader={false}\n                  rowData={rowData}\n                />\n              </td>\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    </StyledTableContainer>\n  )\n}\n\nexport default RowDataTable\n"],"mappings":";;;;;;AAsBA,IAAM,KAAgB,MAA8C;CAClE,IAAM,EAAE,kBAAe,gBAAa,YAAS,YAAS,wBACpD,GAEI,IAAU,IACZ,EACG,QAAO,MAAU,EAAiB,SAAS,EAAO,IAAI,CAAC,EACvD,KAAI,MAAU,EAAO,IAAI,IAC5B,EAAQ,KAAI,MAAU,EAAO,IAAI,GAE/B,IAAsC,CAAC;CAE7C,KAAK,IAAI,IAAI,GAAG,IAAI,EAAQ,QAAQ,KAAK,GAAG;EAC1C,IAAM,IAAa,EAAQ,IACrB,IAAc,EAAQ,WAAU,MAAU,EAAO,SAAS,CAAU,GACpE,IAAQ,MAAgB,KAA4B,KAAA,IAAvB,EAAQ,IAGrC,IAAS,EAAQ,IACjB,IAAc,MAAU,QACxB,IAAa,EAAO,WAAW,SAAS,OAAO;EAGrD,AACE,OAAO,KAAU,YACjB,EAAE,KAAgB,MAHY,MAAU,QAAQ,MAAU,cAK1D,EAAgB,KAAK,CAAC,GAAY,CAAK,CAAC;CAE5C;CAEA,OACE,kBAAC,GAAD;EAAsB,IAAI,EAAE,OAAO,OAAO;YACxC,kBAAC,SAAD;GAAO,OAAO,EAAE,OAAO,OAAO;aAC5B,kBAAC,SAAD,EAAA,UACG,GAAiB,KAAK,CAAC,GAAY,OAClC,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,OAAO,EAAE,OAAO,QAAQ;cAC1B,kBAAC,QAAD;KACE,OAAO;MACL,UAAU;MACV,YAAY;MACZ,OAAO;KACT;eAEC,IAAgB,MAAe;IAC5B,CAAA;GACJ,CAAA,GACJ,kBAAC,MAAD,EAAA,UACE,kBAAC,GAAD;IACS;IACK;IACZ,WAAW,GAAa,MACtB,MAAQ,EAAK,oBAAoB,CACnC;IACA,eAAe;IACf,cAAc,KAAA;IACd,UAAU;IACD;GACV,CAAA,EACC,CAAA,CACF,EAAA,GAzBK,CAyBL,CACL,EACI,CAAA;EACF,CAAA;CACa,CAAA;AAE1B"}

package/dist/components/RowDataTable/RowDataTableWithQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowDataTableWithQuery.js","names":[],"sources":["../../../src/components/RowDataTable/RowDataTableWithQuery.tsx"],"sourcesContent":["import React from 'react'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions'\nimport {\n  BUNDLE_MASK_QUERY_RESULTS,\n  BUNDLE_MASK_QUERY_SELECT_COLUMNS,\n} from '@/utils/SynapseConstants'\nimport { Query, QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { LabelLinkConfig } from '../CardContainerLogic'\nimport { SkeletonTable } from '../Skeleton'\nimport RowDataTable from './RowDataTable'\n\nexport type RowDataTableWithQueryProps = {\n  /** The query used to retrieve data */\n  query: Query\n  /** Optional list of column names whose data should be displayed in the table. If not provided, all columns with data will be shown. */\n  displayedColumns?: string[]\n  /** Optional display value overrides for column names */\n  columnAliases?: Record<string, string>\n  /** Optional configuration for linking columns  */\n  columnLinks?: LabelLinkConfig\n}\n\n/**\n * For the first row returned by the query, displays a table of column names and Synapse Table row data represented as key/value pairs\n */\nconst RowDataTableWithQuery = (\n  props: RowDataTableWithQueryProps,\n): React.ReactNode => {\n  const { columnAliases, columnLinks, query, displayedColumns } = props\n  const entityId = parseEntityIdFromSqlStatement(query.sql)\n\n  const queryBundleRequest: QueryBundleRequest = {\n    partMask: BUNDLE_MASK_QUERY_SELECT_COLUMNS | BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    query,\n  }\n\n  const { data: queryResultBundle, isLoading } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const rowData =\n    queryResultBundle?.queryResult!.queryResults.rows[0].values ?? []\n  const headers = queryResultBundle?.queryResult!.queryResults.headers ?? []\n\n  if (isLoading) return <SkeletonTable numRows={6} numCols={1} />\n\n  return (\n    <RowDataTable\n      columnAliases={columnAliases}\n      columnLinks={columnLinks}\n      rowData={rowData}\n      headers={headers}\n      displayedColumns={displayedColumns}\n    />\n  )\n}\n\nexport default RowDataTableWithQuery\n"],"mappings":";;;;;;;;;;AA0BA,IAAM,KACJ,MACoB;CACpB,IAAM,EAAE,kBAAe,gBAAa,UAAO,wBAAqB,GAU1D,EAAE,MAAM,GAAmB,iBAC/B,EAAwB;EAPxB,UAAA;EACA,cAAc;EACd,UALe,EAA8B,EAAM,IAKnD;EACA;EAIwB,CAAmB,EAEvC,IACJ,GAAmB,YAAa,aAAa,KAAK,GAAG,UAAU,EAAE,EAC7D,IAAU,GAAmB,YAAa,aAAa,WAAW,EAAE;AAI1E,QAFI,IAAkB,kBAAC,GAAD;EAAe,SAAS;EAAG,SAAS;EAAK,CAAA,GAG7D,kBAAC,GAAD;EACiB;EACF;EACJ;EACA;EACS;EAClB,CAAA"}
+{"version":3,"file":"RowDataTableWithQuery.js","names":[],"sources":["../../../src/components/RowDataTable/RowDataTableWithQuery.tsx"],"sourcesContent":["import React from 'react'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions'\nimport {\n  BUNDLE_MASK_QUERY_RESULTS,\n  BUNDLE_MASK_QUERY_SELECT_COLUMNS,\n} from '@/utils/SynapseConstants'\nimport { Query, QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { LabelLinkConfig } from '../CardContainerLogic'\nimport { SkeletonTable } from '../Skeleton'\nimport RowDataTable from './RowDataTable'\n\nexport type RowDataTableWithQueryProps = {\n  /** The query used to retrieve data */\n  query: Query\n  /** Optional list of column names whose data should be displayed in the table. If not provided, all columns with data will be shown. */\n  displayedColumns?: string[]\n  /** Optional display value overrides for column names */\n  columnAliases?: Record<string, string>\n  /** Optional configuration for linking columns  */\n  columnLinks?: LabelLinkConfig\n}\n\n/**\n * For the first row returned by the query, displays a table of column names and Synapse Table row data represented as key/value pairs\n */\nconst RowDataTableWithQuery = (\n  props: RowDataTableWithQueryProps,\n): React.ReactNode => {\n  const { columnAliases, columnLinks, query, displayedColumns } = props\n  const entityId = parseEntityIdFromSqlStatement(query.sql)\n\n  const queryBundleRequest: QueryBundleRequest = {\n    partMask: BUNDLE_MASK_QUERY_SELECT_COLUMNS | BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    query,\n  }\n\n  const { data: queryResultBundle, isLoading } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const rowData =\n    queryResultBundle?.queryResult!.queryResults.rows[0].values ?? []\n  const headers = queryResultBundle?.queryResult!.queryResults.headers ?? []\n\n  if (isLoading) return <SkeletonTable numRows={6} numCols={1} />\n\n  return (\n    <RowDataTable\n      columnAliases={columnAliases}\n      columnLinks={columnLinks}\n      rowData={rowData}\n      headers={headers}\n      displayedColumns={displayedColumns}\n    />\n  )\n}\n\nexport default RowDataTableWithQuery\n"],"mappings":";;;;;;;;;;AA0BA,IAAM,KACJ,MACoB;CACpB,IAAM,EAAE,kBAAe,gBAAa,UAAO,wBAAqB,GAU1D,EAAE,MAAM,GAAmB,iBAC/B,EAAwB;EAPxB,UAAA;EACA,cAAc;EACd,UALe,EAA8B,EAAM,GAKnD;EACA;CAIwB,CAAkB,GAEtC,IACJ,GAAmB,YAAa,aAAa,KAAK,GAAG,UAAU,CAAC,GAC5D,IAAU,GAAmB,YAAa,aAAa,WAAW,CAAC;CAIzE,OAFI,IAAkB,kBAAC,GAAD;EAAe,SAAS;EAAG,SAAS;CAAI,CAAA,IAG5D,kBAAC,GAAD;EACiB;EACF;EACJ;EACA;EACS;CACnB,CAAA;AAEL"}

package/dist/components/RssFeedCards/RssFeedCards.js.map

@@ -1 +1 @@
-{"version":3,"file":"RssFeedCards.js","names":[],"sources":["../../../src/components/RssFeedCards/RssFeedCards.tsx"],"sourcesContent":["import NoData from '@/assets/icons/NoData'\nimport { ReactComponent as SubscribePlus } from '@/assets/icons/subscribe_plus.svg'\nimport LargeButton from '@/components/styled/LargeButton'\nimport dayjs from 'dayjs'\nimport { Component } from 'react'\nimport MailchimpSubscribe from 'react-mailchimp-subscribe'\nimport Parser from 'rss-parser'\n\nconst rssParser = new Parser()\ntype RssState = {\n  rssFeed: any\n  isLoadingError: boolean\n  isShowingSubscribeUI: boolean\n  allItemsUrl?: string\n}\n\nexport type RssFilter = {\n  type?: 'tag' | 'category'\n  value: string\n}\n\nexport type RssFeedCardsProps = {\n  url: string\n  filter?: RssFilter // optional tag or category to use as a filter\n  itemsToShow: number\n  allowCategories?: string[]\n  mailChimpListName?: string\n  mailChimpUrl?: string\n  viewAllNewsButtonText?: string\n}\nexport class RssFeedCards extends Component<RssFeedCardsProps, RssState> {\n  // only update the state if this component is mounted\n  _isMounted = false\n\n  constructor(props: RssFeedCardsProps) {\n    super(props)\n    this.state = {\n      rssFeed: {},\n      isLoadingError: false,\n      isShowingSubscribeUI: false,\n    }\n  }\n\n  componentDidMount() {\n    this._isMounted = true\n    const { url, filter } = this.props\n    const filterValue = filter?.value\n    const filterType = filter?.type\n    const tagPath = filterValue\n      ? `/${filterType ?? 'tag'}/${filterValue.replace(' ', '-')}`\n      : ''\n    const allItems = `${url}${tagPath}`\n    const feedUrl = `${allItems}/?feed=rss2`\n    fetch(feedUrl)\n      .then(response => response.text())\n      .then(responseData => rssParser.parseString(responseData))\n      .then(rss => {\n        if (this._isMounted) {\n          this.setState({ rssFeed: rss, allItemsUrl: allItems })\n        }\n      })\n      .catch(err => {\n        if (this._isMounted) {\n          this.setState({ isLoadingError: true })\n        }\n      })\n  }\n\n  componentWillUnmount() {\n    this._isMounted = false\n  }\n\n  public onClickSubscribe = () => {\n    this.setState({ isShowingSubscribeUI: true })\n  }\n\n  render() {\n    const { viewAllNewsButtonText } = this.props\n\n    if (this.state.rssFeed.items?.length === 0) {\n      return (\n        <div className=\"text-center SRCBorderedPanel SRCBorderedPanel--padded2x\">\n          {NoData}\n          <div style={{ marginTop: '20px', fontStyle: 'italic' }}>\n            There are no items currently available\n          </div>\n        </div>\n      )\n    }\n    return (\n      <>\n        {this.props.mailChimpUrl && (\n          <div className=\"FeedSubscribe\">\n            {!this.state.isShowingSubscribeUI && (\n              <a\n                className=\"FeedSubscribeToNewsLink SRC-no-border-bottom-imp\"\n                onClick={this.onClickSubscribe}\n              >\n                <SubscribePlus title=\"Subscribe to News\" />\n                Subscribe to News\n              </a>\n            )}\n            {this.state.isShowingSubscribeUI && (\n              <div className=\"MailchimpSubscribeContainer\">\n                <SubscribePlus title=\"Subscribe to News\" />\n                <p>\n                  Subscribe to receive the {this.props.mailChimpListName} by\n                  e-mail, which provides information and updates related to the\n                  Portal. You can opt out at any time by using the unsubscribe\n                  link within the e-mail. We will not share your information\n                  with any third parties or use it for any other purposes.\n                </p>\n                <div className=\"SRC-marginBottomTop\">\n                  <MailchimpSubscribe url={this.props.mailChimpUrl} />\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n        <div className=\"Feed\">\n          <div className=\"FeedItems\">\n            {this.state.rssFeed.items &&\n              this.state.rssFeed.items.map((item: any, index: any) => {\n                // The other is to hide the large number of items in a particular feed (usually a max of 10 are returned).  See state.isShowingMoreItems\n                if (index >= this.props.itemsToShow) {\n                  return\n                }\n\n                return (\n                  <div key={item.guid} className={`FeedItem`}>\n                    <div>\n                      {this.props.allowCategories &&\n                        this.props.allowCategories.length > 0 && (\n                          <div className=\"FeedItemCategories\">\n                            {item['categories'].map((categoryName: string) => {\n                              // are we allowed to show this category/tag?\n                              const categoryNameLowerCase =\n                                categoryName.toLowerCase()\n                              const allowCategories = this.props.allowCategories\n                              if (\n                                allowCategories?.findIndex(\n                                  item =>\n                                    categoryNameLowerCase ===\n                                    item.toLowerCase(),\n                                ) === -1\n                              )\n                                return <></>\n                              // else\n                              return (\n                                <a\n                                  href={`${\n                                    this.state.rssFeed.link\n                                  }/tag/${categoryName.replace(' ', '-')}`}\n                                  className=\"SRC-no-border-bottom-imp\"\n                                  key={`${item.guid}_${categoryName}`}\n                                  target=\"_blank\"\n                                  rel=\"noopener noreferrer\"\n                                >\n                                  <div className=\"FeedItemCategory\">\n                                    {categoryName}\n                                  </div>\n                                </a>\n                              )\n                            })}\n                          </div>\n                        )}\n                      <p className=\"FeedItemDate\">\n                        {dayjs(item['isoDate']).format('MMMM YYYY')}\n                      </p>\n                      <p className=\"FeedItemTitle\">{item['title']}</p>\n                      <div className=\"FeedItemDescription\">\n                        {item['contentSnippet'].replace(/\\[...\\]|\\[…\\]/gm, '…')}\n                      </div>\n                      <a\n                        className=\"FeedItemLink\"\n                        href={item['link']}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                      >\n                        Continue reading\n                      </a>\n                    </div>\n                  </div>\n                )\n              })}\n          </div>\n          {this.state.rssFeed.items &&\n            this.state.rssFeed.items.length > this.props.itemsToShow &&\n            this.state.allItemsUrl && (\n              <div className=\"FeedViewAllNewsButtonContainer\">\n                <LargeButton\n                  color=\"secondary\"\n                  variant=\"contained\"\n                  onClick={() =>\n                    window.open(this.state.allItemsUrl, '_blank', 'noopener')\n                  }\n                  // @ts-expect-error - target prop exists, but TS doesn't recognize on styled component\n                  target=\"_blank\"\n                >\n                  {viewAllNewsButtonText ?? 'View All News'}\n                </LargeButton>\n              </div>\n            )}\n          {this.state.isLoadingError && (\n            <div>Unable to load feed: {this.props.url}</div>\n          )}\n        </div>\n      </>\n    )\n  }\n}\n\nexport default RssFeedCards\n"],"mappings":"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"}
+{"version":3,"file":"RssFeedCards.js","names":[],"sources":["../../../src/components/RssFeedCards/RssFeedCards.tsx"],"sourcesContent":["import NoData from '@/assets/icons/NoData'\nimport { ReactComponent as SubscribePlus } from '@/assets/icons/subscribe_plus.svg'\nimport LargeButton from '@/components/styled/LargeButton'\nimport dayjs from 'dayjs'\nimport { Component } from 'react'\nimport MailchimpSubscribe from 'react-mailchimp-subscribe'\nimport Parser from 'rss-parser'\n\nconst rssParser = new Parser()\ntype RssState = {\n  rssFeed: any\n  isLoadingError: boolean\n  isShowingSubscribeUI: boolean\n  allItemsUrl?: string\n}\n\nexport type RssFilter = {\n  type?: 'tag' | 'category'\n  value: string\n}\n\nexport type RssFeedCardsProps = {\n  url: string\n  filter?: RssFilter // optional tag or category to use as a filter\n  itemsToShow: number\n  allowCategories?: string[]\n  mailChimpListName?: string\n  mailChimpUrl?: string\n  viewAllNewsButtonText?: string\n}\nexport class RssFeedCards extends Component<RssFeedCardsProps, RssState> {\n  // only update the state if this component is mounted\n  _isMounted = false\n\n  constructor(props: RssFeedCardsProps) {\n    super(props)\n    this.state = {\n      rssFeed: {},\n      isLoadingError: false,\n      isShowingSubscribeUI: false,\n    }\n  }\n\n  componentDidMount() {\n    this._isMounted = true\n    const { url, filter } = this.props\n    const filterValue = filter?.value\n    const filterType = filter?.type\n    const tagPath = filterValue\n      ? `/${filterType ?? 'tag'}/${filterValue.replace(' ', '-')}`\n      : ''\n    const allItems = `${url}${tagPath}`\n    const feedUrl = `${allItems}/?feed=rss2`\n    fetch(feedUrl)\n      .then(response => response.text())\n      .then(responseData => rssParser.parseString(responseData))\n      .then(rss => {\n        if (this._isMounted) {\n          this.setState({ rssFeed: rss, allItemsUrl: allItems })\n        }\n      })\n      .catch(err => {\n        if (this._isMounted) {\n          this.setState({ isLoadingError: true })\n        }\n      })\n  }\n\n  componentWillUnmount() {\n    this._isMounted = false\n  }\n\n  public onClickSubscribe = () => {\n    this.setState({ isShowingSubscribeUI: true })\n  }\n\n  render() {\n    const { viewAllNewsButtonText } = this.props\n\n    if (this.state.rssFeed.items?.length === 0) {\n      return (\n        <div className=\"text-center SRCBorderedPanel SRCBorderedPanel--padded2x\">\n          {NoData}\n          <div style={{ marginTop: '20px', fontStyle: 'italic' }}>\n            There are no items currently available\n          </div>\n        </div>\n      )\n    }\n    return (\n      <>\n        {this.props.mailChimpUrl && (\n          <div className=\"FeedSubscribe\">\n            {!this.state.isShowingSubscribeUI && (\n              <a\n                className=\"FeedSubscribeToNewsLink SRC-no-border-bottom-imp\"\n                onClick={this.onClickSubscribe}\n              >\n                <SubscribePlus title=\"Subscribe to News\" />\n                Subscribe to News\n              </a>\n            )}\n            {this.state.isShowingSubscribeUI && (\n              <div className=\"MailchimpSubscribeContainer\">\n                <SubscribePlus title=\"Subscribe to News\" />\n                <p>\n                  Subscribe to receive the {this.props.mailChimpListName} by\n                  e-mail, which provides information and updates related to the\n                  Portal. You can opt out at any time by using the unsubscribe\n                  link within the e-mail. We will not share your information\n                  with any third parties or use it for any other purposes.\n                </p>\n                <div className=\"SRC-marginBottomTop\">\n                  <MailchimpSubscribe url={this.props.mailChimpUrl} />\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n        <div className=\"Feed\">\n          <div className=\"FeedItems\">\n            {this.state.rssFeed.items &&\n              this.state.rssFeed.items.map((item: any, index: any) => {\n                // The other is to hide the large number of items in a particular feed (usually a max of 10 are returned).  See state.isShowingMoreItems\n                if (index >= this.props.itemsToShow) {\n                  return\n                }\n\n                return (\n                  <div key={item.guid} className={`FeedItem`}>\n                    <div>\n                      {this.props.allowCategories &&\n                        this.props.allowCategories.length > 0 && (\n                          <div className=\"FeedItemCategories\">\n                            {item['categories'].map((categoryName: string) => {\n                              // are we allowed to show this category/tag?\n                              const categoryNameLowerCase =\n                                categoryName.toLowerCase()\n                              const allowCategories = this.props.allowCategories\n                              if (\n                                allowCategories?.findIndex(\n                                  item =>\n                                    categoryNameLowerCase ===\n                                    item.toLowerCase(),\n                                ) === -1\n                              )\n                                return <></>\n                              // else\n                              return (\n                                <a\n                                  href={`${\n                                    this.state.rssFeed.link\n                                  }/tag/${categoryName.replace(' ', '-')}`}\n                                  className=\"SRC-no-border-bottom-imp\"\n                                  key={`${item.guid}_${categoryName}`}\n                                  target=\"_blank\"\n                                  rel=\"noopener noreferrer\"\n                                >\n                                  <div className=\"FeedItemCategory\">\n                                    {categoryName}\n                                  </div>\n                                </a>\n                              )\n                            })}\n                          </div>\n                        )}\n                      <p className=\"FeedItemDate\">\n                        {dayjs(item['isoDate']).format('MMMM YYYY')}\n                      </p>\n                      <p className=\"FeedItemTitle\">{item['title']}</p>\n                      <div className=\"FeedItemDescription\">\n                        {item['contentSnippet'].replace(/\\[...\\]|\\[…\\]/gm, '…')}\n                      </div>\n                      <a\n                        className=\"FeedItemLink\"\n                        href={item['link']}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                      >\n                        Continue reading\n                      </a>\n                    </div>\n                  </div>\n                )\n              })}\n          </div>\n          {this.state.rssFeed.items &&\n            this.state.rssFeed.items.length > this.props.itemsToShow &&\n            this.state.allItemsUrl && (\n              <div className=\"FeedViewAllNewsButtonContainer\">\n                <LargeButton\n                  color=\"secondary\"\n                  variant=\"contained\"\n                  onClick={() =>\n                    window.open(this.state.allItemsUrl, '_blank', 'noopener')\n                  }\n                  // @ts-expect-error - target prop exists, but TS doesn't recognize on styled component\n                  target=\"_blank\"\n                >\n                  {viewAllNewsButtonText ?? 'View All News'}\n                </LargeButton>\n              </div>\n            )}\n          {this.state.isLoadingError && (\n            <div>Unable to load feed: {this.props.url}</div>\n          )}\n        </div>\n      </>\n    )\n  }\n}\n\nexport default RssFeedCards\n"],"mappings":"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"}

package/dist/components/SageResourcesPopover/SageResourcesPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"SageResourcesPopover.js","names":[],"sources":["../../../src/components/SageResourcesPopover/SageResourcesPopover.tsx"],"sourcesContent":["import { useSourceAppConfigs } from '@/utils/hooks'\nimport { Box, Button, Grid, Popover, Typography, useTheme } from '@mui/material'\nimport {\n  ColumnSingleValueQueryFilter,\n  ColumnSingleValueFilterOperator,\n} from '@sage-bionetworks/synapse-types'\n\nexport type SageResourcesPopoverProps = {\n  sourceAppConfigTableID?: string\n  anchorEl: HTMLElement | null\n  onClose: () => void\n  resourceName?: string\n  description?: string\n  filterByType?: 'SynapsePortal' | 'SageSolution'\n  allResourcesUrl?: string\n}\n\nexport function SageResourcesPopover({\n  sourceAppConfigTableID = 'syn45291362',\n  anchorEl,\n  onClose,\n  resourceName = 'Portals',\n  description = 'Sage Bionetworks builds and supports community portals as tailored platforms for data sharing and collaboration across diverse research areas.',\n  filterByType,\n  allResourcesUrl,\n}: SageResourcesPopoverProps) {\n  const theme = useTheme()\n  const open = Boolean(anchorEl)\n  const hostname = typeof window !== 'undefined' ? window.location.hostname : ''\n\n  const additionalFilters: ColumnSingleValueQueryFilter[] = [\n    {\n      concreteType:\n        'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n      columnName: 'isPublicized',\n      operator: ColumnSingleValueFilterOperator.EQUAL,\n      values: ['true'],\n    },\n  ]\n  if (filterByType) {\n    additionalFilters.push({\n      isDefiningCondition: false,\n      concreteType:\n        'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n      columnName: 'portalType',\n      operator: ColumnSingleValueFilterOperator.EQUAL,\n      values: [filterByType],\n    })\n  }\n  const sourceAppConfigs = useSourceAppConfigs(\n    sourceAppConfigTableID,\n    additionalFilters,\n  )\n\n  return (\n    <Popover\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      sx={{ width: '90%', height: '90%' }}\n      anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}\n      transformOrigin={{ vertical: 'top', horizontal: 'center' }}\n    >\n      <Grid container spacing={2} sx={{ p: '24px' }}>\n        <Grid size={{ xs: 12, lg: 3 }}>\n          <Box sx={{ p: theme.spacing(4), pr: '5px' }}>\n            <Typography\n              variant=\"headline1\"\n              sx={{ fontSize: '30px', pb: '30px', fontWeight: 600 }}\n            >\n              {resourceName}\n            </Typography>\n            <Typography variant=\"body1\" sx={{ pb: '10px', fontWeight: 500 }}>\n              {description}\n            </Typography>\n            {allResourcesUrl && (\n              <Button\n                type=\"button\"\n                color=\"primary\"\n                variant=\"contained\"\n                sx={{\n                  p: '10px 50px',\n                  mt: '30px',\n                  height: '100%',\n                  '&:hover': { color: 'white' },\n                }}\n                href={allResourcesUrl}\n              >\n                See all {resourceName}\n              </Button>\n            )}\n          </Box>\n        </Grid>\n\n        <Grid size={{ xs: 12, lg: 9 }}>\n          <Grid container>\n            {sourceAppConfigs\n              ?.filter(config => {\n                if (config.appURL.toLowerCase().startsWith('http')) {\n                  const url = new URL(config.appURL)\n                  return url.hostname !== hostname\n                }\n                return true\n              })\n              .map(config => (\n                <Grid\n                  key={config.appId}\n                  size={{ xs: 12, sm: 6, lg: 4 }}\n                  className=\"sourceAppItem\"\n                  sx={{\n                    p: '30px',\n                    border: '1px solid #F1F3F5',\n                    '&:hover': {\n                      backgroundColor: '#d7dee433',\n                      cursor: 'pointer',\n                    },\n                  }}\n                >\n                  <div\n                    onClick={() => {\n                      window.open(config.appURL, '_blank')\n                      onClose()\n                    }}\n                  >\n                    <Box\n                      sx={{\n                        pb: '10px',\n                        img: {\n                          maxHeight: '50px',\n                          height: '50px',\n                          maxWidth: '100%',\n                        },\n                      }}\n                    >\n                      {config.logo}\n                    </Box>\n                    <Typography variant=\"body1\" sx={{ fontWeight: 500 }}>\n                      {config.shortDescription}\n                    </Typography>\n                  </div>\n                </Grid>\n              ))}\n          </Grid>\n        </Grid>\n      </Grid>\n    </Popover>\n  )\n}\n"],"mappings":";;;;;;AAiBA,SAAgB,EAAqB,EACnC,4BAAyB,eACzB,aACA,YACA,kBAAe,WACf,iBAAc,kJACd,iBACA,sBAC4B;CAC5B,IAAM,IAAQ,GAAU,EAClB,IAAO,EAAQ,GACf,IAAW,OAAO,SAAW,MAAc,OAAO,SAAS,WAAW,IAEtE,IAAoD,CACxD;EACE,cACE;EACF,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ,CAAC,OAAO;EACjB,CACF;AACD,CAAI,KACF,EAAkB,KAAK;EACrB,qBAAqB;EACrB,cACE;EACF,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ,CAAC,EAAa;EACvB,CAAC;CAEJ,IAAM,IAAmB,EACvB,GACA,EACD;AAED,QACE,kBAAC,GAAD;EACQ;EACI;EACD;EACT,IAAI;GAAE,OAAO;GAAO,QAAQ;GAAO;EACnC,cAAc;GAAE,UAAU;GAAU,YAAY;GAAU;EAC1D,iBAAiB;GAAE,UAAU;GAAO,YAAY;GAAU;YAE1D,kBAAC,GAAD;GAAM,WAAA;GAAU,SAAS;GAAG,IAAI,EAAE,GAAG,QAAQ;aAA7C,CACE,kBAAC,GAAD;IAAM,MAAM;KAAE,IAAI;KAAI,IAAI;KAAG;cAC3B,kBAAC,GAAD;KAAK,IAAI;MAAE,GAAG,EAAM,QAAQ,EAAE;MAAE,IAAI;MAAO;eAA3C;MACE,kBAAC,GAAD;OACE,SAAQ;OACR,IAAI;QAAE,UAAU;QAAQ,IAAI;QAAQ,YAAY;QAAK;iBAEpD;OACU,CAAA;MACb,kBAAC,GAAD;OAAY,SAAQ;OAAQ,IAAI;QAAE,IAAI;QAAQ,YAAY;QAAK;iBAC5D;OACU,CAAA;MACZ,KACC,kBAAC,GAAD;OACE,MAAK;OACL,OAAM;OACN,SAAQ;OACR,IAAI;QACF,GAAG;QACH,IAAI;QACJ,QAAQ;QACR,WAAW,EAAE,OAAO,SAAS;QAC9B;OACD,MAAM;iBAVR,CAWC,YACU,EACF;;MAEP;;IACD,CAAA,EAEP,kBAAC,GAAD;IAAM,MAAM;KAAE,IAAI;KAAI,IAAI;KAAG;cAC3B,kBAAC,GAAD;KAAM,WAAA;eACH,GACG,QAAO,MACH,EAAO,OAAO,aAAa,CAAC,WAAW,OAAO,GAEzC,IADS,IAAI,EAAO,OACpB,CAAI,aAAa,IAEnB,GACP,CACD,KAAI,MACH,kBAAC,GAAD;MAEE,MAAM;OAAE,IAAI;OAAI,IAAI;OAAG,IAAI;OAAG;MAC9B,WAAU;MACV,IAAI;OACF,GAAG;OACH,QAAQ;OACR,WAAW;QACT,iBAAiB;QACjB,QAAQ;QACT;OACF;gBAED,kBAAC,OAAD;OACE,eAAe;AAEb,QADA,OAAO,KAAK,EAAO,QAAQ,SAAS,EACpC,GAAS;;iBAHb,CAME,kBAAC,GAAD;QACE,IAAI;SACF,IAAI;SACJ,KAAK;UACH,WAAW;UACX,QAAQ;UACR,UAAU;UACX;SACF;kBAEA,EAAO;QACJ,CAAA,EACN,kBAAC,GAAD;QAAY,SAAQ;QAAQ,IAAI,EAAE,YAAY,KAAK;kBAChD,EAAO;QACG,CAAA,CACT;;MACD,EAlCA,EAAO,MAkCP,CACP;KACC,CAAA;IACF,CAAA,CACF;;EACC,CAAA"}
+{"version":3,"file":"SageResourcesPopover.js","names":[],"sources":["../../../src/components/SageResourcesPopover/SageResourcesPopover.tsx"],"sourcesContent":["import { useSourceAppConfigs } from '@/utils/hooks'\nimport { Box, Button, Grid, Popover, Typography, useTheme } from '@mui/material'\nimport {\n  ColumnSingleValueQueryFilter,\n  ColumnSingleValueFilterOperator,\n} from '@sage-bionetworks/synapse-types'\n\nexport type SageResourcesPopoverProps = {\n  sourceAppConfigTableID?: string\n  anchorEl: HTMLElement | null\n  onClose: () => void\n  resourceName?: string\n  description?: string\n  filterByType?: 'SynapsePortal' | 'SageSolution'\n  allResourcesUrl?: string\n}\n\nexport function SageResourcesPopover({\n  sourceAppConfigTableID = 'syn45291362',\n  anchorEl,\n  onClose,\n  resourceName = 'Portals',\n  description = 'Sage Bionetworks builds and supports community portals as tailored platforms for data sharing and collaboration across diverse research areas.',\n  filterByType,\n  allResourcesUrl,\n}: SageResourcesPopoverProps) {\n  const theme = useTheme()\n  const open = Boolean(anchorEl)\n  const hostname = typeof window !== 'undefined' ? window.location.hostname : ''\n\n  const additionalFilters: ColumnSingleValueQueryFilter[] = [\n    {\n      concreteType:\n        'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n      columnName: 'isPublicized',\n      operator: ColumnSingleValueFilterOperator.EQUAL,\n      values: ['true'],\n    },\n  ]\n  if (filterByType) {\n    additionalFilters.push({\n      isDefiningCondition: false,\n      concreteType:\n        'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n      columnName: 'portalType',\n      operator: ColumnSingleValueFilterOperator.EQUAL,\n      values: [filterByType],\n    })\n  }\n  const sourceAppConfigs = useSourceAppConfigs(\n    sourceAppConfigTableID,\n    additionalFilters,\n  )\n\n  return (\n    <Popover\n      open={open}\n      anchorEl={anchorEl}\n      onClose={onClose}\n      sx={{ width: '90%', height: '90%' }}\n      anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}\n      transformOrigin={{ vertical: 'top', horizontal: 'center' }}\n    >\n      <Grid container spacing={2} sx={{ p: '24px' }}>\n        <Grid size={{ xs: 12, lg: 3 }}>\n          <Box sx={{ p: theme.spacing(4), pr: '5px' }}>\n            <Typography\n              variant=\"headline1\"\n              sx={{ fontSize: '30px', pb: '30px', fontWeight: 600 }}\n            >\n              {resourceName}\n            </Typography>\n            <Typography variant=\"body1\" sx={{ pb: '10px', fontWeight: 500 }}>\n              {description}\n            </Typography>\n            {allResourcesUrl && (\n              <Button\n                type=\"button\"\n                color=\"primary\"\n                variant=\"contained\"\n                sx={{\n                  p: '10px 50px',\n                  mt: '30px',\n                  height: '100%',\n                  '&:hover': { color: 'white' },\n                }}\n                href={allResourcesUrl}\n              >\n                See all {resourceName}\n              </Button>\n            )}\n          </Box>\n        </Grid>\n\n        <Grid size={{ xs: 12, lg: 9 }}>\n          <Grid container>\n            {sourceAppConfigs\n              ?.filter(config => {\n                if (config.appURL.toLowerCase().startsWith('http')) {\n                  const url = new URL(config.appURL)\n                  return url.hostname !== hostname\n                }\n                return true\n              })\n              .map(config => (\n                <Grid\n                  key={config.appId}\n                  size={{ xs: 12, sm: 6, lg: 4 }}\n                  className=\"sourceAppItem\"\n                  sx={{\n                    p: '30px',\n                    border: '1px solid #F1F3F5',\n                    '&:hover': {\n                      backgroundColor: '#d7dee433',\n                      cursor: 'pointer',\n                    },\n                  }}\n                >\n                  <div\n                    onClick={() => {\n                      window.open(config.appURL, '_blank')\n                      onClose()\n                    }}\n                  >\n                    <Box\n                      sx={{\n                        pb: '10px',\n                        img: {\n                          maxHeight: '50px',\n                          height: '50px',\n                          maxWidth: '100%',\n                        },\n                      }}\n                    >\n                      {config.logo}\n                    </Box>\n                    <Typography variant=\"body1\" sx={{ fontWeight: 500 }}>\n                      {config.shortDescription}\n                    </Typography>\n                  </div>\n                </Grid>\n              ))}\n          </Grid>\n        </Grid>\n      </Grid>\n    </Popover>\n  )\n}\n"],"mappings":";;;;;;AAiBA,SAAgB,EAAqB,EACnC,4BAAyB,eACzB,aACA,YACA,kBAAe,WACf,iBAAc,kJACd,iBACA,sBAC4B;CAC5B,IAAM,IAAQ,EAAS,GACjB,IAAO,EAAQ,GACf,IAAW,OAAO,SAAW,MAAc,OAAO,SAAS,WAAW,IAEtE,IAAoD,CACxD;EACE,cACE;EACF,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ,CAAC,MAAM;CACjB,CACF;CACA,AAAI,KACF,EAAkB,KAAK;EACrB,qBAAqB;EACrB,cACE;EACF,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ,CAAC,CAAY;CACvB,CAAC;CAEH,IAAM,IAAmB,EACvB,GACA,CACF;CAEA,OACE,kBAAC,GAAD;EACQ;EACI;EACD;EACT,IAAI;GAAE,OAAO;GAAO,QAAQ;EAAM;EAClC,cAAc;GAAE,UAAU;GAAU,YAAY;EAAS;EACzD,iBAAiB;GAAE,UAAU;GAAO,YAAY;EAAS;YAEzD,kBAAC,GAAD;GAAM,WAAA;GAAU,SAAS;GAAG,IAAI,EAAE,GAAG,OAAO;aAA5C,CACE,kBAAC,GAAD;IAAM,MAAM;KAAE,IAAI;KAAI,IAAI;IAAE;cAC1B,kBAAC,GAAD;KAAK,IAAI;MAAE,GAAG,EAAM,QAAQ,CAAC;MAAG,IAAI;KAAM;eAA1C;MACE,kBAAC,GAAD;OACE,SAAQ;OACR,IAAI;QAAE,UAAU;QAAQ,IAAI;QAAQ,YAAY;OAAI;iBAEnD;MACS,CAAA;MACZ,kBAAC,GAAD;OAAY,SAAQ;OAAQ,IAAI;QAAE,IAAI;QAAQ,YAAY;OAAI;iBAC3D;MACS,CAAA;MACX,KACC,kBAAC,GAAD;OACE,MAAK;OACL,OAAM;OACN,SAAQ;OACR,IAAI;QACF,GAAG;QACH,IAAI;QACJ,QAAQ;QACR,WAAW,EAAE,OAAO,QAAQ;OAC9B;OACA,MAAM;iBAVR,CAWC,YACU,CACH;;KAEP;;GACD,CAAA,GAEN,kBAAC,GAAD;IAAM,MAAM;KAAE,IAAI;KAAI,IAAI;IAAE;cAC1B,kBAAC,GAAD;KAAM,WAAA;eACH,GACG,QAAO,MACH,EAAO,OAAO,YAAY,EAAE,WAAW,MAAM,IAExC,IADS,IAAI,EAAO,MACpB,EAAI,aAAa,IAEnB,EACR,EACA,KAAI,MACH,kBAAC,GAAD;MAEE,MAAM;OAAE,IAAI;OAAI,IAAI;OAAG,IAAI;MAAE;MAC7B,WAAU;MACV,IAAI;OACF,GAAG;OACH,QAAQ;OACR,WAAW;QACT,iBAAiB;QACjB,QAAQ;OACV;MACF;gBAEA,kBAAC,OAAD;OACE,eAAe;QAEb,AADA,OAAO,KAAK,EAAO,QAAQ,QAAQ,GACnC,EAAQ;OACV;iBAJF,CAME,kBAAC,GAAD;QACE,IAAI;SACF,IAAI;SACJ,KAAK;UACH,WAAW;UACX,QAAQ;UACR,UAAU;SACZ;QACF;kBAEC,EAAO;OACL,CAAA,GACL,kBAAC,GAAD;QAAY,SAAQ;QAAQ,IAAI,EAAE,YAAY,IAAI;kBAC/C,EAAO;OACE,CAAA,CACT;;KACD,GAlCC,EAAO,KAkCR,CACP;IACC,CAAA;GACF,CAAA,CACF;;CACC,CAAA;AAEb"}

package/dist/components/SchemaDrivenAnnotationEditor/AnnotationEditorUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnnotationEditorUtils.js","names":[],"sources":["../../../src/components/SchemaDrivenAnnotationEditor/AnnotationEditorUtils.ts"],"sourcesContent":["import { AdditionalPropertiesSchemaField } from '@/components/SchemaDrivenAnnotationEditor/field/AdditionalPropertiesSchemaField'\nimport {\n  englishStringTranslator,\n  RJSFValidationError,\n  TranslatableString,\n} from '@rjsf/utils'\nimport { JSONSchema7 } from 'json-schema'\nimport { JSONPath } from 'jsonpath-plus'\nimport { flatMap, groupBy, isEmpty, isObject } from 'lodash-es'\n\n/**\n * Generates a JSON schema for the form UI based on the provided validation schema and entity schema base properties.\n *\n * To meet the requirements of the desired form to display, we cannot simply show the validation schema. This is because\n * validation schemas may use conditional logic based on default entity properties (e.g. concreteType) to show/hide fields.\n * This method combines the validation schema with the entity schema base properties to create a new schema that will yield\n * the expected form with desired logic.\n * @param validationSchema\n * @param entitySchema\n */\nexport function getJsonSchemaForForm(\n  validationSchema: JSONSchema7 = {},\n  entitySchema: JSONSchema7 = {},\n): JSONSchema7 {\n  const entitySchemaProperties =\n    getPossibleTopLevelPropertiesInObjectSchema(entitySchema)\n\n  return {\n    $schema: 'http://json-schema.org/draft-07/schema#',\n    // Spread the validation schema to ensure all other references are included\n    // Top level properties like \"$defs\" get lost if we simply put the entire schema in `allOf`\n    ...validationSchema,\n    // JSON Schemas for Synapse types use \"definitions\", so it should be manually merged.\n    definitions: {\n      ...entitySchema.definitions,\n      ...validationSchema.definitions,\n    },\n    allOf: [\n      ...(validationSchema.allOf || []),\n      // Add in the entity properties\n      {\n        type: 'object',\n        properties: entitySchemaProperties,\n      },\n    ],\n    // Always allow adding additional annotations (though it may violate the validationSchema)\n    additionalProperties: true,\n  }\n}\n\n/**\n * Generates the UiSchema for the annotations editor.\n * @param entitySchemaBaseProperties\n */\nexport function getUiSchemaForForm(\n  entitySchemaBaseProperties: JSONSchema7['properties'] = {},\n) {\n  // Each 'base' entity field (id, name, concreteType, etc.) should be hidden\n  const uiSchemaWithHiddenEntityProperties = Object.keys(\n    entitySchemaBaseProperties,\n  ).reduce((prev, curr) => ({ ...prev, [curr]: { 'ui:widget': 'hidden' } }), {})\n\n  return {\n    ...uiSchemaWithHiddenEntityProperties,\n    'ui:globalOptions': {\n      copyable: false, // copy button clutters the UI, is not very useful since schemas are flat objects\n      duplicateKeySuffixSeparator: '_', // the default duplicateKeySuffixSeparator creates invalid annotation keys\n    },\n    additionalProperties: {\n      'ui:field': AdditionalPropertiesSchemaField,\n    },\n  }\n}\n/**\n * Strips null values from arrays in the provided form data. If the array is empty after\n * removing null values, the key is removed from the form data.\n *\n * This allows users to submit forms with empty array fields (SWC-5762)\n */\nexport function dropNullishArrayValues(\n  formData: Record<string, unknown>,\n): Record<string, unknown> {\n  const newFormData: Record<string, unknown> = {}\n  Object.keys(formData).forEach(key => {\n    let value = formData[key]\n    if (Array.isArray(value)) {\n      value = value.filter((item: any) => item != null)\n      if (!isEmpty(value)) {\n        newFormData[key] = value\n      }\n    } else {\n      newFormData[key] = value\n    }\n  })\n  return newFormData\n}\n\nexport function dropNullValues(\n  formData: Record<string, unknown> = {},\n): Record<string, unknown> {\n  return Object.keys(formData).reduce(\n    (acc: Record<string, unknown>, key: string) => {\n      if (formData[key] !== null) {\n        acc[key] = formData[key]\n      }\n      return acc\n    },\n    {},\n  )\n}\n\n/**\n * Inspects the property of the AjvError and modifies it to be comparable to simple key strings, like entity property keys.\n * @param error\n * @returns\n */\nexport function getFriendlyPropertyName(error: RJSFValidationError): string {\n  if (error.property?.startsWith('[')) {\n    // Additional properties are surrounded by brackets and quotations, so let's remove them\n    return error.property.substring(2, error.property.length - 2)\n  } else if (error.property?.startsWith('.')) {\n    return error.property.substring(1)\n  } else {\n    return error.property || ''\n  }\n}\n\nexport function transformErrors(\n  errors: RJSFValidationError[],\n): RJSFValidationError[] {\n  // Transform the errors in the following ways:\n  // - Simplify the set of errors when failing to select an enumeration defined with an anyOf (SWC-5724)\n  // - Show a custom error message when using a property that collides with an internal entity property (SWC-5678)\n\n  // Fixing anyOf errors\n  // Group the errors by the property that the error applies to\n  const grouped = groupBy(errors, error => error.property)\n  Object.keys(grouped).map(property => {\n    const errorGroup = grouped[property]\n\n    // First, see if it is an anyOf error\n    const hasAnyOfError = errorGroup.some(\n      e => e.message === 'should match some schema in anyOf',\n    )\n\n    // We determine if it's an anyOf *enum* error if all error messages in the property match one of these three messages:\n    const isEnumError =\n      hasAnyOfError &&\n      errorGroup.every(error => {\n        if (error.message === 'should be string') {\n          return true\n        } else if (error.message === 'should be equal to constant') {\n          return true\n        } else if (error.message === 'should match some schema in anyOf') {\n          return true\n        } else {\n          return false\n        }\n      })\n\n    // If it's an anyOf enum error, we just modify the first message and drop the rest\n    if (isEnumError && errorGroup.length > 0) {\n      errorGroup[0].message = 'should be equal to one of the allowed values'\n      grouped[property] = [errorGroup[0]]\n    }\n  })\n\n  // Ungroup the errors after potentially modifying them\n  errors = flatMap(grouped)\n\n  // Return the transformed errors.\n  return errors\n}\n\n/**\n * Custom annotations in Synapse are always arrays. This function converts initial data to be an array type.\n * If the initial data is an array, return the data itself.\n * Otherwise, wrap the data in an array.\n */\nexport function convertToArray<T>(value: T): Array<unknown> {\n  if (Array.isArray(value)) {\n    return value\n  } else {\n    return [value]\n  }\n}\n\n/**\n * Returns true if the default behavior of the form should be to live validate\n * @param existingAnnotations\n * @param validationSchema\n */\nexport function shouldLiveValidate(\n  existingAnnotations: Record<string, unknown> | undefined,\n  validationSchema: JSONSchema7 | undefined,\n): boolean {\n  const hasExistingAnnotations =\n    existingAnnotations && Object.keys(existingAnnotations).length > 0\n  return Boolean(hasExistingAnnotations && validationSchema)\n}\n\n/**\n * Returns all possible properties in the schema, including those in nested schemas/definitions. Note that this function\n * only works for 'flat objects', i.e. the schema must\n *  - define an object AND\n *  - the properties of the object cannot be objects\n * which is compatible with how Synapse Annotations are defined.\n * @param resolvedSchema\n */\nexport function getPossibleTopLevelPropertiesInObjectSchema(\n  resolvedSchema: JSONSchema7,\n): JSONSchema7['properties'] {\n  const allProperties = {}\n  const foundPropertiesObjects = JSONPath({\n    path: '$..properties',\n    json: resolvedSchema,\n  })\n  for (const propertiesObject of foundPropertiesObjects) {\n    Object.assign(allProperties, propertiesObject)\n  }\n  // Use the schema.properties to override any properties defined in definitions\n  if (isObject(resolvedSchema.properties)) {\n    Object.assign(allProperties, resolvedSchema.properties)\n  }\n  return allProperties\n}\n\n/**\n * Get the Synapse entity schema ID for a particular concrete type.\n * @param concreteType\n */\nexport function getSchemaIdForConcreteType(\n  concreteType: string,\n): string | null {\n  if (!concreteType || !concreteType.startsWith('org.sagebionetworks')) {\n    return null\n  }\n  // e.g. 'org.sagebionetworks.repo.model.FileEntity' -> 'org.sagebionetworks-repo.model.FileEntity'\n  return (\n    'org.sagebionetworks-' +\n    concreteType.substring('org.sagebionetworks'.length + 1)\n  )\n}\n\n/**\n * Custom string translator for react-jsonschema-form.\n * Overrides the translation for \"NewStringDefault\" by returning an empty string.\n * For all other keys, falls back to the default English string translator.\n *\n * @param stringToTranslate\n * @param params -  Optional parameters used to format the translated string.\n * @returns - The translated string.\n */\nexport function customTranslateString(\n  stringToTranslate: TranslatableString,\n  params?: string[],\n): string {\n  switch (stringToTranslate) {\n    case TranslatableString.NewStringDefault:\n      return ''\n    default:\n      return englishStringTranslator(stringToTranslate, params)\n  }\n}\n"],"mappings":";;;;;AAoBA,SAAgB,EACd,IAAgC,EAAE,EAClC,IAA4B,EAAE,EACjB;CACb,IAAM,IACJ,EAA4C,EAAa;AAE3D,QAAO;EACL,SAAS;EAGT,GAAG;EAEH,aAAa;GACX,GAAG,EAAa;GAChB,GAAG,EAAiB;GACrB;EACD,OAAO,CACL,GAAI,EAAiB,SAAS,EAAE,EAEhC;GACE,MAAM;GACN,YAAY;GACb,CACF;EAED,sBAAsB;EACvB;;AAOH,SAAgB,EACd,IAAwD,EAAE,EAC1D;AAMA,QAAO;EACL,GALyC,OAAO,KAChD,EACD,CAAC,QAAQ,GAAM,OAAU;GAAE,GAAG;IAAO,IAAO,EAAE,aAAa,UAAU;GAAE,GAAG,EAAE,CAGxE;EACH,oBAAoB;GAClB,UAAU;GACV,6BAA6B;GAC9B;EACD,sBAAsB,EACpB,YAAY,GACb;EACF;;AAQH,SAAgB,EACd,GACyB;CACzB,IAAM,IAAuC,EAAE;AAY/C,QAXA,OAAO,KAAK,EAAS,CAAC,SAAQ,MAAO;EACnC,IAAI,IAAQ,EAAS;AACrB,EAAI,MAAM,QAAQ,EAAM,IACtB,IAAQ,EAAM,QAAQ,MAAc,KAAQ,KAAK,EAC5C,EAAQ,EAAM,KACjB,EAAY,KAAO,MAGrB,EAAY,KAAO;GAErB,EACK;;AAGT,SAAgB,EACd,IAAoC,EAAE,EACb;AACzB,QAAO,OAAO,KAAK,EAAS,CAAC,QAC1B,GAA8B,OACzB,EAAS,OAAS,SACpB,EAAI,KAAO,EAAS,KAEf,IAET,EAAE,CACH;;AAQH,SAAgB,EAAwB,GAAoC;AAOxE,QANE,EAAM,UAAU,WAAW,IAAI,GAE1B,EAAM,SAAS,UAAU,GAAG,EAAM,SAAS,SAAS,EAAE,GACpD,EAAM,UAAU,WAAW,IAAI,GACjC,EAAM,SAAS,UAAU,EAAE,GAE3B,EAAM,YAAY;;AAI7B,SAAgB,EACd,GACuB;CAOvB,IAAM,IAAU,EAAQ,IAAQ,MAAS,EAAM,SAAS;AAmCxD,QAlCA,OAAO,KAAK,EAAQ,CAAC,KAAI,MAAY;EACnC,IAAM,IAAa,EAAQ;AAuB3B,EApBsB,EAAW,MAC/B,MAAK,EAAE,YAAY,oCAKnB,IACA,EAAW,OAAM,MACX,EAAM,YAAY,sBAEX,EAAM,YAAY,gCADpB,KAGE,EAAM,YAAY,oCAK7B,IAGe,EAAW,SAAS,MACrC,EAAW,GAAG,UAAU,gDACxB,EAAQ,KAAY,CAAC,EAAW,GAAG;GAErC,EAGF,IAAS,EAAQ,EAAQ,EAGlB;;AAQT,SAAgB,EAAkB,GAA0B;AAIxD,QAHE,MAAM,QAAQ,EAAM,GACf,IAEA,CAAC,EAAM;;AASlB,SAAgB,EACd,GACA,GACS;AAGT,QAAO,GADL,KAAuB,OAAO,KAAK,EAAoB,CAAC,SAAS,KAC1B;;AAW3C,SAAgB,EACd,GAC2B;CAC3B,IAAM,IAAgB,EAAE,EAClB,IAAyB,EAAS;EACtC,MAAM;EACN,MAAM;EACP,CAAC;AACF,MAAK,IAAM,KAAoB,EAC7B,QAAO,OAAO,GAAe,EAAiB;AAMhD,QAHI,EAAS,EAAe,WAAW,IACrC,OAAO,OAAO,GAAe,EAAe,WAAW,EAElD;;AAOT,SAAgB,EACd,GACe;AAKf,QAJI,CAAC,KAAgB,CAAC,EAAa,WAAW,sBAAsB,GAC3D,OAIP,yBACA,EAAa,UAAU,GAAiC;;AAa5D,SAAgB,EACd,GACA,GACQ;AACR,SAAQ,GAAR;EACE,KAAK,EAAmB,iBACtB,QAAO;EACT,QACE,QAAO,EAAwB,GAAmB,EAAO"}
+{"version":3,"file":"AnnotationEditorUtils.js","names":[],"sources":["../../../src/components/SchemaDrivenAnnotationEditor/AnnotationEditorUtils.ts"],"sourcesContent":["import { AdditionalPropertiesSchemaField } from '@/components/SchemaDrivenAnnotationEditor/field/AdditionalPropertiesSchemaField'\nimport {\n  englishStringTranslator,\n  RJSFValidationError,\n  TranslatableString,\n} from '@rjsf/utils'\nimport { JSONSchema7 } from 'json-schema'\nimport { JSONPath } from 'jsonpath-plus'\nimport { flatMap, groupBy, isEmpty, isObject } from 'lodash-es'\n\n/**\n * Generates a JSON schema for the form UI based on the provided validation schema and entity schema base properties.\n *\n * To meet the requirements of the desired form to display, we cannot simply show the validation schema. This is because\n * validation schemas may use conditional logic based on default entity properties (e.g. concreteType) to show/hide fields.\n * This method combines the validation schema with the entity schema base properties to create a new schema that will yield\n * the expected form with desired logic.\n * @param validationSchema\n * @param entitySchema\n */\nexport function getJsonSchemaForForm(\n  validationSchema: JSONSchema7 = {},\n  entitySchema: JSONSchema7 = {},\n): JSONSchema7 {\n  const entitySchemaProperties =\n    getPossibleTopLevelPropertiesInObjectSchema(entitySchema)\n\n  return {\n    $schema: 'http://json-schema.org/draft-07/schema#',\n    // Spread the validation schema to ensure all other references are included\n    // Top level properties like \"$defs\" get lost if we simply put the entire schema in `allOf`\n    ...validationSchema,\n    // JSON Schemas for Synapse types use \"definitions\", so it should be manually merged.\n    definitions: {\n      ...entitySchema.definitions,\n      ...validationSchema.definitions,\n    },\n    allOf: [\n      ...(validationSchema.allOf || []),\n      // Add in the entity properties\n      {\n        type: 'object',\n        properties: entitySchemaProperties,\n      },\n    ],\n    // Always allow adding additional annotations (though it may violate the validationSchema)\n    additionalProperties: true,\n  }\n}\n\n/**\n * Generates the UiSchema for the annotations editor.\n * @param entitySchemaBaseProperties\n */\nexport function getUiSchemaForForm(\n  entitySchemaBaseProperties: JSONSchema7['properties'] = {},\n) {\n  // Each 'base' entity field (id, name, concreteType, etc.) should be hidden\n  const uiSchemaWithHiddenEntityProperties = Object.keys(\n    entitySchemaBaseProperties,\n  ).reduce((prev, curr) => ({ ...prev, [curr]: { 'ui:widget': 'hidden' } }), {})\n\n  return {\n    ...uiSchemaWithHiddenEntityProperties,\n    'ui:globalOptions': {\n      copyable: false, // copy button clutters the UI, is not very useful since schemas are flat objects\n      duplicateKeySuffixSeparator: '_', // the default duplicateKeySuffixSeparator creates invalid annotation keys\n    },\n    additionalProperties: {\n      'ui:field': AdditionalPropertiesSchemaField,\n    },\n  }\n}\n/**\n * Strips null values from arrays in the provided form data. If the array is empty after\n * removing null values, the key is removed from the form data.\n *\n * This allows users to submit forms with empty array fields (SWC-5762)\n */\nexport function dropNullishArrayValues(\n  formData: Record<string, unknown>,\n): Record<string, unknown> {\n  const newFormData: Record<string, unknown> = {}\n  Object.keys(formData).forEach(key => {\n    let value = formData[key]\n    if (Array.isArray(value)) {\n      value = value.filter((item: any) => item != null)\n      if (!isEmpty(value)) {\n        newFormData[key] = value\n      }\n    } else {\n      newFormData[key] = value\n    }\n  })\n  return newFormData\n}\n\nexport function dropNullValues(\n  formData: Record<string, unknown> = {},\n): Record<string, unknown> {\n  return Object.keys(formData).reduce(\n    (acc: Record<string, unknown>, key: string) => {\n      if (formData[key] !== null) {\n        acc[key] = formData[key]\n      }\n      return acc\n    },\n    {},\n  )\n}\n\n/**\n * Inspects the property of the AjvError and modifies it to be comparable to simple key strings, like entity property keys.\n * @param error\n * @returns\n */\nexport function getFriendlyPropertyName(error: RJSFValidationError): string {\n  if (error.property?.startsWith('[')) {\n    // Additional properties are surrounded by brackets and quotations, so let's remove them\n    return error.property.substring(2, error.property.length - 2)\n  } else if (error.property?.startsWith('.')) {\n    return error.property.substring(1)\n  } else {\n    return error.property || ''\n  }\n}\n\nexport function transformErrors(\n  errors: RJSFValidationError[],\n): RJSFValidationError[] {\n  // Transform the errors in the following ways:\n  // - Simplify the set of errors when failing to select an enumeration defined with an anyOf (SWC-5724)\n  // - Show a custom error message when using a property that collides with an internal entity property (SWC-5678)\n\n  // Fixing anyOf errors\n  // Group the errors by the property that the error applies to\n  const grouped = groupBy(errors, error => error.property)\n  Object.keys(grouped).map(property => {\n    const errorGroup = grouped[property]\n\n    // First, see if it is an anyOf error\n    const hasAnyOfError = errorGroup.some(\n      e => e.message === 'should match some schema in anyOf',\n    )\n\n    // We determine if it's an anyOf *enum* error if all error messages in the property match one of these three messages:\n    const isEnumError =\n      hasAnyOfError &&\n      errorGroup.every(error => {\n        if (error.message === 'should be string') {\n          return true\n        } else if (error.message === 'should be equal to constant') {\n          return true\n        } else if (error.message === 'should match some schema in anyOf') {\n          return true\n        } else {\n          return false\n        }\n      })\n\n    // If it's an anyOf enum error, we just modify the first message and drop the rest\n    if (isEnumError && errorGroup.length > 0) {\n      errorGroup[0].message = 'should be equal to one of the allowed values'\n      grouped[property] = [errorGroup[0]]\n    }\n  })\n\n  // Ungroup the errors after potentially modifying them\n  errors = flatMap(grouped)\n\n  // Return the transformed errors.\n  return errors\n}\n\n/**\n * Custom annotations in Synapse are always arrays. This function converts initial data to be an array type.\n * If the initial data is an array, return the data itself.\n * Otherwise, wrap the data in an array.\n */\nexport function convertToArray<T>(value: T): Array<unknown> {\n  if (Array.isArray(value)) {\n    return value\n  } else {\n    return [value]\n  }\n}\n\n/**\n * Returns true if the default behavior of the form should be to live validate\n * @param existingAnnotations\n * @param validationSchema\n */\nexport function shouldLiveValidate(\n  existingAnnotations: Record<string, unknown> | undefined,\n  validationSchema: JSONSchema7 | undefined,\n): boolean {\n  const hasExistingAnnotations =\n    existingAnnotations && Object.keys(existingAnnotations).length > 0\n  return Boolean(hasExistingAnnotations && validationSchema)\n}\n\n/**\n * Returns all possible properties in the schema, including those in nested schemas/definitions. Note that this function\n * only works for 'flat objects', i.e. the schema must\n *  - define an object AND\n *  - the properties of the object cannot be objects\n * which is compatible with how Synapse Annotations are defined.\n * @param resolvedSchema\n */\nexport function getPossibleTopLevelPropertiesInObjectSchema(\n  resolvedSchema: JSONSchema7,\n): JSONSchema7['properties'] {\n  const allProperties = {}\n  const foundPropertiesObjects = JSONPath({\n    path: '$..properties',\n    json: resolvedSchema,\n  })\n  for (const propertiesObject of foundPropertiesObjects) {\n    Object.assign(allProperties, propertiesObject)\n  }\n  // Use the schema.properties to override any properties defined in definitions\n  if (isObject(resolvedSchema.properties)) {\n    Object.assign(allProperties, resolvedSchema.properties)\n  }\n  return allProperties\n}\n\n/**\n * Get the Synapse entity schema ID for a particular concrete type.\n * @param concreteType\n */\nexport function getSchemaIdForConcreteType(\n  concreteType: string,\n): string | null {\n  if (!concreteType || !concreteType.startsWith('org.sagebionetworks')) {\n    return null\n  }\n  // e.g. 'org.sagebionetworks.repo.model.FileEntity' -> 'org.sagebionetworks-repo.model.FileEntity'\n  return (\n    'org.sagebionetworks-' +\n    concreteType.substring('org.sagebionetworks'.length + 1)\n  )\n}\n\n/**\n * Custom string translator for react-jsonschema-form.\n * Overrides the translation for \"NewStringDefault\" by returning an empty string.\n * For all other keys, falls back to the default English string translator.\n *\n * @param stringToTranslate\n * @param params -  Optional parameters used to format the translated string.\n * @returns - The translated string.\n */\nexport function customTranslateString(\n  stringToTranslate: TranslatableString,\n  params?: string[],\n): string {\n  switch (stringToTranslate) {\n    case TranslatableString.NewStringDefault:\n      return ''\n    default:\n      return englishStringTranslator(stringToTranslate, params)\n  }\n}\n"],"mappings":";;;;;AAoBA,SAAgB,EACd,IAAgC,CAAC,GACjC,IAA4B,CAAC,GAChB;CACb,IAAM,IACJ,EAA4C,CAAY;CAE1D,OAAO;EACL,SAAS;EAGT,GAAG;EAEH,aAAa;GACX,GAAG,EAAa;GAChB,GAAG,EAAiB;EACtB;EACA,OAAO,CACL,GAAI,EAAiB,SAAS,CAAC,GAE/B;GACE,MAAM;GACN,YAAY;EACd,CACF;EAEA,sBAAsB;CACxB;AACF;AAMA,SAAgB,EACd,IAAwD,CAAC,GACzD;CAMA,OAAO;EACL,GALyC,OAAO,KAChD,CACF,EAAE,QAAQ,GAAM,OAAU;GAAE,GAAG;IAAO,IAAO,EAAE,aAAa,SAAS;EAAE,IAAI,CAAC,CAGvE;EACH,oBAAoB;GAClB,UAAU;GACV,6BAA6B;EAC/B;EACA,sBAAsB,EACpB,YAAY,EACd;CACF;AACF;AAOA,SAAgB,EACd,GACyB;CACzB,IAAM,IAAuC,CAAC;CAY9C,OAXA,OAAO,KAAK,CAAQ,EAAE,SAAQ,MAAO;EACnC,IAAI,IAAQ,EAAS;EACrB,AAAI,MAAM,QAAQ,CAAK,KACrB,IAAQ,EAAM,QAAQ,MAAc,KAAQ,IAAI,GAC3C,EAAQ,CAAK,MAChB,EAAY,KAAO,MAGrB,EAAY,KAAO;CAEvB,CAAC,GACM;AACT;AAEA,SAAgB,EACd,IAAoC,CAAC,GACZ;CACzB,OAAO,OAAO,KAAK,CAAQ,EAAE,QAC1B,GAA8B,OACzB,EAAS,OAAS,SACpB,EAAI,KAAO,EAAS,KAEf,IAET,CAAC,CACH;AACF;AAOA,SAAgB,EAAwB,GAAoC;CAOxE,OANE,EAAM,UAAU,WAAW,GAAG,IAEzB,EAAM,SAAS,UAAU,GAAG,EAAM,SAAS,SAAS,CAAC,IACnD,EAAM,UAAU,WAAW,GAAG,IAChC,EAAM,SAAS,UAAU,CAAC,IAE1B,EAAM,YAAY;AAE7B;AAEA,SAAgB,EACd,GACuB;CAOvB,IAAM,IAAU,EAAQ,IAAQ,MAAS,EAAM,QAAQ;CAmCvD,OAlCA,OAAO,KAAK,CAAO,EAAE,KAAI,MAAY;EACnC,IAAM,IAAa,EAAQ;EAuB3B,AApBsB,EAAW,MAC/B,MAAK,EAAE,YAAY,mCAKnB,KACA,EAAW,OAAM,MACX,EAAM,YAAY,sBAEX,EAAM,YAAY,gCADpB,KAGE,EAAM,YAAY,mCAK9B,KAGgB,EAAW,SAAS,MACrC,EAAW,GAAG,UAAU,gDACxB,EAAQ,KAAY,CAAC,EAAW,EAAE;CAEtC,CAAC,GAGD,IAAS,EAAQ,CAAO,GAGjB;AACT;AAOA,SAAgB,EAAkB,GAA0B;CAIxD,OAHE,MAAM,QAAQ,CAAK,IACd,IAEA,CAAC,CAAK;AAEjB;AAOA,SAAgB,EACd,GACA,GACS;CAGT,OAAO,GADL,KAAuB,OAAO,KAAK,CAAmB,EAAE,SAAS,KAC1B;AAC3C;AAUA,SAAgB,EACd,GAC2B;CAC3B,IAAM,IAAgB,CAAC,GACjB,IAAyB,EAAS;EACtC,MAAM;EACN,MAAM;CACR,CAAC;CACD,KAAK,IAAM,KAAoB,GAC7B,OAAO,OAAO,GAAe,CAAgB;CAM/C,OAHI,EAAS,EAAe,UAAU,KACpC,OAAO,OAAO,GAAe,EAAe,UAAU,GAEjD;AACT;AAMA,SAAgB,EACd,GACe;CAKf,OAJI,CAAC,KAAgB,CAAC,EAAa,WAAW,qBAAqB,IAC1D,OAIP,yBACA,EAAa,UAAU,EAAgC;AAE3D;AAWA,SAAgB,EACd,GACA,GACQ;CACR,QAAQ,GAAR;EACE,KAAK,EAAmB,kBACtB,OAAO;EACT,SACE,OAAO,EAAwB,GAAmB,CAAM;CAC5D;AACF"}

package/dist/components/SchemaDrivenAnnotationEditor/SchemaDrivenAnnotationEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SchemaDrivenAnnotationEditor.js","names":[],"sources":["../../../src/components/SchemaDrivenAnnotationEditor/SchemaDrivenAnnotationEditor.tsx"],"sourcesContent":["import AddToList from '@/assets/icons/AddToList'\nimport {\n  useGetJson,\n  useGetSchema,\n  useGetSchemaBinding,\n  useUpdateViaJson,\n} from '@/synapse-queries'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport { Alert, Box, Divider, Link, Typography } from '@mui/material'\nimport RJSF from '@rjsf/core'\nimport { RJSFValidationError } from '@rjsf/utils'\nimport validator from '@rjsf/validator-ajv8'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { EntityJson } from '@sage-bionetworks/synapse-types'\nimport { JSONSchema7 } from 'json-schema'\nimport { omitBy } from 'lodash-es'\nimport isEmpty from 'lodash-es/isEmpty'\nimport noop from 'lodash-es/noop'\nimport { RefObject, useEffect, useMemo, useRef, useState } from 'react'\nimport {\n  ConfirmationButtons,\n  ConfirmationDialog,\n} from '../ConfirmationDialog/ConfirmationDialog'\nimport { JsonSchemaForm } from '../JsonSchemaForm/JsonSchemaForm'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport {\n  dropNullishArrayValues,\n  dropNullValues,\n  getPossibleTopLevelPropertiesInObjectSchema,\n  getFriendlyPropertyName,\n  getJsonSchemaForForm,\n  getSchemaIdForConcreteType,\n  transformErrors,\n  getUiSchemaForForm,\n  shouldLiveValidate,\n  customTranslateString,\n} from './AnnotationEditorUtils'\nimport SynapseAnnotationsRJSFObjectField from './field/SynapseAnnotationsRJSFObjectField'\nimport { ObjectFieldTemplate } from './template/ObjectFieldTemplate'\nimport SynapseAnnotationsWrapIfAdditionalTemplate from './template/SynapseAnnotationsWrapIfAdditionalTemplate'\nimport TextWidget from './widget/TextWidget'\n\nexport type SchemaDrivenAnnotationEditorProps = {\n  /** The entity whose annotations should be edited with the form */\n  entityId?: string\n  /** If no entity ID is supplied, the schema to use for the form */\n  schemaId?: string\n  /** May be used to directly provide a JSON Schema to use for the form */\n  validationSchema?: JSONSchema7\n  /** Optionally supply a ref to the form to handle submission externally with `formRef.current.submit()`. */\n  formRef?: RefObject<RJSF | null>\n  /** Provide live input validation. This can cause performance degradation. By default, liveValidate will be true if an entity with a schema and existing annotations is being edited */\n  liveValidate?: boolean\n  /** Invoked after a successful form submission */\n  onSuccess?: () => void\n  /** If defined and formRef is not supplied, shows a 'Cancel' button and runs this effect on click */\n  onCancel?: () => void\n  /** Passes new form data upon each change to the form */\n  onChange?: (annotations: Record<string, unknown>) => void\n  /** If true, the editor will not render its own submit UI. */\n  hideActions?: boolean\n}\n\n/**\n * Cleans the formData to remove values that are invalid for Synapse Annotations\n * @param formData\n * @param dropNullishValuesInArrays\n */\nfunction cleanFormData(\n  formData: Record<string, unknown> | undefined,\n  dropNullishValuesInArrays: boolean,\n) {\n  let cleanedFormData = dropNullValues(formData)\n  if (dropNullishValuesInArrays) {\n    cleanedFormData = dropNullishArrayValues(cleanedFormData)\n  }\n  return cleanedFormData\n}\n\n/**\n * Renders a form for editing an entity's annotations. The component also supports supplying just a schema ID,\n * but work to support annotation flows without an entity (i.e. before creating entities) is not yet complete.\n */\nexport function SchemaDrivenAnnotationEditor(\n  props: SchemaDrivenAnnotationEditorProps,\n) {\n  const {\n    entityId,\n    schemaId,\n    validationSchema: validationSchemaFromProps,\n    liveValidate: liveValidateFromProps,\n    onSuccess = () => {\n      /* no-op */\n    },\n    onCancel,\n    formRef: formRefFromParent,\n    onChange = noop,\n    hideActions = false,\n  } = props\n  const localRef = useRef<RJSF>(null)\n  const ref = formRefFromParent ?? localRef\n\n  // Client-side validation errors\n  const [validationError, setValidationError] = useState<\n    RJSFValidationError[] | undefined\n  >(undefined)\n\n  // Errors from the backend response\n  const [submissionError, setSubmissionError] = useState<\n    SynapseClientError | undefined\n  >(undefined)\n  const [showSubmissionError, setShowSubmissionError] = useState(false)\n\n  const [showConfirmation, setShowConfirmation] = useState(false)\n\n  const { data } = useGetJson(\n    entityId!,\n    undefined,\n    // Derived annotations will be precomputed and displayed as placeholders in the form\n    false,\n    {\n      // Metadata is being edited, so don't refetch\n      staleTime: Infinity,\n      enabled: !!entityId,\n      throwOnError: true,\n    },\n  )\n\n  const entityJson = data?.entityMetadata\n  const annotations = data?.annotations\n\n  // Annotation fields fetched and modified via the form\n  const [formData, setFormData] = useState<Record<string, unknown> | undefined>(\n    undefined,\n  )\n\n  // Set initial form data when the entity or its annotations change\n  useEffect(() => {\n    if (data?.entity) {\n      const formData = data.entity\n      const hasAnnotations = annotations && Object.keys(annotations).length > 0\n\n      const newFormData = !hasAnnotations\n        ? { ...formData, newKey: [''] }\n        : formData\n\n      setFormData(newFormData)\n    }\n  }, [data?.entity, annotations])\n\n  const { data: schema, isLoading: isLoadingBinding } = useGetSchemaBinding(\n    entityId!,\n    {\n      enabled: !!entityId,\n      refetchOnWindowFocus: false,\n      throwOnError: true,\n    },\n  )\n\n  // The full schema which is bound to the entity\n  const { data: fetchedValidationSchema, isLoading: isLoadingSchema } =\n    useGetSchema(schemaId ?? schema?.jsonSchemaVersionInfo.$id ?? '', {\n      enabled: !!schemaId || !!schema,\n      throwOnError: true,\n    })\n  const validationSchema = validationSchemaFromProps || fetchedValidationSchema\n\n  const concreteTypeSchemaId = getSchemaIdForConcreteType(\n    entityJson?.concreteType ?? '',\n  )\n  // The schema for the entity type (e.g. FileEntity, TableEntity, etc.)\n  const { data: schemaForEntityType, isLoading: isLoadingEntityTypeSchema } =\n    useGetSchema(concreteTypeSchemaId ?? '', {\n      enabled: !!concreteTypeSchemaId,\n      throwOnError: true,\n    })\n\n  const entitySchemaBaseProperties: JSONSchema7['properties'] = useMemo(\n    () =>\n      getPossibleTopLevelPropertiesInObjectSchema(schemaForEntityType ?? {}),\n    [schemaForEntityType],\n  )\n\n  const formSchema = useMemo(\n    () => getJsonSchemaForForm(validationSchema, schemaForEntityType),\n    [validationSchema, schemaForEntityType],\n  )\n\n  const uiSchema = useMemo(\n    () => getUiSchemaForForm(entitySchemaBaseProperties),\n    [entitySchemaBaseProperties],\n  )\n\n  const isLoading =\n    isLoadingBinding || isLoadingSchema || isLoadingEntityTypeSchema\n\n  const { mutate, isPending: updateIsPending } = useUpdateViaJson({\n    onSuccess: () => {\n      onSuccess()\n    },\n    onError: error => {\n      setSubmissionError(error)\n      setShowSubmissionError(true)\n    },\n  })\n\n  function submitChangedEntity() {\n    mutate({\n      ...cleanFormData(formData, true),\n      ...entityJson,\n    } as EntityJson)\n  }\n\n  const liveValidate =\n    liveValidateFromProps ?? shouldLiveValidate(annotations, validationSchema)\n\n  const formDataHasNoAnnotations =\n    entityJson &&\n    isEmpty(\n      omitBy(formData, (_value, key) =>\n        Object.keys(entityJson).find(k => k === key),\n      ),\n    )\n\n  const showHasNoAnnotationsAlert = schema === null && formDataHasNoAnnotations\n\n  return (\n    <div className=\"JsonSchemaFormContainer\">\n      {isLoading ? (\n        <div className=\"LoadingPlaceholder\">\n          <SynapseSpinner size={30} />\n        </div>\n      ) : (\n        <>\n          {entityJson && schema && (\n            <Alert severity=\"info\" sx={{ mb: 2 }}>\n              <b>{entityJson.name}</b> requires scientific annotations specified\n              by <b>{schema.jsonSchemaVersionInfo.$id}</b>\n              {'. '}\n              <b>\n                <Link\n                  href={`${getEndpoint(\n                    BackendDestinationEnum.REPO_ENDPOINT,\n                  )}/repo/v1/schema/type/registered/${\n                    schema.jsonSchemaVersionInfo.$id\n                  }`}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  View required schema (JSON)\n                </Link>\n              </b>\n            </Alert>\n          )}\n          {showHasNoAnnotationsAlert && (\n            <Alert severity=\"info\">\n              <Box\n                sx={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: 0.5,\n                }}\n              >\n                <Typography variant={'smallText1'}>\n                  <b>{entityJson.name}</b> has no annotations. Click the{' '}\n                </Typography>\n                <AddToList />\n                <Typography variant={'smallText1'}>\n                  button to annotate.\n                </Typography>\n              </Box>\n            </Alert>\n          )}\n          <JsonSchemaForm\n            validator={validator}\n            liveValidate={liveValidate}\n            noHtml5Validate={true}\n            formRef={ref}\n            disabled={updateIsPending}\n            translateString={customTranslateString}\n            formContext={{\n              showDerivedAnnotationPlaceholder: true,\n              descriptionVariant: 'expand',\n              descriptionFormat: 'table',\n              allowFreeSoloEnum: true,\n            }}\n            experimental_defaultFormStateBehavior={{\n              emptyObjectFields: 'skipDefaults',\n            }}\n            fields={{\n              ObjectField: SynapseAnnotationsRJSFObjectField,\n            }}\n            templates={{\n              ObjectFieldTemplate: ObjectFieldTemplate,\n              WrapIfAdditionalTemplate:\n                SynapseAnnotationsWrapIfAdditionalTemplate,\n            }}\n            widgets={{\n              TextWidget: TextWidget,\n            }}\n            schema={formSchema}\n            uiSchema={uiSchema}\n            transformErrors={transformErrors}\n            formData={formData}\n            onChange={({ formData }) => {\n              onChange(formData)\n              setFormData(formData)\n              setValidationError(undefined)\n            }}\n            onBlur={() => {\n              setFormData(\n                // Clean the formData onBlur to remove null values that we will need to strip before submission\n                // This will ensure that the user gets accurate validation information since the data will match what the backend will receive\n                cleanFormData(\n                  formData,\n                  // Don't remove null values in arrays--the fields will disappear, which the user probably does not want\n                  false,\n                ),\n              )\n            }}\n            onSubmit={({ formData, errors }, event) => {\n              event.preventDefault()\n              if (errors && errors.length > 0) {\n                setValidationError(errors)\n              }\n              setShowSubmissionError(false)\n              setFormData(formData)\n              submitChangedEntity()\n            }}\n            onError={(errors: RJSFValidationError[]) => {\n              // invoked when submit is clicked and there are client-side validation errors\n              setValidationError(errors)\n              if ((validationError || liveValidate) && entityId) {\n                setShowConfirmation(true)\n              }\n            }}\n          >\n            {submissionError && showSubmissionError && (\n              <Alert severity=\"error\" sx={{ my: 2 }}>\n                Annotations could not be updated: {submissionError.reason}\n              </Alert>\n            )}\n            {!hideActions && (\n              <>\n                <Divider sx={{ my: 2 }} />\n                <Box\n                  sx={{\n                    display: 'flex',\n                    justifyContent: 'space-between',\n                    gridRowStart: 5,\n                  }}\n                >\n                  <ConfirmationButtons\n                    hasCancelButton={onCancel !== undefined}\n                    onCancel={() => {\n                      if (onCancel) {\n                        onCancel()\n                      }\n                    }}\n                    onConfirm={() => {\n                      ref.current!.formElement.current.requestSubmit()\n                    }}\n                    confirmButtonProps={{\n                      children: entityId ? 'Save' : 'Validate',\n                    }}\n                  />\n                </Box>\n              </>\n            )}\n          </JsonSchemaForm>\n          {showConfirmation && (\n            <ConfirmationDialog\n              open={true}\n              onConfirm={() => {\n                submitChangedEntity()\n                setShowConfirmation(false)\n              }}\n              onCancel={() => {\n                setShowConfirmation(false)\n              }}\n              title=\"Update Annotations\"\n              content={\n                <>\n                  <div>\n                    The following errors exist with the annotations you entered:\n                  </div>\n                  <div>\n                    <ul>\n                      {(validationError ?? []).map(\n                        (e: RJSFValidationError, index: number) => (\n                          <li key={index}>\n                            <b>{`${getFriendlyPropertyName(e)}: `}</b>{' '}\n                            {`${e.message}`}\n                          </li>\n                        ),\n                      )}\n                    </ul>\n                  </div>\n                  <div>\n                    Are you sure you want to save the invalid annotations?\n                  </div>\n                </>\n              }\n              confirmButtonProps={{\n                children: 'Save',\n              }}\n            />\n          )}\n        </>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"SchemaDrivenAnnotationEditor.js","names":[],"sources":["../../../src/components/SchemaDrivenAnnotationEditor/SchemaDrivenAnnotationEditor.tsx"],"sourcesContent":["import AddToList from '@/assets/icons/AddToList'\nimport {\n  useGetJson,\n  useGetSchema,\n  useGetSchemaBinding,\n  useUpdateViaJson,\n} from '@/synapse-queries'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport { Alert, Box, Divider, Link, Typography } from '@mui/material'\nimport RJSF from '@rjsf/core'\nimport { RJSFValidationError } from '@rjsf/utils'\nimport validator from '@rjsf/validator-ajv8'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client/util/SynapseClientError'\nimport { EntityJson } from '@sage-bionetworks/synapse-types'\nimport { JSONSchema7 } from 'json-schema'\nimport { omitBy } from 'lodash-es'\nimport isEmpty from 'lodash-es/isEmpty'\nimport noop from 'lodash-es/noop'\nimport { RefObject, useEffect, useMemo, useRef, useState } from 'react'\nimport {\n  ConfirmationButtons,\n  ConfirmationDialog,\n} from '../ConfirmationDialog/ConfirmationDialog'\nimport { JsonSchemaForm } from '../JsonSchemaForm/JsonSchemaForm'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport {\n  dropNullishArrayValues,\n  dropNullValues,\n  getPossibleTopLevelPropertiesInObjectSchema,\n  getFriendlyPropertyName,\n  getJsonSchemaForForm,\n  getSchemaIdForConcreteType,\n  transformErrors,\n  getUiSchemaForForm,\n  shouldLiveValidate,\n  customTranslateString,\n} from './AnnotationEditorUtils'\nimport SynapseAnnotationsRJSFObjectField from './field/SynapseAnnotationsRJSFObjectField'\nimport { ObjectFieldTemplate } from './template/ObjectFieldTemplate'\nimport SynapseAnnotationsWrapIfAdditionalTemplate from './template/SynapseAnnotationsWrapIfAdditionalTemplate'\nimport TextWidget from './widget/TextWidget'\n\nexport type SchemaDrivenAnnotationEditorProps = {\n  /** The entity whose annotations should be edited with the form */\n  entityId?: string\n  /** If no entity ID is supplied, the schema to use for the form */\n  schemaId?: string\n  /** May be used to directly provide a JSON Schema to use for the form */\n  validationSchema?: JSONSchema7\n  /** Optionally supply a ref to the form to handle submission externally with `formRef.current.submit()`. */\n  formRef?: RefObject<RJSF | null>\n  /** Provide live input validation. This can cause performance degradation. By default, liveValidate will be true if an entity with a schema and existing annotations is being edited */\n  liveValidate?: boolean\n  /** Invoked after a successful form submission */\n  onSuccess?: () => void\n  /** If defined and formRef is not supplied, shows a 'Cancel' button and runs this effect on click */\n  onCancel?: () => void\n  /** Passes new form data upon each change to the form */\n  onChange?: (annotations: Record<string, unknown>) => void\n  /** If true, the editor will not render its own submit UI. */\n  hideActions?: boolean\n}\n\n/**\n * Cleans the formData to remove values that are invalid for Synapse Annotations\n * @param formData\n * @param dropNullishValuesInArrays\n */\nfunction cleanFormData(\n  formData: Record<string, unknown> | undefined,\n  dropNullishValuesInArrays: boolean,\n) {\n  let cleanedFormData = dropNullValues(formData)\n  if (dropNullishValuesInArrays) {\n    cleanedFormData = dropNullishArrayValues(cleanedFormData)\n  }\n  return cleanedFormData\n}\n\n/**\n * Renders a form for editing an entity's annotations. The component also supports supplying just a schema ID,\n * but work to support annotation flows without an entity (i.e. before creating entities) is not yet complete.\n */\nexport function SchemaDrivenAnnotationEditor(\n  props: SchemaDrivenAnnotationEditorProps,\n) {\n  const {\n    entityId,\n    schemaId,\n    validationSchema: validationSchemaFromProps,\n    liveValidate: liveValidateFromProps,\n    onSuccess = () => {\n      /* no-op */\n    },\n    onCancel,\n    formRef: formRefFromParent,\n    onChange = noop,\n    hideActions = false,\n  } = props\n  const localRef = useRef<RJSF>(null)\n  const ref = formRefFromParent ?? localRef\n\n  // Client-side validation errors\n  const [validationError, setValidationError] = useState<\n    RJSFValidationError[] | undefined\n  >(undefined)\n\n  // Errors from the backend response\n  const [submissionError, setSubmissionError] = useState<\n    SynapseClientError | undefined\n  >(undefined)\n  const [showSubmissionError, setShowSubmissionError] = useState(false)\n\n  const [showConfirmation, setShowConfirmation] = useState(false)\n\n  const { data } = useGetJson(\n    entityId!,\n    undefined,\n    // Derived annotations will be precomputed and displayed as placeholders in the form\n    false,\n    {\n      // Metadata is being edited, so don't refetch\n      staleTime: Infinity,\n      enabled: !!entityId,\n      throwOnError: true,\n    },\n  )\n\n  const entityJson = data?.entityMetadata\n  const annotations = data?.annotations\n\n  // Annotation fields fetched and modified via the form\n  const [formData, setFormData] = useState<Record<string, unknown> | undefined>(\n    undefined,\n  )\n\n  // Set initial form data when the entity or its annotations change\n  useEffect(() => {\n    if (data?.entity) {\n      const formData = data.entity\n      const hasAnnotations = annotations && Object.keys(annotations).length > 0\n\n      const newFormData = !hasAnnotations\n        ? { ...formData, newKey: [''] }\n        : formData\n\n      setFormData(newFormData)\n    }\n  }, [data?.entity, annotations])\n\n  const { data: schema, isLoading: isLoadingBinding } = useGetSchemaBinding(\n    entityId!,\n    {\n      enabled: !!entityId,\n      refetchOnWindowFocus: false,\n      throwOnError: true,\n    },\n  )\n\n  // The full schema which is bound to the entity\n  const { data: fetchedValidationSchema, isLoading: isLoadingSchema } =\n    useGetSchema(schemaId ?? schema?.jsonSchemaVersionInfo.$id ?? '', {\n      enabled: !!schemaId || !!schema,\n      throwOnError: true,\n    })\n  const validationSchema = validationSchemaFromProps || fetchedValidationSchema\n\n  const concreteTypeSchemaId = getSchemaIdForConcreteType(\n    entityJson?.concreteType ?? '',\n  )\n  // The schema for the entity type (e.g. FileEntity, TableEntity, etc.)\n  const { data: schemaForEntityType, isLoading: isLoadingEntityTypeSchema } =\n    useGetSchema(concreteTypeSchemaId ?? '', {\n      enabled: !!concreteTypeSchemaId,\n      throwOnError: true,\n    })\n\n  const entitySchemaBaseProperties: JSONSchema7['properties'] = useMemo(\n    () =>\n      getPossibleTopLevelPropertiesInObjectSchema(schemaForEntityType ?? {}),\n    [schemaForEntityType],\n  )\n\n  const formSchema = useMemo(\n    () => getJsonSchemaForForm(validationSchema, schemaForEntityType),\n    [validationSchema, schemaForEntityType],\n  )\n\n  const uiSchema = useMemo(\n    () => getUiSchemaForForm(entitySchemaBaseProperties),\n    [entitySchemaBaseProperties],\n  )\n\n  const isLoading =\n    isLoadingBinding || isLoadingSchema || isLoadingEntityTypeSchema\n\n  const { mutate, isPending: updateIsPending } = useUpdateViaJson({\n    onSuccess: () => {\n      onSuccess()\n    },\n    onError: error => {\n      setSubmissionError(error)\n      setShowSubmissionError(true)\n    },\n  })\n\n  function submitChangedEntity() {\n    mutate({\n      ...cleanFormData(formData, true),\n      ...entityJson,\n    } as EntityJson)\n  }\n\n  const liveValidate =\n    liveValidateFromProps ?? shouldLiveValidate(annotations, validationSchema)\n\n  const formDataHasNoAnnotations =\n    entityJson &&\n    isEmpty(\n      omitBy(formData, (_value, key) =>\n        Object.keys(entityJson).find(k => k === key),\n      ),\n    )\n\n  const showHasNoAnnotationsAlert = schema === null && formDataHasNoAnnotations\n\n  return (\n    <div className=\"JsonSchemaFormContainer\">\n      {isLoading ? (\n        <div className=\"LoadingPlaceholder\">\n          <SynapseSpinner size={30} />\n        </div>\n      ) : (\n        <>\n          {entityJson && schema && (\n            <Alert severity=\"info\" sx={{ mb: 2 }}>\n              <b>{entityJson.name}</b> requires scientific annotations specified\n              by <b>{schema.jsonSchemaVersionInfo.$id}</b>\n              {'. '}\n              <b>\n                <Link\n                  href={`${getEndpoint(\n                    BackendDestinationEnum.REPO_ENDPOINT,\n                  )}/repo/v1/schema/type/registered/${\n                    schema.jsonSchemaVersionInfo.$id\n                  }`}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  View required schema (JSON)\n                </Link>\n              </b>\n            </Alert>\n          )}\n          {showHasNoAnnotationsAlert && (\n            <Alert severity=\"info\">\n              <Box\n                sx={{\n                  display: 'flex',\n                  alignItems: 'center',\n                  gap: 0.5,\n                }}\n              >\n                <Typography variant={'smallText1'}>\n                  <b>{entityJson.name}</b> has no annotations. Click the{' '}\n                </Typography>\n                <AddToList />\n                <Typography variant={'smallText1'}>\n                  button to annotate.\n                </Typography>\n              </Box>\n            </Alert>\n          )}\n          <JsonSchemaForm\n            validator={validator}\n            liveValidate={liveValidate}\n            noHtml5Validate={true}\n            formRef={ref}\n            disabled={updateIsPending}\n            translateString={customTranslateString}\n            formContext={{\n              showDerivedAnnotationPlaceholder: true,\n              descriptionVariant: 'expand',\n              descriptionFormat: 'table',\n              allowFreeSoloEnum: true,\n            }}\n            experimental_defaultFormStateBehavior={{\n              emptyObjectFields: 'skipDefaults',\n            }}\n            fields={{\n              ObjectField: SynapseAnnotationsRJSFObjectField,\n            }}\n            templates={{\n              ObjectFieldTemplate: ObjectFieldTemplate,\n              WrapIfAdditionalTemplate:\n                SynapseAnnotationsWrapIfAdditionalTemplate,\n            }}\n            widgets={{\n              TextWidget: TextWidget,\n            }}\n            schema={formSchema}\n            uiSchema={uiSchema}\n            transformErrors={transformErrors}\n            formData={formData}\n            onChange={({ formData }) => {\n              onChange(formData)\n              setFormData(formData)\n              setValidationError(undefined)\n            }}\n            onBlur={() => {\n              setFormData(\n                // Clean the formData onBlur to remove null values that we will need to strip before submission\n                // This will ensure that the user gets accurate validation information since the data will match what the backend will receive\n                cleanFormData(\n                  formData,\n                  // Don't remove null values in arrays--the fields will disappear, which the user probably does not want\n                  false,\n                ),\n              )\n            }}\n            onSubmit={({ formData, errors }, event) => {\n              event.preventDefault()\n              if (errors && errors.length > 0) {\n                setValidationError(errors)\n              }\n              setShowSubmissionError(false)\n              setFormData(formData)\n              submitChangedEntity()\n            }}\n            onError={(errors: RJSFValidationError[]) => {\n              // invoked when submit is clicked and there are client-side validation errors\n              setValidationError(errors)\n              if ((validationError || liveValidate) && entityId) {\n                setShowConfirmation(true)\n              }\n            }}\n          >\n            {submissionError && showSubmissionError && (\n              <Alert severity=\"error\" sx={{ my: 2 }}>\n                Annotations could not be updated: {submissionError.reason}\n              </Alert>\n            )}\n            {!hideActions && (\n              <>\n                <Divider sx={{ my: 2 }} />\n                <Box\n                  sx={{\n                    display: 'flex',\n                    justifyContent: 'space-between',\n                    gridRowStart: 5,\n                  }}\n                >\n                  <ConfirmationButtons\n                    hasCancelButton={onCancel !== undefined}\n                    onCancel={() => {\n                      if (onCancel) {\n                        onCancel()\n                      }\n                    }}\n                    onConfirm={() => {\n                      ref.current!.formElement.current.requestSubmit()\n                    }}\n                    confirmButtonProps={{\n                      children: entityId ? 'Save' : 'Validate',\n                    }}\n                  />\n                </Box>\n              </>\n            )}\n          </JsonSchemaForm>\n          {showConfirmation && (\n            <ConfirmationDialog\n              open={true}\n              onConfirm={() => {\n                submitChangedEntity()\n                setShowConfirmation(false)\n              }}\n              onCancel={() => {\n                setShowConfirmation(false)\n              }}\n              title=\"Update Annotations\"\n              content={\n                <>\n                  <div>\n                    The following errors exist with the annotations you entered:\n                  </div>\n                  <div>\n                    <ul>\n                      {(validationError ?? []).map(\n                        (e: RJSFValidationError, index: number) => (\n                          <li key={index}>\n                            <b>{`${getFriendlyPropertyName(e)}: `}</b>{' '}\n                            {`${e.message}`}\n                          </li>\n                        ),\n                      )}\n                    </ul>\n                  </div>\n                  <div>\n                    Are you sure you want to save the invalid annotations?\n                  </div>\n                </>\n              }\n              confirmButtonProps={{\n                children: 'Save',\n              }}\n            />\n          )}\n        </>\n      )}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/SchemaDrivenAnnotationEditor/field/AdditionalPropertiesSchemaField.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdditionalPropertiesSchemaField.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/field/AdditionalPropertiesSchemaField.tsx"],"sourcesContent":["import {\n  FieldProps,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { isEqual } from 'lodash-es'\nimport { useEffect, useState } from 'react'\nimport FullWidthAlert from '../../FullWidthAlert/FullWidthAlert'\nimport { convertToArray } from '../AnnotationEditorUtils'\nimport { GridLegacy as Grid, InputLabel } from '@mui/material'\nimport { AdditionalPropertyContextProvider } from '../template/AdditionalPropertyContext'\n\n// Matches ####-##-##T##:##:##.###Z, e.g. 1970-01-01T12:00:000Z\nconst ISO_TIMESTAMP_REGEX = /\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{3}Z/\n\n// Types that correspond to the different input fields that the annotation editor supports\nconst propertyTypeArray = [\n  'String',\n  'Integer',\n  'Float',\n  'Boolean',\n  'Datetime',\n] as const\n\nexport type PropertyType = (typeof propertyTypeArray)[number]\n\nexport function guessPropertyType(list: Array<unknown>): PropertyType {\n  if (list.length === 0) {\n    // The field was just added, so default to string\n    return 'String'\n  } else if (\n    list.every(\n      item => typeof item === 'number' || item === 'NaN', // \"NaN\" is technically a float value\n    )\n  ) {\n    if (list.every(item => Number.isInteger(item))) {\n      return 'Integer'\n    } else {\n      return 'Float'\n    }\n  } else if (list.every(item => typeof item === 'boolean')) {\n    return 'Boolean'\n  } else if (\n    list.every(item => typeof item === 'string') &&\n    list.every((item: string) => !!ISO_TIMESTAMP_REGEX.exec(item))\n  ) {\n    return 'Datetime'\n  }\n  // otherwise, default type is 'string'\n  return 'String'\n}\n\nexport function transformDataFromPropertyType(\n  list: Array<any>,\n  propertyType: PropertyType,\n) {\n  switch (propertyType) {\n    case 'Integer':\n      return list.map(item =>\n        Number.isNaN(Number(item)) ? 0 : Math.floor(Number(item)),\n      )\n\n    case 'Float':\n      return list.map(item => {\n        const asFloat = parseFloat(item as string)\n        if (Number.isNaN(asFloat)) {\n          return 'NaN'\n        } else if (Number.isInteger(asFloat)) {\n          return asFloat.toFixed(1)\n        } else {\n          return asFloat\n        }\n      })\n    case 'Datetime':\n      return list.map(item => {\n        if (typeof item === 'string' && ISO_TIMESTAMP_REGEX.exec(item)) {\n          return item\n        } else {\n          return new Date().toISOString()\n        }\n      })\n    case 'Boolean':\n      return list.map(item => !!item)\n    case 'String':\n    default:\n      return list.map(item => String(item))\n  }\n}\n\n/**\n * Maps a Synapse Annotation PropertyType to a JSON Schema that captures the type and format.\n * @param propertyType\n */\nexport function getSchemaForPropertyType(propertyType: PropertyType) {\n  switch (propertyType) {\n    case 'Datetime':\n      return { type: 'string', format: 'datetime' }\n    case 'Boolean':\n      return { type: 'boolean' }\n    case 'Float':\n      return { type: 'number' }\n    case 'Integer':\n      return { type: 'integer' }\n    case 'String':\n    default:\n      return { type: 'string' }\n  }\n}\n\n/**\n * react-jsonschema-form SchemaField override for \"additionalProperties\" only. In Synapse these are \"custom annotations\".\n * Modifies the data to provide full compatibility with Synapse annotations features.\n *\n * This component provides these enhancements to the SchemaField:\n * - Supports selecting a type, and changing the input widget appropriately\n * - Identifying the type on mount\n * - Treat all field values as arrays\n * - When the last array value is removed, remove the entire key from the form.\n * @param props\n * @returns\n */\nexport function AdditionalPropertiesSchemaField<\n  T extends Array<unknown> = Array<unknown>,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(\n  props: FieldProps<T, S, F> & {\n    onDropPropertyClick: (key: string) => (event: any) => void\n  },\n) {\n  const {\n    formData,\n    onChange,\n    registry,\n    schema,\n    name,\n    onDropPropertyClick,\n    idSchema,\n  } = props\n  const id = idSchema.$id\n  const { ArrayField } = registry.fields\n  const { SelectWidget } = registry.widgets\n\n  // The type determines which widget we show.\n  const [propertyType, setPropertyType] = useState(\n    guessPropertyType(convertToArray(formData)),\n  )\n\n  // If the property type is updated, store it in a new variable where we'll show a warning if data may be lost on coersion\n  const [nextPropertyType, setNextPropertyType] = useState(propertyType)\n\n  /**\n   * This effect is invoked whenever the user attempts to change the datatype of a custom annotation.\n   */\n  useEffect(() => {\n    function onNextPropertyTypeUpdate() {\n      if (Array.isArray(formData)) {\n        const dataIsEmpty =\n          formData.length === 0 ||\n          formData.every(item => item == null || item == '')\n        const coercedList = transformDataFromPropertyType(\n          formData,\n          nextPropertyType,\n        )\n        // if the data is empty or identical after conversion, then just update the property type\n        if (dataIsEmpty || nextPropertyType !== propertyType) {\n          if (isEqual(formData, coercedList)) {\n            setPropertyType(nextPropertyType)\n          }\n        }\n      }\n    }\n\n    onNextPropertyTypeUpdate()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [nextPropertyType])\n\n  /**\n   * This effect is invoked whenever the propertyType changes.\n   */\n  useEffect(() => {\n    function coerceDataAndUpdateWidget() {\n      if (Array.isArray(formData)) {\n        if (formData.every(item => item == null)) {\n          onDropPropertyClick(name)(new CustomEvent('dropEmptyProperty'))\n        } else {\n          const coercedList = transformDataFromPropertyType(\n            formData,\n            nextPropertyType,\n          ) as unknown as T\n\n          // Data conversion is non-destructive or has been confirmed by the user\n          setPropertyType(nextPropertyType)\n          // Coerce the data to match the new type\n          onChange(coercedList)\n        }\n      }\n    }\n\n    coerceDataAndUpdateWidget()\n    // Don't add other properties to dependency array because we don't want to automatically coerce input\n    // i.e. Only coerce data when the type changes, which should only be on mount or when the user explicitly chooses a new type.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [propertyType])\n\n  const itemsSchema = getSchemaForPropertyType(propertyType)\n\n  useEffect(() => {\n    // If the additional property has not yet been coerced to an array, trigger an update to coerce and render nothing.\n    // We must do this because RJSF does not currently batch these kinds of updates\n    // See https://github.com/rjsf-team/react-jsonschema-form/issues/3367\n    if (!Array.isArray(formData)) {\n      onChange(convertToArray(formData) as unknown as T)\n    }\n  }, [formData, onChange])\n\n  if (!Array.isArray(formData)) {\n    return <></>\n  }\n\n  return (\n    <AdditionalPropertyContextProvider\n      value={{\n        dropProperty: e => {\n          onDropPropertyClick(name)(e)\n        },\n      }}\n    >\n      <Grid item xs={2}>\n        <InputLabel htmlFor={`${id}-type`}>Type</InputLabel>\n        <SelectWidget\n          name={'Type'}\n          id={`${id}-type`}\n          schema={{} as S}\n          options={{\n            enumOptions: propertyTypeArray.map(type => ({\n              label: type,\n              value: type,\n            })),\n          }}\n          value={propertyType}\n          onChange={value => {\n            setNextPropertyType(value as PropertyType)\n          }}\n          disabled={props.disabled}\n          readOnly={props.readonly}\n          required={true}\n          isClearable={false}\n          onBlur={() => {}}\n          onFocus={() => {}}\n          registry={registry}\n          label={'Type'}\n        />\n      </Grid>\n      <Grid item xs={7}>\n        <ArrayField\n          {...props}\n          uiSchema={{\n            ...props.uiSchema,\n            'ui:title': 'Value(s)',\n            items: {\n              ...props.uiSchema?.items,\n              'ui:placeholder': 'New Value',\n            },\n          }}\n          schema={{\n            ...schema,\n            items: {\n              ...itemsSchema,\n            },\n          }}\n        />\n      </Grid>\n      {propertyType !== nextPropertyType && (\n        <FullWidthAlert\n          variant=\"warning\"\n          title=\"Data may be lost when converting types\"\n          description={`Are you sure you want to convert ${name} from ${propertyType} to ${nextPropertyType}? Current values may be lost on conversion.`}\n          primaryButtonConfig={{\n            text: 'Convert',\n            onClick: () => {\n              setPropertyType(nextPropertyType)\n            },\n          }}\n          secondaryButtonConfig={{\n            text: 'Cancel',\n            onClick: () => {\n              setNextPropertyType(propertyType)\n            },\n          }}\n          isGlobal={false}\n        />\n      )}\n    </AdditionalPropertyContextProvider>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"AdditionalPropertiesSchemaField.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/field/AdditionalPropertiesSchemaField.tsx"],"sourcesContent":["import {\n  FieldProps,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { isEqual } from 'lodash-es'\nimport { useEffect, useState } from 'react'\nimport FullWidthAlert from '../../FullWidthAlert/FullWidthAlert'\nimport { convertToArray } from '../AnnotationEditorUtils'\nimport { GridLegacy as Grid, InputLabel } from '@mui/material'\nimport { AdditionalPropertyContextProvider } from '../template/AdditionalPropertyContext'\n\n// Matches ####-##-##T##:##:##.###Z, e.g. 1970-01-01T12:00:000Z\nconst ISO_TIMESTAMP_REGEX = /\\d{4}-\\d{2}-\\d{2}T\\d{2}:\\d{2}:\\d{2}\\.\\d{3}Z/\n\n// Types that correspond to the different input fields that the annotation editor supports\nconst propertyTypeArray = [\n  'String',\n  'Integer',\n  'Float',\n  'Boolean',\n  'Datetime',\n] as const\n\nexport type PropertyType = (typeof propertyTypeArray)[number]\n\nexport function guessPropertyType(list: Array<unknown>): PropertyType {\n  if (list.length === 0) {\n    // The field was just added, so default to string\n    return 'String'\n  } else if (\n    list.every(\n      item => typeof item === 'number' || item === 'NaN', // \"NaN\" is technically a float value\n    )\n  ) {\n    if (list.every(item => Number.isInteger(item))) {\n      return 'Integer'\n    } else {\n      return 'Float'\n    }\n  } else if (list.every(item => typeof item === 'boolean')) {\n    return 'Boolean'\n  } else if (\n    list.every(item => typeof item === 'string') &&\n    list.every((item: string) => !!ISO_TIMESTAMP_REGEX.exec(item))\n  ) {\n    return 'Datetime'\n  }\n  // otherwise, default type is 'string'\n  return 'String'\n}\n\nexport function transformDataFromPropertyType(\n  list: Array<any>,\n  propertyType: PropertyType,\n) {\n  switch (propertyType) {\n    case 'Integer':\n      return list.map(item =>\n        Number.isNaN(Number(item)) ? 0 : Math.floor(Number(item)),\n      )\n\n    case 'Float':\n      return list.map(item => {\n        const asFloat = parseFloat(item as string)\n        if (Number.isNaN(asFloat)) {\n          return 'NaN'\n        } else if (Number.isInteger(asFloat)) {\n          return asFloat.toFixed(1)\n        } else {\n          return asFloat\n        }\n      })\n    case 'Datetime':\n      return list.map(item => {\n        if (typeof item === 'string' && ISO_TIMESTAMP_REGEX.exec(item)) {\n          return item\n        } else {\n          return new Date().toISOString()\n        }\n      })\n    case 'Boolean':\n      return list.map(item => !!item)\n    case 'String':\n    default:\n      return list.map(item => String(item))\n  }\n}\n\n/**\n * Maps a Synapse Annotation PropertyType to a JSON Schema that captures the type and format.\n * @param propertyType\n */\nexport function getSchemaForPropertyType(propertyType: PropertyType) {\n  switch (propertyType) {\n    case 'Datetime':\n      return { type: 'string', format: 'datetime' }\n    case 'Boolean':\n      return { type: 'boolean' }\n    case 'Float':\n      return { type: 'number' }\n    case 'Integer':\n      return { type: 'integer' }\n    case 'String':\n    default:\n      return { type: 'string' }\n  }\n}\n\n/**\n * react-jsonschema-form SchemaField override for \"additionalProperties\" only. In Synapse these are \"custom annotations\".\n * Modifies the data to provide full compatibility with Synapse annotations features.\n *\n * This component provides these enhancements to the SchemaField:\n * - Supports selecting a type, and changing the input widget appropriately\n * - Identifying the type on mount\n * - Treat all field values as arrays\n * - When the last array value is removed, remove the entire key from the form.\n * @param props\n * @returns\n */\nexport function AdditionalPropertiesSchemaField<\n  T extends Array<unknown> = Array<unknown>,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(\n  props: FieldProps<T, S, F> & {\n    onDropPropertyClick: (key: string) => (event: any) => void\n  },\n) {\n  const {\n    formData,\n    onChange,\n    registry,\n    schema,\n    name,\n    onDropPropertyClick,\n    idSchema,\n  } = props\n  const id = idSchema.$id\n  const { ArrayField } = registry.fields\n  const { SelectWidget } = registry.widgets\n\n  // The type determines which widget we show.\n  const [propertyType, setPropertyType] = useState(\n    guessPropertyType(convertToArray(formData)),\n  )\n\n  // If the property type is updated, store it in a new variable where we'll show a warning if data may be lost on coersion\n  const [nextPropertyType, setNextPropertyType] = useState(propertyType)\n\n  /**\n   * This effect is invoked whenever the user attempts to change the datatype of a custom annotation.\n   */\n  useEffect(() => {\n    function onNextPropertyTypeUpdate() {\n      if (Array.isArray(formData)) {\n        const dataIsEmpty =\n          formData.length === 0 ||\n          formData.every(item => item == null || item == '')\n        const coercedList = transformDataFromPropertyType(\n          formData,\n          nextPropertyType,\n        )\n        // if the data is empty or identical after conversion, then just update the property type\n        if (dataIsEmpty || nextPropertyType !== propertyType) {\n          if (isEqual(formData, coercedList)) {\n            setPropertyType(nextPropertyType)\n          }\n        }\n      }\n    }\n\n    onNextPropertyTypeUpdate()\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [nextPropertyType])\n\n  /**\n   * This effect is invoked whenever the propertyType changes.\n   */\n  useEffect(() => {\n    function coerceDataAndUpdateWidget() {\n      if (Array.isArray(formData)) {\n        if (formData.every(item => item == null)) {\n          onDropPropertyClick(name)(new CustomEvent('dropEmptyProperty'))\n        } else {\n          const coercedList = transformDataFromPropertyType(\n            formData,\n            nextPropertyType,\n          ) as unknown as T\n\n          // Data conversion is non-destructive or has been confirmed by the user\n          setPropertyType(nextPropertyType)\n          // Coerce the data to match the new type\n          onChange(coercedList)\n        }\n      }\n    }\n\n    coerceDataAndUpdateWidget()\n    // Don't add other properties to dependency array because we don't want to automatically coerce input\n    // i.e. Only coerce data when the type changes, which should only be on mount or when the user explicitly chooses a new type.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [propertyType])\n\n  const itemsSchema = getSchemaForPropertyType(propertyType)\n\n  useEffect(() => {\n    // If the additional property has not yet been coerced to an array, trigger an update to coerce and render nothing.\n    // We must do this because RJSF does not currently batch these kinds of updates\n    // See https://github.com/rjsf-team/react-jsonschema-form/issues/3367\n    if (!Array.isArray(formData)) {\n      onChange(convertToArray(formData) as unknown as T)\n    }\n  }, [formData, onChange])\n\n  if (!Array.isArray(formData)) {\n    return <></>\n  }\n\n  return (\n    <AdditionalPropertyContextProvider\n      value={{\n        dropProperty: e => {\n          onDropPropertyClick(name)(e)\n        },\n      }}\n    >\n      <Grid item xs={2}>\n        <InputLabel htmlFor={`${id}-type`}>Type</InputLabel>\n        <SelectWidget\n          name={'Type'}\n          id={`${id}-type`}\n          schema={{} as S}\n          options={{\n            enumOptions: propertyTypeArray.map(type => ({\n              label: type,\n              value: type,\n            })),\n          }}\n          value={propertyType}\n          onChange={value => {\n            setNextPropertyType(value as PropertyType)\n          }}\n          disabled={props.disabled}\n          readOnly={props.readonly}\n          required={true}\n          isClearable={false}\n          onBlur={() => {}}\n          onFocus={() => {}}\n          registry={registry}\n          label={'Type'}\n        />\n      </Grid>\n      <Grid item xs={7}>\n        <ArrayField\n          {...props}\n          uiSchema={{\n            ...props.uiSchema,\n            'ui:title': 'Value(s)',\n            items: {\n              ...props.uiSchema?.items,\n              'ui:placeholder': 'New Value',\n            },\n          }}\n          schema={{\n            ...schema,\n            items: {\n              ...itemsSchema,\n            },\n          }}\n        />\n      </Grid>\n      {propertyType !== nextPropertyType && (\n        <FullWidthAlert\n          variant=\"warning\"\n          title=\"Data may be lost when converting types\"\n          description={`Are you sure you want to convert ${name} from ${propertyType} to ${nextPropertyType}? Current values may be lost on conversion.`}\n          primaryButtonConfig={{\n            text: 'Convert',\n            onClick: () => {\n              setPropertyType(nextPropertyType)\n            },\n          }}\n          secondaryButtonConfig={{\n            text: 'Cancel',\n            onClick: () => {\n              setNextPropertyType(propertyType)\n            },\n          }}\n          isGlobal={false}\n        />\n      )}\n    </AdditionalPropertyContextProvider>\n  )\n}\n"],"mappings":"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"}

package/dist/components/SchemaDrivenAnnotationEditor/field/SynapseAnnotationsRJSFObjectField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseAnnotationsRJSFObjectField.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/field/SynapseAnnotationsRJSFObjectField.tsx"],"sourcesContent":["import { getDefaultRegistry } from '@rjsf/core'\nimport {\n  ADDITIONAL_PROPERTY_FLAG,\n  deepEquals,\n  FieldProps,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { JSONSchema7Definition } from 'json-schema'\nimport { useEffect } from 'react'\nimport {\n  convertToArray,\n  getPossibleTopLevelPropertiesInObjectSchema,\n} from '../AnnotationEditorUtils'\n\n/**\n * Extends the @rjsf/core `ObjectField` and just adds a custom hook for Synapse annotation business logic\n */\nexport function SynapseAnnotationsRJSFObjectField<\n  T extends Record<string, any> | null | undefined = Record<string, any>,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: FieldProps<T, S, F>) {\n  const { schema, formData, onChange } = props\n  const {\n    fields: { ObjectField },\n  } = getDefaultRegistry<T, S, F>()\n  /**\n   * For an object, this will\n   * - convert additionalProperties formData to arrays\n   * - convert schema-defined formData from an array to a non-array if the schema type is not an array\n   * @param props\n   */\n  useEffect(() => {\n    const newFormData: Record<string, any> = { ...formData }\n    const allProperties = getPossibleTopLevelPropertiesInObjectSchema(schema)\n    if (allProperties) {\n      Object.entries(allProperties).forEach(([key, propertySchema]) => {\n        // Since the annotations object is flat, we can safely use the property name as the key (no nested properties)\n        const data = newFormData[key]\n        if (\n          (\n            propertySchema as JSONSchema7Definition &\n              Record<typeof ADDITIONAL_PROPERTY_FLAG, any>\n          )[ADDITIONAL_PROPERTY_FLAG]\n        ) {\n          /**\n           * All additional properties should be converted to arrays.\n           *\n           * We need to convert it right away because the order of items is not stable, and seems to depend on if the item is an array or not\n           */\n          if (!Array.isArray(data)) {\n            newFormData[key] = convertToArray(data)\n          }\n        } else {\n          /**\n           * If the schema does not call for an array, but the formData is an array, then this will coerce it to a string.\n           *\n           * This can occur when a formData value is an additionalProperty, which we always treat as an array, then the key\n           * is added to the schema (e.g. conditionally).\n           */\n          if (\n            typeof propertySchema === 'object' &&\n            'type' in propertySchema &&\n            propertySchema.type !== 'array' &&\n            Array.isArray(data)\n          ) {\n            newFormData[key] = data.map(v => `${v}`).join(', ')\n          }\n        }\n      })\n      if (!deepEquals(formData, newFormData)) {\n        onChange(newFormData as T)\n      }\n    }\n  }, [schema, formData, onChange])\n\n  return <ObjectField {...props} />\n}\n\nexport default SynapseAnnotationsRJSFObjectField\n"],"mappings":";;;;;;AAmBA,SAAgB,EAId,GAA4B;CAC5B,IAAM,EAAE,WAAQ,aAAU,gBAAa,GACjC,EACJ,QAAQ,EAAE,qBACR,GAA6B;AAmDjC,QA5CA,QAAgB;EACd,IAAM,IAAmC,EAAE,GAAG,GAAU,EAClD,IAAgB,EAA4C,EAAO;AACzE,EAAI,MACF,OAAO,QAAQ,EAAc,CAAC,SAAS,CAAC,GAAK,OAAoB;GAE/D,IAAM,IAAO,EAAY;AACzB,GAEI,EAEA,KAOG,MAAM,QAAQ,EAAK,KACtB,EAAY,KAAO,EAAe,EAAK,IAUvC,OAAO,KAAmB,YAC1B,UAAU,KACV,EAAe,SAAS,WACxB,MAAM,QAAQ,EAAK,KAEnB,EAAY,KAAO,EAAK,KAAI,MAAK,GAAG,IAAI,CAAC,KAAK,KAAK;IAGvD,EACG,EAAW,GAAU,EAAY,IACpC,EAAS,EAAiB;IAG7B;EAAC;EAAQ;EAAU;EAAS,CAAC,EAEzB,kBAAC,GAAD,EAAa,GAAI,GAAS,CAAA"}
+{"version":3,"file":"SynapseAnnotationsRJSFObjectField.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/field/SynapseAnnotationsRJSFObjectField.tsx"],"sourcesContent":["import { getDefaultRegistry } from '@rjsf/core'\nimport {\n  ADDITIONAL_PROPERTY_FLAG,\n  deepEquals,\n  FieldProps,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { JSONSchema7Definition } from 'json-schema'\nimport { useEffect } from 'react'\nimport {\n  convertToArray,\n  getPossibleTopLevelPropertiesInObjectSchema,\n} from '../AnnotationEditorUtils'\n\n/**\n * Extends the @rjsf/core `ObjectField` and just adds a custom hook for Synapse annotation business logic\n */\nexport function SynapseAnnotationsRJSFObjectField<\n  T extends Record<string, any> | null | undefined = Record<string, any>,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: FieldProps<T, S, F>) {\n  const { schema, formData, onChange } = props\n  const {\n    fields: { ObjectField },\n  } = getDefaultRegistry<T, S, F>()\n  /**\n   * For an object, this will\n   * - convert additionalProperties formData to arrays\n   * - convert schema-defined formData from an array to a non-array if the schema type is not an array\n   * @param props\n   */\n  useEffect(() => {\n    const newFormData: Record<string, any> = { ...formData }\n    const allProperties = getPossibleTopLevelPropertiesInObjectSchema(schema)\n    if (allProperties) {\n      Object.entries(allProperties).forEach(([key, propertySchema]) => {\n        // Since the annotations object is flat, we can safely use the property name as the key (no nested properties)\n        const data = newFormData[key]\n        if (\n          (\n            propertySchema as JSONSchema7Definition &\n              Record<typeof ADDITIONAL_PROPERTY_FLAG, any>\n          )[ADDITIONAL_PROPERTY_FLAG]\n        ) {\n          /**\n           * All additional properties should be converted to arrays.\n           *\n           * We need to convert it right away because the order of items is not stable, and seems to depend on if the item is an array or not\n           */\n          if (!Array.isArray(data)) {\n            newFormData[key] = convertToArray(data)\n          }\n        } else {\n          /**\n           * If the schema does not call for an array, but the formData is an array, then this will coerce it to a string.\n           *\n           * This can occur when a formData value is an additionalProperty, which we always treat as an array, then the key\n           * is added to the schema (e.g. conditionally).\n           */\n          if (\n            typeof propertySchema === 'object' &&\n            'type' in propertySchema &&\n            propertySchema.type !== 'array' &&\n            Array.isArray(data)\n          ) {\n            newFormData[key] = data.map(v => `${v}`).join(', ')\n          }\n        }\n      })\n      if (!deepEquals(formData, newFormData)) {\n        onChange(newFormData as T)\n      }\n    }\n  }, [schema, formData, onChange])\n\n  return <ObjectField {...props} />\n}\n\nexport default SynapseAnnotationsRJSFObjectField\n"],"mappings":";;;;;;AAmBA,SAAgB,EAId,GAA4B;CAC5B,IAAM,EAAE,WAAQ,aAAU,gBAAa,GACjC,EACJ,QAAQ,EAAE,qBACR,EAA4B;CAmDhC,OA5CA,QAAgB;EACd,IAAM,IAAmC,EAAE,GAAG,EAAS,GACjD,IAAgB,EAA4C,CAAM;EACxE,AAAI,MACF,OAAO,QAAQ,CAAa,EAAE,SAAS,CAAC,GAAK,OAAoB;GAE/D,IAAM,IAAO,EAAY;GACzB,AAEI,EAEA,KAOG,MAAM,QAAQ,CAAI,MACrB,EAAY,KAAO,EAAe,CAAI,KAUtC,OAAO,KAAmB,YAC1B,UAAU,KACV,EAAe,SAAS,WACxB,MAAM,QAAQ,CAAI,MAElB,EAAY,KAAO,EAAK,KAAI,MAAK,GAAG,GAAG,EAAE,KAAK,IAAI;EAGxD,CAAC,GACI,EAAW,GAAU,CAAW,KACnC,EAAS,CAAgB;CAG/B,GAAG;EAAC;EAAQ;EAAU;CAAQ,CAAC,GAExB,kBAAC,GAAD,EAAa,GAAI,EAAQ,CAAA;AAClC"}

package/dist/components/SchemaDrivenAnnotationEditor/template/AdditionalPropertyContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdditionalPropertyContext.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/template/AdditionalPropertyContext.tsx"],"sourcesContent":["import { createContext, PropsWithChildren, useContext } from 'react'\n\nexport type AdditionalPropertyContextType = {\n  dropProperty: (event?: any) => void\n}\n\n/**\n * The `AdditionalPropertyContext` is a custom context object used to pass the `dropProperty` handler to the items within\n * a particular additional property.\n *\n * In RJSF, dropping an entire additional property is handled at the `object` level. In the Synapse Annotations UI,\n * we treat all additional properties (a.k.a. custom annotations) as arrays, and render the delete control at the `array`\n * level. RJSF does not normally provide the drop property handler at the `array` level, so we capture it and pass it\n * along using this context.\n */\nexport const AdditionalPropertyContext = createContext<\n  AdditionalPropertyContextType | undefined\n>(undefined)\n\nexport type AdditionalPropertyContextProviderProps = PropsWithChildren<{\n  value: AdditionalPropertyContextType\n}>\n\nexport function AdditionalPropertyContextProvider(\n  props: AdditionalPropertyContextProviderProps,\n) {\n  return (\n    <AdditionalPropertyContext.Provider value={props.value}>\n      {props.children}\n    </AdditionalPropertyContext.Provider>\n  )\n}\n\nexport const AdditionalPropertyContextConsumer =\n  AdditionalPropertyContext.Consumer\n\nexport function useAdditionalPropertyContext():\n  | AdditionalPropertyContextType\n  | undefined {\n  return useContext(AdditionalPropertyContext)\n}\n"],"mappings":";;;AAeA,IAAa,IAA4B,EAEvC,KAAA,EAAU;AAMZ,SAAgB,EACd,GACA;AACA,QACE,kBAAC,EAA0B,UAA3B;EAAoC,OAAO,EAAM;YAC9C,EAAM;EAC4B,CAAA;;AAIzC,IAAa,IACX,EAA0B;AAE5B,SAAgB,IAEF;AACZ,QAAO,EAAW,EAA0B"}
+{"version":3,"file":"AdditionalPropertyContext.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/template/AdditionalPropertyContext.tsx"],"sourcesContent":["import { createContext, PropsWithChildren, useContext } from 'react'\n\nexport type AdditionalPropertyContextType = {\n  dropProperty: (event?: any) => void\n}\n\n/**\n * The `AdditionalPropertyContext` is a custom context object used to pass the `dropProperty` handler to the items within\n * a particular additional property.\n *\n * In RJSF, dropping an entire additional property is handled at the `object` level. In the Synapse Annotations UI,\n * we treat all additional properties (a.k.a. custom annotations) as arrays, and render the delete control at the `array`\n * level. RJSF does not normally provide the drop property handler at the `array` level, so we capture it and pass it\n * along using this context.\n */\nexport const AdditionalPropertyContext = createContext<\n  AdditionalPropertyContextType | undefined\n>(undefined)\n\nexport type AdditionalPropertyContextProviderProps = PropsWithChildren<{\n  value: AdditionalPropertyContextType\n}>\n\nexport function AdditionalPropertyContextProvider(\n  props: AdditionalPropertyContextProviderProps,\n) {\n  return (\n    <AdditionalPropertyContext.Provider value={props.value}>\n      {props.children}\n    </AdditionalPropertyContext.Provider>\n  )\n}\n\nexport const AdditionalPropertyContextConsumer =\n  AdditionalPropertyContext.Consumer\n\nexport function useAdditionalPropertyContext():\n  | AdditionalPropertyContextType\n  | undefined {\n  return useContext(AdditionalPropertyContext)\n}\n"],"mappings":";;;AAeA,IAAa,IAA4B,EAEvC,KAAA,CAAS;AAMX,SAAgB,EACd,GACA;CACA,OACE,kBAAC,EAA0B,UAA3B;EAAoC,OAAO,EAAM;YAC9C,EAAM;CAC2B,CAAA;AAExC;AAEA,IAAa,IACX,EAA0B;AAE5B,SAAgB,IAEF;CACZ,OAAO,EAAW,CAAyB;AAC7C"}

package/dist/components/SchemaDrivenAnnotationEditor/template/ObjectFieldTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ObjectFieldTemplate.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/template/ObjectFieldTemplate.tsx"],"sourcesContent":["import AddToList from '@/assets/icons/AddToList'\nimport { Button, Tooltip } from '@mui/material'\nimport {\n  ADDITIONAL_PROPERTY_FLAG,\n  canExpand,\n  FormContextType,\n  getTemplate,\n  getUiOptions,\n  ObjectFieldTemplatePropertyType,\n  ObjectFieldTemplateProps,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { JSONSchema7Definition } from 'json-schema'\nimport { useRef } from 'react'\nimport { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect'\nimport { displayToast } from '../../ToastMessage'\n\n/**\n * Derived from the base ObjectFieldTemplate with annotations-editor-specific changes\n * - Custom button for adding additional properties\n * - Tracks properties to show a toast message if a property is converted to an additionalProperty because it was\n *   dropped from the schema (e.g. in a conditional schema)\n *\n * See https://github.com/rjsf-team/react-jsonschema-form/blob/main/packages/mui/src/ObjectFieldTemplate/ObjectFieldTemplate.tsx\n * @param props\n * @returns\n */\nexport function ObjectFieldTemplate<\n  T extends Record<string, any> | null | undefined = Record<string, any>,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: ObjectFieldTemplateProps<T, S, F>) {\n  const {\n    description,\n    disabled,\n    formData,\n    idSchema,\n    onAddClick,\n    properties,\n    readonly,\n    registry,\n    required,\n    schema,\n    title,\n    uiSchema,\n  } = props\n\n  const options = getUiOptions<T, S, F>(uiSchema)\n  const TitleFieldTemplate = getTemplate<'TitleFieldTemplate', T, S, F>(\n    'TitleFieldTemplate',\n    registry,\n    options,\n  )\n  const DescriptionFieldTemplate = getTemplate<\n    'DescriptionFieldTemplate',\n    T,\n    S,\n    F\n  >('DescriptionFieldTemplate', registry, options)\n\n  /*\n     Tracks the property keys that were last known to exist in the object.\n     */\n  const previousSchemaDefinedProperties = useRef<Set<string>>(new Set())\n\n  /**\n   * We track how the schema changes as the user enters data, causing conditional subschemas to be evaluated.\n   *\n   * If a property exists in the previous version of the schema and has user data, and then is dropped from the schema due to a data update, then\n   * we need to prompt the user whether they want to undo the change, or continue and keep/remove those fields\n   *\n   * In this component, we can identify when one or more fields with user data are dropped (the field gains the additional property flag in the schema prop).\n   * We then use a function provided by the context to report which fields were lost.\n   */\n  useDeepCompareEffectNoCheck(() => {\n    if ('properties' in schema && schema.properties) {\n      const propertyKeys = Object.keys(schema.properties)\n      // Schema-defined properties are those properties in the schema without the additional property flag.\n      const schemaDefinedProperties = new Set<string>(\n        propertyKeys.filter(key => {\n          const propertyObject = schema.properties![\n            key\n          ] as JSONSchema7Definition &\n            Record<typeof ADDITIONAL_PROPERTY_FLAG, any>\n          return !propertyObject[ADDITIONAL_PROPERTY_FLAG]\n        }),\n      )\n\n      if (previousSchemaDefinedProperties.current != null) {\n        // Compare the schema defined properties with the previous version to see if any were lost.\n        const lostProperties = Array.from(\n          previousSchemaDefinedProperties.current,\n        ).filter(schemaDefinedProperty => {\n          return (\n            // Property is no longer in schema\n            !schemaDefinedProperties.has(schemaDefinedProperty) &&\n            // Form data exists\n            !!formData &&\n            // Property still exists in form data and is not null\n            // if the data is null, then we don't need to worry about it; user data wasn't lost\n            formData[schemaDefinedProperty] != null &&\n            // Property matches `additionalProperties` requirements: is an array and contains non-null values\n            Array.isArray(formData[schemaDefinedProperty]) &&\n            (formData[schemaDefinedProperty] as Array<never>).filter(\n              item => item != null,\n            ).length > 0\n          )\n        })\n        if (lostProperties.length > 0) {\n          // Report the converted fields in a toast message\n          displayToast(\n            `The following annotations are no longer specified by the schema and have been converted to custom fields: ${lostProperties.join(\n              ', ',\n            )}.`,\n            'warning',\n            {\n              title: 'Fields No Longer Specified By Schema',\n            },\n          )\n        }\n      }\n      // Update the last known properties to match the current properties\n      previousSchemaDefinedProperties.current = schemaDefinedProperties\n    }\n  }, [schema.properties])\n\n  return (\n    <fieldset id={idSchema.$id}>\n      {(options.title || title) && (\n        <TitleFieldTemplate\n          id={`${idSchema.$id}__title`}\n          schema={schema}\n          title={options.title || title}\n          required={required}\n          uiSchema={uiSchema}\n          registry={registry}\n        />\n      )}\n      {(options.description || description) && (\n        <DescriptionFieldTemplate\n          id={`${idSchema.$id}__description`}\n          description={options.description || description!}\n          registry={registry}\n          schema={schema}\n        />\n      )}\n      {properties.map((prop: ObjectFieldTemplatePropertyType) => prop.content)}\n\n      {canExpand(schema, uiSchema, formData) && (\n        <Tooltip title=\"Add a new custom field\" placement=\"top\">\n          <Button\n            sx={{ my: 2 }}\n            variant=\"contained\"\n            className=\"rjsf-object-property-expand\"\n            onClick={onAddClick(schema)}\n            disabled={disabled || readonly}\n            aria-label={'Add Custom Field'}\n          >\n            <AddToList />\n          </Button>\n        </Tooltip>\n      )}\n    </fieldset>\n  )\n}\n"],"mappings":";;;;;;;;;AA4BA,SAAgB,EAId,GAA0C;CAC1C,IAAM,EACJ,gBACA,aACA,aACA,aACA,eACA,eACA,aACA,aACA,aACA,WACA,UACA,gBACE,GAEE,IAAU,EAAsB,EAAS,EACzC,IAAqB,EACzB,sBACA,GACA,EACD,EACK,IAA2B,EAK/B,4BAA4B,GAAU,EAAQ,EAK1C,IAAkC,kBAAoB,IAAI,KAAK,CAAC;AA+DtE,QApDA,QAAkC;AAChC,MAAI,gBAAgB,KAAU,EAAO,YAAY;GAC/C,IAAM,IAAe,OAAO,KAAK,EAAO,WAAW,EAE7C,IAA0B,IAAI,IAClC,EAAa,QAAO,MAKX,CAJgB,EAAO,WAC5B,GAGqB,GACvB,CACH;AAED,OAAI,EAAgC,WAAW,MAAM;IAEnD,IAAM,IAAiB,MAAM,KAC3B,EAAgC,QACjC,CAAC,QAAO,MAGL,CAAC,EAAwB,IAAI,EAAsB,IAEnD,CAAC,CAAC,KAGF,EAAS,MAA0B,QAEnC,MAAM,QAAQ,EAAS,GAAuB,IAC7C,EAAS,GAAwC,QAChD,MAAQ,KAAQ,KACjB,CAAC,SAAS,EAEb;AACF,IAAI,EAAe,SAAS,KAE1B,EACE,6GAA6G,EAAe,KAC1H,KACD,CAAC,IACF,WACA,EACE,OAAO,wCACR,CACF;;AAIL,KAAgC,UAAU;;IAE3C,CAAC,EAAO,WAAW,CAAC,EAGrB,kBAAC,YAAD;EAAU,IAAI,EAAS;YAAvB;IACI,EAAQ,SAAS,MACjB,kBAAC,GAAD;IACE,IAAI,GAAG,EAAS,IAAI;IACZ;IACR,OAAO,EAAQ,SAAS;IACd;IACA;IACA;IACV,CAAA;IAEF,EAAQ,eAAe,MACvB,kBAAC,GAAD;IACE,IAAI,GAAG,EAAS,IAAI;IACpB,aAAa,EAAQ,eAAe;IAC1B;IACF;IACR,CAAA;GAEH,EAAW,KAAK,MAA0C,EAAK,QAAQ;GAEvE,EAAU,GAAQ,GAAU,EAAS,IACpC,kBAAC,GAAD;IAAS,OAAM;IAAyB,WAAU;cAChD,kBAAC,GAAD;KACE,IAAI,EAAE,IAAI,GAAG;KACb,SAAQ;KACR,WAAU;KACV,SAAS,EAAW,EAAO;KAC3B,UAAU,KAAY;KACtB,cAAY;eAEZ,kBAAC,GAAD,EAAa,CAAA;KACN,CAAA;IACD,CAAA;GAEH"}
+{"version":3,"file":"ObjectFieldTemplate.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/template/ObjectFieldTemplate.tsx"],"sourcesContent":["import AddToList from '@/assets/icons/AddToList'\nimport { Button, Tooltip } from '@mui/material'\nimport {\n  ADDITIONAL_PROPERTY_FLAG,\n  canExpand,\n  FormContextType,\n  getTemplate,\n  getUiOptions,\n  ObjectFieldTemplatePropertyType,\n  ObjectFieldTemplateProps,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { JSONSchema7Definition } from 'json-schema'\nimport { useRef } from 'react'\nimport { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect'\nimport { displayToast } from '../../ToastMessage'\n\n/**\n * Derived from the base ObjectFieldTemplate with annotations-editor-specific changes\n * - Custom button for adding additional properties\n * - Tracks properties to show a toast message if a property is converted to an additionalProperty because it was\n *   dropped from the schema (e.g. in a conditional schema)\n *\n * See https://github.com/rjsf-team/react-jsonschema-form/blob/main/packages/mui/src/ObjectFieldTemplate/ObjectFieldTemplate.tsx\n * @param props\n * @returns\n */\nexport function ObjectFieldTemplate<\n  T extends Record<string, any> | null | undefined = Record<string, any>,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: ObjectFieldTemplateProps<T, S, F>) {\n  const {\n    description,\n    disabled,\n    formData,\n    idSchema,\n    onAddClick,\n    properties,\n    readonly,\n    registry,\n    required,\n    schema,\n    title,\n    uiSchema,\n  } = props\n\n  const options = getUiOptions<T, S, F>(uiSchema)\n  const TitleFieldTemplate = getTemplate<'TitleFieldTemplate', T, S, F>(\n    'TitleFieldTemplate',\n    registry,\n    options,\n  )\n  const DescriptionFieldTemplate = getTemplate<\n    'DescriptionFieldTemplate',\n    T,\n    S,\n    F\n  >('DescriptionFieldTemplate', registry, options)\n\n  /*\n     Tracks the property keys that were last known to exist in the object.\n     */\n  const previousSchemaDefinedProperties = useRef<Set<string>>(new Set())\n\n  /**\n   * We track how the schema changes as the user enters data, causing conditional subschemas to be evaluated.\n   *\n   * If a property exists in the previous version of the schema and has user data, and then is dropped from the schema due to a data update, then\n   * we need to prompt the user whether they want to undo the change, or continue and keep/remove those fields\n   *\n   * In this component, we can identify when one or more fields with user data are dropped (the field gains the additional property flag in the schema prop).\n   * We then use a function provided by the context to report which fields were lost.\n   */\n  useDeepCompareEffectNoCheck(() => {\n    if ('properties' in schema && schema.properties) {\n      const propertyKeys = Object.keys(schema.properties)\n      // Schema-defined properties are those properties in the schema without the additional property flag.\n      const schemaDefinedProperties = new Set<string>(\n        propertyKeys.filter(key => {\n          const propertyObject = schema.properties![\n            key\n          ] as JSONSchema7Definition &\n            Record<typeof ADDITIONAL_PROPERTY_FLAG, any>\n          return !propertyObject[ADDITIONAL_PROPERTY_FLAG]\n        }),\n      )\n\n      if (previousSchemaDefinedProperties.current != null) {\n        // Compare the schema defined properties with the previous version to see if any were lost.\n        const lostProperties = Array.from(\n          previousSchemaDefinedProperties.current,\n        ).filter(schemaDefinedProperty => {\n          return (\n            // Property is no longer in schema\n            !schemaDefinedProperties.has(schemaDefinedProperty) &&\n            // Form data exists\n            !!formData &&\n            // Property still exists in form data and is not null\n            // if the data is null, then we don't need to worry about it; user data wasn't lost\n            formData[schemaDefinedProperty] != null &&\n            // Property matches `additionalProperties` requirements: is an array and contains non-null values\n            Array.isArray(formData[schemaDefinedProperty]) &&\n            (formData[schemaDefinedProperty] as Array<never>).filter(\n              item => item != null,\n            ).length > 0\n          )\n        })\n        if (lostProperties.length > 0) {\n          // Report the converted fields in a toast message\n          displayToast(\n            `The following annotations are no longer specified by the schema and have been converted to custom fields: ${lostProperties.join(\n              ', ',\n            )}.`,\n            'warning',\n            {\n              title: 'Fields No Longer Specified By Schema',\n            },\n          )\n        }\n      }\n      // Update the last known properties to match the current properties\n      previousSchemaDefinedProperties.current = schemaDefinedProperties\n    }\n  }, [schema.properties])\n\n  return (\n    <fieldset id={idSchema.$id}>\n      {(options.title || title) && (\n        <TitleFieldTemplate\n          id={`${idSchema.$id}__title`}\n          schema={schema}\n          title={options.title || title}\n          required={required}\n          uiSchema={uiSchema}\n          registry={registry}\n        />\n      )}\n      {(options.description || description) && (\n        <DescriptionFieldTemplate\n          id={`${idSchema.$id}__description`}\n          description={options.description || description!}\n          registry={registry}\n          schema={schema}\n        />\n      )}\n      {properties.map((prop: ObjectFieldTemplatePropertyType) => prop.content)}\n\n      {canExpand(schema, uiSchema, formData) && (\n        <Tooltip title=\"Add a new custom field\" placement=\"top\">\n          <Button\n            sx={{ my: 2 }}\n            variant=\"contained\"\n            className=\"rjsf-object-property-expand\"\n            onClick={onAddClick(schema)}\n            disabled={disabled || readonly}\n            aria-label={'Add Custom Field'}\n          >\n            <AddToList />\n          </Button>\n        </Tooltip>\n      )}\n    </fieldset>\n  )\n}\n"],"mappings":";;;;;;;;;AA4BA,SAAgB,EAId,GAA0C;CAC1C,IAAM,EACJ,gBACA,aACA,aACA,aACA,eACA,eACA,aACA,aACA,aACA,WACA,UACA,gBACE,GAEE,IAAU,EAAsB,CAAQ,GACxC,IAAqB,EACzB,sBACA,GACA,CACF,GACM,IAA2B,EAK/B,4BAA4B,GAAU,CAAO,GAKzC,IAAkC,kBAAoB,IAAI,IAAI,CAAC;CA+DrE,OApDA,QAAkC;EAChC,IAAI,gBAAgB,KAAU,EAAO,YAAY;GAC/C,IAAM,IAAe,OAAO,KAAK,EAAO,UAAU,GAE5C,IAA0B,IAAI,IAClC,EAAa,QAAO,MAKX,CAJgB,EAAO,WAC5B,GAGqB,EACxB,CACH;GAEA,IAAI,EAAgC,WAAW,MAAM;IAEnD,IAAM,IAAiB,MAAM,KAC3B,EAAgC,OAClC,EAAE,QAAO,MAGL,CAAC,EAAwB,IAAI,CAAqB,KAElD,CAAC,CAAC,KAGF,EAAS,MAA0B,QAEnC,MAAM,QAAQ,EAAS,EAAsB,KAC5C,EAAS,GAAwC,QAChD,MAAQ,KAAQ,IAClB,EAAE,SAAS,CAEd;IACD,AAAI,EAAe,SAAS,KAE1B,EACE,6GAA6G,EAAe,KAC1H,IACF,EAAE,IACF,WACA,EACE,OAAO,uCACT,CACF;GAEJ;GAEA,EAAgC,UAAU;EAC5C;CACF,GAAG,CAAC,EAAO,UAAU,CAAC,GAGpB,kBAAC,YAAD;EAAU,IAAI,EAAS;YAAvB;IACI,EAAQ,SAAS,MACjB,kBAAC,GAAD;IACE,IAAI,GAAG,EAAS,IAAI;IACZ;IACR,OAAO,EAAQ,SAAS;IACd;IACA;IACA;GACX,CAAA;IAED,EAAQ,eAAe,MACvB,kBAAC,GAAD;IACE,IAAI,GAAG,EAAS,IAAI;IACpB,aAAa,EAAQ,eAAe;IAC1B;IACF;GACT,CAAA;GAEF,EAAW,KAAK,MAA0C,EAAK,OAAO;GAEtE,EAAU,GAAQ,GAAU,CAAQ,KACnC,kBAAC,GAAD;IAAS,OAAM;IAAyB,WAAU;cAChD,kBAAC,GAAD;KACE,IAAI,EAAE,IAAI,EAAE;KACZ,SAAQ;KACR,WAAU;KACV,SAAS,EAAW,CAAM;KAC1B,UAAU,KAAY;KACtB,cAAY;eAEZ,kBAAC,GAAD,CAAY,CAAA;IACN,CAAA;GACD,CAAA;EAEH;;AAEd"}

package/dist/components/SchemaDrivenAnnotationEditor/template/SynapseAnnotationsWrapIfAdditionalTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseAnnotationsWrapIfAdditionalTemplate.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/template/SynapseAnnotationsWrapIfAdditionalTemplate.tsx"],"sourcesContent":["import {\n  ADDITIONAL_PROPERTY_FLAG,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n  TranslatableString,\n  WrapIfAdditionalTemplateProps,\n} from '@rjsf/utils'\nimport { FocusEventHandler } from 'react'\nimport { GridLegacy as Grid, TextField } from '@mui/material'\n\n/** The `WrapIfAdditional` component is used by the `FieldTemplate` to rename, or remove properties that are\n * part of an `additionalProperties` part of a schema.\n *\n * @param props - The `WrapIfAdditionalProps` for this component\n */\nexport default function SynapseAnnotationsWrapIfAdditionalTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: WrapIfAdditionalTemplateProps<T, S, F>) {\n  const {\n    id,\n    classNames,\n    disabled,\n    label,\n    onKeyChange,\n    readonly,\n    required,\n    schema,\n    children,\n    registry,\n  } = props\n  const { translateString } = registry\n  const keyLabel = translateString(TranslatableString.KeyLabel, [''])\n  const additional = ADDITIONAL_PROPERTY_FLAG in schema\n\n  if (!additional) {\n    return <div className={classNames}>{children}</div>\n  }\n\n  const handleBlur: FocusEventHandler<\n    HTMLInputElement | HTMLTextAreaElement\n  > = ({ target }) => {\n    if (target) onKeyChange(target.value)\n  }\n\n  return (\n    <div className={classNames}>\n      <Grid\n        container\n        columnSpacing={2}\n        rowSpacing={0}\n        sx={{\n          my: 1,\n        }}\n      >\n        <Grid item xs={3}>\n          <TextField\n            fullWidth={true}\n            required={required}\n            label={keyLabel}\n            defaultValue={label}\n            disabled={disabled || readonly}\n            id={`${id}-key`}\n            name={`${id}-key`}\n            onBlur={!readonly ? handleBlur : undefined}\n            type=\"text\"\n          />\n        </Grid>\n        {children}\n        {/* All additional properties are treated as arrays, so we don't show a remove button here. */}\n        {/* To drop the property, drop the last array item. */}\n      </Grid>\n    </div>\n  )\n}\n"],"mappings":";;;;AAgBA,SAAwB,EAItB,GAA+C;CAC/C,IAAM,EACJ,OACA,eACA,aACA,UACA,gBACA,aACA,aACA,WACA,aACA,gBACE,GACE,EAAE,uBAAoB,GACtB,IAAW,EAAgB,EAAmB,UAAU,CAAC,GAAG,CAAC;AAanE,QAZmB,KAA4B,IAa7C,kBAAC,OAAD;EAAK,WAAW;YACd,kBAAC,GAAD;GACE,WAAA;GACA,eAAe;GACf,YAAY;GACZ,IAAI,EACF,IAAI,GACL;aANH,CAQE,kBAAC,GAAD;IAAM,MAAA;IAAK,IAAI;cACb,kBAAC,GAAD;KACE,WAAW;KACD;KACV,OAAO;KACP,cAAc;KACd,UAAU,KAAY;KACtB,IAAI,GAAG,EAAG;KACV,MAAM,GAAG,EAAG;KACZ,QAAS,IAAwB,KAAA,KAvBtC,EAAE,gBAAa;AAClB,MAAI,KAAQ,EAAY,EAAO,MAAM;;KAuB7B,MAAK;KACL,CAAA;IACG,CAAA,EACN,EAGI;;EACH,CAAA,GApCC,kBAAC,OAAD;EAAK,WAAW;EAAa;EAAe,CAAA"}
+{"version":3,"file":"SynapseAnnotationsWrapIfAdditionalTemplate.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/template/SynapseAnnotationsWrapIfAdditionalTemplate.tsx"],"sourcesContent":["import {\n  ADDITIONAL_PROPERTY_FLAG,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n  TranslatableString,\n  WrapIfAdditionalTemplateProps,\n} from '@rjsf/utils'\nimport { FocusEventHandler } from 'react'\nimport { GridLegacy as Grid, TextField } from '@mui/material'\n\n/** The `WrapIfAdditional` component is used by the `FieldTemplate` to rename, or remove properties that are\n * part of an `additionalProperties` part of a schema.\n *\n * @param props - The `WrapIfAdditionalProps` for this component\n */\nexport default function SynapseAnnotationsWrapIfAdditionalTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: WrapIfAdditionalTemplateProps<T, S, F>) {\n  const {\n    id,\n    classNames,\n    disabled,\n    label,\n    onKeyChange,\n    readonly,\n    required,\n    schema,\n    children,\n    registry,\n  } = props\n  const { translateString } = registry\n  const keyLabel = translateString(TranslatableString.KeyLabel, [''])\n  const additional = ADDITIONAL_PROPERTY_FLAG in schema\n\n  if (!additional) {\n    return <div className={classNames}>{children}</div>\n  }\n\n  const handleBlur: FocusEventHandler<\n    HTMLInputElement | HTMLTextAreaElement\n  > = ({ target }) => {\n    if (target) onKeyChange(target.value)\n  }\n\n  return (\n    <div className={classNames}>\n      <Grid\n        container\n        columnSpacing={2}\n        rowSpacing={0}\n        sx={{\n          my: 1,\n        }}\n      >\n        <Grid item xs={3}>\n          <TextField\n            fullWidth={true}\n            required={required}\n            label={keyLabel}\n            defaultValue={label}\n            disabled={disabled || readonly}\n            id={`${id}-key`}\n            name={`${id}-key`}\n            onBlur={!readonly ? handleBlur : undefined}\n            type=\"text\"\n          />\n        </Grid>\n        {children}\n        {/* All additional properties are treated as arrays, so we don't show a remove button here. */}\n        {/* To drop the property, drop the last array item. */}\n      </Grid>\n    </div>\n  )\n}\n"],"mappings":";;;;AAgBA,SAAwB,EAItB,GAA+C;CAC/C,IAAM,EACJ,OACA,eACA,aACA,UACA,gBACA,aACA,aACA,WACA,aACA,gBACE,GACE,EAAE,uBAAoB,GACtB,IAAW,EAAgB,EAAmB,UAAU,CAAC,EAAE,CAAC;CAalE,OAZmB,KAA4B,IAa7C,kBAAC,OAAD;EAAK,WAAW;YACd,kBAAC,GAAD;GACE,WAAA;GACA,eAAe;GACf,YAAY;GACZ,IAAI,EACF,IAAI,EACN;aANF,CAQE,kBAAC,GAAD;IAAM,MAAA;IAAK,IAAI;cACb,kBAAC,GAAD;KACE,WAAW;KACD;KACV,OAAO;KACP,cAAc;KACd,UAAU,KAAY;KACtB,IAAI,GAAG,EAAG;KACV,MAAM,GAAG,EAAG;KACZ,QAAS,IAAwB,KAAA,KAvBtC,EAAE,gBAAa;MAClB,AAAI,KAAQ,EAAY,EAAO,KAAK;KACtC;KAsBU,MAAK;IACN,CAAA;GACG,CAAA,GACL,CAGG;;CACH,CAAA,IApCE,kBAAC,OAAD;EAAK,WAAW;EAAa;CAAc,CAAA;AAsCtD"}

package/dist/components/SchemaDrivenAnnotationEditor/widget/TextWidget.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextWidget.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/widget/TextWidget.tsx"],"sourcesContent":["import { Widget, WidgetProps } from '@rjsf/utils'\n\n/**\n * This TextWidget is almost identical to the rjsf TextWidget, except we handle numbers like strings to prevent issues if\n * the actual annotation data is not a string.\n */\nexport const TextWidget: Widget = (props: WidgetProps) => {\n  const { BaseInputTemplate } = props.registry.templates\n\n  // options.inputType will override the input type determined via schema\n  let inputType: string | undefined = undefined\n  if (props.schema.type === 'number' || props.schema.type === 'integer') {\n    inputType = 'text'\n  }\n\n  return (\n    <BaseInputTemplate\n      {...props}\n      options={{ ...props.options, inputType: inputType }}\n    />\n  )\n}\n\nexport default TextWidget\n"],"mappings":";;AAMA,IAAa,KAAsB,MAAuB;CACxD,IAAM,EAAE,yBAAsB,EAAM,SAAS,WAGzC;AAKJ,SAJI,EAAM,OAAO,SAAS,YAAY,EAAM,OAAO,SAAS,eAC1D,IAAY,SAIZ,kBAAC,GAAD;EACE,GAAI;EACJ,SAAS;GAAE,GAAG,EAAM;GAAoB;GAAW;EACnD,CAAA"}
+{"version":3,"file":"TextWidget.js","names":[],"sources":["../../../../src/components/SchemaDrivenAnnotationEditor/widget/TextWidget.tsx"],"sourcesContent":["import { Widget, WidgetProps } from '@rjsf/utils'\n\n/**\n * This TextWidget is almost identical to the rjsf TextWidget, except we handle numbers like strings to prevent issues if\n * the actual annotation data is not a string.\n */\nexport const TextWidget: Widget = (props: WidgetProps) => {\n  const { BaseInputTemplate } = props.registry.templates\n\n  // options.inputType will override the input type determined via schema\n  let inputType: string | undefined = undefined\n  if (props.schema.type === 'number' || props.schema.type === 'integer') {\n    inputType = 'text'\n  }\n\n  return (\n    <BaseInputTemplate\n      {...props}\n      options={{ ...props.options, inputType: inputType }}\n    />\n  )\n}\n\nexport default TextWidget\n"],"mappings":";;AAMA,IAAa,KAAsB,MAAuB;CACxD,IAAM,EAAE,yBAAsB,EAAM,SAAS,WAGzC;CAKJ,QAJI,EAAM,OAAO,SAAS,YAAY,EAAM,OAAO,SAAS,eAC1D,IAAY,SAIZ,kBAAC,GAAD;EACE,GAAI;EACJ,SAAS;GAAE,GAAG,EAAM;GAAoB;EAAU;CACnD,CAAA;AAEL"}

package/dist/components/SearchQueryWrapper/SearchQueryUseQueryOptions.d.ts

@@ -1,4 +1,4 @@
-import { AsynchronousJobStatus, ColumnModel, QueryBundleRequest, QueryResultBundle, RowSet } from '@sage-bionetworks/synapse-types';
+import { AsynchronousJobStatus, ColumnModel, FacetColumnRangeRequest, FacetColumnValuesRequest, QueryBundleRequest, QueryResultBundle, RowSet } from '@sage-bionetworks/synapse-types';
 import type { SearchIndexQuery, SearchQueryResults, SynapseClientError } from '@sage-bionetworks/synapse-client';
 import { InfiniteData, QueryKey, UseInfiniteQueryOptions, UseSuspenseQueryOptions } from '@tanstack/react-query';
 import { KeyFactory } from '@/synapse-queries/KeyFactory';
@@ -13,17 +13,19 @@ export type SearchTableQueryUseQueryOptions = {
     rowDataInfiniteQueryOptions: UseInfiniteQueryOptions<AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>, SynapseClientError, InfiniteData<AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>>, QueryKey, string | number | undefined>;
     queryMetadataQueryOptions: UseSuspenseQueryOptions<AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>, SynapseClientError, Omit<QueryResultBundle, 'queryResult'>>;
 };
+export declare function getNextPageParamForSearchQueryResults(lastPage: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>, allPages: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>[]): number | string | undefined;
 /**
  * Converts a QueryBundleRequest (used internally for state management) into a SearchIndexQuery
  * that can be sent to the SearchQueryServicesApi.
  *
  * Mapping:
- *  - columnModels (facetType defined) → facetRequests (columns to aggregate as facets, with optional sort config)
- *  - query.selectedFacets (enumeration) → termsFilters (IN-clause filters)
- *  - query.selectedFacets (range) → rangeFilters (range filters)
- *  - query.sort → sort (SortItem { column, direction } → SearchSortField { columnName, direction })
- *  - query.limit → limit
- *  - query.offset → offset
+ *  - columnModels (facetType 'enumeration') → aggregations (OpenSearch terms aggregations)
+ *  - query.selectedFacets (enumeration) → query.bool.filter terms clauses
+ *  - query.selectedFacets (range) → query.bool.filter range clauses
+ *  - query.additionalFilters (TextMatchesQueryFilter) → multi_match query clause
+ *  - query.sort → sort (SortItem { column, direction } → [{ column: 'asc'|'desc' }])
+ *  - query.limit → size
+ *  - query.offset → from
  *  - partMask → dropped (SearchIndexQuery has no bitmask concept)
  */
 export declare function toSearchIndexQuery(queryBundleRequest: QueryBundleRequest, searchIndexId: string, columnModels?: ColumnModel[]): SearchIndexQuery;
@@ -34,18 +36,17 @@ export declare function toSearchIndexQuery(queryBundleRequest: QueryBundleReques
  * Mapping:
  *  - totalHits → queryCount
  *  - hits → queryResult.queryResults (rows derived from hit.rowId/rowVersion/fields)
- *  - facets → facets (same FacetColumnResult type)
+ *  - aggregationResults → facets (parsed from opaque OpenSearch aggregation JSON)
  */
-export declare function searchQueryResultsToQueryResultBundle(results: SearchQueryResults | undefined, query: SearchIndexQuery, columnModels?: ColumnModel[]): QueryResultBundle;
+export declare function searchQueryResultsToQueryResultBundle(results: SearchQueryResults | undefined, query: SearchIndexQuery, columnModels?: ColumnModel[], selectedFacets?: (FacetColumnValuesRequest | FacetColumnRangeRequest)[]): QueryResultBundle;
 export declare function getSearchQueryUseQueryOptions(queryBundleRequest: QueryBundleRequest, keyFactory: KeyFactory, accessToken: string | undefined, searchIndexId: string, columnModels?: ColumnModel[]): SearchTableQueryUseQueryOptions;
 /**
  * Returns a stable callback that fetches autocomplete suggestions for a search input
  * using the synchronous `POST /search/autocomplete` endpoint.
  *
  * The query is built from the current `searchIndexId` and `autocompleteFieldName`:
- *  - `searchQuery.queryText` is set to the user-entered search text
- *  - `searchQuery.queryFields` is set to `[autocompleteFieldName]` so the server
- *    only returns values for that single field
+ *  - `searchQuery.query` is a `match_bool_prefix` clause scoped to `autocompleteFieldName`
+ *  - `searchQuery._source` is set to `[autocompleteFieldName]` so only that field is returned
  *
  * When `autocompleteFieldName` is undefined, the returned callback immediately returns `[]`.
  */

package/dist/components/SearchQueryWrapper/SearchQueryUseQueryOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchQueryUseQueryOptions.d.ts","sourceRoot":"","sources":["../../../src/components/SearchQueryWrapper/SearchQueryUseQueryOptions.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,qBAAqB,EACrB,WAAW,EAMX,kBAAkB,EAClB,iBAAiB,EACjB,MAAM,EAIP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAGV,gBAAgB,EAEhB,kBAAkB,EAGlB,kBAAkB,EACnB,MAAM,kCAAkC,CAAA;AAKzC,OAAO,EACL,YAAY,EACZ,QAAQ,EACR,uBAAuB,EACvB,uBAAuB,EACxB,MAAM,uBAAuB,CAAA;AAI9B,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAEzD;;;;;GAKG;AACH,MAAM,MAAM,+BAA+B,GAAG;IAC5C,mBAAmB,EAAE,uBAAuB,CAC1C,qBAAqB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,EAC1D,kBAAkB,EAClB,MAAM,GAAG,SAAS,CACnB,CAAA;IACD,2BAA2B,EAAE,uBAAuB,CAClD,qBAAqB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,EAC1D,kBAAkB,EAClB,YAAY,CAAC,qBAAqB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,EACxE,QAAQ,EACR,MAAM,GAAG,MAAM,GAAG,SAAS,CAC5B,CAAA;IACD,yBAAyB,EAAE,uBAAuB,CAChD,qBAAqB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,EAC1D,kBAAkB,EAClB,IAAI,CAAC,iBAAiB,EAAE,aAAa,CAAC,CACvC,CAAA;CACF,CAAA;AAED;;;;;;;;;;;;GAYG;AACH,wBAAgB,kBAAkB,CAChC,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,MAAM,EACrB,YAAY,CAAC,EAAE,WAAW,EAAE,GAC3B,gBAAgB,CAuGlB;AAED;;;;;;;;GAQG;AACH,wBAAgB,qCAAqC,CACnD,OAAO,EAAE,kBAAkB,GAAG,SAAS,EACvC,KAAK,EAAE,gBAAgB,EACvB,YAAY,CAAC,EAAE,WAAW,EAAE,GAC3B,iBAAiB,CAqHnB;AAED,wBAAgB,6BAA6B,CAC3C,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,MAAM,GAAG,SAAS,EAC/B,aAAa,EAAE,MAAM,EACrB,YAAY,CAAC,EAAE,WAAW,EAAE,GAC3B,+BAA+B,CA+IjC;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,+BAA+B,CAC7C,aAAa,EAAE,MAAM,EACrB,qBAAqB,EAAE,MAAM,GAAG,SAAS,GACxC,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAmC3C;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,CAC3C,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,MAAM,EACrB,SAAS,CAAC,EAAE,MAAM,GACjB,+BAA+B,CAmBjC"}
+{"version":3,"file":"SearchQueryUseQueryOptions.d.ts","sourceRoot":"","sources":["../../../src/components/SearchQueryWrapper/SearchQueryUseQueryOptions.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,qBAAqB,EACrB,WAAW,EAEX,uBAAuB,EAIvB,wBAAwB,EACxB,kBAAkB,EAClB,iBAAiB,EACjB,MAAM,EAIP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAGV,gBAAgB,EAChB,kBAAkB,EAElB,kBAAkB,EAEnB,MAAM,kCAAkC,CAAA;AACzC,OAAO,EACL,YAAY,EACZ,QAAQ,EACR,uBAAuB,EACvB,uBAAuB,EACxB,MAAM,uBAAuB,CAAA;AAI9B,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AA6BzD;;;;;GAKG;AACH,MAAM,MAAM,+BAA+B,GAAG;IAC5C,mBAAmB,EAAE,uBAAuB,CAC1C,qBAAqB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,EAC1D,kBAAkB,EAClB,MAAM,GAAG,SAAS,CACnB,CAAA;IACD,2BAA2B,EAAE,uBAAuB,CAClD,qBAAqB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,EAC1D,kBAAkB,EAClB,YAAY,CAAC,qBAAqB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,EACxE,QAAQ,EACR,MAAM,GAAG,MAAM,GAAG,SAAS,CAC5B,CAAA;IACD,yBAAyB,EAAE,uBAAuB,CAChD,qBAAqB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,EAC1D,kBAAkB,EAClB,IAAI,CAAC,iBAAiB,EAAE,aAAa,CAAC,CACvC,CAAA;CACF,CAAA;AAED,wBAAgB,qCAAqC,CACnD,QAAQ,EAAE,qBAAqB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,EACpE,QAAQ,EAAE,qBAAqB,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,EAAE,GACrE,MAAM,GAAG,MAAM,GAAG,SAAS,CAyB7B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,kBAAkB,CAChC,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,MAAM,EACrB,YAAY,CAAC,EAAE,WAAW,EAAE,GAC3B,gBAAgB,CAmHlB;AAED;;;;;;;;GAQG;AACH,wBAAgB,qCAAqC,CACnD,OAAO,EAAE,kBAAkB,GAAG,SAAS,EACvC,KAAK,EAAE,gBAAgB,EACvB,YAAY,CAAC,EAAE,WAAW,EAAE,EAC5B,cAAc,CAAC,EAAE,CAAC,wBAAwB,GAAG,uBAAuB,CAAC,EAAE,GACtE,iBAAiB,CA6InB;AAED,wBAAgB,6BAA6B,CAC3C,kBAAkB,EAAE,kBAAkB,EACtC,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,MAAM,GAAG,SAAS,EAC/B,aAAa,EAAE,MAAM,EACrB,YAAY,CAAC,EAAE,WAAW,EAAE,GAC3B,+BAA+B,CAwIjC;AAED;;;;;;;;;GASG;AACH,wBAAgB,+BAA+B,CAC7C,aAAa,EAAE,MAAM,EACrB,qBAAqB,EAAE,MAAM,GAAG,SAAS,GACxC,CAAC,UAAU,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,EAAE,CAAC,CAoC3C;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,CAC3C,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,MAAM,EACrB,SAAS,CAAC,EAAE,MAAM,GACjB,+BAA+B,CAmBjC"}