synapse-react-client 4.0.11 → 4.0.13

package/dist/components/HeaderCard.js

@@ -6,149 +6,150 @@ import { FileHandleLink as r } from "./widgets/FileHandleLink.js";
 import { CollapsibleDescription as i } from "./GenericCard/CollapsibleDescription.js";
 import a from "./HeaderCard/HeaderCardV2.js";
 import o from "./SustainabilityScorecard/SustainabilityScorecard.js";
-import { forwardRef as s } from "react";
-import { Box as c } from "@mui/material";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { AdaptiveTwoColumnLayout as s } from "./AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout.js";
+import { forwardRef as c } from "react";
+import { Box as l, Container as u } from "@mui/material";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/HeaderCard.tsx
-var f = s(function(a, s) {
-	let { type: f, title: p, subTitle: m = "", description: h, values: g, secondaryLabelLimit: _, isAlignToLeftNav: v, descriptionConfig: y, href: b, target: x, titleAsFileHandleLinkConfiguration: S, titleAreaRightContent: C, descriptionSubTitle: w = "", icon: T, cardTopContent: E, cardTopButtons: D, sustainabilityScorecard: O, renderedIconList: k, cardTypeAdornment: A, sx: j } = a, M = !!O, N = {
-		...y,
-		showFullDescriptionByDefault: y?.showFullDescriptionByDefault ?? !0
+var m = c(function(a, c) {
+	let { type: m, title: h, subTitle: g = "", description: _, values: v, secondaryLabelLimit: y, isAlignToLeftNav: b, descriptionConfig: x, descriptionSubTitle: S = "", href: C, target: w, titleAsFileHandleLinkConfiguration: T, titleAreaRightContent: E, icon: D, cardTopContent: O, cardTopButtons: k, sustainabilityScorecard: A, renderedIconList: j, cardTypeAdornment: M, sx: N } = a, P = {
+		...x,
+		showFullDescriptionByDefault: x?.showFullDescriptionByDefault ?? !1
 	};
 	return e({
-		title: p,
-		description: h || m || void 0,
+		title: h,
+		description: _ || g || void 0,
 		priority: 100
-	}), /* @__PURE__ */ u(c, {
-		ref: s,
-		className: `SRC-portalCard SRC-portalCardHeader ${v ? "isAlignToLeftNav" : ""}`,
-		sx: j,
-		children: /* @__PURE__ */ d("div", {
-			className: "container-fluid container-full-width",
-			children: [/* @__PURE__ */ u(c, {
-				sx: {
-					display: "flex",
-					gap: "10px",
-					float: "right"
-				},
-				children: D
-			}), /* @__PURE__ */ u("div", {
-				className: "row",
-				children: /* @__PURE__ */ u("div", {
-					className: "col-md-offset-1 col-md-10",
-					children: /* @__PURE__ */ d("div", {
-						className: "SRC-portalCardMain",
-						children: [!M && T, /* @__PURE__ */ d(c, {
+	}), /* @__PURE__ */ f(l, {
+		ref: c,
+		className: `SRC-portalCard SRC-portalCardHeader ${b ? "isAlignToLeftNav" : ""}`,
+		sx: {
+			width: "100vw",
+			marginLeft: "calc(50% - 50vw)",
+			...N
+		},
+		children: /* @__PURE__ */ p(u, {
+			maxWidth: "lg",
+			children: [
+				/* @__PURE__ */ p(l, {
+					sx: {
+						display: "flex",
+						flexDirection: "row",
+						alignItems: "center",
+						gap: "10px"
+					},
+					children: [
+						/* @__PURE__ */ f("div", {
+							className: "SRC-type",
+							children: m
+						}),
+						M,
+						/* @__PURE__ */ f(l, { sx: { flex: 1 } }),
+						k && /* @__PURE__ */ f(l, {
 							sx: {
-								width: "100%",
-								...M && {
-									display: "flex",
-									flexDirection: {
-										xs: "column",
-										sm: "row"
-									}
-								}
+								display: "flex",
+								gap: "10px"
 							},
-							children: [/* @__PURE__ */ d(c, {
-								sx: {
-									display: "flex",
-									flexDirection: "row",
-									width: "100%"
-								},
-								children: [/* @__PURE__ */ d("div", {
-									className: "SRC-cardContent",
-									style: {
-										marginLeft: "15px",
-										flex: 1,
-										minWidth: 0
-									},
-									children: [
-										/* @__PURE__ */ d(c, {
-											sx: {
-												display: "flex",
-												flexDirection: "row",
-												alignItems: "center",
-												gap: "10px"
-											},
-											children: [/* @__PURE__ */ u("div", {
-												className: "SRC-type",
-												children: f
-											}), A]
-										}),
-										/* @__PURE__ */ u(c, {
-											sx: { "& .icon-list.themed path, & .icon-list.themed circle": { fill: "white" } },
-											children: k
-										}),
-										/* @__PURE__ */ u("div", { children: /* @__PURE__ */ u("h3", {
-											className: "SRC-boldText",
-											style: { margin: "none" },
-											children: S ? /* @__PURE__ */ u(r, {
-												fileHandleAssociation: S.fileHandleAssociation,
-												showDownloadIcon: S.showDownloadIcon,
-												displayValue: p
-											}) : b ? /* @__PURE__ */ u(n, {
-												href: b ?? "",
-												className: "highlight-link",
-												target: x,
-												children: p
-											}) : /* @__PURE__ */ u("span", { children: p })
-										}) }),
-										m && /* @__PURE__ */ d("div", {
-											className: "SRC-author",
-											children: [
-												" ",
-												m,
-												" "
-											]
-										}),
-										/* @__PURE__ */ u(i, {
-											description: h,
-											descriptionSubTitle: w,
-											descriptionConfig: N
-										}),
-										O && /* @__PURE__ */ u(o, {
-											metricsConfig: O.metricsConfig,
-											searchParamKey: O.searchParamKey,
-											filterColumn: O.filterColumn,
-											scoreDescriptorColumnName: O.scoreDescriptorColumnName,
-											queryRequest: O.queryRequest,
-											sustainabilityReportLink: O.sustainabilityReportLink,
-											sx: {
-												background: "rgba(0, 0, 0, 0.10)",
-												marginTop: "30px"
-											}
-										})
-									]
-								}), C && /* @__PURE__ */ u("div", {
-									className: "SRC-cardTitleAreaDetails",
-									children: C
-								})]
-							}), (g || E) && /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", { style: {
-								borderTop: "1px solid rgba(26, 28, 41, 0.2)",
-								marginTop: "15px",
-								paddingTop: "5px"
-							} }), /* @__PURE__ */ d("div", {
-								className: "SRC-cardContent",
-								children: [E, g && /* @__PURE__ */ u(t, {
-									isHeader: !0,
-									secondaryLabelLimit: _,
-									values: g
-								})]
-							})] })]
-						})]
-					})
-				})
-			})]
+							children: k
+						})
+					]
+				}),
+				/* @__PURE__ */ f(l, { children: /* @__PURE__ */ f("h3", {
+					className: "SRC-boldText",
+					style: { margin: "none" },
+					children: T ? /* @__PURE__ */ f(r, {
+						fileHandleAssociation: T.fileHandleAssociation,
+						showDownloadIcon: T.showDownloadIcon,
+						displayValue: h
+					}) : C ? /* @__PURE__ */ f(n, {
+						href: C ?? "",
+						className: "highlight-link",
+						target: w,
+						children: h
+					}) : /* @__PURE__ */ f("span", { children: h })
+				}) }),
+				j && /* @__PURE__ */ f(l, {
+					sx: { "& .icon-list.themed path, & .icon-list.themed circle": { fill: "white" } },
+					children: j
+				}),
+				(() => {
+					let e = /* @__PURE__ */ p(d, { children: [
+						D && /* @__PURE__ */ f(l, {
+							sx: {
+								width: "120px",
+								float: "left",
+								paddingRight: "24px",
+								paddingBottom: "24px",
+								display: "flex",
+								justifyContent: "center"
+							},
+							children: D
+						}),
+						g && /* @__PURE__ */ f("div", {
+							className: "SRC-author",
+							children: g
+						}),
+						/* @__PURE__ */ f(i, {
+							description: _,
+							descriptionSubTitle: S,
+							descriptionConfig: P
+						}),
+						A && /* @__PURE__ */ f(o, {
+							metricsConfig: A.metricsConfig,
+							searchParamKey: A.searchParamKey,
+							filterColumn: A.filterColumn,
+							scoreDescriptorColumnName: A.scoreDescriptorColumnName,
+							queryRequest: A.queryRequest,
+							sustainabilityReportLink: A.sustainabilityReportLink,
+							sx: {
+								background: "rgba(0, 0, 0, 0.10)",
+								marginTop: "30px",
+								...A.sx
+							}
+						}),
+						/* @__PURE__ */ f(l, { sx: {
+							clear: "both",
+							pb: "var(--baseline-grid)"
+						} })
+					] }), n = E || O || v?.length ? /* @__PURE__ */ p(d, { children: [
+						E && /* @__PURE__ */ f("div", {
+							className: "SRC-cardTitleAreaDetails",
+							children: E
+						}),
+						O && /* @__PURE__ */ f("div", {
+							className: "SRC-cardContent",
+							children: O
+						}),
+						v && /* @__PURE__ */ f(l, {
+							sx: { "&& .SRC-cardMetadata": { paddingTop: 0 } },
+							children: /* @__PURE__ */ f(t, {
+								isHeader: !0,
+								secondaryLabelLimit: y,
+								values: v
+							})
+						})
+					] }) : void 0;
+					return n ? /* @__PURE__ */ f(s, {
+						stackRatioThreshold: .45,
+						sx: { marginTop: "24px" },
+						leftContent: e,
+						rightContent: n
+					}) : /* @__PURE__ */ f(l, {
+						sx: { marginTop: "24px" },
+						children: e
+					});
+				})()
+			]
 		})
 	});
-}), p = s(function(e, t) {
+}), h = c(function(e, t) {
 	let { headerCardVariant: n = "HeaderCard" } = e;
-	return u(n === "HeaderCardV2" ? a : f, {
+	return f(n === "HeaderCardV2" ? a : m, {
 		...e,
 		ref: t
 	});
 });
 //#endregion
-export { p as default };
+export { h as default };
 
 //# sourceMappingURL=HeaderCard.js.map

package/dist/components/HeaderCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCard.js","names":[],"sources":["../../src/components/HeaderCard.tsx"],"sourcesContent":["import { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport { Box, SxProps } from '@mui/material'\nimport { SmartLink } from './SmartLink/SmartLink'\nimport { ForwardedRef, forwardRef } from 'react'\nimport { FileHandleLink } from './widgets/FileHandleLink'\nimport { GenericCardProps } from '@/components/GenericCard/GenericCard'\nimport { CardFooter } from './row_renderers/utils'\nimport { DescriptionConfig } from './CardContainerLogic'\nimport { CollapsibleDescription } from './GenericCard/CollapsibleDescription'\nimport HeaderCardV2 from './HeaderCard/HeaderCardV2'\nimport SustainabilityScorecard, {\n  SustainabilityScorecardProps,\n} from './SustainabilityScorecard/SustainabilityScorecard'\nimport { useDocumentMetadata } from '@/utils/context/DocumentMetadataContext'\n\nexport type HeaderCardVariant = 'HeaderCard' | 'HeaderCardV2'\n\nexport type HeaderCardProps = {\n  type: string\n  title: string\n  subTitle?: string\n  description: string\n  secondaryLabelLimit?: number\n  values?: CardLabel[]\n  isAlignToLeftNav?: boolean\n  descriptionConfig?: DescriptionConfig\n  charCountCutoff?: number\n  href?: string\n  target?: string\n  titleAsFileHandleLinkConfiguration?: GenericCardProps['titleAsFileHandleLinkConfiguration']\n  titleAreaRightContent?: React.ReactNode\n  descriptionSubTitle?: string\n  icon: React.ReactNode\n  headerCardVariant?: HeaderCardVariant\n  cardTopContent?: React.ReactNode\n  ctaLinkConfig?: GenericCardProps['ctaLinkConfig']\n  cardTopButtons?: React.ReactNode\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  renderedIconList?: React.ReactNode\n  cardTypeAdornment?: React.ReactNode\n  doiUri?: string\n  sx?: SxProps\n}\n\nconst HeaderCardClassic = forwardRef(function HeaderCardClassic(\n  props: HeaderCardProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    type,\n    title,\n    subTitle = '',\n    description,\n    values,\n    secondaryLabelLimit,\n    isAlignToLeftNav,\n    descriptionConfig,\n    href,\n    target,\n    titleAsFileHandleLinkConfiguration,\n    titleAreaRightContent,\n    descriptionSubTitle = '',\n    icon,\n    cardTopContent,\n    cardTopButtons,\n    sustainabilityScorecard,\n    renderedIconList,\n    cardTypeAdornment,\n    sx,\n  } = props\n\n  const hideIcon = Boolean(sustainabilityScorecard)\n  const descriptionConfiguration: DescriptionConfig = {\n    ...descriptionConfig,\n    showFullDescriptionByDefault:\n      descriptionConfig?.showFullDescriptionByDefault ?? true,\n  }\n\n  const metadataDescription = description || subTitle || undefined\n  useDocumentMetadata({\n    title,\n    description: metadataDescription,\n    priority: 100,\n  })\n\n  return (\n    <Box\n      ref={ref}\n      className={`SRC-portalCard SRC-portalCardHeader ${\n        isAlignToLeftNav ? 'isAlignToLeftNav' : ''\n      }`}\n      sx={sx}\n    >\n      <div className=\"container-fluid container-full-width\">\n        <Box\n          sx={{\n            display: 'flex',\n            gap: '10px',\n            float: 'right',\n          }}\n        >\n          {cardTopButtons}\n        </Box>\n        <div className=\"row\">\n          <div className=\"col-md-offset-1 col-md-10\">\n            <div className=\"SRC-portalCardMain\">\n              {!hideIcon && icon}\n              <Box\n                sx={{\n                  width: '100%',\n                  ...(hideIcon && {\n                    display: 'flex',\n                    flexDirection: { xs: 'column', sm: 'row' },\n                  }),\n                }}\n              >\n                <Box\n                  sx={{ display: 'flex', flexDirection: 'row', width: '100%' }}\n                >\n                  <div\n                    className=\"SRC-cardContent\"\n                    style={{ marginLeft: '15px', flex: 1, minWidth: 0 }}\n                  >\n                    <Box\n                      sx={{\n                        display: 'flex',\n                        flexDirection: 'row',\n                        alignItems: 'center',\n                        gap: '10px',\n                      }}\n                    >\n                      <div className=\"SRC-type\">{type}</div>\n                      {cardTypeAdornment}\n                    </Box>\n                    <Box\n                      sx={{\n                        '& .icon-list.themed path, & .icon-list.themed circle':\n                          {\n                            fill: 'white',\n                          },\n                      }}\n                    >\n                      {renderedIconList}\n                    </Box>\n                    <div>\n                      <h3 className=\"SRC-boldText\" style={{ margin: 'none' }}>\n                        {titleAsFileHandleLinkConfiguration ? (\n                          <FileHandleLink\n                            fileHandleAssociation={\n                              titleAsFileHandleLinkConfiguration.fileHandleAssociation\n                            }\n                            showDownloadIcon={\n                              titleAsFileHandleLinkConfiguration.showDownloadIcon\n                            }\n                            displayValue={title}\n                          />\n                        ) : href ? (\n                          <SmartLink\n                            href={href ?? ''}\n                            className=\"highlight-link\"\n                            target={target}\n                          >\n                            {title}\n                          </SmartLink>\n                        ) : (\n                          <span>{title}</span>\n                        )}\n                      </h3>\n                    </div>\n                    {subTitle && <div className=\"SRC-author\"> {subTitle} </div>}\n                    <CollapsibleDescription\n                      description={description}\n                      descriptionSubTitle={descriptionSubTitle}\n                      descriptionConfig={descriptionConfiguration}\n                    />\n                    {sustainabilityScorecard && (\n                      <SustainabilityScorecard\n                        metricsConfig={sustainabilityScorecard.metricsConfig}\n                        searchParamKey={sustainabilityScorecard.searchParamKey}\n                        filterColumn={sustainabilityScorecard.filterColumn}\n                        scoreDescriptorColumnName={\n                          sustainabilityScorecard.scoreDescriptorColumnName\n                        }\n                        queryRequest={sustainabilityScorecard.queryRequest}\n                        sustainabilityReportLink={\n                          sustainabilityScorecard.sustainabilityReportLink\n                        }\n                        sx={{\n                          background: 'rgba(0, 0, 0, 0.10)',\n                          marginTop: '30px',\n                        }}\n                      />\n                    )}\n                  </div>\n                  {titleAreaRightContent && (\n                    <div className=\"SRC-cardTitleAreaDetails\">\n                      {titleAreaRightContent}\n                    </div>\n                  )}\n                </Box>\n                {(values || cardTopContent) && (\n                  <>\n                    <div\n                      style={{\n                        borderTop: '1px solid rgba(26, 28, 41, 0.2)',\n                        marginTop: '15px',\n                        paddingTop: '5px',\n                      }}\n                    />\n                    <div className=\"SRC-cardContent\">\n                      {cardTopContent}\n                      {values && (\n                        <CardFooter\n                          isHeader={true}\n                          secondaryLabelLimit={secondaryLabelLimit}\n                          values={values}\n                        />\n                      )}\n                    </div>\n                  </>\n                )}\n              </Box>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Box>\n  )\n})\n\nconst HeaderCard = forwardRef(function HeaderCard(\n  props: HeaderCardProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { headerCardVariant = 'HeaderCard' } = props\n  if (headerCardVariant === 'HeaderCardV2') {\n    return <HeaderCardV2 {...props} ref={ref} />\n  }\n  return <HeaderCardClassic {...props} ref={ref} />\n})\n\nexport default HeaderCard\n"],"mappings":"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"}
+{"version":3,"file":"HeaderCard.js","names":[],"sources":["../../src/components/HeaderCard.tsx"],"sourcesContent":["import { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport { Box, Container, SxProps } from '@mui/material'\nimport { SmartLink } from './SmartLink/SmartLink'\nimport { ForwardedRef, forwardRef } from 'react'\nimport { FileHandleLink } from './widgets/FileHandleLink'\nimport { GenericCardProps } from '@/components/GenericCard/GenericCard'\nimport { CardFooter } from './row_renderers/utils'\nimport { DescriptionConfig } from './CardContainerLogic'\nimport { CollapsibleDescription } from './GenericCard/CollapsibleDescription'\nimport HeaderCardV2 from './HeaderCard/HeaderCardV2'\nimport SustainabilityScorecard, {\n  SustainabilityScorecardProps,\n} from './SustainabilityScorecard/SustainabilityScorecard'\nimport { useDocumentMetadata } from '@/utils/context/DocumentMetadataContext'\nimport { AdaptiveTwoColumnLayout } from './AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout'\n\nexport type HeaderCardVariant = 'HeaderCard' | 'HeaderCardV2'\n\nexport type HeaderCardProps = {\n  type: string\n  title: string\n  subTitle?: string\n  description: string\n  secondaryLabelLimit?: number\n  values?: CardLabel[]\n  isAlignToLeftNav?: boolean\n  descriptionConfig?: DescriptionConfig\n  charCountCutoff?: number\n  href?: string\n  target?: string\n  titleAsFileHandleLinkConfiguration?: GenericCardProps['titleAsFileHandleLinkConfiguration']\n  titleAreaRightContent?: React.ReactNode\n  descriptionSubTitle?: string\n  icon: React.ReactNode\n  headerCardVariant?: HeaderCardVariant\n  cardTopContent?: React.ReactNode\n  ctaLinkConfig?: GenericCardProps['ctaLinkConfig']\n  cardTopButtons?: React.ReactNode\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  renderedIconList?: React.ReactNode\n  cardTypeAdornment?: React.ReactNode\n  doiUri?: string\n  sx?: SxProps\n}\n\nconst HeaderCardClassic = forwardRef(function HeaderCardClassic(\n  props: HeaderCardProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    type,\n    title,\n    subTitle = '',\n    description,\n    values,\n    secondaryLabelLimit,\n    isAlignToLeftNav,\n    descriptionConfig,\n    descriptionSubTitle = '',\n    href,\n    target,\n    titleAsFileHandleLinkConfiguration,\n    titleAreaRightContent,\n    icon,\n    cardTopContent,\n    cardTopButtons,\n    sustainabilityScorecard,\n    renderedIconList,\n    cardTypeAdornment,\n    sx,\n  } = props\n\n  const descriptionConfiguration: DescriptionConfig = {\n    ...descriptionConfig,\n    showFullDescriptionByDefault:\n      descriptionConfig?.showFullDescriptionByDefault ?? false,\n  }\n\n  const metadataDescription = description || subTitle || undefined\n  useDocumentMetadata({\n    title,\n    description: metadataDescription,\n    priority: 100,\n  })\n\n  return (\n    <Box\n      ref={ref}\n      className={`SRC-portalCard SRC-portalCardHeader ${\n        isAlignToLeftNav ? 'isAlignToLeftNav' : ''\n      }`}\n      sx={{\n        // Break out of any constrained parent (e.g. margin:auto containers)\n        // so the background stretches full-viewport width.\n        width: '100vw',\n        marginLeft: 'calc(50% - 50vw)',\n        ...sx,\n      }}\n    >\n      <Container maxWidth=\"lg\">\n        {/* Row 1: type, cardTypeAdornment, cardTopButtons */}\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'row',\n            alignItems: 'center',\n            gap: '10px',\n          }}\n        >\n          <div className=\"SRC-type\">{type}</div>\n          {cardTypeAdornment}\n          <Box sx={{ flex: 1 }} />\n          {cardTopButtons && (\n            <Box sx={{ display: 'flex', gap: '10px' }}>{cardTopButtons}</Box>\n          )}\n        </Box>\n\n        {/* Row 2: Title */}\n        <Box>\n          <h3 className=\"SRC-boldText\" style={{ margin: 'none' }}>\n            {titleAsFileHandleLinkConfiguration ? (\n              <FileHandleLink\n                fileHandleAssociation={\n                  titleAsFileHandleLinkConfiguration.fileHandleAssociation\n                }\n                showDownloadIcon={\n                  titleAsFileHandleLinkConfiguration.showDownloadIcon\n                }\n                displayValue={title}\n              />\n            ) : href ? (\n              <SmartLink\n                href={href ?? ''}\n                className=\"highlight-link\"\n                target={target}\n              >\n                {title}\n              </SmartLink>\n            ) : (\n              <span>{title}</span>\n            )}\n          </h3>\n        </Box>\n\n        {/* Row 3: renderedIconList */}\n        {renderedIconList && (\n          <Box\n            sx={{\n              '& .icon-list.themed path, & .icon-list.themed circle': {\n                fill: 'white',\n              },\n            }}\n          >\n            {renderedIconList}\n          </Box>\n        )}\n\n        {/* Row 4: left content, optionally alongside right content in an adaptive two-column layout */}\n        {(() => {\n          const leftContent = (\n            <>\n              {/* Column 1: icon (floated left) with subTitle and description flowing around */}\n              {icon && (\n                <Box\n                  sx={{\n                    width: '120px',\n                    float: 'left',\n                    paddingRight: '24px',\n                    paddingBottom: '24px',\n                    display: 'flex',\n                    justifyContent: 'center',\n                  }}\n                >\n                  {icon}\n                </Box>\n              )}\n              {subTitle && <div className=\"SRC-author\">{subTitle}</div>}\n              <CollapsibleDescription\n                description={description}\n                descriptionSubTitle={descriptionSubTitle}\n                descriptionConfig={descriptionConfiguration}\n              />\n              {sustainabilityScorecard && (\n                <SustainabilityScorecard\n                  metricsConfig={sustainabilityScorecard.metricsConfig}\n                  searchParamKey={sustainabilityScorecard.searchParamKey}\n                  filterColumn={sustainabilityScorecard.filterColumn}\n                  scoreDescriptorColumnName={\n                    sustainabilityScorecard.scoreDescriptorColumnName\n                  }\n                  queryRequest={sustainabilityScorecard.queryRequest}\n                  sustainabilityReportLink={\n                    sustainabilityScorecard.sustainabilityReportLink\n                  }\n                  sx={{\n                    background: 'rgba(0, 0, 0, 0.10)',\n                    marginTop: '30px',\n                    ...sustainabilityScorecard.sx,\n                  }}\n                />\n              )}\n              <Box sx={{ clear: 'both', pb: 'var(--baseline-grid)' }} />\n            </>\n          )\n\n          const rightContent =\n            titleAreaRightContent || cardTopContent || values?.length ? (\n              /* Column 2: titleAreaRightContent, cardTopContent, CardFooter */\n              <>\n                {titleAreaRightContent && (\n                  <div className=\"SRC-cardTitleAreaDetails\">\n                    {titleAreaRightContent}\n                  </div>\n                )}\n                {cardTopContent && (\n                  <div className=\"SRC-cardContent\">{cardTopContent}</div>\n                )}\n                {values && (\n                  <Box sx={{ '&& .SRC-cardMetadata': { paddingTop: 0 } }}>\n                    <CardFooter\n                      isHeader={true}\n                      secondaryLabelLimit={secondaryLabelLimit}\n                      values={values}\n                    />\n                  </Box>\n                )}\n              </>\n            ) : undefined\n\n          return rightContent ? (\n            <AdaptiveTwoColumnLayout\n              stackRatioThreshold={0.45}\n              sx={{ marginTop: '24px' }}\n              leftContent={leftContent}\n              rightContent={rightContent}\n            />\n          ) : (\n            <Box sx={{ marginTop: '24px' }}>{leftContent}</Box>\n          )\n        })()}\n      </Container>\n    </Box>\n  )\n})\n\nconst HeaderCard = forwardRef(function HeaderCard(\n  props: HeaderCardProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { headerCardVariant = 'HeaderCard' } = props\n  if (headerCardVariant === 'HeaderCardV2') {\n    return <HeaderCardV2 {...props} ref={ref} />\n  }\n  return <HeaderCardClassic {...props} ref={ref} />\n})\n\nexport default HeaderCard\n"],"mappings":"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"}

package/dist/components/MailchimpSubscribeSection/MailchimpSubscribeSection.d.ts

@@ -1,7 +1,10 @@
+import { SxProps } from '@mui/material';
 export type MailchimpSubscribeSectionProps = {
     headline: string;
     description: string;
     mailchimpUrl: string;
+    headlineSx?: SxProps;
+    background?: string;
 };
-export default function MailchimpSubscribeSection({ headline, description, mailchimpUrl, }: MailchimpSubscribeSectionProps): import("react/jsx-runtime").JSX.Element;
+export default function MailchimpSubscribeSection({ headline, description, mailchimpUrl, headlineSx, background, }: MailchimpSubscribeSectionProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=MailchimpSubscribeSection.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MailchimpSubscribeSection.d.ts","sourceRoot":"","sources":["../../../src/components/MailchimpSubscribeSection/MailchimpSubscribeSection.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AA+ED,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,QAAQ,EACR,WAAW,EACX,YAAY,GACb,EAAE,8BAA8B,2CA2BhC"}
+{"version":3,"file":"MailchimpSubscribeSection.d.ts","sourceRoot":"","sources":["../../../src/components/MailchimpSubscribeSection/MailchimpSubscribeSection.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,OAAO,EAGR,MAAM,eAAe,CAAA;AAStB,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AA+ED,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,UAAU,EACV,UAAU,GACX,EAAE,8BAA8B,2CA6BhC"}

package/dist/components/MailchimpSubscribeSection/MailchimpSubscribeSection.js

@@ -62,7 +62,7 @@ function m({ subscribe: e, status: a, message: c }) {
 		]
 	});
 }
-function h({ headline: t, description: r, mailchimpUrl: i }) {
+function h({ headline: t, description: r, mailchimpUrl: i, headlineSx: o, background: s }) {
 	return /* @__PURE__ */ f(c, {
 		direction: {
 			xs: "column",
@@ -71,7 +71,7 @@ function h({ headline: t, description: r, mailchimpUrl: i }) {
 		spacing: 4,
 		alignItems: "center",
 		sx: (e) => ({
-			backgroundColor: e.palette.lightPrimary.main,
+			background: s || e.palette.lightPrimary.main,
 			borderRadius: "12px",
 			padding: 3
 		}),
@@ -83,6 +83,7 @@ function h({ headline: t, description: r, mailchimpUrl: i }) {
 			children: [
 				/* @__PURE__ */ d(u, {
 					variant: "headline1",
+					sx: o,
 					children: t
 				}),
 				/* @__PURE__ */ d(u, {

package/dist/components/MailchimpSubscribeSection/MailchimpSubscribeSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"MailchimpSubscribeSection.js","names":[],"sources":["../../../src/components/MailchimpSubscribeSection/MailchimpSubscribeSection.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport {\n  Box,\n  Button,\n  InputAdornment,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { ReactComponent as EmailWithNotification } from '@/assets/icons/emailWithNotification.svg'\nimport EmailAddressAdornment from '@/assets/icons/EmailAddressAdornment'\nimport MailchimpSubscribe, {\n  EmailFormFields,\n  FormHooks,\n} from 'react-mailchimp-subscribe'\nimport styles from './MailchimpSubscribeSection.module.scss'\n\nexport type MailchimpSubscribeSectionProps = {\n  headline: string\n  description: string\n  mailchimpUrl: string\n}\n\ntype MailchimpFormProps = FormHooks<EmailFormFields>\n\nfunction MailchimpForm({ subscribe, status, message }: MailchimpFormProps) {\n  const emailRef = useRef<HTMLInputElement>(null)\n\n  useEffect(() => {\n    if (status === 'success' && emailRef.current) {\n      emailRef.current.value = ''\n    }\n  }, [status])\n\n  return (\n    <form\n      className={styles.formWrapper}\n      onSubmit={e => {\n        e.preventDefault()\n        if (emailRef.current) {\n          subscribe({ EMAIL: emailRef.current.value })\n        }\n      }}\n    >\n      <div className={styles.formRow}>\n        <TextField\n          inputRef={emailRef}\n          placeholder=\"Your email\"\n          type=\"email\"\n          size=\"small\"\n          required\n          inputProps={{ 'aria-label': 'Email address' }}\n          className={styles.emailInput}\n          slotProps={{\n            input: {\n              startAdornment: (\n                <InputAdornment position=\"start\">\n                  <EmailAddressAdornment color=\"primary\" fontSize=\"small\" />\n                </InputAdornment>\n              ),\n            },\n          }}\n        />\n        <Button\n          type=\"submit\"\n          variant=\"contained\"\n          disableElevation\n          disabled={status === 'sending'}\n          className={styles.submitButton}\n        >\n          Sign Up\n        </Button>\n      </div>\n      {status === 'sending' && (\n        <Typography variant=\"caption\" className={styles.statusMessage}>\n          Sending...\n        </Typography>\n      )}\n      {status === 'error' && (\n        <Typography\n          variant=\"caption\"\n          color=\"error\"\n          className={styles.statusMessage}\n        >\n          {typeof message === 'string' ? message : 'An error occurred.'}\n        </Typography>\n      )}\n      {status === 'success' && (\n        <Typography\n          variant=\"caption\"\n          sx={{ color: 'success.main' }}\n          className={styles.statusMessage}\n        >\n          {message}\n        </Typography>\n      )}\n    </form>\n  )\n}\n\nexport default function MailchimpSubscribeSection({\n  headline,\n  description,\n  mailchimpUrl,\n}: MailchimpSubscribeSectionProps) {\n  return (\n    <Stack\n      direction={{ xs: 'column', sm: 'row' }}\n      spacing={4}\n      alignItems=\"center\"\n      sx={theme => ({\n        backgroundColor: theme.palette.lightPrimary.main,\n        borderRadius: '12px',\n        padding: 3,\n      })}\n    >\n      <Box sx={{ flex: 1, minWidth: 0 }}>\n        <Typography variant=\"headline1\">{headline}</Typography>\n        <Typography variant=\"body1\" className={styles.description}>\n          {description}\n        </Typography>\n        <MailchimpSubscribe\n          url={mailchimpUrl}\n          render={props => <MailchimpForm {...props} />}\n        />\n      </Box>\n      <div className={styles.imageColumn}>\n        <EmailWithNotification />\n      </div>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;AAyBA,SAAS,EAAc,EAAE,cAAW,WAAQ,cAA+B;CACzE,IAAM,IAAW,EAAyB,KAAK;AAQ/C,QANA,QAAgB;AACd,EAAI,MAAW,aAAa,EAAS,YACnC,EAAS,QAAQ,QAAQ;IAE1B,CAAC,EAAO,CAAC,EAGV,kBAAC,QAAD;EACE,WAAW,EAAO;EAClB,WAAU,MAAK;AAEb,GADA,EAAE,gBAAgB,EACd,EAAS,WACX,EAAU,EAAE,OAAO,EAAS,QAAQ,OAAO,CAAC;;YALlD;GASE,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,GAAD;KACE,UAAU;KACV,aAAY;KACZ,MAAK;KACL,MAAK;KACL,UAAA;KACA,YAAY,EAAE,cAAc,iBAAiB;KAC7C,WAAW,EAAO;KAClB,WAAW,EACT,OAAO,EACL,gBACE,kBAAC,GAAD;MAAgB,UAAS;gBACvB,kBAAC,GAAD;OAAuB,OAAM;OAAU,UAAS;OAAU,CAAA;MAC3C,CAAA,EAEpB,EACF;KACD,CAAA,EACF,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,kBAAA;KACA,UAAU,MAAW;KACrB,WAAW,EAAO;eACnB;KAEQ,CAAA,CACL;;GACL,MAAW,aACV,kBAAC,GAAD;IAAY,SAAQ;IAAU,WAAW,EAAO;cAAe;IAElD,CAAA;GAEd,MAAW,WACV,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,WAAW,EAAO;cAEjB,OAAO,KAAY,WAAW,IAAU;IAC9B,CAAA;GAEd,MAAW,aACV,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI,EAAE,OAAO,gBAAgB;IAC7B,WAAW,EAAO;cAEjB;IACU,CAAA;GAEV;;;AAIX,SAAwB,EAA0B,EAChD,aACA,gBACA,mBACiC;AACjC,QACE,kBAAC,GAAD;EACE,WAAW;GAAE,IAAI;GAAU,IAAI;GAAO;EACtC,SAAS;EACT,YAAW;EACX,KAAI,OAAU;GACZ,iBAAiB,EAAM,QAAQ,aAAa;GAC5C,cAAc;GACd,SAAS;GACV;YARH,CAUE,kBAAC,GAAD;GAAK,IAAI;IAAE,MAAM;IAAG,UAAU;IAAG;aAAjC;IACE,kBAAC,GAAD;KAAY,SAAQ;eAAa;KAAsB,CAAA;IACvD,kBAAC,GAAD;KAAY,SAAQ;KAAQ,WAAW,EAAO;eAC3C;KACU,CAAA;IACb,kBAAC,GAAD;KACE,KAAK;KACL,SAAQ,MAAS,kBAAC,GAAD,EAAe,GAAI,GAAS,CAAA;KAC7C,CAAA;IACE;MACN,kBAAC,OAAD;GAAK,WAAW,EAAO;aACrB,kBAAC,GAAD,EAAyB,CAAA;GACrB,CAAA,CACA"}
+{"version":3,"file":"MailchimpSubscribeSection.js","names":[],"sources":["../../../src/components/MailchimpSubscribeSection/MailchimpSubscribeSection.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport {\n  Box,\n  Button,\n  InputAdornment,\n  Stack,\n  SxProps,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { ReactComponent as EmailWithNotification } from '@/assets/icons/emailWithNotification.svg'\nimport EmailAddressAdornment from '@/assets/icons/EmailAddressAdornment'\nimport MailchimpSubscribe, {\n  EmailFormFields,\n  FormHooks,\n} from 'react-mailchimp-subscribe'\nimport styles from './MailchimpSubscribeSection.module.scss'\n\nexport type MailchimpSubscribeSectionProps = {\n  headline: string\n  description: string\n  mailchimpUrl: string\n  headlineSx?: SxProps\n  background?: string\n}\n\ntype MailchimpFormProps = FormHooks<EmailFormFields>\n\nfunction MailchimpForm({ subscribe, status, message }: MailchimpFormProps) {\n  const emailRef = useRef<HTMLInputElement>(null)\n\n  useEffect(() => {\n    if (status === 'success' && emailRef.current) {\n      emailRef.current.value = ''\n    }\n  }, [status])\n\n  return (\n    <form\n      className={styles.formWrapper}\n      onSubmit={e => {\n        e.preventDefault()\n        if (emailRef.current) {\n          subscribe({ EMAIL: emailRef.current.value })\n        }\n      }}\n    >\n      <div className={styles.formRow}>\n        <TextField\n          inputRef={emailRef}\n          placeholder=\"Your email\"\n          type=\"email\"\n          size=\"small\"\n          required\n          inputProps={{ 'aria-label': 'Email address' }}\n          className={styles.emailInput}\n          slotProps={{\n            input: {\n              startAdornment: (\n                <InputAdornment position=\"start\">\n                  <EmailAddressAdornment color=\"primary\" fontSize=\"small\" />\n                </InputAdornment>\n              ),\n            },\n          }}\n        />\n        <Button\n          type=\"submit\"\n          variant=\"contained\"\n          disableElevation\n          disabled={status === 'sending'}\n          className={styles.submitButton}\n        >\n          Sign Up\n        </Button>\n      </div>\n      {status === 'sending' && (\n        <Typography variant=\"caption\" className={styles.statusMessage}>\n          Sending...\n        </Typography>\n      )}\n      {status === 'error' && (\n        <Typography\n          variant=\"caption\"\n          color=\"error\"\n          className={styles.statusMessage}\n        >\n          {typeof message === 'string' ? message : 'An error occurred.'}\n        </Typography>\n      )}\n      {status === 'success' && (\n        <Typography\n          variant=\"caption\"\n          sx={{ color: 'success.main' }}\n          className={styles.statusMessage}\n        >\n          {message}\n        </Typography>\n      )}\n    </form>\n  )\n}\n\nexport default function MailchimpSubscribeSection({\n  headline,\n  description,\n  mailchimpUrl,\n  headlineSx,\n  background,\n}: MailchimpSubscribeSectionProps) {\n  return (\n    <Stack\n      direction={{ xs: 'column', sm: 'row' }}\n      spacing={4}\n      alignItems=\"center\"\n      sx={theme => ({\n        background: background ? background : theme.palette.lightPrimary.main,\n        borderRadius: '12px',\n        padding: 3,\n      })}\n    >\n      <Box sx={{ flex: 1, minWidth: 0 }}>\n        <Typography variant=\"headline1\" sx={headlineSx}>\n          {headline}\n        </Typography>\n        <Typography variant=\"body1\" className={styles.description}>\n          {description}\n        </Typography>\n        <MailchimpSubscribe\n          url={mailchimpUrl}\n          render={props => <MailchimpForm {...props} />}\n        />\n      </Box>\n      <div className={styles.imageColumn}>\n        <EmailWithNotification />\n      </div>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;AA4BA,SAAS,EAAc,EAAE,cAAW,WAAQ,cAA+B;CACzE,IAAM,IAAW,EAAyB,KAAK;AAQ/C,QANA,QAAgB;AACd,EAAI,MAAW,aAAa,EAAS,YACnC,EAAS,QAAQ,QAAQ;IAE1B,CAAC,EAAO,CAAC,EAGV,kBAAC,QAAD;EACE,WAAW,EAAO;EAClB,WAAU,MAAK;AAEb,GADA,EAAE,gBAAgB,EACd,EAAS,WACX,EAAU,EAAE,OAAO,EAAS,QAAQ,OAAO,CAAC;;YALlD;GASE,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,GAAD;KACE,UAAU;KACV,aAAY;KACZ,MAAK;KACL,MAAK;KACL,UAAA;KACA,YAAY,EAAE,cAAc,iBAAiB;KAC7C,WAAW,EAAO;KAClB,WAAW,EACT,OAAO,EACL,gBACE,kBAAC,GAAD;MAAgB,UAAS;gBACvB,kBAAC,GAAD;OAAuB,OAAM;OAAU,UAAS;OAAU,CAAA;MAC3C,CAAA,EAEpB,EACF;KACD,CAAA,EACF,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,kBAAA;KACA,UAAU,MAAW;KACrB,WAAW,EAAO;eACnB;KAEQ,CAAA,CACL;;GACL,MAAW,aACV,kBAAC,GAAD;IAAY,SAAQ;IAAU,WAAW,EAAO;cAAe;IAElD,CAAA;GAEd,MAAW,WACV,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,WAAW,EAAO;cAEjB,OAAO,KAAY,WAAW,IAAU;IAC9B,CAAA;GAEd,MAAW,aACV,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI,EAAE,OAAO,gBAAgB;IAC7B,WAAW,EAAO;cAEjB;IACU,CAAA;GAEV;;;AAIX,SAAwB,EAA0B,EAChD,aACA,gBACA,iBACA,eACA,iBACiC;AACjC,QACE,kBAAC,GAAD;EACE,WAAW;GAAE,IAAI;GAAU,IAAI;GAAO;EACtC,SAAS;EACT,YAAW;EACX,KAAI,OAAU;GACZ,YAAY,KAA0B,EAAM,QAAQ,aAAa;GACjE,cAAc;GACd,SAAS;GACV;YARH,CAUE,kBAAC,GAAD;GAAK,IAAI;IAAE,MAAM;IAAG,UAAU;IAAG;aAAjC;IACE,kBAAC,GAAD;KAAY,SAAQ;KAAY,IAAI;eACjC;KACU,CAAA;IACb,kBAAC,GAAD;KAAY,SAAQ;KAAQ,WAAW,EAAO;eAC3C;KACU,CAAA;IACb,kBAAC,GAAD;KACE,KAAK;KACL,SAAQ,MAAS,kBAAC,GAAD,EAAe,GAAI,GAAS,CAAA;KAC7C,CAAA;IACE;MACN,kBAAC,OAAD;GAAK,WAAW,EAAO;aACrB,kBAAC,GAAD,EAAyB,CAAA;GACrB,CAAA,CACA"}

package/dist/components/QueryContext/QueryContext.d.ts

@@ -69,6 +69,12 @@ export type QueryContextType = {
      * PORTALS-3071: For Tables that are not entityviews or a datasets, keep track of the column that should be used for the row (entity) name
      */
     fileNameColumnName: string | undefined;
+    /**
+     * Optional factory to get react-query options for a given page number without calling the standard
+     * table query API. When provided (e.g. by SearchQueryWrapper), usePrefetchTableRows will use this
+     * instead of getTableQueryUseQueryOptions so that the correct API is called for prefetching.
+     */
+    getRowDataQueryOptionsForPage?: (pageNumber: number) => TableQueryUseQueryOptions['rowDataQueryOptions'];
 };
 /**
  * This must be exported to use the context in class components.

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

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

package/dist/components/QueryContext/QueryContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryContext.js","names":[],"sources":["../../../src/components/QueryContext/QueryContext.tsx"],"sourcesContent":["import React from 'react'\nimport { LockedColumn } from '@/utils'\nimport { ImmutableTableQueryResult } from '@/utils/hooks/useImmutableTableQuery/useImmutableTableQuery'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { createContext, PropsWithChildren, useContext } from 'react'\nimport { ReadonlyDeep } from 'type-fest'\nimport { TableQueryUseQueryOptions } from '../QueryWrapper/TableQueryUseQueryOptions'\n\nexport type QueryContextType = {\n  isInfinite: boolean\n  /** The entity ID parsed from the SQL query */\n  entityId?: string\n  /** The optional version number of the table parsed from the SQL query */\n  versionNumber: number | undefined\n  currentQueryRequest: ReadonlyDeep<QueryBundleRequest>\n  nextQueryRequest: ReadonlyDeep<QueryBundleRequest>\n  /** Returns a deep clone of the current query bundle request */\n  getCurrentQueryRequest: () => QueryBundleRequest\n  /** Returns a deep clone of the initial query bundle request */\n  getInitQueryRequest: () => QueryBundleRequest\n  /** Updates the current query with the passed request */\n  executeQueryRequest: ImmutableTableQueryResult['setQuery']\n  /** Resets the query to its initial state, clearing all filters added by the user */\n  resetQuery: ImmutableTableQueryResult['resetQuery']\n  resetDebounceTimer: ImmutableTableQueryResult['resetDebounceTimer']\n  addValueToSelectedFacet: ImmutableTableQueryResult['addValueToSelectedFacet']\n  setRangeFacetValue: ImmutableTableQueryResult['setRangeFacetValue']\n  removeSelectedFacet: ImmutableTableQueryResult['removeSelectedFacet']\n  removeValueFromSelectedFacet: ImmutableTableQueryResult['removeValueFromSelectedFacet']\n  /** Removes a matching QueryFilter from the query */\n  removeQueryFilter: ImmutableTableQueryResult['removeQueryFilter']\n  /** Removes a value from a QueryFilter. If no more values remain in the filter, the filter is also removed */\n  removeValueFromQueryFilter: ImmutableTableQueryResult['removeValueFromQueryFilter']\n  /** Whether facets are available to be filtered upon based on the current data */\n  hasFacetedSelectColumn: boolean\n  /** Returns true iff the current request has resettable filters applied via facet filters or additionalFilters. Excludes filters applied to a locked column */\n  hasResettableFilters: boolean\n  // Either open benefactor entity page in a new window or open the sharing settings dialog (in Synapse.org)\n  onViewSharingSettingsClicked?: (benefactorId: string) => void\n  /** Combines two faceted columns into a single inclusive range selector */\n  combineRangeFacetConfig?: ReadonlyDeep<CombineRangeFacetConfig>\n\n  /** react-query UseQueryOptions to fetch the current page of table data */\n  rowDataQueryOptions: TableQueryUseQueryOptions['rowDataQueryOptions']\n  /** react-query UseInfiniteQueryOptions to fetch infinite rows of table data */\n  rowDataInfiniteQueryOptions: TableQueryUseQueryOptions['rowDataInfiniteQueryOptions']\n  /** react-query UseQueryOptions to fetch the current query metadata (e.g. column models, facet statistics, total number of rows) */\n  queryMetadataQueryOptions: TableQueryUseQueryOptions['queryMetadataQueryOptions']\n\n  /** Navigates to a particular page. The first page has value 1. Note that this has no effect if `isInfinite` is true */\n  goToPage: (pageNum: number) => void\n  /** The current page number, where page 1 is the first page. Note that this has no effect if `isInfinite` is true. */\n  currentPage: number\n  /** Updates the page size */\n  setPageSize: (pageSize: number) => void\n  /** The current page size. */\n  pageSize: number\n\n  /**\n   * A column name may be \"locked\" so that it is both (1) not shown to the user that the filter is active, and (2) not modifiable by the user.\n   * For example, we may show only the data matching a particular facet value on a Details Page without implying that the shown data is part of a larger table.\n   * The presence of a locked filter will result in a client-side modification of the active query and result bundle data.\n   */\n  lockedColumn: LockedColumn | undefined\n\n  /**\n   * PORTALS-3071: For Tables that are not entityviews or a datasets, keep track of the column that should be used for the row entity ID\n   */\n  fileIdColumnName: string | undefined\n  /**\n   * PORTALS-3071: For Tables that are not entityviews or a datasets, keep track of the column that should be used for the row (entity) version\n   */\n  fileVersionColumnName: string | undefined\n  /**\n   * PORTALS-3071: For Tables that are not entityviews or a datasets, keep track of the column that should be used for the row (entity) name\n   */\n  fileNameColumnName: string | undefined\n}\n\n/**\n * This must be exported to use the context in class components.\n */\nexport const QueryContext = createContext<QueryContextType | undefined>(\n  undefined,\n)\n\nexport type QueryContextProviderProps = PropsWithChildren<{\n  queryContext: QueryContextType\n}>\n\n/**\n * Provides data related to a Synapse table query, and functions for iterating through pages of the data.\n */\nexport const QueryContextProvider = ({\n  children,\n  queryContext,\n}: QueryContextProviderProps): React.ReactNode => {\n  return (\n    <QueryContext.Provider value={queryContext}>\n      {children}\n    </QueryContext.Provider>\n  )\n}\n\n/**\n * Returns the QueryContext, including QueryResultBundle\n *\n * @template TIncludedFields - If you know which specific optional fields will be included in the QueryResultBundle,\n * you can specify them in the generic TIncludedFields\n * @template ExcludeOtherFields - If set to true, will remove optional fields besides those specified in TIncludedFields,\n * default false\n */\nexport function useQueryContext(): QueryContextType {\n  const context = useContext(QueryContext)\n  if (context === undefined) {\n    throw new Error('useQueryContext must be used within a QueryWrapper')\n  }\n  return context\n}\n\nexport type CombineRangeFacetConfig = {\n  minFacetColumn: string\n  maxFacetColumn: string\n  label: string\n}\n\nexport const QueryContextConsumer = QueryContext.Consumer\n"],"mappings":";;;AAkFA,IAAa,IAAe,EAC1B,KAAA,EACD,EASY,KAAwB,EACnC,aACA,sBAGE,kBAAC,EAAa,UAAd;CAAuB,OAAO;CAC3B;CACqB,CAAA;AAY5B,SAAgB,IAAoC;CAClD,IAAM,IAAU,EAAW,EAAa;AACxC,KAAI,MAAY,KAAA,EACd,OAAU,MAAM,qDAAqD;AAEvE,QAAO;;AAST,IAAa,IAAuB,EAAa"}
+{"version":3,"file":"QueryContext.js","names":[],"sources":["../../../src/components/QueryContext/QueryContext.tsx"],"sourcesContent":["import React from 'react'\nimport { LockedColumn } from '@/utils'\nimport { ImmutableTableQueryResult } from '@/utils/hooks/useImmutableTableQuery/useImmutableTableQuery'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { createContext, PropsWithChildren, useContext } from 'react'\nimport { ReadonlyDeep } from 'type-fest'\nimport { TableQueryUseQueryOptions } from '../QueryWrapper/TableQueryUseQueryOptions'\n\nexport type QueryContextType = {\n  isInfinite: boolean\n  /** The entity ID parsed from the SQL query */\n  entityId?: string\n  /** The optional version number of the table parsed from the SQL query */\n  versionNumber: number | undefined\n  currentQueryRequest: ReadonlyDeep<QueryBundleRequest>\n  nextQueryRequest: ReadonlyDeep<QueryBundleRequest>\n  /** Returns a deep clone of the current query bundle request */\n  getCurrentQueryRequest: () => QueryBundleRequest\n  /** Returns a deep clone of the initial query bundle request */\n  getInitQueryRequest: () => QueryBundleRequest\n  /** Updates the current query with the passed request */\n  executeQueryRequest: ImmutableTableQueryResult['setQuery']\n  /** Resets the query to its initial state, clearing all filters added by the user */\n  resetQuery: ImmutableTableQueryResult['resetQuery']\n  resetDebounceTimer: ImmutableTableQueryResult['resetDebounceTimer']\n  addValueToSelectedFacet: ImmutableTableQueryResult['addValueToSelectedFacet']\n  setRangeFacetValue: ImmutableTableQueryResult['setRangeFacetValue']\n  removeSelectedFacet: ImmutableTableQueryResult['removeSelectedFacet']\n  removeValueFromSelectedFacet: ImmutableTableQueryResult['removeValueFromSelectedFacet']\n  /** Removes a matching QueryFilter from the query */\n  removeQueryFilter: ImmutableTableQueryResult['removeQueryFilter']\n  /** Removes a value from a QueryFilter. If no more values remain in the filter, the filter is also removed */\n  removeValueFromQueryFilter: ImmutableTableQueryResult['removeValueFromQueryFilter']\n  /** Whether facets are available to be filtered upon based on the current data */\n  hasFacetedSelectColumn: boolean\n  /** Returns true iff the current request has resettable filters applied via facet filters or additionalFilters. Excludes filters applied to a locked column */\n  hasResettableFilters: boolean\n  // Either open benefactor entity page in a new window or open the sharing settings dialog (in Synapse.org)\n  onViewSharingSettingsClicked?: (benefactorId: string) => void\n  /** Combines two faceted columns into a single inclusive range selector */\n  combineRangeFacetConfig?: ReadonlyDeep<CombineRangeFacetConfig>\n\n  /** react-query UseQueryOptions to fetch the current page of table data */\n  rowDataQueryOptions: TableQueryUseQueryOptions['rowDataQueryOptions']\n  /** react-query UseInfiniteQueryOptions to fetch infinite rows of table data */\n  rowDataInfiniteQueryOptions: TableQueryUseQueryOptions['rowDataInfiniteQueryOptions']\n  /** react-query UseQueryOptions to fetch the current query metadata (e.g. column models, facet statistics, total number of rows) */\n  queryMetadataQueryOptions: TableQueryUseQueryOptions['queryMetadataQueryOptions']\n\n  /** Navigates to a particular page. The first page has value 1. Note that this has no effect if `isInfinite` is true */\n  goToPage: (pageNum: number) => void\n  /** The current page number, where page 1 is the first page. Note that this has no effect if `isInfinite` is true. */\n  currentPage: number\n  /** Updates the page size */\n  setPageSize: (pageSize: number) => void\n  /** The current page size. */\n  pageSize: number\n\n  /**\n   * A column name may be \"locked\" so that it is both (1) not shown to the user that the filter is active, and (2) not modifiable by the user.\n   * For example, we may show only the data matching a particular facet value on a Details Page without implying that the shown data is part of a larger table.\n   * The presence of a locked filter will result in a client-side modification of the active query and result bundle data.\n   */\n  lockedColumn: LockedColumn | undefined\n\n  /**\n   * PORTALS-3071: For Tables that are not entityviews or a datasets, keep track of the column that should be used for the row entity ID\n   */\n  fileIdColumnName: string | undefined\n  /**\n   * PORTALS-3071: For Tables that are not entityviews or a datasets, keep track of the column that should be used for the row (entity) version\n   */\n  fileVersionColumnName: string | undefined\n  /**\n   * PORTALS-3071: For Tables that are not entityviews or a datasets, keep track of the column that should be used for the row (entity) name\n   */\n  fileNameColumnName: string | undefined\n\n  /**\n   * Optional factory to get react-query options for a given page number without calling the standard\n   * table query API. When provided (e.g. by SearchQueryWrapper), usePrefetchTableRows will use this\n   * instead of getTableQueryUseQueryOptions so that the correct API is called for prefetching.\n   */\n  getRowDataQueryOptionsForPage?: (\n    pageNumber: number,\n  ) => TableQueryUseQueryOptions['rowDataQueryOptions']\n}\n\n/**\n * This must be exported to use the context in class components.\n */\nexport const QueryContext = createContext<QueryContextType | undefined>(\n  undefined,\n)\n\nexport type QueryContextProviderProps = PropsWithChildren<{\n  queryContext: QueryContextType\n}>\n\n/**\n * Provides data related to a Synapse table query, and functions for iterating through pages of the data.\n */\nexport const QueryContextProvider = ({\n  children,\n  queryContext,\n}: QueryContextProviderProps): React.ReactNode => {\n  return (\n    <QueryContext.Provider value={queryContext}>\n      {children}\n    </QueryContext.Provider>\n  )\n}\n\n/**\n * Returns the QueryContext, including QueryResultBundle\n *\n * @template TIncludedFields - If you know which specific optional fields will be included in the QueryResultBundle,\n * you can specify them in the generic TIncludedFields\n * @template ExcludeOtherFields - If set to true, will remove optional fields besides those specified in TIncludedFields,\n * default false\n */\nexport function useQueryContext(): QueryContextType {\n  const context = useContext(QueryContext)\n  if (context === undefined) {\n    throw new Error('useQueryContext must be used within a QueryWrapper')\n  }\n  return context\n}\n\nexport type CombineRangeFacetConfig = {\n  minFacetColumn: string\n  maxFacetColumn: string\n  label: string\n}\n\nexport const QueryContextConsumer = QueryContext.Consumer\n"],"mappings":";;;AA2FA,IAAa,IAAe,EAC1B,KAAA,EACD,EASY,KAAwB,EACnC,aACA,sBAGE,kBAAC,EAAa,UAAd;CAAuB,OAAO;CAC3B;CACqB,CAAA;AAY5B,SAAgB,IAAoC;CAClD,IAAM,IAAU,EAAW,EAAa;AACxC,KAAI,MAAY,KAAA,EACd,OAAU,MAAM,qDAAqD;AAEvE,QAAO;;AAST,IAAa,IAAuB,EAAa"}

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

@@ -1 +1 @@
-{"version":3,"file":"QueryVisualizationWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/QueryVisualizationWrapper/QueryVisualizationWrapper.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAA6C,MAAM,OAAO,CAAA;AAI5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAA;AACnF,OAAO,EAAE,wBAAwB,EAAE,MAAM,2DAA2D,CAAA;AAUpG,KAAK,uBAAuB,GAAG;IAC7B,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,CAAA;IAChB,4DAA4D;IAC5D,UAAU,EAAE,MAAM,CAAA;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uGAAuG;IACvG,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,6BAA6B;IAC7B,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;IACnD,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAA;IACjC;mEAC+D;IAC/D,kCAAkC,CAAC,EAAE,MAAM,CAAA;IAC3C,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,uBAAuB,EAAE,CAAA;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;gDAC4C;IAC5C,gCAAgC,CAAC,EAAE,wBAAwB,EAAE,CAAA;IAC7D,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACpC,CAAA;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,2CAoMtC"}
+{"version":3,"file":"QueryVisualizationWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/QueryVisualizationWrapper/QueryVisualizationWrapper.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAA6C,MAAM,OAAO,CAAA;AAI5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,0CAA0C,CAAA;AACnF,OAAO,EAAE,wBAAwB,EAAE,MAAM,2DAA2D,CAAA;AAUpG,KAAK,uBAAuB,GAAG;IAC7B,8CAA8C;IAC9C,QAAQ,EAAE,MAAM,CAAA;IAChB,4DAA4D;IAC5D,UAAU,EAAE,MAAM,CAAA;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uGAAuG;IACvG,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,+EAA+E;IAC/E,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACtC,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,6BAA6B;IAC7B,wBAAwB,CAAC,EAAE,wBAAwB,CAAA;IACnD,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B;;OAEG;IACH,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAA;IACjC;mEAC+D;IAC/D,kCAAkC,CAAC,EAAE,MAAM,CAAA;IAC3C,8EAA8E;IAC9E,iBAAiB,CAAC,EAAE,uBAAuB,EAAE,CAAA;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;gDAC4C;IAC5C,gCAAgC,CAAC,EAAE,wBAAwB,EAAE,CAAA;IAC7D,yBAAyB,CAAC,EAAE,OAAO,CAAA;CACpC,CAAA;AAED;;;GAGG;AACH,wBAAgB,yBAAyB,CACvC,KAAK,EAAE,8BAA8B,2CAqMtC"}

package/dist/components/QueryVisualizationWrapper/QueryVisualizationWrapper.js

@@ -2,11 +2,11 @@ import e from "../../utils/hooks/useMutuallyExclusiveState.js";
 import { useQueryContext as t } from "../QueryContext/QueryContext.js";
 import "../QueryContext/index.js";
 import { getDisplayValue as n } from "../../utils/functions/getDataFromFromStorage.js";
-import { unCamelCase as r } from "../../utils/functions/unCamelCase.js";
-import { useGetQueryMetadata as i } from "../QueryWrapper/useGetQueryMetadata.js";
-import { NoContentPlaceholderType as a } from "../SynapseTable/NoContentPlaceholderType.js";
-import o from "./NoContentPlaceholder.js";
-import { QueryVisualizationContextProvider as ee } from "./QueryVisualizationContext.js";
+import { unCamelCase as ee } from "../../utils/functions/unCamelCase.js";
+import { useGetQueryMetadata as r } from "../QueryWrapper/useGetQueryMetadata.js";
+import { NoContentPlaceholderType as i } from "../SynapseTable/NoContentPlaceholderType.js";
+import a from "./NoContentPlaceholder.js";
+import { QueryVisualizationContextProvider as o } from "./QueryVisualizationContext.js";
 import { useCallback as s, useEffect as c, useMemo as l, useState as u } from "react";
 import { jsx as d } from "react/jsx-runtime";
 import { useQuery as f } from "@tanstack/react-query";
@@ -14,11 +14,11 @@ import { useDeepCompareMemoize as p } from "use-deep-compare-effect";
 //#region src/components/QueryVisualizationWrapper/QueryVisualizationWrapper.tsx
 var m = [];
 function h(h) {
-	let { noContentPlaceholderType: g = a.INTERACTIVE, defaultShowSearchBar: _ = !1, defaultShowPlots: v = !0, hideCopyToClipboard: y = !1, hideSearchBarControl: b = !1, unitDescription: x = "result", helpConfiguration: S, hasCustomPlots: C = !1, visibleColumnCount: w = Infinity, enabledExternalAnalysisPlatforms: T = m } = h, E = l(() => h.columnAliases ?? {}, [h.columnAliases]), { getCurrentQueryRequest: D, hasFacetedSelectColumn: O, hasResettableFilters: k, rowDataQueryOptions: A } = t(), { data: j } = i(), { data: M } = f({
+	let { noContentPlaceholderType: g = i.INTERACTIVE, defaultShowSearchBar: _ = !1, defaultShowPlots: v = !0, hideCopyToClipboard: y = !1, hideSearchBarControl: b = !1, unitDescription: x = "result", helpConfiguration: S, hasCustomPlots: C = !1, visibleColumnCount: w = Infinity, enabledExternalAnalysisPlatforms: T = m } = h, E = l(() => h.columnAliases ?? {}, [h.columnAliases]), { getCurrentQueryRequest: D, hasFacetedSelectColumn: O, hasResettableFilters: k, rowDataQueryOptions: A } = t(), { data: j } = r(), { data: M } = f({
 		...A,
 		select: (e) => e.responseBody?.queryResult?.queryResults.headers,
 		placeholderData: (e) => e
-	}), { data: N } = i({
+	}), { data: N } = r({
 		select: (e) => e.responseBody?.selectColumns,
 		placeholderData: (e) => e
 	}), P = p(M ?? N ?? []), [F, I] = u(!1), [L, R] = u(v), [z, B] = u(!y), [V, H] = u(!0), [U, W, G, K] = e(_ && !b, !1), [q, J] = u(!1), [Y, X] = u([]);
@@ -40,10 +40,10 @@ function h(h) {
 				if (e) return e.name;
 			}
 		}
-		return r(e);
+		return ee(e);
 	}, [E, j?.columnModels]), Q = s((e, t) => {
 		if (Array.isArray(S)) return S.find((n) => n.columnName === e && n.jsonPath === t)?.helpText;
-	}, [S]), $ = s(() => /* @__PURE__ */ d(o, {
+	}, [S]), $ = s(() => /* @__PURE__ */ d(a, {
 		type: g,
 		hasResettableFilters: k
 	}), [g, k]), te = l(() => ({
@@ -91,9 +91,10 @@ function h(h) {
 		x,
 		Y,
 		C,
-		T
+		T,
+		b
 	]), { children: ne } = h;
-	return /* @__PURE__ */ d(ee, {
+	return /* @__PURE__ */ d(o, {
 		queryVisualizationContext: te,
 		children: ne
 	});

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

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