synapse-react-client 4.0.45 → 4.0.47

package/dist/components/ReleaseCard/ReleaseCardLarge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReleaseCardLarge.js","names":[],"sources":["../../../src/components/ReleaseCard/ReleaseCardLarge.tsx"],"sourcesContent":["import { CalendarTodayTwoTone } from '@mui/icons-material'\nimport { Box, Button, Divider, Stack, Typography } from '@mui/material'\nimport { Fragment, useEffect, useState } from 'react'\nimport { Link as ReactRouterLink } from 'react-router'\nimport { ReleaseCardProps } from './ReleaseCard'\nimport { ReleaseCardLargeConfig, ReleaseCardStat } from './ReleaseCardTypes'\nimport {\n  formatExplorePagePathAndQueryString,\n  formatReleaseCardData,\n} from './ReleaseCardUtils'\n\nfunction StatFlex({ value, label }: ReleaseCardStat) {\n  return (\n    <Stack\n      direction=\"column\"\n      sx={{\n        alignItems: 'center',\n        padding: { xs: '20px 10px', md: '20px 40px' },\n        gap: '10px',\n        // ensure that stats are aligned when multiple cards are stacked vertically\n        width: { xs: 'unset', lg: '200px' },\n      }}\n    >\n      <Typography variant=\"headline1\">{value}</Typography>\n      <Typography\n        variant=\"body1\"\n        sx={{\n          lineHeight: '20px',\n          color: 'grey.700',\n        }}\n      >\n        {label}\n      </Typography>\n    </Stack>\n  )\n}\n\nexport type ReleaseCardLargeProps = Omit<\n  ReleaseCardProps,\n  'releaseCardConfig'\n> & { releaseCardConfig: ReleaseCardLargeConfig }\n\nexport function ReleaseCardLarge({\n  data,\n  schema,\n  includePortalCardClass = true,\n  releaseCardConfig,\n}: ReleaseCardLargeProps) {\n  const { releaseName, releaseDate, stats } = formatReleaseCardData(\n    schema,\n    data,\n    releaseCardConfig.releaseMetadataConfig,\n    releaseCardConfig.statsConfig,\n  )\n  const { primaryBtnConfig, secondaryBtnConfig } = releaseCardConfig\n\n  const [primaryBtnPathAndQuery, setPrimaryBtnPathAndQuery] = useState<\n    string | null\n  >(null)\n  const [secondaryBtnPathAndQuery, setSecondaryBtnPathAndQuery] = useState<\n    string | null\n  >(null)\n\n  useEffect(() => {\n    formatExplorePagePathAndQueryString(schema, data, primaryBtnConfig).then(\n      setPrimaryBtnPathAndQuery,\n    )\n\n    formatExplorePagePathAndQueryString(schema, data, secondaryBtnConfig).then(\n      setSecondaryBtnPathAndQuery,\n    )\n  }, [schema, data, primaryBtnConfig, secondaryBtnConfig])\n\n  if (releaseName === null) return <></>\n\n  return (\n    <Box\n      className={`ReleaseCard ${\n        includePortalCardClass ? 'SRC-portalCard' : ''\n      }`}\n      sx={{\n        minWidth: '200px',\n      }}\n    >\n      <Stack\n        direction={{ xs: 'column', lg: 'row' }}\n        sx={{\n          justifyContent: 'space-between',\n          gap: '20px',\n          padding: '20px',\n        }}\n      >\n        <Stack\n          direction=\"column\"\n          sx={{\n            gap: '20px',\n          }}\n        >\n          <Stack\n            direction=\"row\"\n            sx={{\n              alignItems: 'center',\n              gap: '10px',\n            }}\n          >\n            <CalendarTodayTwoTone sx={{ color: 'grey.700' }} />\n            <Typography variant=\"headline1\">\n              {releaseCardConfig.prependRelease && 'Release '}\n              {releaseName}\n            </Typography>\n          </Stack>\n          <Stack\n            direction={{ xs: 'column', sm: 'row' }}\n            sx={{\n              alignItems: { xs: 'flex-start', sm: 'center' },\n              gap: '20px',\n            }}\n          >\n            {primaryBtnConfig && primaryBtnPathAndQuery && (\n              <Button\n                component={ReactRouterLink}\n                variant=\"contained\"\n                color=\"primary\"\n                to={primaryBtnPathAndQuery}\n              >\n                {primaryBtnConfig.label}\n              </Button>\n            )}\n            {secondaryBtnConfig && secondaryBtnPathAndQuery && (\n              <Button component={ReactRouterLink} to={secondaryBtnPathAndQuery}>\n                {secondaryBtnConfig.label}\n              </Button>\n            )}\n          </Stack>\n        </Stack>\n        <Divider /> {/* divides stacks when page is narrow */}\n        <Stack\n          direction=\"row\"\n          sx={{\n            gap: { xs: 0, lg: '10px' },\n            alignItems: 'center',\n            justifyContent: { xs: 'space-evenly', lg: 'unset' },\n            flexWrap: { xs: 'wrap', lg: 'nowrap' },\n          }}\n        >\n          <StatFlex {...releaseDate} />\n          {stats.map(stat => {\n            return (\n              <Fragment key={stat.label}>\n                <Divider orientation=\"vertical\" flexItem />\n                <StatFlex {...stat} />\n              </Fragment>\n            )\n          })}\n        </Stack>\n      </Stack>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAWA,SAAS,EAAS,EAAE,UAAO,YAA0B;CACnD,OACE,kBAAC,GAAD;EACE,WAAU;EACV,IAAI;GACF,YAAY;GACZ,SAAS;IAAE,IAAI;IAAa,IAAI;GAAY;GAC5C,KAAK;GAEL,OAAO;IAAE,IAAI;IAAS,IAAI;GAAQ;EACpC;YARF,CAUE,kBAAC,GAAD;GAAY,SAAQ;aAAa;EAAkB,CAAA,GACnD,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,YAAY;IACZ,OAAO;GACT;aAEC;EACS,CAAA,CACP;;AAEX;AAOA,SAAgB,EAAiB,EAC/B,SACA,WACA,4BAAyB,IACzB,wBACwB;CACxB,IAAM,EAAE,gBAAa,gBAAa,aAAU,EAC1C,GACA,GACA,EAAkB,uBAClB,EAAkB,WACpB,GACM,EAAE,qBAAkB,0BAAuB,GAE3C,CAAC,GAAwB,KAA6B,EAE1D,IAAI,GACA,CAAC,GAA0B,KAA+B,EAE9D,IAAI;CAcN,OAZA,QAAgB;EAKd,AAJA,EAAoC,GAAQ,GAAM,CAAgB,EAAE,KAClE,CACF,GAEA,EAAoC,GAAQ,GAAM,CAAkB,EAAE,KACpE,CACF;CACF,GAAG;EAAC;EAAQ;EAAM;EAAkB;CAAkB,CAAC,GAEnD,MAAgB,OAAa,kBAAA,GAAA,CAAI,CAAA,IAGnC,kBAAC,GAAD;EACE,WAAW,eACT,IAAyB,mBAAmB;EAE9C,IAAI,EACF,UAAU,QACZ;YAEA,kBAAC,GAAD;GACE,WAAW;IAAE,IAAI;IAAU,IAAI;GAAM;GACrC,IAAI;IACF,gBAAgB;IAChB,KAAK;IACL,SAAS;GACX;aANF;IAQE,kBAAC,GAAD;KACE,WAAU;KACV,IAAI,EACF,KAAK,OACP;eAJF,CAME,kBAAC,GAAD;MACE,WAAU;MACV,IAAI;OACF,YAAY;OACZ,KAAK;MACP;gBALF,CAOE,kBAAC,GAAD,EAAsB,IAAI,EAAE,OAAO,WAAW,EAAI,CAAA,GAClD,kBAAC,GAAD;OAAY,SAAQ;iBAApB,CACG,EAAkB,kBAAkB,YACpC,CACS;QACP;SACP,kBAAC,GAAD;MACE,WAAW;OAAE,IAAI;OAAU,IAAI;MAAM;MACrC,IAAI;OACF,YAAY;QAAE,IAAI;QAAc,IAAI;OAAS;OAC7C,KAAK;MACP;gBALF,CAOG,KAAoB,KACnB,kBAAC,GAAD;OACE,WAAW;OACX,SAAQ;OACR,OAAM;OACN,IAAI;iBAEH,EAAiB;MACZ,CAAA,GAET,KAAsB,KACrB,kBAAC,GAAD;OAAQ,WAAW;OAAiB,IAAI;iBACrC,EAAmB;MACd,CAAA,CAEL;OACF;;IACP,kBAAC,GAAD,CAAU,CAAA;IAAC;IACX,kBAAC,GAAD;KACE,WAAU;KACV,IAAI;MACF,KAAK;OAAE,IAAI;OAAG,IAAI;MAAO;MACzB,YAAY;MACZ,gBAAgB;OAAE,IAAI;OAAgB,IAAI;MAAQ;MAClD,UAAU;OAAE,IAAI;OAAQ,IAAI;MAAS;KACvC;eAPF,CASE,kBAAC,GAAD,EAAU,GAAI,EAAc,CAAA,GAC3B,EAAM,KAAI,MAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAS,aAAY;MAAW,UAAA;KAAU,CAAA,GAC1C,kBAAC,GAAD,EAAU,GAAI,EAAO,CAAA,CACb,EAAA,GAHK,EAAK,KAGV,CAEb,CACI;;GACF;;CACJ,CAAA;AAET"}
+{"version":3,"file":"ReleaseCardLarge.js","names":[],"sources":["../../../src/components/ReleaseCard/ReleaseCardLarge.tsx"],"sourcesContent":["import CalendarTodayTwoTone from '@mui/icons-material/CalendarTodayTwoTone'\nimport { Box, Button, Divider, Stack, Typography } from '@mui/material'\nimport { Fragment, useEffect, useState } from 'react'\nimport { Link as ReactRouterLink } from 'react-router'\nimport { ReleaseCardProps } from './ReleaseCard'\nimport { ReleaseCardLargeConfig, ReleaseCardStat } from './ReleaseCardTypes'\nimport {\n  formatExplorePagePathAndQueryString,\n  formatReleaseCardData,\n} from './ReleaseCardUtils'\n\nfunction StatFlex({ value, label }: ReleaseCardStat) {\n  return (\n    <Stack\n      direction=\"column\"\n      sx={{\n        alignItems: 'center',\n        padding: { xs: '20px 10px', md: '20px 40px' },\n        gap: '10px',\n        // ensure that stats are aligned when multiple cards are stacked vertically\n        width: { xs: 'unset', lg: '200px' },\n      }}\n    >\n      <Typography variant=\"headline1\">{value}</Typography>\n      <Typography\n        variant=\"body1\"\n        sx={{\n          lineHeight: '20px',\n          color: 'grey.700',\n        }}\n      >\n        {label}\n      </Typography>\n    </Stack>\n  )\n}\n\nexport type ReleaseCardLargeProps = Omit<\n  ReleaseCardProps,\n  'releaseCardConfig'\n> & { releaseCardConfig: ReleaseCardLargeConfig }\n\nexport function ReleaseCardLarge({\n  data,\n  schema,\n  includePortalCardClass = true,\n  releaseCardConfig,\n}: ReleaseCardLargeProps) {\n  const { releaseName, releaseDate, stats } = formatReleaseCardData(\n    schema,\n    data,\n    releaseCardConfig.releaseMetadataConfig,\n    releaseCardConfig.statsConfig,\n  )\n  const { primaryBtnConfig, secondaryBtnConfig } = releaseCardConfig\n\n  const [primaryBtnPathAndQuery, setPrimaryBtnPathAndQuery] = useState<\n    string | null\n  >(null)\n  const [secondaryBtnPathAndQuery, setSecondaryBtnPathAndQuery] = useState<\n    string | null\n  >(null)\n\n  useEffect(() => {\n    formatExplorePagePathAndQueryString(schema, data, primaryBtnConfig).then(\n      setPrimaryBtnPathAndQuery,\n    )\n\n    formatExplorePagePathAndQueryString(schema, data, secondaryBtnConfig).then(\n      setSecondaryBtnPathAndQuery,\n    )\n  }, [schema, data, primaryBtnConfig, secondaryBtnConfig])\n\n  if (releaseName === null) return <></>\n\n  return (\n    <Box\n      className={`ReleaseCard ${\n        includePortalCardClass ? 'SRC-portalCard' : ''\n      }`}\n      sx={{\n        minWidth: '200px',\n      }}\n    >\n      <Stack\n        direction={{ xs: 'column', lg: 'row' }}\n        sx={{\n          justifyContent: 'space-between',\n          gap: '20px',\n          padding: '20px',\n        }}\n      >\n        <Stack\n          direction=\"column\"\n          sx={{\n            gap: '20px',\n          }}\n        >\n          <Stack\n            direction=\"row\"\n            sx={{\n              alignItems: 'center',\n              gap: '10px',\n            }}\n          >\n            <CalendarTodayTwoTone sx={{ color: 'grey.700' }} />\n            <Typography variant=\"headline1\">\n              {releaseCardConfig.prependRelease && 'Release '}\n              {releaseName}\n            </Typography>\n          </Stack>\n          <Stack\n            direction={{ xs: 'column', sm: 'row' }}\n            sx={{\n              alignItems: { xs: 'flex-start', sm: 'center' },\n              gap: '20px',\n            }}\n          >\n            {primaryBtnConfig && primaryBtnPathAndQuery && (\n              <Button\n                component={ReactRouterLink}\n                variant=\"contained\"\n                color=\"primary\"\n                to={primaryBtnPathAndQuery}\n              >\n                {primaryBtnConfig.label}\n              </Button>\n            )}\n            {secondaryBtnConfig && secondaryBtnPathAndQuery && (\n              <Button component={ReactRouterLink} to={secondaryBtnPathAndQuery}>\n                {secondaryBtnConfig.label}\n              </Button>\n            )}\n          </Stack>\n        </Stack>\n        <Divider /> {/* divides stacks when page is narrow */}\n        <Stack\n          direction=\"row\"\n          sx={{\n            gap: { xs: 0, lg: '10px' },\n            alignItems: 'center',\n            justifyContent: { xs: 'space-evenly', lg: 'unset' },\n            flexWrap: { xs: 'wrap', lg: 'nowrap' },\n          }}\n        >\n          <StatFlex {...releaseDate} />\n          {stats.map(stat => {\n            return (\n              <Fragment key={stat.label}>\n                <Divider orientation=\"vertical\" flexItem />\n                <StatFlex {...stat} />\n              </Fragment>\n            )\n          })}\n        </Stack>\n      </Stack>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAWA,SAAS,EAAS,EAAE,UAAO,YAA0B;CACnD,OACE,kBAAC,GAAD;EACE,WAAU;EACV,IAAI;GACF,YAAY;GACZ,SAAS;IAAE,IAAI;IAAa,IAAI;GAAY;GAC5C,KAAK;GAEL,OAAO;IAAE,IAAI;IAAS,IAAI;GAAQ;EACpC;YARF,CAUE,kBAAC,GAAD;GAAY,SAAQ;aAAa;EAAkB,CAAA,GACnD,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,YAAY;IACZ,OAAO;GACT;aAEC;EACS,CAAA,CACP;;AAEX;AAOA,SAAgB,EAAiB,EAC/B,SACA,WACA,4BAAyB,IACzB,wBACwB;CACxB,IAAM,EAAE,gBAAa,gBAAa,aAAU,EAC1C,GACA,GACA,EAAkB,uBAClB,EAAkB,WACpB,GACM,EAAE,qBAAkB,0BAAuB,GAE3C,CAAC,GAAwB,KAA6B,EAE1D,IAAI,GACA,CAAC,GAA0B,KAA+B,EAE9D,IAAI;CAcN,OAZA,QAAgB;EAKd,AAJA,EAAoC,GAAQ,GAAM,CAAgB,EAAE,KAClE,CACF,GAEA,EAAoC,GAAQ,GAAM,CAAkB,EAAE,KACpE,CACF;CACF,GAAG;EAAC;EAAQ;EAAM;EAAkB;CAAkB,CAAC,GAEnD,MAAgB,OAAa,kBAAA,GAAA,CAAI,CAAA,IAGnC,kBAAC,GAAD;EACE,WAAW,eACT,IAAyB,mBAAmB;EAE9C,IAAI,EACF,UAAU,QACZ;YAEA,kBAAC,GAAD;GACE,WAAW;IAAE,IAAI;IAAU,IAAI;GAAM;GACrC,IAAI;IACF,gBAAgB;IAChB,KAAK;IACL,SAAS;GACX;aANF;IAQE,kBAAC,GAAD;KACE,WAAU;KACV,IAAI,EACF,KAAK,OACP;eAJF,CAME,kBAAC,GAAD;MACE,WAAU;MACV,IAAI;OACF,YAAY;OACZ,KAAK;MACP;gBALF,CAOE,kBAAC,GAAD,EAAsB,IAAI,EAAE,OAAO,WAAW,EAAI,CAAA,GAClD,kBAAC,GAAD;OAAY,SAAQ;iBAApB,CACG,EAAkB,kBAAkB,YACpC,CACS;QACP;SACP,kBAAC,GAAD;MACE,WAAW;OAAE,IAAI;OAAU,IAAI;MAAM;MACrC,IAAI;OACF,YAAY;QAAE,IAAI;QAAc,IAAI;OAAS;OAC7C,KAAK;MACP;gBALF,CAOG,KAAoB,KACnB,kBAAC,GAAD;OACE,WAAW;OACX,SAAQ;OACR,OAAM;OACN,IAAI;iBAEH,EAAiB;MACZ,CAAA,GAET,KAAsB,KACrB,kBAAC,GAAD;OAAQ,WAAW;OAAiB,IAAI;iBACrC,EAAmB;MACd,CAAA,CAEL;OACF;;IACP,kBAAC,GAAD,CAAU,CAAA;IAAC;IACX,kBAAC,GAAD;KACE,WAAU;KACV,IAAI;MACF,KAAK;OAAE,IAAI;OAAG,IAAI;MAAO;MACzB,YAAY;MACZ,gBAAgB;OAAE,IAAI;OAAgB,IAAI;MAAQ;MAClD,UAAU;OAAE,IAAI;OAAQ,IAAI;MAAS;KACvC;eAPF,CASE,kBAAC,GAAD,EAAU,GAAI,EAAc,CAAA,GAC3B,EAAM,KAAI,MAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAS,aAAY;MAAW,UAAA;KAAU,CAAA,GAC1C,kBAAC,GAAD,EAAU,GAAI,EAAO,CAAA,CACb,EAAA,GAHK,EAAK,KAGV,CAEb,CACI;;GACF;;CACJ,CAAA;AAET"}

package/dist/components/RowDataTable/CategorizedRowDataTable.css

@@ -0,0 +1 @@
+._section_1hncl_1+._section_1hncl_1{margin-top:32px}._section_1hncl_1 table tr:nth-of-type(odd){background-color:var(--synapse-gray-100)}._section_1hncl_1 table tr:nth-of-type(2n){background-color:var(--synapse-white)}._categoryTitle_1hncl_13.MuiTypography-root{color:var(--synapse-gray-900);border-bottom:1px solid var(--synapse-gray-300);padding-bottom:8px}

package/dist/components/RowDataTable/CategorizedRowDataTable.d.ts

@@ -0,0 +1,33 @@
+import { Query, SelectColumn } from '@sage-bionetworks/synapse-types';
+import { LabelLinkConfig } from '../CardContainerLogic';
+export declare const COLUMN_CATEGORY_TABLE_COLUMN_NAME = "columnName";
+export declare const COLUMN_CATEGORY_TABLE_DISPLAY_COLUMN_NAME = "columnDisplayName";
+export declare const COLUMN_CATEGORY_TABLE_CATEGORY = "category";
+export declare const COLUMN_CATEGORY_TABLE_ORDER = "order";
+export type CategorizedRowDataTableProps = {
+    /** Array of string values corresponding to the data for a row */
+    rowData: Array<string | null>;
+    /** The headers for the columns in the row */
+    headers: SelectColumn[];
+    /**
+     * Synapse ID of the table that defines which columns are displayed, their display names, and their categories.
+     * The table must contain the columns `columnName` (String), `columnDisplayName` (String), `category` (String), and `order` (Integer).
+     * Columns are displayed in ascending `order`; a new category section begins whenever `category` differs from the previous row,
+     * so all rows of a category must have contiguous `order` values.
+     */
+    columnCategoryTableId: string;
+    /** Optional configuration for linking columns */
+    columnLinks?: LabelLinkConfig;
+};
+/**
+ * The query used to read a column category table, sorted so that rows of the same category are adjacent
+ */
+export declare function getColumnCategoryTableQuery(tableId: string): Query;
+/**
+ * Displays a Synapse Table row as key/value pairs, grouped into titled category sections.
+ * The displayed columns, their display names, order, and categories are read from a separate Synapse Table.
+ * Categories without any values in the row are not shown.
+ */
+declare function CategorizedRowDataTable(props: CategorizedRowDataTableProps): import("react/jsx-runtime").JSX.Element | null;
+export default CategorizedRowDataTable;
+//# sourceMappingURL=CategorizedRowDataTable.d.ts.map

package/dist/components/RowDataTable/CategorizedRowDataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategorizedRowDataTable.d.ts","sourceRoot":"","sources":["../../../src/components/RowDataTable/CategorizedRowDataTable.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,EAGL,YAAY,EACb,MAAM,iCAAiC,CAAA;AAExC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAMvD,eAAO,MAAM,iCAAiC,eAAe,CAAA;AAC7D,eAAO,MAAM,yCAAyC,sBAAsB,CAAA;AAC5E,eAAO,MAAM,8BAA8B,aAAa,CAAA;AACxD,eAAO,MAAM,2BAA2B,UAAU,CAAA;AAElD,MAAM,MAAM,4BAA4B,GAAG;IACzC,iEAAiE;IACjE,OAAO,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IAC7B,6CAA6C;IAC7C,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB;;;;;OAKG;IACH,qBAAqB,EAAE,MAAM,CAAA;IAC7B,iDAAiD;IACjD,WAAW,CAAC,EAAE,eAAe,CAAA;CAC9B,CAAA;AA+CD;;GAEG;AACH,wBAAgB,2BAA2B,CAAC,OAAO,EAAE,MAAM,GAAG,KAAK,CAIlE;AAED;;;;GAIG;AACH,iBAAS,uBAAuB,CAAC,KAAK,EAAE,4BAA4B,kDAyDnE;AAED,eAAe,uBAAuB,CAAA"}

package/dist/components/RowDataTable/CategorizedRowDataTable.js

@@ -0,0 +1,64 @@
+import "../../utils/SynapseConstants.js";
+import { ErrorBanner as e } from "../error/ErrorBanner.js";
+import { useGetFullTableQueryResults as t } from "../../synapse-queries/entity/useGetQueryResultBundle.js";
+import { SkeletonTable as n } from "../Skeleton/SkeletonTable.js";
+import { RowDataEntriesTable as r, getDisplayedRowDataEntries as i } from "./RowDataTable.js";
+import a from "./CategorizedRowDataTable.module.js";
+import { useMemo as o } from "react";
+import { Typography as s } from "@mui/material";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/RowDataTable/CategorizedRowDataTable.tsx
+var d = "columnName", f = "columnDisplayName", p = "category", m = "order";
+function h(e) {
+	let { headers: t, rows: n } = e.queryResult.queryResults, r = (e) => t.findIndex((t) => t.name === e), i = r(d), a = r(f), o = r(p), s = [], c = {};
+	for (let { values: e } of n) {
+		let t = e[i];
+		if (!t) continue;
+		let n = e[a];
+		n && (c[t] = n);
+		let r = e[o] ?? null, l = s.at(-1);
+		l?.category === r ? l.columns.push(t) : s.push({
+			category: r,
+			columns: [t]
+		});
+	}
+	return {
+		sections: s,
+		columnAliases: c
+	};
+}
+function g(e) {
+	return { sql: `SELECT * FROM ${e} ORDER BY "${m}" ASC` };
+}
+function _(d) {
+	let { rowData: f, headers: p, columnCategoryTableId: m, columnLinks: _ } = d, { data: v, isLoading: y, error: b } = t(o(() => ({
+		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
+		entityId: m,
+		partMask: 1,
+		query: g(m)
+	}), [m]), { select: h });
+	return y ? /* @__PURE__ */ l(n, {
+		numRows: 6,
+		numCols: 1
+	}) : b ? /* @__PURE__ */ l(e, { error: b }) : v ? /* @__PURE__ */ l(c, { children: v.sections.map(({ category: e, columns: t }, n) => {
+		let o = i(t, p, f);
+		return o.length === 0 ? null : /* @__PURE__ */ u("section", {
+			className: a.section,
+			children: [e && /* @__PURE__ */ l(s, {
+				variant: "headline3",
+				className: a.categoryTitle,
+				children: e
+			}), /* @__PURE__ */ l(r, {
+				entries: o,
+				headers: p,
+				rowData: f,
+				columnLinks: _,
+				columnAliases: v.columnAliases
+			})]
+		}, `${n}-${e}`);
+	}) }) : null;
+}
+//#endregion
+export { p as COLUMN_CATEGORY_TABLE_CATEGORY, d as COLUMN_CATEGORY_TABLE_COLUMN_NAME, f as COLUMN_CATEGORY_TABLE_DISPLAY_COLUMN_NAME, m as COLUMN_CATEGORY_TABLE_ORDER, _ as default, g as getColumnCategoryTableQuery };
+
+//# sourceMappingURL=CategorizedRowDataTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CategorizedRowDataTable.js","names":[],"sources":["../../../src/components/RowDataTable/CategorizedRowDataTable.tsx"],"sourcesContent":["import { useGetFullTableQueryResults } from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { Typography } from '@mui/material'\nimport {\n  Query,\n  QueryBundleRequest,\n  QueryResultBundle,\n  SelectColumn,\n} from '@sage-bionetworks/synapse-types'\nimport { useMemo } from 'react'\nimport { LabelLinkConfig } from '../CardContainerLogic'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport { SkeletonTable } from '../Skeleton/SkeletonTable'\nimport styles from './CategorizedRowDataTable.module.scss'\nimport { getDisplayedRowDataEntries, RowDataEntriesTable } from './RowDataTable'\n\nexport const COLUMN_CATEGORY_TABLE_COLUMN_NAME = 'columnName'\nexport const COLUMN_CATEGORY_TABLE_DISPLAY_COLUMN_NAME = 'columnDisplayName'\nexport const COLUMN_CATEGORY_TABLE_CATEGORY = 'category'\nexport const COLUMN_CATEGORY_TABLE_ORDER = 'order'\n\nexport type CategorizedRowDataTableProps = {\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 row */\n  headers: SelectColumn[]\n  /**\n   * Synapse ID of the table that defines which columns are displayed, their display names, and their categories.\n   * The table must contain the columns `columnName` (String), `columnDisplayName` (String), `category` (String), and `order` (Integer).\n   * Columns are displayed in ascending `order`; a new category section begins whenever `category` differs from the previous row,\n   * so all rows of a category must have contiguous `order` values.\n   */\n  columnCategoryTableId: string\n  /** Optional configuration for linking columns */\n  columnLinks?: LabelLinkConfig\n}\n\ntype ColumnCategorySection = {\n  category: string | null\n  columns: string[]\n}\n\ntype ColumnCategoryConfig = {\n  sections: ColumnCategorySection[]\n  columnAliases: Record<string, string>\n}\n\nfunction parseColumnCategoryConfig(\n  bundle: QueryResultBundle,\n): ColumnCategoryConfig {\n  const { headers, rows } = bundle.queryResult!.queryResults\n  const getIndex = (name: string) =>\n    headers.findIndex(header => header.name === name)\n  const columnNameIndex = getIndex(COLUMN_CATEGORY_TABLE_COLUMN_NAME)\n  const displayColumnNameIndex = getIndex(\n    COLUMN_CATEGORY_TABLE_DISPLAY_COLUMN_NAME,\n  )\n  const categoryIndex = getIndex(COLUMN_CATEGORY_TABLE_CATEGORY)\n\n  const sections: ColumnCategorySection[] = []\n  const columnAliases: Record<string, string> = {}\n  for (const { values } of rows) {\n    const columnName = values[columnNameIndex]\n    if (!columnName) {\n      continue\n    }\n    const displayColumnName = values[displayColumnNameIndex]\n    if (displayColumnName) {\n      columnAliases[columnName] = displayColumnName\n    }\n    // Rows arrive sorted by order; a category change starts a new section, even if that category appeared earlier\n    const category = values[categoryIndex] ?? null\n    const currentSection = sections.at(-1)\n    if (currentSection?.category === category) {\n      currentSection.columns.push(columnName)\n    } else {\n      sections.push({ category, columns: [columnName] })\n    }\n  }\n  return { sections, columnAliases }\n}\n\n/**\n * The query used to read a column category table, sorted so that rows of the same category are adjacent\n */\nexport function getColumnCategoryTableQuery(tableId: string): Query {\n  return {\n    sql: `SELECT * FROM ${tableId} ORDER BY \"${COLUMN_CATEGORY_TABLE_ORDER}\" ASC`,\n  }\n}\n\n/**\n * Displays a Synapse Table row as key/value pairs, grouped into titled category sections.\n * The displayed columns, their display names, order, and categories are read from a separate Synapse Table.\n * Categories without any values in the row are not shown.\n */\nfunction CategorizedRowDataTable(props: CategorizedRowDataTableProps) {\n  const { rowData, headers, columnCategoryTableId, columnLinks } = props\n\n  const queryBundleRequest: QueryBundleRequest = useMemo(\n    () => ({\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n      entityId: columnCategoryTableId,\n      partMask: BUNDLE_MASK_QUERY_RESULTS,\n      query: getColumnCategoryTableQuery(columnCategoryTableId),\n    }),\n    [columnCategoryTableId],\n  )\n\n  const {\n    data: config,\n    isLoading,\n    error,\n  } = useGetFullTableQueryResults(queryBundleRequest, {\n    select: parseColumnCategoryConfig,\n  })\n\n  if (isLoading) {\n    return <SkeletonTable numRows={6} numCols={1} />\n  }\n  if (error) {\n    return <ErrorBanner error={error} />\n  }\n  if (!config) {\n    return null\n  }\n\n  return (\n    <>\n      {config.sections.map(({ category, columns }, index) => {\n        const entries = getDisplayedRowDataEntries(columns, headers, rowData)\n        if (entries.length === 0) {\n          return null\n        }\n        return (\n          <section key={`${index}-${category}`} className={styles.section}>\n            {category && (\n              <Typography variant=\"headline3\" className={styles.categoryTitle}>\n                {category}\n              </Typography>\n            )}\n            <RowDataEntriesTable\n              entries={entries}\n              headers={headers}\n              rowData={rowData}\n              columnLinks={columnLinks}\n              columnAliases={config.columnAliases}\n            />\n          </section>\n        )\n      })}\n    </>\n  )\n}\n\nexport default CategorizedRowDataTable\n"],"mappings":";;;;;;;;;;AAgBA,IAAa,IAAoC,cACpC,IAA4C,qBAC5C,IAAiC,YACjC,IAA8B;AA4B3C,SAAS,EACP,GACsB;CACtB,IAAM,EAAE,YAAS,YAAS,EAAO,YAAa,cACxC,KAAY,MAChB,EAAQ,WAAU,MAAU,EAAO,SAAS,CAAI,GAC5C,IAAkB,EAAS,CAAiC,GAC5D,IAAyB,EAC7B,CACF,GACM,IAAgB,EAAS,CAA8B,GAEvD,IAAoC,CAAC,GACrC,IAAwC,CAAC;CAC/C,KAAK,IAAM,EAAE,eAAY,GAAM;EAC7B,IAAM,IAAa,EAAO;EAC1B,IAAI,CAAC,GACH;EAEF,IAAM,IAAoB,EAAO;EACjC,AAAI,MACF,EAAc,KAAc;EAG9B,IAAM,IAAW,EAAO,MAAkB,MACpC,IAAiB,EAAS,GAAG,EAAE;EACrC,AAAI,GAAgB,aAAa,IAC/B,EAAe,QAAQ,KAAK,CAAU,IAEtC,EAAS,KAAK;GAAE;GAAU,SAAS,CAAC,CAAU;EAAE,CAAC;CAErD;CACA,OAAO;EAAE;EAAU;CAAc;AACnC;AAKA,SAAgB,EAA4B,GAAwB;CAClE,OAAO,EACL,KAAK,iBAAiB,EAAQ,aAAa,EAA4B,OACzE;AACF;AAOA,SAAS,EAAwB,GAAqC;CACpE,IAAM,EAAE,YAAS,YAAS,0BAAuB,mBAAgB,GAY3D,EACJ,MAAM,GACN,cACA,aACE,EAd2C,SACtC;EACL,cAAc;EACd,UAAU;EACV,UAAA;EACA,OAAO,EAA4B,CAAqB;CAC1D,IACA,CAAC,CAAqB,CAOQ,GAAoB,EAClD,QAAQ,EACV,CAAC;CAYD,OAVI,IACK,kBAAC,GAAD;EAAe,SAAS;EAAG,SAAS;CAAI,CAAA,IAE7C,IACK,kBAAC,GAAD,EAAoB,SAAQ,CAAA,IAEhC,IAKH,kBAAA,GAAA,EAAA,UACG,EAAO,SAAS,KAAK,EAAE,aAAU,cAAW,MAAU;EACrD,IAAM,IAAU,EAA2B,GAAS,GAAS,CAAO;EAIpE,OAHI,EAAQ,WAAW,IACd,OAGP,kBAAC,WAAD;GAAsC,WAAW,EAAO;aAAxD,CACG,KACC,kBAAC,GAAD;IAAY,SAAQ;IAAY,WAAW,EAAO;cAC/C;GACS,CAAA,GAEd,kBAAC,GAAD;IACW;IACA;IACA;IACI;IACb,eAAe,EAAO;GACvB,CAAA,CACM;KAbK,GAAG,EAAM,GAAG,GAajB;CAEb,CAAC,EACD,CAAA,IA3BK;AA6BX"}

package/dist/components/RowDataTable/CategorizedRowDataTable.module.js

@@ -0,0 +1,8 @@
+import './CategorizedRowDataTable.css';var e = {
+	section: "_section_1hncl_1",
+	categoryTitle: "_categoryTitle_1hncl_13"
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=CategorizedRowDataTable.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CategorizedRowDataTable.module.js","names":[],"sources":["../../../src/components/RowDataTable/CategorizedRowDataTable.module.scss"],"sourcesContent":[".section + .section {\n  margin-top: 32px;\n}\n\n// Each category starts with a shaded row; the extra `table` raises specificity above StyledTableContainer's striping\n.section table tr:nth-of-type(odd) {\n  background-color: var(--synapse-gray-100);\n}\n\n.section table tr:nth-of-type(even) {\n  background-color: var(--synapse-white);\n}\n\n.categoryTitle:global(.MuiTypography-root) {\n  color: var(--synapse-gray-900);\n  padding-bottom: 8px;\n  border-bottom: 1px solid var(--synapse-gray-300);\n}\n"],"mappings":""}

package/dist/components/RowDataTable/CategorizedRowDataTable.module.scss

@@ -0,0 +1,18 @@
+.section + .section {
+  margin-top: 32px;
+}
+
+// Each category starts with a shaded row; the extra `table` raises specificity above StyledTableContainer's striping
+.section table tr:nth-of-type(odd) {
+  background-color: var(--synapse-gray-100);
+}
+
+.section table tr:nth-of-type(even) {
+  background-color: var(--synapse-white);
+}
+
+.categoryTitle:global(.MuiTypography-root) {
+  color: var(--synapse-gray-900);
+  padding-bottom: 8px;
+  border-bottom: 1px solid var(--synapse-gray-300);
+}

package/dist/components/RowDataTable/RowDataTable.d.ts

@@ -13,6 +13,19 @@ export type RowDataTableProps = {
     /** Optional display value overrides for column names */
     columnAliases?: Record<string, string>;
 };
+export type RowDataEntriesTableProps = Pick<RowDataTableProps, 'rowData' | 'headers' | 'columnLinks' | 'columnAliases'> & {
+    /** The [columnName, value] pairs to display, in display order */
+    entries: [string, string][];
+};
+/**
+ * Returns the [columnName, value] pairs for the given columns, in the order of `columns`.
+ * Columns that are not in `headers` or that have no value in `rowData` are omitted.
+ */
+export declare function getDisplayedRowDataEntries(columns: string[], headers: SelectColumn[], rowData: Array<string | null>): [string, string][];
+/**
+ * Displays the given column name/value pairs of a Synapse Table row as a key/value table
+ */
+export declare function RowDataEntriesTable(props: RowDataEntriesTableProps): React.ReactNode;
 /**
  * Displays a table of column names and Synapse Table row data represented as key/value pairs
  */

package/dist/components/RowDataTable/RowDataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowDataTable.d.ts","sourceRoot":"","sources":["../../../src/components/RowDataTable/RowDataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAGvD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,iEAAiE;IACjE,OAAO,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IAC7B,+CAA+C;IAC/C,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,uIAAuI;IACvI,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,iDAAiD;IACjD,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B,wDAAwD;IACxD,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACvC,CAAA;AAED;;GAEG;AACH,QAAA,MAAM,YAAY,GAAI,OAAO,iBAAiB,KAAG,KAAK,CAAC,SAmEtD,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"RowDataTable.d.ts","sourceRoot":"","sources":["../../../src/components/RowDataTable/RowDataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAGvD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,iEAAiE;IACjE,OAAO,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IAC7B,+CAA+C;IAC/C,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,uIAAuI;IACvI,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,iDAAiD;IACjD,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B,wDAAwD;IACxD,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CACvC,CAAA;AAED,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,iBAAiB,EACjB,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,eAAe,CACxD,GAAG;IACF,iEAAiE;IACjE,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAAA;CAC5B,CAAA;AAeD;;;GAGG;AACH,wBAAgB,0BAA0B,CACxC,OAAO,EAAE,MAAM,EAAE,EACjB,OAAO,EAAE,YAAY,EAAE,EACvB,OAAO,EAAE,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,GAC5B,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,CAWpB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,KAAK,EAAE,wBAAwB,GAC9B,KAAK,CAAC,SAAS,CAsCjB;AAED;;GAEG;AACH,QAAA,MAAM,YAAY,GAAI,OAAO,iBAAiB,KAAG,KAAK,CAAC,SAmBtD,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/RowDataTable/RowDataTable.js

@@ -4,17 +4,24 @@ import "../GenericCard/index.js";
 import "react";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/RowDataTable/RowDataTable.tsx
-var i = (i) => {
-	let { columnAliases: a, columnLinks: o, headers: s, rowData: c, displayedColumns: l } = i, u = l ? s.filter((e) => l.includes(e.name)).map((e) => e.name) : s.map((e) => e.name), d = [];
-	for (let e = 0; e < u.length; e += 1) {
-		let t = u[e], n = s.findIndex((e) => e.name === t), r = n === -1 ? void 0 : c[n], i = s[n], a = r === "null", o = i.columnType.endsWith("_LIST");
-		typeof r == "string" && !(a || o && (r === "[]" || r === "[null]")) && d.push([t, r]);
-	}
+function i(e, t) {
+	return typeof e != "string" || e === "null" ? !1 : !(t.columnType.endsWith("_LIST") && (e === "[]" || e === "[null]"));
+}
+function a(e, t, n) {
+	return e.flatMap((e) => {
+		let r = t.findIndex((t) => t.name === e);
+		if (r === -1) return [];
+		let a = n[r];
+		return i(a, t[r]) ? [[e, a]] : [];
+	});
+}
+function o(i) {
+	let { columnAliases: a, columnLinks: o, headers: s, rowData: c, entries: l } = i;
 	return /* @__PURE__ */ n(t, {
 		sx: { width: "100%" },
 		children: /* @__PURE__ */ n("table", {
 			style: { width: "100%" },
-			children: /* @__PURE__ */ n("tbody", { children: d?.map(([t, i]) => /* @__PURE__ */ r("tr", { children: [/* @__PURE__ */ n("td", {
+			children: /* @__PURE__ */ n("tbody", { children: l.map(([t, i]) => /* @__PURE__ */ r("tr", { children: [/* @__PURE__ */ n("td", {
 				style: { width: "256px" },
 				children: /* @__PURE__ */ n("span", {
 					style: {
@@ -35,8 +42,18 @@ var i = (i) => {
 			}) })] }, t)) })
 		})
 	});
+}
+var s = (e) => {
+	let { columnAliases: t, columnLinks: r, headers: i, rowData: s, displayedColumns: c } = e;
+	return /* @__PURE__ */ n(o, {
+		entries: a(c ? i.filter((e) => c.includes(e.name)).map((e) => e.name) : i.map((e) => e.name), i, s),
+		headers: i,
+		rowData: s,
+		columnLinks: r,
+		columnAliases: t
+	});
 };
 //#endregion
-export { i as default };
+export { o as RowDataEntriesTable, s as default, a as getDisplayedRowDataEntries };
 
 //# sourceMappingURL=RowDataTable.js.map

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,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"}
+{"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\nexport type RowDataEntriesTableProps = Pick<\n  RowDataTableProps,\n  'rowData' | 'headers' | 'columnLinks' | 'columnAliases'\n> & {\n  /** The [columnName, value] pairs to display, in display order */\n  entries: [string, string][]\n}\n\nfunction hasDisplayableValue(\n  value: string | null | undefined,\n  column: SelectColumn,\n): value is string {\n  // value can be 'null' if column type is of type STRING or '[null]' if column type is of STRING_LIST\n  if (typeof value !== 'string' || value === 'null') {\n    return false\n  }\n  const isListType = column.columnType.endsWith('_LIST')\n  const isEmptyListOrListOfNull = value === '[]' || value === '[null]'\n  return !(isListType && isEmptyListOrListOfNull)\n}\n\n/**\n * Returns the [columnName, value] pairs for the given columns, in the order of `columns`.\n * Columns that are not in `headers` or that have no value in `rowData` are omitted.\n */\nexport function getDisplayedRowDataEntries(\n  columns: string[],\n  headers: SelectColumn[],\n  rowData: Array<string | null>,\n): [string, string][] {\n  return columns.flatMap((columnName): [string, string][] => {\n    const columnIndex = headers.findIndex(header => header.name === columnName)\n    if (columnIndex === -1) {\n      return []\n    }\n    const value = rowData[columnIndex]\n    return hasDisplayableValue(value, headers[columnIndex])\n      ? [[columnName, value]]\n      : []\n  })\n}\n\n/**\n * Displays the given column name/value pairs of a Synapse Table row as a key/value table\n */\nexport function RowDataEntriesTable(\n  props: RowDataEntriesTableProps,\n): React.ReactNode {\n  const { columnAliases, columnLinks, headers, rowData, entries } = props\n  return (\n    <StyledTableContainer sx={{ width: '100%' }}>\n      <table style={{ width: '100%' }}>\n        <tbody>\n          {entries.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\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  return (\n    <RowDataEntriesTable\n      entries={getDisplayedRowDataEntries(columns, headers, rowData)}\n      headers={headers}\n      rowData={rowData}\n      columnLinks={columnLinks}\n      columnAliases={columnAliases}\n    />\n  )\n}\n\nexport default RowDataTable\n"],"mappings":";;;;;;AA2BA,SAAS,EACP,GACA,GACiB;CAOjB,OALI,OAAO,KAAU,YAAY,MAAU,SAClC,KAIF,EAFY,EAAO,WAAW,SAAS,OAErC,MADuB,MAAU,QAAQ,MAAU;AAE9D;AAMA,SAAgB,EACd,GACA,GACA,GACoB;CACpB,OAAO,EAAQ,SAAS,MAAmC;EACzD,IAAM,IAAc,EAAQ,WAAU,MAAU,EAAO,SAAS,CAAU;EAC1E,IAAI,MAAgB,IAClB,OAAO,CAAC;EAEV,IAAM,IAAQ,EAAQ;EACtB,OAAO,EAAoB,GAAO,EAAQ,EAAY,IAClD,CAAC,CAAC,GAAY,CAAK,CAAC,IACpB,CAAC;CACP,CAAC;AACH;AAKA,SAAgB,EACd,GACiB;CACjB,IAAM,EAAE,kBAAe,gBAAa,YAAS,YAAS,eAAY;CAClE,OACE,kBAAC,GAAD;EAAsB,IAAI,EAAE,OAAO,OAAO;YACxC,kBAAC,SAAD;GAAO,OAAO,EAAE,OAAO,OAAO;aAC5B,kBAAC,SAAD,EAAA,UACG,EAAQ,KAAK,CAAC,GAAY,OACzB,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;AAKA,IAAM,KAAgB,MAA8C;CAClE,IAAM,EAAE,kBAAe,gBAAa,YAAS,YAAS,wBACpD;CAQF,OACE,kBAAC,GAAD;EACE,SAAS,EARG,IACZ,EACG,QAAO,MAAU,EAAiB,SAAS,EAAO,IAAI,CAAC,EACvD,KAAI,MAAU,EAAO,IAAI,IAC5B,EAAQ,KAAI,MAAU,EAAO,IAAI,GAIY,GAAS,CAAO;EACpD;EACA;EACI;EACE;CAChB,CAAA;AAEL"}

package/dist/components/RssFeedCards/RssFeedCards.js

@@ -89,7 +89,7 @@ function h(s) {
 							}),
 							/* @__PURE__ */ a("div", {
 								className: "FeedItemDescription",
-								children: e.contentSnippet?.replace(/\[...\]|\[…\]/gm, "…")
+								children: e.contentSnippet?.replaceAll(/\[...\]|\[…\]/gm, "…")
 							}),
 							/* @__PURE__ */ a("a", {
 								className: "FeedItemLink",

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 MailchimpSubscribe from 'react-mailchimp-subscribe'\nimport Parser from 'rss-parser'\nimport { QueryClient, queryOptions, useQuery } from '@tanstack/react-query'\nimport { useState } from 'react'\n\nconst rssParser = new Parser()\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  hideDate?: boolean\n}\n\nfunction buildRssFeedUrl(url: string, filter?: RssFilter) {\n  const filterValue = filter?.value\n  const filterType = filter?.type\n  const tagPath = filterValue\n    ? `/${filterType ?? 'tag'}/${filterValue.replace(' ', '-')}`\n    : ''\n  const allItemsUrl = `${url}${tagPath}`\n  const feedUrl = `${allItemsUrl}/?feed=rss2`\n  return { allItemsUrl, feedUrl }\n}\n\nfunction getRssFeedQueryOptions(feedUrl: string) {\n  return queryOptions({\n    queryKey: ['rssFeed', feedUrl],\n    queryFn: () =>\n      fetch(feedUrl)\n        .then(response => response.text())\n        .then(responseData => rssParser.parseString(responseData)),\n  })\n}\n\nexport function RssFeedCards(props: RssFeedCardsProps) {\n  const {\n    url,\n    filter,\n    itemsToShow,\n    allowCategories,\n    mailChimpListName,\n    mailChimpUrl,\n    viewAllNewsButtonText,\n    hideDate,\n  } = props\n\n  const { allItemsUrl, feedUrl } = buildRssFeedUrl(url, filter)\n\n  const { data: rssFeed, isError } = useQuery(getRssFeedQueryOptions(feedUrl))\n\n  const [isShowingSubscribeUI, setIsShowingSubscribeUI] = useState(false)\n\n  if (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      {mailChimpUrl && (\n        <div className=\"FeedSubscribe\">\n          {!isShowingSubscribeUI && (\n            <a\n              className=\"FeedSubscribeToNewsLink SRC-no-border-bottom-imp\"\n              onClick={() => setIsShowingSubscribeUI(true)}\n            >\n              <SubscribePlus title=\"Subscribe to News\" />\n              Subscribe to News\n            </a>\n          )}\n          {isShowingSubscribeUI && (\n            <div className=\"MailchimpSubscribeContainer\">\n              <SubscribePlus title=\"Subscribe to News\" />\n              <p>\n                Subscribe to receive the {mailChimpListName} by e-mail, which\n                provides information and updates related to the Portal. You can\n                opt out at any time by using the unsubscribe link within the\n                e-mail. We will not share your information with any third\n                parties or use it for any other purposes.\n              </p>\n              <div className=\"SRC-marginBottomTop\">\n                <MailchimpSubscribe url={mailChimpUrl} />\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n      <div className=\"Feed\">\n        <div className=\"FeedItems\">\n          {rssFeed?.items &&\n            rssFeed.items.map((item, index) => {\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 >= itemsToShow) {\n                return\n              }\n\n              return (\n                <div key={item.guid} className={`FeedItem`}>\n                  <div>\n                    {allowCategories && 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                          if (\n                            allowCategories?.findIndex(\n                              item =>\n                                categoryNameLowerCase === item.toLowerCase(),\n                            ) === -1\n                          )\n                            return null\n                          // else\n                          return (\n                            <a\n                              href={`${rssFeed.link}/tag/${categoryName.replace(\n                                ' ',\n                                '-',\n                              )}`}\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                    {!hideDate && (\n                      <p className=\"FeedItemDate\">\n                        {dayjs(item.isoDate).format('MMMM YYYY')}\n                      </p>\n                    )}\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        {rssFeed?.items &&\n          rssFeed.items.length > itemsToShow &&\n          allItemsUrl && (\n            <div className=\"FeedViewAllNewsButtonContainer\">\n              <LargeButton\n                color=\"secondary\"\n                variant=\"contained\"\n                onClick={() => window.open(allItemsUrl, '_blank', 'noopener')}\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        {isError && <div>Unable to load feed: {url}</div>}\n      </div>\n    </>\n  )\n}\n\nexport default RssFeedCards\n\n/**\n * Prefetches the RSS feed into a QueryClient for use with HydrationBoundary.\n * Uses the same query key as the RssFeedCards component.\n */\nexport async function prefetchRssFeed(\n  queryClient: QueryClient,\n  url: string,\n  filter?: RssFilter,\n): Promise<void> {\n  const { feedUrl } = buildRssFeedUrl(url, filter)\n  await queryClient.prefetchQuery(getRssFeedQueryOptions(feedUrl))\n}\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 MailchimpSubscribe from 'react-mailchimp-subscribe'\nimport Parser from 'rss-parser'\nimport { QueryClient, queryOptions, useQuery } from '@tanstack/react-query'\nimport { useState } from 'react'\n\nconst rssParser = new Parser()\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  hideDate?: boolean\n}\n\nfunction buildRssFeedUrl(url: string, filter?: RssFilter) {\n  const filterValue = filter?.value\n  const filterType = filter?.type\n  const tagPath = filterValue\n    ? `/${filterType ?? 'tag'}/${filterValue.replace(' ', '-')}`\n    : ''\n  const allItemsUrl = `${url}${tagPath}`\n  const feedUrl = `${allItemsUrl}/?feed=rss2`\n  return { allItemsUrl, feedUrl }\n}\n\nfunction getRssFeedQueryOptions(feedUrl: string) {\n  return queryOptions({\n    queryKey: ['rssFeed', feedUrl],\n    queryFn: () =>\n      fetch(feedUrl)\n        .then(response => response.text())\n        .then(responseData => rssParser.parseString(responseData)),\n  })\n}\n\nexport function RssFeedCards(props: RssFeedCardsProps) {\n  const {\n    url,\n    filter,\n    itemsToShow,\n    allowCategories,\n    mailChimpListName,\n    mailChimpUrl,\n    viewAllNewsButtonText,\n    hideDate,\n  } = props\n\n  const { allItemsUrl, feedUrl } = buildRssFeedUrl(url, filter)\n\n  const { data: rssFeed, isError } = useQuery(getRssFeedQueryOptions(feedUrl))\n\n  const [isShowingSubscribeUI, setIsShowingSubscribeUI] = useState(false)\n\n  if (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      {mailChimpUrl && (\n        <div className=\"FeedSubscribe\">\n          {!isShowingSubscribeUI && (\n            <a\n              className=\"FeedSubscribeToNewsLink SRC-no-border-bottom-imp\"\n              onClick={() => setIsShowingSubscribeUI(true)}\n            >\n              <SubscribePlus title=\"Subscribe to News\" />\n              Subscribe to News\n            </a>\n          )}\n          {isShowingSubscribeUI && (\n            <div className=\"MailchimpSubscribeContainer\">\n              <SubscribePlus title=\"Subscribe to News\" />\n              <p>\n                Subscribe to receive the {mailChimpListName} by e-mail, which\n                provides information and updates related to the Portal. You can\n                opt out at any time by using the unsubscribe link within the\n                e-mail. We will not share your information with any third\n                parties or use it for any other purposes.\n              </p>\n              <div className=\"SRC-marginBottomTop\">\n                <MailchimpSubscribe url={mailChimpUrl} />\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n      <div className=\"Feed\">\n        <div className=\"FeedItems\">\n          {rssFeed?.items &&\n            rssFeed.items.map((item, index) => {\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 >= itemsToShow) {\n                return\n              }\n\n              return (\n                <div key={item.guid} className={`FeedItem`}>\n                  <div>\n                    {allowCategories && 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                          if (\n                            allowCategories?.findIndex(\n                              item =>\n                                categoryNameLowerCase === item.toLowerCase(),\n                            ) === -1\n                          )\n                            return null\n                          // else\n                          return (\n                            <a\n                              href={`${rssFeed.link}/tag/${categoryName.replace(\n                                ' ',\n                                '-',\n                              )}`}\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                    {!hideDate && (\n                      <p className=\"FeedItemDate\">\n                        {dayjs(item.isoDate).format('MMMM YYYY')}\n                      </p>\n                    )}\n                    <p className=\"FeedItemTitle\">{item.title}</p>\n                    <div className=\"FeedItemDescription\">\n                      {item.contentSnippet?.replaceAll(/\\[...\\]|\\[…\\]/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        {rssFeed?.items &&\n          rssFeed.items.length > itemsToShow &&\n          allItemsUrl && (\n            <div className=\"FeedViewAllNewsButtonContainer\">\n              <LargeButton\n                color=\"secondary\"\n                variant=\"contained\"\n                onClick={() => window.open(allItemsUrl, '_blank', 'noopener')}\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        {isError && <div>Unable to load feed: {url}</div>}\n      </div>\n    </>\n  )\n}\n\nexport default RssFeedCards\n\n/**\n * Prefetches the RSS feed into a QueryClient for use with HydrationBoundary.\n * Uses the same query key as the RssFeedCards component.\n */\nexport async function prefetchRssFeed(\n  queryClient: QueryClient,\n  url: string,\n  filter?: RssFilter,\n): Promise<void> {\n  const { feedUrl } = buildRssFeedUrl(url, filter)\n  await queryClient.prefetchQuery(getRssFeedQueryOptions(feedUrl))\n}\n"],"mappings":"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"}

package/dist/components/SchemaDrivenAnnotationEditor/field/AdditionalPropertiesSchemaField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdditionalPropertiesSchemaField.d.ts","sourceRoot":"","sources":["../../../../src/components/SchemaDrivenAnnotationEditor/field/AdditionalPropertiesSchemaField.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,eAAe,EACf,UAAU,EACV,gBAAgB,EACjB,MAAM,aAAa,CAAA;AAYpB,QAAA,MAAM,iBAAiB,gEAMb,CAAA;AAEV,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7D,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,YAAY,CAwBpE;AAED,wBAAgB,6BAA6B,CAC3C,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,EAChB,YAAY,EAAE,YAAY,mCAiC3B;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,YAAY,EAAE,YAAY;;;;;;EAclE;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,+BAA+B,CAC7C,CAAC,SAAS,KAAK,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,EACzC,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAE/B,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG;IAC3B,mBAAmB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;CAC3D,2CAuKF"}
+{"version":3,"file":"AdditionalPropertiesSchemaField.d.ts","sourceRoot":"","sources":["../../../../src/components/SchemaDrivenAnnotationEditor/field/AdditionalPropertiesSchemaField.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,eAAe,EACf,UAAU,EACV,gBAAgB,EACjB,MAAM,aAAa,CAAA;AAYpB,QAAA,MAAM,iBAAiB,gEAMb,CAAA;AAEV,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7D,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,GAAG,YAAY,CAwBpE;AAED,wBAAgB,6BAA6B,CAC3C,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,EAChB,YAAY,EAAE,YAAY,mCAiC3B;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CAAC,YAAY,EAAE,YAAY;;;;;;EAclE;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,+BAA+B,CAC7C,CAAC,SAAS,KAAK,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,EACzC,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAE/B,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG;IAC3B,mBAAmB,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;CAC3D,2CAqKF"}

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

@@ -25,7 +25,7 @@ function m(e, t) {
 		});
 		case "Datetime": return e.map((e) => typeof e == "string" && d.exec(e) ? e : (/* @__PURE__ */ new Date()).toISOString());
 		case "Boolean": return e.map((e) => !!e);
-		default: return e.map((e) => String(e));
+		default: return e.map(String);
 	}
 }
 function h(e) {
@@ -45,7 +45,7 @@ function g(d) {
 	r(() => {
 		function e() {
 			if (Array.isArray(g)) {
-				let e = g.length === 0 || g.every((e) => e == null || e == ""), t = m(g, O);
+				let e = g.every((e) => e == null || e == ""), t = m(g, O);
 				(e || O !== E) && a(g, t) && D(O);
 			}
 		}

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    // oxlint-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    // oxlint-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(String)\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 = 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    // oxlint-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    // oxlint-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/template/ObjectFieldTemplate.js

@@ -13,7 +13,7 @@ function f(f) {
 		if ("properties" in S && S.properties) {
 			let t = Object.keys(S.properties), n = new Set(t.filter((e) => !S.properties[e][c]));
 			if (O.current != null) {
-				let t = Array.from(O.current).filter((e) => !n.has(e) && !!h && h[e] != null && Array.isArray(h[e]) && h[e].filter((e) => e != null).length > 0);
+				let t = Array.from(O.current).filter((e) => !n.has(e) && !!h && h[e] != null && Array.isArray(h[e]) && h[e].some((e) => e != null));
 				t.length > 0 && e(`The following annotations are no longer specified by the schema and have been converted to custom fields: ${t.join(", ")}.`, "warning", { title: "Fields No Longer Specified By Schema" });
 			}
 			O.current = n;

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,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"}
+{"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>).some(\n              item => item != null,\n            )\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,MAChD,MAAQ,KAAQ,IAClB,CAEH;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/SearchQueryWrapper/SearchQueryUseQueryOptions.d.ts

@@ -5,25 +5,33 @@ import { KeyFactory } from '@/synapse-queries/KeyFactory';
 export type SearchQueryStrategy = 'MULTI_MATCH' | 'MULTI_MATCH_BEST_FIELDS' | 'MULTI_MATCH_CROSS_FIELDS' | 'SIMPLE_QUERY_STRING' | 'PHRASE_PREFIX' | 'BOOSTED_FUZZY';
 export type SearchQueryConfig = {
     /**
-     * Which OpenSearch query clause to emit when the user has typed a search term.
-     * Defaults to 'MULTI_MATCH' (all fields, fuzziness AUTO — today's behavior).
+     * Shapes the `multi_match` clause of the hybrid text-search query. When omitted,
+     * `multi_match` uses `best_fields` with `operator: and`. 'SIMPLE_QUERY_STRING'
+     * omits `multi_match`, because the hybrid query always includes a
+     * `simple_query_string` clause.
      */
     queryStrategy?: SearchQueryStrategy;
     /**
-     * Per-field relevance multipliers. Serialized to the OpenSearch `fields` array
-     * as e.g. `["resourceName^5", "synonyms^4"]`. When omitted, all fields are
-     * queried at equal weight.
+     * Per-field relevance multipliers for the lexical (`simple_query_string` and
+     * `multi_match`) clauses. Serialized to the OpenSearch `fields` array as e.g.
+     * `["resourceName^5", "synonyms^4"]`. When omitted, all fields are queried at
+     * equal weight.
      */
     fieldBoosts?: Record<string, number>;
     /** Whether to append `*` to fieldBoosts at neutral weight. Defaults to true. */
     includeUnlistedFields?: boolean;
     /**
-     * Fuzziness override. Overrides the per-strategy default. Leave undefined to
-     * use each strategy's natural default (AUTO for MULTI_MATCH/BOOSTED_FUZZY,
-     * none for the rest).
+     * Fuzziness override for the `multi_match` clause. Overrides the per-strategy
+     * default. Leave undefined to use each strategy's natural default (AUTO for
+     * MULTI_MATCH/BOOSTED_FUZZY, none for the rest).
      */
     fuzziness?: string;
 };
+/**
+ * Vector field the backend adds to each indexed document when a column is flagged
+ * semantic; the only key a `neural` clause accepts.
+ */
+export declare const SEMANTIC_SEARCH_FIELD = "semantic_search";
 /**
  * TanStack Query options for the SearchQueryServicesApi, mirroring TableQueryUseQueryOptions
  * but parameterised over SearchIndexQuery rather than QueryBundleRequest. This eliminates
@@ -44,7 +52,7 @@ export declare function getNextPageParamForSearchQueryResults(lastPage: Asynchro
  *  - columnModels (facetType 'enumeration') → aggregations (OpenSearch terms or filter-wrapped aggregations)
  *  - query.selectedFacets (enumeration) → post_filter (terms clauses) + per-facet filter aggregations
  *  - query.selectedFacets (range)       → post_filter (range clauses) + included in all per-facet aggregation filters
- *  - query.additionalFilters (TextMatchesQueryFilter) → multi_match query clause
+ *  - query.additionalFilters (TextMatchesQueryFilter) → hybrid query (simple_query_string alone for Synapse IDs)
  *  - query.sort → sort (SortItem { column, direction } → [{ column: 'asc'|'desc' }])
  *  - query.limit → size
  *  - query.offset → from

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":"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"}
+{"version":3,"file":"SearchQueryUseQueryOptions.d.ts","sourceRoot":"","sources":["../../../src/components/SearchQueryWrapper/SearchQueryUseQueryOptions.ts"],"names":[],"mappings":"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"}