synapse-react-client 4.0.35 → 4.0.36

package/dist/components/ShareThisPage/ShareThisPage.js

@@ -1,19 +1,20 @@
-import { CopyToClipboardIcon as e } from "../CopyToClipboardIcon.js";
-import t from "./ShareThisPage.module.js";
-import { useCreateShortUrl as n } from "../../utils/hooks/useCreateShortUrl.js";
-import { useEffect as r, useState as i } from "react";
-import { Box as a, Button as o, Dialog as s, DialogContent as c, DialogTitle as l, IconButton as u, Input as d, Typography as f } from "@mui/material";
+import e from "../GenericCard/GenericCardActionButton.js";
+import { CopyToClipboardIcon as t } from "../CopyToClipboardIcon.js";
+import n from "./ShareThisPage.module.js";
+import { useCreateShortUrl as r } from "../../utils/hooks/useCreateShortUrl.js";
+import { useEffect as i, useState as a } from "react";
+import { Box as o, Dialog as s, DialogContent as c, DialogTitle as l, IconButton as u, Input as d, Typography as f } from "@mui/material";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 import { ShareTwoTone as h } from "@mui/icons-material";
 import g from "@mui/icons-material/Close";
 import { BlueskyIcon as _, BlueskyShareButton as v, LinkedinIcon as y, LinkedinShareButton as b, TwitterShareButton as x, XIcon as S } from "react-share";
 //#region src/components/ShareThisPage/ShareThisPage.tsx
 var C = ({ shortIoPublicApiKey: C, domain: w = "sageb.io", renderAs: T = "button", open: E, onClose: D }) => {
-	let [O, k] = i(""), [A, j] = i(!1), M = E === void 0, N = M ? A : E, P = () => {
+	let [O, k] = a(""), [A, j] = a(!1), M = E === void 0, N = M ? A : E, P = () => {
 		M && j(!0);
 	}, F = () => {
 		M && j(!1), D && D();
-	}, { mutate: I, isPending: L } = n({
+	}, { mutate: I, isPending: L } = r({
 		shortIoPublicApiKey: C,
 		domain: w,
 		onSuccess: (e) => {
@@ -23,43 +24,43 @@ var C = ({ shortIoPublicApiKey: C, domain: w = "sageb.io", renderAs: T = "button
 			console.error(e), k(window.location.href);
 		}
 	});
-	return r(() => {
+	return i(() => {
 		N && I();
-	}, [N, I]), /* @__PURE__ */ m("div", { children: [T === "button" && /* @__PURE__ */ p(o, {
+	}, [N, I]), /* @__PURE__ */ m("div", { children: [T === "button" && /* @__PURE__ */ p(e, {
 		variant: "outlined",
-		startIcon: /* @__PURE__ */ p(h, { className: t.shareIcon }),
+		startIcon: /* @__PURE__ */ p(h, { className: n.shareIcon }),
 		onClick: P,
 		children: "Share"
 	}), /* @__PURE__ */ m(s, {
 		open: N,
 		onClose: F,
 		maxWidth: "xs",
-		className: t.dialogPaper,
+		className: n.dialogPaper,
 		children: [/* @__PURE__ */ m(l, {
-			className: t.dialogTitle,
+			className: n.dialogTitle,
 			children: ["Share this page", /* @__PURE__ */ p(u, {
 				onClick: F,
 				size: "small",
-				children: /* @__PURE__ */ p(g, { className: t.closeIcon })
+				children: /* @__PURE__ */ p(g, { className: n.closeIcon })
 			})]
 		}), /* @__PURE__ */ p(c, {
-			className: t.dialogContent,
-			children: /* @__PURE__ */ m(a, {
-				className: t.contentStack,
+			className: n.dialogContent,
+			children: /* @__PURE__ */ m(o, {
+				className: n.contentStack,
 				children: [/* @__PURE__ */ m("div", {
-					className: t.shareButtonsContainer,
+					className: n.shareButtonsContainer,
 					children: [
 						/* @__PURE__ */ p(b, {
 							url: O,
 							"aria-label": "Share on LinkedIn",
 							children: /* @__PURE__ */ m("div", {
-								className: t.shareItem,
+								className: n.shareItem,
 								children: [/* @__PURE__ */ p(y, {
 									size: 48,
 									round: !0
 								}), /* @__PURE__ */ p(f, {
 									variant: "body1",
-									className: t.shareItemLabel,
+									className: n.shareItemLabel,
 									children: "LinkedIn"
 								})]
 							})
@@ -68,13 +69,13 @@ var C = ({ shortIoPublicApiKey: C, domain: w = "sageb.io", renderAs: T = "button
 							url: O,
 							"aria-label": "Share on X",
 							children: /* @__PURE__ */ m("div", {
-								className: t.shareItem,
+								className: n.shareItem,
 								children: [/* @__PURE__ */ p(S, {
 									size: 48,
 									round: !0
 								}), /* @__PURE__ */ p(f, {
 									variant: "body1",
-									className: t.shareItemLabel,
+									className: n.shareItemLabel,
 									children: "X"
 								})]
 							})
@@ -83,35 +84,35 @@ var C = ({ shortIoPublicApiKey: C, domain: w = "sageb.io", renderAs: T = "button
 							url: O,
 							"aria-label": "Share on Bluesky",
 							children: /* @__PURE__ */ m("div", {
-								className: t.shareItem,
+								className: n.shareItem,
 								children: [/* @__PURE__ */ p(_, {
 									size: 48,
 									round: !0
 								}), /* @__PURE__ */ p(f, {
 									variant: "body1",
-									className: t.shareItemLabel,
+									className: n.shareItemLabel,
 									children: "Bluesky"
 								})]
 							})
 						})
 					]
 				}), /* @__PURE__ */ m("div", {
-					className: t.copySection,
+					className: n.copySection,
 					children: [/* @__PURE__ */ p(f, {
-						className: t.copyLabel,
+						className: n.copyLabel,
 						children: "Page Link"
 					}), /* @__PURE__ */ m("div", {
-						className: t.copyRow,
+						className: n.copyRow,
 						children: [/* @__PURE__ */ p(d, {
-							className: t.urlInput,
+							className: n.urlInput,
 							value: O,
 							readOnly: !0,
 							"aria-label": "Page URL",
 							placeholder: L ? "Generating link..." : ""
-						}), /* @__PURE__ */ p(e, {
+						}), /* @__PURE__ */ p(t, {
 							value: O,
 							sizePx: 24,
-							className: t.copyButton
+							className: n.copyButton
 						})]
 					})]
 				})]

package/dist/components/ShareThisPage/ShareThisPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShareThisPage.js","names":[],"sources":["../../../src/components/ShareThisPage/ShareThisPage.tsx"],"sourcesContent":["import {\n  Button,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  IconButton,\n  Typography,\n  Input,\n  Box,\n} from '@mui/material'\nimport React from 'react'\nimport { useEffect, useState } from 'react'\nimport CloseIcon from '@mui/icons-material/Close'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport {\n  LinkedinShareButton,\n  LinkedinIcon,\n  TwitterShareButton,\n  BlueskyShareButton,\n  BlueskyIcon,\n  XIcon,\n} from 'react-share'\nimport styles from './ShareThisPage.module.scss'\nimport { ShareTwoTone } from '@mui/icons-material'\nimport { useCreateShortUrl } from '../../utils/hooks/useCreateShortUrl'\n\nexport type ShareThisPageProps = {\n  shortIoPublicApiKey?: string\n  domain?: string\n  renderAs?: 'button' | 'icon'\n  open?: boolean\n  onClose?: () => void\n}\n\nconst ShareThisPage = ({\n  shortIoPublicApiKey,\n  domain = 'sageb.io',\n  renderAs = 'button',\n  open: externalOpen,\n  onClose: externalOnClose,\n}: ShareThisPageProps): React.ReactNode => {\n  const [url, setUrl] = useState('')\n  const [internalOpen, setInternalOpen] = useState(false)\n\n  // Use internal state if externalOpen is undefined\n  // Otherwise, the open state is controlled externally by externalOpen\n  const isControlled = externalOpen === undefined\n  const open = isControlled ? internalOpen : externalOpen\n\n  const handleOpen = () => {\n    if (isControlled) {\n      setInternalOpen(true)\n    }\n  }\n\n  const handleClose = () => {\n    if (isControlled) {\n      setInternalOpen(false)\n    }\n    if (externalOnClose) {\n      externalOnClose()\n    }\n  }\n\n  const { mutate: createShortUrl, isPending } = useCreateShortUrl({\n    shortIoPublicApiKey,\n    domain,\n    onSuccess: data => {\n      setUrl(data)\n    },\n    onError: error => {\n      console.error(error)\n      setUrl(window.location.href)\n    },\n  })\n\n  useEffect(() => {\n    if (open) {\n      createShortUrl()\n    }\n  }, [open, createShortUrl])\n\n  return (\n    <div>\n      {renderAs === 'button' && (\n        <Button\n          variant=\"outlined\"\n          startIcon={<ShareTwoTone className={styles.shareIcon} />}\n          onClick={handleOpen}\n        >\n          Share\n        </Button>\n      )}\n\n      <Dialog\n        open={open}\n        onClose={handleClose}\n        maxWidth=\"xs\"\n        className={styles.dialogPaper}\n      >\n        <DialogTitle className={styles.dialogTitle}>\n          Share this page\n          <IconButton onClick={handleClose} size=\"small\">\n            <CloseIcon className={styles.closeIcon} />\n          </IconButton>\n        </DialogTitle>\n\n        <DialogContent className={styles.dialogContent}>\n          <Box className={styles.contentStack}>\n            <div className={styles.shareButtonsContainer}>\n              <LinkedinShareButton url={url} aria-label=\"Share on LinkedIn\">\n                <div className={styles.shareItem}>\n                  <LinkedinIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    LinkedIn\n                  </Typography>\n                </div>\n              </LinkedinShareButton>\n\n              <TwitterShareButton url={url} aria-label=\"Share on X\">\n                <div className={styles.shareItem}>\n                  <XIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    X\n                  </Typography>\n                </div>\n              </TwitterShareButton>\n\n              <BlueskyShareButton url={url} aria-label=\"Share on Bluesky\">\n                <div className={styles.shareItem}>\n                  <BlueskyIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    Bluesky\n                  </Typography>\n                </div>\n              </BlueskyShareButton>\n            </div>\n\n            <div className={styles.copySection}>\n              <Typography className={styles.copyLabel}>Page Link</Typography>\n              <div className={styles.copyRow}>\n                <Input\n                  className={styles.urlInput}\n                  value={url}\n                  readOnly\n                  aria-label=\"Page URL\"\n                  placeholder={isPending ? 'Generating link...' : ''}\n                />\n                <CopyToClipboardIcon\n                  value={url}\n                  sizePx={24}\n                  className={styles.copyButton}\n                />\n              </div>\n            </div>\n          </Box>\n        </DialogContent>\n      </Dialog>\n    </div>\n  )\n}\n\nexport default ShareThisPage\n"],"mappings":";;;;;;;;;;AAkCA,IAAM,KAAiB,EACrB,wBACA,YAAS,YACT,cAAW,UACX,MAAM,GACN,SAAS,QACgC;CACzC,IAAM,CAAC,GAAK,KAAU,EAAS,EAAE,GAC3B,CAAC,GAAc,KAAmB,EAAS,EAAK,GAIhD,IAAe,MAAiB,KAAA,GAChC,IAAO,IAAe,IAAe,GAErC,UAAmB;EACvB,AAAI,KACF,EAAgB,EAAI;CAExB,GAEM,UAAoB;EAIxB,AAHI,KACF,EAAgB,EAAK,GAEnB,KACF,EAAgB;CAEpB,GAEM,EAAE,QAAQ,GAAgB,iBAAc,EAAkB;EAC9D;EACA;EACA,YAAW,MAAQ;GACjB,EAAO,CAAI;EACb;EACA,UAAS,MAAS;GAEhB,AADA,QAAQ,MAAM,CAAK,GACnB,EAAO,OAAO,SAAS,IAAI;EAC7B;CACF,CAAC;CAQD,OANA,QAAgB;EACd,AAAI,KACF,EAAe;CAEnB,GAAG,CAAC,GAAM,CAAc,CAAC,GAGvB,kBAAC,OAAD,EAAA,UAAA,CACG,MAAa,YACZ,kBAAC,GAAD;EACE,SAAQ;EACR,WAAW,kBAAC,GAAD,EAAc,WAAW,EAAO,UAAY,CAAA;EACvD,SAAS;YACV;CAEO,CAAA,GAGV,kBAAC,GAAD;EACQ;EACN,SAAS;EACT,UAAS;EACT,WAAW,EAAO;YAJpB,CAME,kBAAC,GAAD;GAAa,WAAW,EAAO;aAA/B,CAA4C,mBAE1C,kBAAC,GAAD;IAAY,SAAS;IAAa,MAAK;cACrC,kBAAC,GAAD,EAAW,WAAW,EAAO,UAAY,CAAA;GAC/B,CAAA,CACD;MAEb,kBAAC,GAAD;GAAe,WAAW,EAAO;aAC/B,kBAAC,GAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB;MACE,kBAAC,GAAD;OAA0B;OAAK,cAAW;iBACxC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAc,MAAM;SAAI,OAAA;QAAO,CAAA,GAC/B,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;QAElD,CAAA,CACT;;MACc,CAAA;MAErB,kBAAC,GAAD;OAAyB;OAAK,cAAW;iBACvC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAO,MAAM;SAAI,OAAA;QAAO,CAAA,GACxB,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;QAElD,CAAA,CACT;;MACa,CAAA;MAEpB,kBAAC,GAAD;OAAyB;OAAK,cAAW;iBACvC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAa,MAAM;SAAI,OAAA;QAAO,CAAA,GAC9B,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;QAElD,CAAA,CACT;;MACa,CAAA;KACjB;QAEL,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACE,kBAAC,GAAD;MAAY,WAAW,EAAO;gBAAW;KAAqB,CAAA,GAC9D,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,GAAD;OACE,WAAW,EAAO;OAClB,OAAO;OACP,UAAA;OACA,cAAW;OACX,aAAa,IAAY,uBAAuB;MACjD,CAAA,GACD,kBAAC,GAAD;OACE,OAAO;OACP,QAAQ;OACR,WAAW,EAAO;MACnB,CAAA,CACE;OACF;MACF;;EACQ,CAAA,CACT;GACL,EAAA,CAAA;AAET"}
+{"version":3,"file":"ShareThisPage.js","names":[],"sources":["../../../src/components/ShareThisPage/ShareThisPage.tsx"],"sourcesContent":["import {\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  IconButton,\n  Typography,\n  Input,\n  Box,\n} from '@mui/material'\nimport GenericCardActionButton from '../GenericCard/GenericCardActionButton'\nimport React from 'react'\nimport { useEffect, useState } from 'react'\nimport CloseIcon from '@mui/icons-material/Close'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport {\n  LinkedinShareButton,\n  LinkedinIcon,\n  TwitterShareButton,\n  BlueskyShareButton,\n  BlueskyIcon,\n  XIcon,\n} from 'react-share'\nimport styles from './ShareThisPage.module.scss'\nimport { ShareTwoTone } from '@mui/icons-material'\nimport { useCreateShortUrl } from '../../utils/hooks/useCreateShortUrl'\n\nexport type ShareThisPageProps = {\n  shortIoPublicApiKey?: string\n  domain?: string\n  renderAs?: 'button' | 'icon'\n  open?: boolean\n  onClose?: () => void\n}\n\nconst ShareThisPage = ({\n  shortIoPublicApiKey,\n  domain = 'sageb.io',\n  renderAs = 'button',\n  open: externalOpen,\n  onClose: externalOnClose,\n}: ShareThisPageProps): React.ReactNode => {\n  const [url, setUrl] = useState('')\n  const [internalOpen, setInternalOpen] = useState(false)\n\n  // Use internal state if externalOpen is undefined\n  // Otherwise, the open state is controlled externally by externalOpen\n  const isControlled = externalOpen === undefined\n  const open = isControlled ? internalOpen : externalOpen\n\n  const handleOpen = () => {\n    if (isControlled) {\n      setInternalOpen(true)\n    }\n  }\n\n  const handleClose = () => {\n    if (isControlled) {\n      setInternalOpen(false)\n    }\n    if (externalOnClose) {\n      externalOnClose()\n    }\n  }\n\n  const { mutate: createShortUrl, isPending } = useCreateShortUrl({\n    shortIoPublicApiKey,\n    domain,\n    onSuccess: data => {\n      setUrl(data)\n    },\n    onError: error => {\n      console.error(error)\n      setUrl(window.location.href)\n    },\n  })\n\n  useEffect(() => {\n    if (open) {\n      createShortUrl()\n    }\n  }, [open, createShortUrl])\n\n  return (\n    <div>\n      {renderAs === 'button' && (\n        <GenericCardActionButton\n          variant=\"outlined\"\n          startIcon={<ShareTwoTone className={styles.shareIcon} />}\n          onClick={handleOpen}\n        >\n          Share\n        </GenericCardActionButton>\n      )}\n\n      <Dialog\n        open={open}\n        onClose={handleClose}\n        maxWidth=\"xs\"\n        className={styles.dialogPaper}\n      >\n        <DialogTitle className={styles.dialogTitle}>\n          Share this page\n          <IconButton onClick={handleClose} size=\"small\">\n            <CloseIcon className={styles.closeIcon} />\n          </IconButton>\n        </DialogTitle>\n\n        <DialogContent className={styles.dialogContent}>\n          <Box className={styles.contentStack}>\n            <div className={styles.shareButtonsContainer}>\n              <LinkedinShareButton url={url} aria-label=\"Share on LinkedIn\">\n                <div className={styles.shareItem}>\n                  <LinkedinIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    LinkedIn\n                  </Typography>\n                </div>\n              </LinkedinShareButton>\n\n              <TwitterShareButton url={url} aria-label=\"Share on X\">\n                <div className={styles.shareItem}>\n                  <XIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    X\n                  </Typography>\n                </div>\n              </TwitterShareButton>\n\n              <BlueskyShareButton url={url} aria-label=\"Share on Bluesky\">\n                <div className={styles.shareItem}>\n                  <BlueskyIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    Bluesky\n                  </Typography>\n                </div>\n              </BlueskyShareButton>\n            </div>\n\n            <div className={styles.copySection}>\n              <Typography className={styles.copyLabel}>Page Link</Typography>\n              <div className={styles.copyRow}>\n                <Input\n                  className={styles.urlInput}\n                  value={url}\n                  readOnly\n                  aria-label=\"Page URL\"\n                  placeholder={isPending ? 'Generating link...' : ''}\n                />\n                <CopyToClipboardIcon\n                  value={url}\n                  sizePx={24}\n                  className={styles.copyButton}\n                />\n              </div>\n            </div>\n          </Box>\n        </DialogContent>\n      </Dialog>\n    </div>\n  )\n}\n\nexport default ShareThisPage\n"],"mappings":";;;;;;;;;;;AAkCA,IAAM,KAAiB,EACrB,wBACA,YAAS,YACT,cAAW,UACX,MAAM,GACN,SAAS,QACgC;CACzC,IAAM,CAAC,GAAK,KAAU,EAAS,EAAE,GAC3B,CAAC,GAAc,KAAmB,EAAS,EAAK,GAIhD,IAAe,MAAiB,KAAA,GAChC,IAAO,IAAe,IAAe,GAErC,UAAmB;EACvB,AAAI,KACF,EAAgB,EAAI;CAExB,GAEM,UAAoB;EAIxB,AAHI,KACF,EAAgB,EAAK,GAEnB,KACF,EAAgB;CAEpB,GAEM,EAAE,QAAQ,GAAgB,iBAAc,EAAkB;EAC9D;EACA;EACA,YAAW,MAAQ;GACjB,EAAO,CAAI;EACb;EACA,UAAS,MAAS;GAEhB,AADA,QAAQ,MAAM,CAAK,GACnB,EAAO,OAAO,SAAS,IAAI;EAC7B;CACF,CAAC;CAQD,OANA,QAAgB;EACd,AAAI,KACF,EAAe;CAEnB,GAAG,CAAC,GAAM,CAAc,CAAC,GAGvB,kBAAC,OAAD,EAAA,UAAA,CACG,MAAa,YACZ,kBAAC,GAAD;EACE,SAAQ;EACR,WAAW,kBAAC,GAAD,EAAc,WAAW,EAAO,UAAY,CAAA;EACvD,SAAS;YACV;CAEwB,CAAA,GAG3B,kBAAC,GAAD;EACQ;EACN,SAAS;EACT,UAAS;EACT,WAAW,EAAO;YAJpB,CAME,kBAAC,GAAD;GAAa,WAAW,EAAO;aAA/B,CAA4C,mBAE1C,kBAAC,GAAD;IAAY,SAAS;IAAa,MAAK;cACrC,kBAAC,GAAD,EAAW,WAAW,EAAO,UAAY,CAAA;GAC/B,CAAA,CACD;MAEb,kBAAC,GAAD;GAAe,WAAW,EAAO;aAC/B,kBAAC,GAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB;MACE,kBAAC,GAAD;OAA0B;OAAK,cAAW;iBACxC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAc,MAAM;SAAI,OAAA;QAAO,CAAA,GAC/B,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;QAElD,CAAA,CACT;;MACc,CAAA;MAErB,kBAAC,GAAD;OAAyB;OAAK,cAAW;iBACvC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAO,MAAM;SAAI,OAAA;QAAO,CAAA,GACxB,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;QAElD,CAAA,CACT;;MACa,CAAA;MAEpB,kBAAC,GAAD;OAAyB;OAAK,cAAW;iBACvC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAa,MAAM;SAAI,OAAA;QAAO,CAAA,GAC9B,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;QAElD,CAAA,CACT;;MACa,CAAA;KACjB;QAEL,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACE,kBAAC,GAAD;MAAY,WAAW,EAAO;gBAAW;KAAqB,CAAA,GAC9D,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,GAAD;OACE,WAAW,EAAO;OAClB,OAAO;OACP,UAAA;OACA,cAAW;OACX,aAAa,IAAY,uBAAuB;MACjD,CAAA,GACD,kBAAC,GAAD;OACE,OAAO;OACP,QAAQ;OACR,WAAW,EAAO;MACnB,CAAA,CACE;OACF;MACF;;EACQ,CAAA,CACT;GACL,EAAA,CAAA;AAET"}

package/dist/components/SynapseChat/GridAgentChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridAgentChat.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/GridAgentChat.tsx"],"names":[],"mappings":"AAmBA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,cAAc,EACd,WAA8B,EAC9B,cAAc,EACd,IAAI,EACJ,OAAO,EACP,mBAAmB,GACpB,EAAE,kBAAkB,2CAsCpB;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"GridAgentChat.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/GridAgentChat.tsx"],"names":[],"mappings":"AAiBA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,cAAc,EACd,WAA8B,EAC9B,cAAc,EACd,IAAI,EACJ,OAAO,EACP,mBAAmB,GACpB,EAAE,kBAAkB,2CAmCpB;AAED,eAAe,aAAa,CAAA"}

package/dist/components/SynapseChat/GridAgentChat.js

@@ -1,52 +1,50 @@
-import { useGetFeatureFlag as e } from "../../synapse-queries/featureflags/useGetFeatureFlag.js";
-import { FeatureFlagEnum as t } from "../../utils/featureflag/FeatureFlags.js";
-import { useChatState as n } from "./useChatState.js";
-import { ForwardRef as r } from "../../assets/illustrations/curie_avatar_head.js";
-import { SynapseChat as i } from "./SynapseChat.js";
-import a from "../DraggableDialog/DraggableDialog.js";
+import { useChatState as e } from "./useChatState.js";
+import { ForwardRef as t } from "../../assets/illustrations/curie_avatar_head.js";
+import { SynapseChat as n } from "./SynapseChat.js";
+import r from "../DraggableDialog/DraggableDialog.js";
 import "./index.js";
-import { useState as o } from "react";
-import { jsx as s } from "react/jsx-runtime";
-import { AgentAccessLevel as c } from "@sage-bionetworks/synapse-types";
+import { useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { AgentAccessLevel as o } from "@sage-bionetworks/synapse-types";
 //#region src/components/SynapseChat/GridAgentChat.tsx
-var l = [
+var s = [
 	"Help me fill this out",
 	"Help me understand this",
 	"Find missing fields"
 ];
-function u({ gridSessionId: u, usersReplicaId: d, chatbotName: f = "Grid Assistant", initialMessage: p, open: m, onClose: h, agentRegistrationId: g }) {
-	let [_, v] = o(), y = n(_), b = e(t.GRID_AGENT_V2);
-	return /* @__PURE__ */ s(a, {
-		open: m,
-		onClose: h,
-		title: f,
-		children: /* @__PURE__ */ s(i, {
-			agentAvatar: /* @__PURE__ */ s(r, {
+function c({ gridSessionId: c, usersReplicaId: l, chatbotName: u = "Grid Assistant", initialMessage: d, open: f, onClose: p, agentRegistrationId: m }) {
+	let [h, g] = i(), _ = e(h);
+	return /* @__PURE__ */ a(r, {
+		open: f,
+		onClose: p,
+		title: u,
+		children: /* @__PURE__ */ a(n, {
+			agentAvatar: /* @__PURE__ */ a(t, {
 				width: 35,
 				height: "auto"
 			}),
-			agentRegistrationId: g,
-			chatbotName: f,
-			initialMessage: p,
+			agentRegistrationId: m,
+			chatbotName: u,
+			initialMessage: d,
 			sessionContext: {
 				concreteType: "org.sagebionetworks.repo.model.agent.GridAgentSessionContext",
-				gridSessionId: u,
-				usersReplicaId: d,
-				experimental: b
+				gridSessionId: c,
+				usersReplicaId: l,
+				experimental: !0
 			},
 			textboxPositionOffset: "16px",
 			hideTitle: !0,
 			showAccessLevelMenu: !1,
-			defaultAgentAccessLevel: c.WRITE_YOUR_PRIVATE_DATA,
-			externalSession: _,
-			setExternalSession: v,
-			externalChatState: y,
-			suggestedPrompts: l,
-			allowAttachments: b
+			defaultAgentAccessLevel: o.WRITE_YOUR_PRIVATE_DATA,
+			externalSession: h,
+			setExternalSession: g,
+			externalChatState: _,
+			suggestedPrompts: s,
+			allowAttachments: !0
 		})
 	});
 }
 //#endregion
-export { u as GridAgentChat, u as default };
+export { c as GridAgentChat, c as default };
 
 //# sourceMappingURL=GridAgentChat.js.map

package/dist/components/SynapseChat/GridAgentChat.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridAgentChat.js","names":[],"sources":["../../../src/components/SynapseChat/GridAgentChat.tsx"],"sourcesContent":["import { useChatState } from '@/components/SynapseChat/useChatState'\nimport {\n  AgentSession,\n  GridAgentSessionContext,\n} from '@sage-bionetworks/synapse-client'\nimport { AgentAccessLevel } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport DraggableDialog from '../DraggableDialog/DraggableDialog'\nimport { SynapseChat } from './index'\nimport { ReactComponent as CurieAvatarHead } from '@/assets/illustrations/curie_avatar_head.svg'\nimport { useGetFeatureFlag } from '@/synapse-queries/featureflags/useGetFeatureFlag'\nimport { FeatureFlagEnum } from '@/utils/featureflag/FeatureFlags'\n\nconst suggestedPrompts = [\n  'Help me fill this out',\n  'Help me understand this',\n  'Find missing fields',\n]\n\nexport type GridAgentChatProps = {\n  gridSessionId: string\n  usersReplicaId: number\n  chatbotName?: string\n  initialMessage?: string\n  open: boolean\n  onClose: () => void\n  /** Optional ID to use a different agent registered in Synapse */\n  agentRegistrationId?: string\n}\n\nexport function GridAgentChat({\n  gridSessionId,\n  usersReplicaId,\n  chatbotName = 'Grid Assistant',\n  initialMessage,\n  open,\n  onClose,\n  agentRegistrationId,\n}: GridAgentChatProps) {\n  // Storing state for the chat session here preserves chat history while the dialog is opened and closed.\n  const [agentSession, setAgentSession] = useState<AgentSession | undefined>()\n  const chatState = useChatState(agentSession)\n\n  // Feature flag to enable the new Grid Agent V2 functionality (multi-agent and attachment support).\n  const useGridAgentV2 = useGetFeatureFlag(FeatureFlagEnum.GRID_AGENT_V2)\n\n  // Create session context for grid sessions\n  const sessionContext: GridAgentSessionContext = {\n    concreteType:\n      'org.sagebionetworks.repo.model.agent.GridAgentSessionContext',\n    gridSessionId,\n    usersReplicaId,\n    experimental: useGridAgentV2,\n  }\n\n  return (\n    <DraggableDialog open={open} onClose={onClose} title={chatbotName}>\n      <SynapseChat\n        agentAvatar={<CurieAvatarHead width={35} height=\"auto\" />}\n        agentRegistrationId={agentRegistrationId}\n        chatbotName={chatbotName}\n        initialMessage={initialMessage}\n        sessionContext={sessionContext}\n        textboxPositionOffset=\"16px\"\n        hideTitle={true}\n        showAccessLevelMenu={false}\n        defaultAgentAccessLevel={AgentAccessLevel.WRITE_YOUR_PRIVATE_DATA}\n        // lift state: allow GridAgentChat to control the agent session and interactions\n        externalSession={agentSession}\n        setExternalSession={setAgentSession}\n        externalChatState={chatState}\n        suggestedPrompts={suggestedPrompts}\n        allowAttachments={useGridAgentV2}\n      />\n    </DraggableDialog>\n  )\n}\n\nexport default GridAgentChat\n"],"mappings":";;;;;;;;;;;AAaA,IAAM,IAAmB;CACvB;CACA;CACA;AACF;AAaA,SAAgB,EAAc,EAC5B,kBACA,mBACA,iBAAc,kBACd,mBACA,SACA,YACA,0BACqB;CAErB,IAAM,CAAC,GAAc,KAAmB,EAAmC,GACrE,IAAY,EAAa,CAAY,GAGrC,IAAiB,EAAkB,EAAgB,aAAa;CAWtE,OACE,kBAAC,GAAD;EAAuB;EAAe;EAAS,OAAO;YACpD,kBAAC,GAAD;GACE,aAAa,kBAAC,GAAD;IAAiB,OAAO;IAAI,QAAO;GAAQ,CAAA;GACnC;GACR;GACG;GACA,gBAAA;IAdpB,cACE;IACF;IACA;IACA,cAAc;GAUM;GAChB,uBAAsB;GACtB,WAAW;GACX,qBAAqB;GACrB,yBAAyB,EAAiB;GAE1C,iBAAiB;GACjB,oBAAoB;GACpB,mBAAmB;GACD;GAClB,kBAAkB;EACnB,CAAA;CACc,CAAA;AAErB"}
+{"version":3,"file":"GridAgentChat.js","names":[],"sources":["../../../src/components/SynapseChat/GridAgentChat.tsx"],"sourcesContent":["import { useChatState } from '@/components/SynapseChat/useChatState'\nimport {\n  AgentSession,\n  GridAgentSessionContext,\n} from '@sage-bionetworks/synapse-client'\nimport { AgentAccessLevel } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport DraggableDialog from '../DraggableDialog/DraggableDialog'\nimport { SynapseChat } from './index'\nimport { ReactComponent as CurieAvatarHead } from '@/assets/illustrations/curie_avatar_head.svg'\n\nconst suggestedPrompts = [\n  'Help me fill this out',\n  'Help me understand this',\n  'Find missing fields',\n]\n\nexport type GridAgentChatProps = {\n  gridSessionId: string\n  usersReplicaId: number\n  chatbotName?: string\n  initialMessage?: string\n  open: boolean\n  onClose: () => void\n  /** Optional ID to use a different agent registered in Synapse */\n  agentRegistrationId?: string\n}\n\nexport function GridAgentChat({\n  gridSessionId,\n  usersReplicaId,\n  chatbotName = 'Grid Assistant',\n  initialMessage,\n  open,\n  onClose,\n  agentRegistrationId,\n}: GridAgentChatProps) {\n  // Storing state for the chat session here preserves chat history while the dialog is opened and closed.\n  const [agentSession, setAgentSession] = useState<AgentSession | undefined>()\n  const chatState = useChatState(agentSession)\n\n  // Create session context for grid sessions\n  const sessionContext: GridAgentSessionContext = {\n    concreteType:\n      'org.sagebionetworks.repo.model.agent.GridAgentSessionContext',\n    gridSessionId,\n    usersReplicaId,\n    experimental: true,\n  }\n\n  return (\n    <DraggableDialog open={open} onClose={onClose} title={chatbotName}>\n      <SynapseChat\n        agentAvatar={<CurieAvatarHead width={35} height=\"auto\" />}\n        agentRegistrationId={agentRegistrationId}\n        chatbotName={chatbotName}\n        initialMessage={initialMessage}\n        sessionContext={sessionContext}\n        textboxPositionOffset=\"16px\"\n        hideTitle={true}\n        showAccessLevelMenu={false}\n        defaultAgentAccessLevel={AgentAccessLevel.WRITE_YOUR_PRIVATE_DATA}\n        // lift state: allow GridAgentChat to control the agent session and interactions\n        externalSession={agentSession}\n        setExternalSession={setAgentSession}\n        externalChatState={chatState}\n        suggestedPrompts={suggestedPrompts}\n        allowAttachments={true}\n      />\n    </DraggableDialog>\n  )\n}\n\nexport default GridAgentChat\n"],"mappings":";;;;;;;;;AAWA,IAAM,IAAmB;CACvB;CACA;CACA;AACF;AAaA,SAAgB,EAAc,EAC5B,kBACA,mBACA,iBAAc,kBACd,mBACA,SACA,YACA,0BACqB;CAErB,IAAM,CAAC,GAAc,KAAmB,EAAmC,GACrE,IAAY,EAAa,CAAY;CAW3C,OACE,kBAAC,GAAD;EAAuB;EAAe;EAAS,OAAO;YACpD,kBAAC,GAAD;GACE,aAAa,kBAAC,GAAD;IAAiB,OAAO;IAAI,QAAO;GAAQ,CAAA;GACnC;GACR;GACG;GACA,gBAAA;IAdpB,cACE;IACF;IACA;IACA,cAAc;GAUM;GAChB,uBAAsB;GACtB,WAAW;GACX,qBAAqB;GACrB,yBAAyB,EAAiB;GAE1C,iBAAiB;GACjB,oBAAoB;GACpB,mBAAmB;GACD;GAClB,kBAAkB;EACnB,CAAA;CACc,CAAA;AAErB"}

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

@@ -1 +1 @@
-{"version":3,"file":"SynapseTable.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseTable/SynapseTable.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EACd,GAAG,EACH,MAAM,EAEP,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAEL,SAAS,EAKV,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAyBvD;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,cAAc,GACzB,MAAM,CAuBR;AAED,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,iBAAiB,EACf,kBAAkB,GAClB,wBAAwB,GACxB,wBAAwB,GACxB,oBAAoB,GACpB,cAAc,GACd,0BAA0B,GAC1B,6BAA6B,GAC7B,aAAa,GACb,eAAe,CAClB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,gBAAgB,EAAE,OAAO,CAAA;IACzB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAA;IACrC,2JAA2J;IAC3J,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,2JAA2J;IAC3J,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,8DAA8D;IAC9D,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,yFAAyF;IACzF,WAAW,CAAC,EAAE,eAAe,CAAA;CAC9B,CAAA;AAID,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA2MpD"}
+{"version":3,"file":"SynapseTable.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseTable/SynapseTable.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,cAAc,EACd,GAAG,EACH,MAAM,EAEP,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAEL,SAAS,EAKV,MAAM,uBAAuB,CAAA;AAG9B,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAyBvD;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,cAAc,GACzB,MAAM,CAuBR;AAED,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,iBAAiB,EACf,kBAAkB,GAClB,wBAAwB,GACxB,wBAAwB,GACxB,oBAAoB,GACpB,cAAc,GACd,0BAA0B,GAC1B,6BAA6B,GAC7B,aAAa,GACb,eAAe,CAClB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,uCAAuC;IACvC,MAAM,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,gBAAgB,EAAE,OAAO,CAAA;IACzB,4CAA4C;IAC5C,aAAa,CAAC,EAAE,SAAS,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,CAAA;IACrC,2JAA2J;IAC3J,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,+CAA+C;IAC/C,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,kDAAkD;IAClD,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,2JAA2J;IAC3J,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,8DAA8D;IAC9D,2BAA2B,CAAC,EAAE,OAAO,CAAA;IACrC,yFAAyF;IACzF,WAAW,CAAC,EAAE,eAAe,CAAA;CAC9B,CAAA;AAID,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,2CA4MpD"}

package/dist/components/SynapseTable/SynapseTable.js

@@ -123,7 +123,8 @@ function w(S) {
 			},
 			table: ve,
 			fullWidth: !1,
-			autoColumnSizing: !0
+			autoColumnSizing: !0,
+			showTopScrollbar: !0
 		})] })
 	}) : /* @__PURE__ */ v(_, {});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"SynapseTable.js","names":[],"sources":["../../../src/components/SynapseTable/SynapseTable.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport {\n  ColumnTypeEnum,\n  Row,\n  RowSet,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  Cell,\n  ColumnDef,\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n  VisibilityState,\n} from '@tanstack/react-table'\nimport { useAtomValue } from 'jotai'\nimport { useMemo, useState } from 'react'\nimport { LabelLinkConfig } from '../CardContainerLogic'\nimport ModalDownload from '../ModalDownload/ModalDownload'\nimport { useQueryContext } from '../QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport { isRowSelectionVisibleAtom } from '../QueryWrapper/TableRowSelectionState'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { SynapseTableContext } from './SynapseTableContext'\nimport {\n  accessColumn,\n  addToDownloadListColumn,\n  directDownloadColumn,\n  rowSelectionColumn,\n  TableDataCell,\n  TableDataColumnHeader,\n} from './SynapseTableRenderers'\nimport {\n  isEntityViewOrDatasetOrCollection,\n  isFileViewOrDataset,\n  isSortableColumn,\n} from './SynapseTableUtils'\nimport { usePrefetchResourcesInTable } from './usePrefetchTableData'\nimport { useTableSort } from './useTableSort'\n\nconst DEFAULT_CUSTOM_COLUMNS: ColumnDef<Row, any>[] = []\n\n/**\n * Returns the minimum column width (in px) for a Synapse table column\n * based on its type and name.\n */\nexport function getColumnMinSize(\n  columnName: string,\n  columnType: ColumnTypeEnum,\n): number {\n  const nameLower = columnName.toLowerCase()\n  if (nameLower.includes('name') || nameLower.includes('description')) {\n    return 250\n  }\n  switch (columnType) {\n    case ColumnTypeEnum.ENTITYID:\n    case ColumnTypeEnum.ENTITYID_LIST:\n    case ColumnTypeEnum.USERID:\n    case ColumnTypeEnum.USERID_LIST:\n    case ColumnTypeEnum.FILEHANDLEID:\n    case ColumnTypeEnum.EVALUATIONID:\n    case ColumnTypeEnum.SUBMISSIONID:\n      return 180\n    case ColumnTypeEnum.DATE:\n    case ColumnTypeEnum.DATE_LIST:\n      return 120\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.STRING_LIST:\n      return 100\n    default:\n      return 60\n  }\n}\n\nexport type SynapseTableConfiguration = Pick<\n  SynapseTableProps,\n  | 'showAccessColumn'\n  | 'showExternalAccessIcon'\n  | 'showAccessColumnHeader'\n  | 'showDownloadColumn'\n  | 'hideDownload'\n  | 'showDirectDownloadColumn'\n  | 'hideAddToDownloadListColumn'\n  | 'columnLinks'\n  | 'customColumns'\n>\n\nexport type SynapseTableProps = {\n  /** The row data shown in the table. */\n  rowSet: RowSet\n  /** Whether a new page of data is being loaded */\n  isLoadingNewPage: boolean\n  /** Custom columns to render in the table */\n  customColumns?: ColumnDef<Row, any>[]\n  /** If true and entity is a view or dataset, renders a column that represents if the caller has permission to download the entity represented by the row */\n  showAccessColumn?: boolean\n  /**\n   * If true, the component will show enhanced UI for the case where\n   * - the entity is a FileEntity, AND\n   * - the caller has permission to fetch the dataFileHandle, AND\n   * - the dataFileHandle is an instance of ExternalFileHandleInterface (i.e. the file is not controlled by Synapse)\n   * Note that this requires an additional API call that cannot be batched, so it should be avoided in bulk  contexts if possible.\n   * @default false\n   */\n  showExternalAccessIcon?: boolean\n  showAccessColumnHeader?: boolean\n  /** @deprecated use showDirectDownloadColumn */\n  showDownloadColumn?: boolean\n  /** @deprecated use hideAddToDownloadListColumn */\n  hideDownload?: boolean\n  /** If true and entity is a file view or dataset, renders a column that allows the logged-in user to directly download the file, if they have permission */\n  showDirectDownloadColumn?: boolean\n  /** If true, the add to download list column will be hidden */\n  hideAddToDownloadListColumn?: boolean\n  /** Configuration to override cell renderers with e.g. a link to a portals detail page */\n  columnLinks?: LabelLinkConfig\n}\n\nconst columnHelper = createColumnHelper<Row>()\n\nexport function SynapseTable(props: SynapseTableProps) {\n  const { showDownloadColumn, hideDownload } = props\n  const {\n    rowSet,\n    isLoadingNewPage,\n    customColumns = DEFAULT_CUSTOM_COLUMNS,\n    showAccessColumn,\n    showExternalAccessIcon,\n    showAccessColumnHeader,\n    showDirectDownloadColumn = showDownloadColumn,\n    hideAddToDownloadListColumn = hideDownload,\n    columnLinks,\n  } = props\n  const {\n    entityId,\n    versionNumber,\n    getCurrentQueryRequest,\n    fileIdColumnName,\n    fileVersionColumnName,\n  } = useQueryContext()\n  const queryRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  const selectColumns = rowSet.headers\n\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n\n  const { columnsToShowInTable, NoContentPlaceholder } =\n    useQueryVisualizationContext()\n  const synapseTableContext = useMemo(\n    () => ({\n      columnLinks,\n      showExternalAccessIcon,\n    }),\n    [columnLinks, showExternalAccessIcon],\n  )\n  const { isAuthenticated } = useSynapseContext()\n\n  const [isExportTableDownloadOpen, setIsExportTableDownloadOpen] =\n    useState(false)\n\n  const { sort, setSort } = useTableSort()\n  const isRowSelectionVisible = useAtomValue(isRowSelectionVisibleAtom)\n\n  const isShowingAccessColumn: boolean = Boolean(\n    showAccessColumn &&\n    entity &&\n    ((isEntityViewOrDatasetOrCollection(entity) && allRowsHaveId(rowSet)) ||\n      fileIdColumnName),\n  )\n  const rowsAreDownloadable =\n    entity &&\n    isAuthenticated &&\n    ((isFileViewOrDataset(entity) && allRowsHaveId(rowSet)) || fileIdColumnName)\n\n  const isShowingDirectDownloadColumn = Boolean(\n    rowsAreDownloadable && showDirectDownloadColumn,\n  )\n\n  const isShowingAddToV2DownloadListColumn: boolean = Boolean(\n    rowsAreDownloadable &&\n    !hideAddToDownloadListColumn &&\n    !isRowSelectionVisible,\n  )\n  const rowEntityIDColumnIndex = fileIdColumnName\n    ? rowSet.headers.findIndex(col => col.name == fileIdColumnName)\n    : undefined\n  const rowEntityVersionColumnIndex = fileVersionColumnName\n    ? rowSet.headers.findIndex(col => col.name == fileVersionColumnName)\n    : undefined\n\n  const columns = useMemo(\n    () => [\n      ...customColumns,\n      rowSelectionColumn,\n      addToDownloadListColumn,\n      directDownloadColumn,\n      {\n        ...accessColumn,\n        header: showAccessColumn && showAccessColumnHeader ? 'Access' : '',\n      },\n      ...(selectColumns.map((selectColumn, index) => {\n        return columnHelper.accessor(row => row.values[index], {\n          id: selectColumn.name,\n          enableSorting: isSortableColumn(selectColumn.columnType),\n          enableResizing: true,\n          minSize: getColumnMinSize(\n            selectColumn.name,\n            selectColumn.columnType as ColumnTypeEnum,\n          ),\n          header: TableDataColumnHeader,\n          cell: TableDataCell,\n        })\n      }) ?? []),\n    ],\n    [customColumns, selectColumns, showAccessColumn, showAccessColumnHeader],\n  )\n\n  const prependColumnVisibility: VisibilityState = useMemo(\n    () => ({\n      [rowSelectionColumn.id as string]: isRowSelectionVisible,\n      [addToDownloadListColumn.id as string]:\n        isShowingAddToV2DownloadListColumn,\n      [directDownloadColumn.id as string]: isShowingDirectDownloadColumn,\n      [accessColumn.id as string]: isShowingAccessColumn,\n    }),\n    [\n      isRowSelectionVisible,\n      isShowingAccessColumn,\n      isShowingAddToV2DownloadListColumn,\n      isShowingDirectDownloadColumn,\n    ],\n  )\n\n  // Transform our `columnsToShowInTable` to @tanstack/react-table's `VisibilityState`\n  const columnVisibility: VisibilityState = useMemo(\n    () =>\n      selectColumns.reduce((prev: VisibilityState, curr) => {\n        return {\n          ...prev,\n          [curr.name]: columnsToShowInTable.includes(curr.name),\n        }\n      }, prependColumnVisibility),\n    [columnsToShowInTable, selectColumns, prependColumnVisibility],\n  )\n\n  const { dataHasBeenPrefetched } = usePrefetchResourcesInTable(rowSet)\n  const renderTableDataPlaceholder = isLoadingNewPage || !dataHasBeenPrefetched\n\n  const table = useReactTable({\n    data: rowSet.rows,\n    columns,\n    defaultColumn: { minSize: 60 },\n    getCoreRowModel: getCoreRowModel(),\n    manualSorting: true,\n    manualFiltering: true,\n    onSortingChange: setSort,\n    enableMultiSort: true,\n    columnResizeMode: 'onChange',\n    state: {\n      sorting: sort,\n      columnVisibility: columnVisibility,\n    },\n    meta: {\n      rowSet,\n      // make the rowEntityIDColumnIndex available to all cell renderers\n      rowEntityIDColumnIndex,\n      rowEntityVersionColumnIndex,\n      renderPlaceholderData: renderTableDataPlaceholder,\n      getWrapInExpandableTd: (cell: Cell<Row, unknown>) => {\n        const selectColumn = selectColumns.find(\n          cm => cm.name === cell.column.id,\n        )\n        return Boolean(\n          selectColumn &&\n          /* JSON handles its own overflow*/\n          selectColumn.columnType !== ColumnTypeEnum.JSON,\n        )\n      },\n    },\n  })\n\n  /**\n   * Display the view\n   */\n  if (!rowSet) {\n    return <></>\n  }\n  const hasResults = (rowSet.rows?.length ?? 0) > 0\n  // Show the No Results UI if the current page has no rows, and this is the first page of data (offset === 0 or null/undefined).\n  if (\n    !hasResults &&\n    (queryRequest.query.offset === 0 || queryRequest.query.offset == null)\n  ) {\n    return <NoContentPlaceholder />\n  }\n\n  return (\n    <SynapseTableContext.Provider value={synapseTableContext}>\n      <div>\n        {isExportTableDownloadOpen && (\n          <ModalDownload\n            onClose={() => {\n              setIsExportTableDownloadOpen(false)\n            }}\n            queryBundleRequest={queryRequest}\n          />\n        )}\n        <StyledTanStackTable\n          styledTableContainerProps={{\n            className: 'SynapseTable',\n            ['data-testid']: 'SynapseTable',\n            density: 'default',\n          }}\n          table={table}\n          fullWidth={false}\n          autoColumnSizing={true}\n        />\n      </div>\n    </SynapseTableContext.Provider>\n  )\n}\n\n/**\n * If this is a view/dataset and rows have an ID, then rows represent individual objects in Synapse.\n * Presence of row IDs also indicates that the query is also necessarily not summary data, e.g. the query does\n * not include an operation like GROUP BY, DISTINCT, etc., that would cause rows to not map 1:1 to Synapse Entities\n */\nfunction allRowsHaveId(rowSet: RowSet): boolean {\n  return Boolean(rowSet.rows?.every(row => !!row.rowId))\n}\n"],"mappings":"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"}
+{"version":3,"file":"SynapseTable.js","names":[],"sources":["../../../src/components/SynapseTable/SynapseTable.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils'\nimport {\n  ColumnTypeEnum,\n  Row,\n  RowSet,\n  Table,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  Cell,\n  ColumnDef,\n  createColumnHelper,\n  getCoreRowModel,\n  useReactTable,\n  VisibilityState,\n} from '@tanstack/react-table'\nimport { useAtomValue } from 'jotai'\nimport { useMemo, useState } from 'react'\nimport { LabelLinkConfig } from '../CardContainerLogic'\nimport ModalDownload from '../ModalDownload/ModalDownload'\nimport { useQueryContext } from '../QueryContext'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport { isRowSelectionVisibleAtom } from '../QueryWrapper/TableRowSelectionState'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { SynapseTableContext } from './SynapseTableContext'\nimport {\n  accessColumn,\n  addToDownloadListColumn,\n  directDownloadColumn,\n  rowSelectionColumn,\n  TableDataCell,\n  TableDataColumnHeader,\n} from './SynapseTableRenderers'\nimport {\n  isEntityViewOrDatasetOrCollection,\n  isFileViewOrDataset,\n  isSortableColumn,\n} from './SynapseTableUtils'\nimport { usePrefetchResourcesInTable } from './usePrefetchTableData'\nimport { useTableSort } from './useTableSort'\n\nconst DEFAULT_CUSTOM_COLUMNS: ColumnDef<Row, any>[] = []\n\n/**\n * Returns the minimum column width (in px) for a Synapse table column\n * based on its type and name.\n */\nexport function getColumnMinSize(\n  columnName: string,\n  columnType: ColumnTypeEnum,\n): number {\n  const nameLower = columnName.toLowerCase()\n  if (nameLower.includes('name') || nameLower.includes('description')) {\n    return 250\n  }\n  switch (columnType) {\n    case ColumnTypeEnum.ENTITYID:\n    case ColumnTypeEnum.ENTITYID_LIST:\n    case ColumnTypeEnum.USERID:\n    case ColumnTypeEnum.USERID_LIST:\n    case ColumnTypeEnum.FILEHANDLEID:\n    case ColumnTypeEnum.EVALUATIONID:\n    case ColumnTypeEnum.SUBMISSIONID:\n      return 180\n    case ColumnTypeEnum.DATE:\n    case ColumnTypeEnum.DATE_LIST:\n      return 120\n    case ColumnTypeEnum.STRING:\n    case ColumnTypeEnum.STRING_LIST:\n      return 100\n    default:\n      return 60\n  }\n}\n\nexport type SynapseTableConfiguration = Pick<\n  SynapseTableProps,\n  | 'showAccessColumn'\n  | 'showExternalAccessIcon'\n  | 'showAccessColumnHeader'\n  | 'showDownloadColumn'\n  | 'hideDownload'\n  | 'showDirectDownloadColumn'\n  | 'hideAddToDownloadListColumn'\n  | 'columnLinks'\n  | 'customColumns'\n>\n\nexport type SynapseTableProps = {\n  /** The row data shown in the table. */\n  rowSet: RowSet\n  /** Whether a new page of data is being loaded */\n  isLoadingNewPage: boolean\n  /** Custom columns to render in the table */\n  customColumns?: ColumnDef<Row, any>[]\n  /** If true and entity is a view or dataset, renders a column that represents if the caller has permission to download the entity represented by the row */\n  showAccessColumn?: boolean\n  /**\n   * If true, the component will show enhanced UI for the case where\n   * - the entity is a FileEntity, AND\n   * - the caller has permission to fetch the dataFileHandle, AND\n   * - the dataFileHandle is an instance of ExternalFileHandleInterface (i.e. the file is not controlled by Synapse)\n   * Note that this requires an additional API call that cannot be batched, so it should be avoided in bulk  contexts if possible.\n   * @default false\n   */\n  showExternalAccessIcon?: boolean\n  showAccessColumnHeader?: boolean\n  /** @deprecated use showDirectDownloadColumn */\n  showDownloadColumn?: boolean\n  /** @deprecated use hideAddToDownloadListColumn */\n  hideDownload?: boolean\n  /** If true and entity is a file view or dataset, renders a column that allows the logged-in user to directly download the file, if they have permission */\n  showDirectDownloadColumn?: boolean\n  /** If true, the add to download list column will be hidden */\n  hideAddToDownloadListColumn?: boolean\n  /** Configuration to override cell renderers with e.g. a link to a portals detail page */\n  columnLinks?: LabelLinkConfig\n}\n\nconst columnHelper = createColumnHelper<Row>()\n\nexport function SynapseTable(props: SynapseTableProps) {\n  const { showDownloadColumn, hideDownload } = props\n  const {\n    rowSet,\n    isLoadingNewPage,\n    customColumns = DEFAULT_CUSTOM_COLUMNS,\n    showAccessColumn,\n    showExternalAccessIcon,\n    showAccessColumnHeader,\n    showDirectDownloadColumn = showDownloadColumn,\n    hideAddToDownloadListColumn = hideDownload,\n    columnLinks,\n  } = props\n  const {\n    entityId,\n    versionNumber,\n    getCurrentQueryRequest,\n    fileIdColumnName,\n    fileVersionColumnName,\n  } = useQueryContext()\n  const queryRequest = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n\n  const selectColumns = rowSet.headers\n\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n\n  const { columnsToShowInTable, NoContentPlaceholder } =\n    useQueryVisualizationContext()\n  const synapseTableContext = useMemo(\n    () => ({\n      columnLinks,\n      showExternalAccessIcon,\n    }),\n    [columnLinks, showExternalAccessIcon],\n  )\n  const { isAuthenticated } = useSynapseContext()\n\n  const [isExportTableDownloadOpen, setIsExportTableDownloadOpen] =\n    useState(false)\n\n  const { sort, setSort } = useTableSort()\n  const isRowSelectionVisible = useAtomValue(isRowSelectionVisibleAtom)\n\n  const isShowingAccessColumn: boolean = Boolean(\n    showAccessColumn &&\n    entity &&\n    ((isEntityViewOrDatasetOrCollection(entity) && allRowsHaveId(rowSet)) ||\n      fileIdColumnName),\n  )\n  const rowsAreDownloadable =\n    entity &&\n    isAuthenticated &&\n    ((isFileViewOrDataset(entity) && allRowsHaveId(rowSet)) || fileIdColumnName)\n\n  const isShowingDirectDownloadColumn = Boolean(\n    rowsAreDownloadable && showDirectDownloadColumn,\n  )\n\n  const isShowingAddToV2DownloadListColumn: boolean = Boolean(\n    rowsAreDownloadable &&\n    !hideAddToDownloadListColumn &&\n    !isRowSelectionVisible,\n  )\n  const rowEntityIDColumnIndex = fileIdColumnName\n    ? rowSet.headers.findIndex(col => col.name == fileIdColumnName)\n    : undefined\n  const rowEntityVersionColumnIndex = fileVersionColumnName\n    ? rowSet.headers.findIndex(col => col.name == fileVersionColumnName)\n    : undefined\n\n  const columns = useMemo(\n    () => [\n      ...customColumns,\n      rowSelectionColumn,\n      addToDownloadListColumn,\n      directDownloadColumn,\n      {\n        ...accessColumn,\n        header: showAccessColumn && showAccessColumnHeader ? 'Access' : '',\n      },\n      ...(selectColumns.map((selectColumn, index) => {\n        return columnHelper.accessor(row => row.values[index], {\n          id: selectColumn.name,\n          enableSorting: isSortableColumn(selectColumn.columnType),\n          enableResizing: true,\n          minSize: getColumnMinSize(\n            selectColumn.name,\n            selectColumn.columnType as ColumnTypeEnum,\n          ),\n          header: TableDataColumnHeader,\n          cell: TableDataCell,\n        })\n      }) ?? []),\n    ],\n    [customColumns, selectColumns, showAccessColumn, showAccessColumnHeader],\n  )\n\n  const prependColumnVisibility: VisibilityState = useMemo(\n    () => ({\n      [rowSelectionColumn.id as string]: isRowSelectionVisible,\n      [addToDownloadListColumn.id as string]:\n        isShowingAddToV2DownloadListColumn,\n      [directDownloadColumn.id as string]: isShowingDirectDownloadColumn,\n      [accessColumn.id as string]: isShowingAccessColumn,\n    }),\n    [\n      isRowSelectionVisible,\n      isShowingAccessColumn,\n      isShowingAddToV2DownloadListColumn,\n      isShowingDirectDownloadColumn,\n    ],\n  )\n\n  // Transform our `columnsToShowInTable` to @tanstack/react-table's `VisibilityState`\n  const columnVisibility: VisibilityState = useMemo(\n    () =>\n      selectColumns.reduce((prev: VisibilityState, curr) => {\n        return {\n          ...prev,\n          [curr.name]: columnsToShowInTable.includes(curr.name),\n        }\n      }, prependColumnVisibility),\n    [columnsToShowInTable, selectColumns, prependColumnVisibility],\n  )\n\n  const { dataHasBeenPrefetched } = usePrefetchResourcesInTable(rowSet)\n  const renderTableDataPlaceholder = isLoadingNewPage || !dataHasBeenPrefetched\n\n  const table = useReactTable({\n    data: rowSet.rows,\n    columns,\n    defaultColumn: { minSize: 60 },\n    getCoreRowModel: getCoreRowModel(),\n    manualSorting: true,\n    manualFiltering: true,\n    onSortingChange: setSort,\n    enableMultiSort: true,\n    columnResizeMode: 'onChange',\n    state: {\n      sorting: sort,\n      columnVisibility: columnVisibility,\n    },\n    meta: {\n      rowSet,\n      // make the rowEntityIDColumnIndex available to all cell renderers\n      rowEntityIDColumnIndex,\n      rowEntityVersionColumnIndex,\n      renderPlaceholderData: renderTableDataPlaceholder,\n      getWrapInExpandableTd: (cell: Cell<Row, unknown>) => {\n        const selectColumn = selectColumns.find(\n          cm => cm.name === cell.column.id,\n        )\n        return Boolean(\n          selectColumn &&\n          /* JSON handles its own overflow*/\n          selectColumn.columnType !== ColumnTypeEnum.JSON,\n        )\n      },\n    },\n  })\n\n  /**\n   * Display the view\n   */\n  if (!rowSet) {\n    return <></>\n  }\n  const hasResults = (rowSet.rows?.length ?? 0) > 0\n  // Show the No Results UI if the current page has no rows, and this is the first page of data (offset === 0 or null/undefined).\n  if (\n    !hasResults &&\n    (queryRequest.query.offset === 0 || queryRequest.query.offset == null)\n  ) {\n    return <NoContentPlaceholder />\n  }\n\n  return (\n    <SynapseTableContext.Provider value={synapseTableContext}>\n      <div>\n        {isExportTableDownloadOpen && (\n          <ModalDownload\n            onClose={() => {\n              setIsExportTableDownloadOpen(false)\n            }}\n            queryBundleRequest={queryRequest}\n          />\n        )}\n        <StyledTanStackTable\n          styledTableContainerProps={{\n            className: 'SynapseTable',\n            ['data-testid']: 'SynapseTable',\n            density: 'default',\n          }}\n          table={table}\n          fullWidth={false}\n          autoColumnSizing={true}\n          showTopScrollbar={true}\n        />\n      </div>\n    </SynapseTableContext.Provider>\n  )\n}\n\n/**\n * If this is a view/dataset and rows have an ID, then rows represent individual objects in Synapse.\n * Presence of row IDs also indicates that the query is also necessarily not summary data, e.g. the query does\n * not include an operation like GROUP BY, DISTINCT, etc., that would cause rows to not map 1:1 to Synapse Entities\n */\nfunction allRowsHaveId(rowSet: RowSet): boolean {\n  return Boolean(rowSet.rows?.every(row => !!row.rowId))\n}\n"],"mappings":"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"}

package/dist/components/SynapseTable/export/ExternalPlatformActionsRequiredPrecheck.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalPlatformActionsRequiredPrecheck.d.ts","sourceRoot":"","sources":["../../../../src/components/SynapseTable/export/ExternalPlatformActionsRequiredPrecheck.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAc,MAAM,eAAe,CAAA;AAgBvD,OAAO,EAEL,wBAAwB,EACzB,MAAM,sCAAsC,CAAA;AAc7C,MAAM,MAAM,4CAA4C,GAAG;IAEzD,gBAAgB,EAAE,wBAAwB,CAAA;IAE1C,0BAA0B,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IAExD,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,uCAAuC,CAC7D,KAAK,EAAE,4CAA4C,2CAgJpD"}
+{"version":3,"file":"ExternalPlatformActionsRequiredPrecheck.d.ts","sourceRoot":"","sources":["../../../../src/components/SynapseTable/export/ExternalPlatformActionsRequiredPrecheck.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAc,MAAM,eAAe,CAAA;AAgBvD,OAAO,EAEL,wBAAwB,EACzB,MAAM,sCAAsC,CAAA;AAc7C,MAAM,MAAM,4CAA4C,GAAG;IAEzD,gBAAgB,EAAE,wBAAwB,CAAA;IAE1C,0BAA0B,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,IAAI,CAAA;IAExD,kBAAkB,EAAE,MAAM,IAAI,CAAA;CAC/B,CAAA;AAED,MAAM,CAAC,OAAO,UAAU,uCAAuC,CAC7D,KAAK,EAAE,4CAA4C,2CA8IpD"}

package/dist/components/SynapseTable/export/ExternalPlatformActionsRequiredPrecheck.js

@@ -20,66 +20,66 @@ function x(e) {
 	return `SendTo${g(e.replace("\\s", ""))}ButtonFromConfirmationDialog`;
 }
 function S(g) {
-	let { selectedPlatform: S, onConfirmButtonPropsChange: C, onSuccessfulExport: w } = g, T = c[S], { getCurrentQueryRequest: E, onViewSharingSettingsClicked: D, hasResettableFilters: O, fileIdColumnName: k, fileVersionColumnName: A, fileNameColumnName: j } = t(), { data: M, isLoading: N } = n(), P = o(), F = a(), I = i(), { unitDescription: L } = r(), [R, z] = h(void 0), B = m(() => {
+	let { selectedPlatform: S, onConfirmButtonPropsChange: C, onSuccessfulExport: w } = g, T = c[S], { getCurrentQueryRequest: E, hasResettableFilters: D, fileIdColumnName: O, fileVersionColumnName: k, fileNameColumnName: A } = t(), { data: j, isLoading: M } = n(), N = o(), P = a(), F = i(), { unitDescription: I } = r(), [L, R] = h(void 0), z = m(() => {
 		let e = E();
-		return I && F && M?.selectColumns && (e.query.additionalFilters = [...e.query.additionalFilters || [], s(F, P, M.selectColumns)]), e;
+		return F && P && j?.selectColumns && (e.query.additionalFilters = [...e.query.additionalFilters || [], s(P, N, j.selectColumns)]), e;
 	}, [
 		E,
-		I,
 		F,
-		M?.selectColumns,
-		P
-	]), { exportToCavatica: V, exportToTerra: H, exportToPluto: U, exportToPlutoDev: W, exportToADWorkbench: G } = l({
-		queryBundleRequest: B,
-		selectColumns: M?.selectColumns,
-		fileIdColumnName: k,
-		fileVersionColumnName: A,
-		fileNameColumnName: j
-	}), K = `Send ${d(O, I, P, M?.queryCount, L)} to ${T.name}`, q = f(async () => {
+		P,
+		j?.selectColumns,
+		N
+	]), { exportToCavatica: B, exportToTerra: V, exportToPluto: H, exportToPlutoDev: U, exportToADWorkbench: W } = l({
+		queryBundleRequest: z,
+		selectColumns: j?.selectColumns,
+		fileIdColumnName: O,
+		fileVersionColumnName: k,
+		fileNameColumnName: A
+	}), G = `Send ${d(D, F, N, j?.queryCount, I)} to ${T.name}`, K = f(async () => {
 		switch (S) {
 			case "cavatica":
-				await V();
+				await B();
 				break;
 			case "terra":
-				await H();
+				await V();
 				break;
 			case "pluto":
-				await U();
+				await H();
 				break;
 			case "plutodev":
-				await W();
+				await U();
 				break;
 			case "adworkbench":
-				await G();
+				await W();
 				break;
 		}
 		w();
 	}, [
+		B,
 		V,
 		H,
 		U,
-		W,
 		w,
 		S,
-		G
+		W
 	]);
 	return p(() => {
 		C({
 			id: x(S),
-			children: K,
-			disabled: N || R !== 0,
+			children: G,
+			disabled: M || L !== 0,
 			onClick: () => {
-				q();
+				K();
 			}
 		});
 	}, [
-		R,
+		L,
+		G,
+		M,
 		K,
-		N,
-		q,
 		C,
 		S
-	]), N ? /* @__PURE__ */ y(e, { numRows: 4 }) : /* @__PURE__ */ b(v, { children: [
+	]), M ? /* @__PURE__ */ y(e, { numRows: 4 }) : /* @__PURE__ */ b(v, { children: [
 		/* @__PURE__ */ b(_, {
 			variant: "body1",
 			sx: {
@@ -103,10 +103,9 @@ function S(g) {
 			]
 		}),
 		/* @__PURE__ */ y(u, {
-			queryBundleRequest: B,
-			columnModels: M?.columnModels ?? [],
-			onNumberOfRequiredActionsChanged: z,
-			onViewSharingSettingsClicked: D
+			queryBundleRequest: z,
+			columnModels: j?.columnModels ?? [],
+			onNumberOfRequiredActionsChanged: R
 		}),
 		/* @__PURE__ */ b(_, {
 			variant: "body1",

package/dist/components/SynapseTable/export/ExternalPlatformActionsRequiredPrecheck.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalPlatformActionsRequiredPrecheck.js","names":[],"sources":["../../../../src/components/SynapseTable/export/ExternalPlatformActionsRequiredPrecheck.tsx"],"sourcesContent":["import { ButtonProps, Typography } from '@mui/material'\nimport { upperFirst } from 'lodash-es'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useExportTableQueryToAnalysisPlatform } from '../../../synapse-queries/entity/useExportTableQueryToAnalysisPlatform'\nimport { getPrimaryKeyINFilter } from '../../../utils/functions/QueryFilterUtils'\nimport { TableQueryActionsRequired } from '../../DownloadCart/TableQueryActionsRequired'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper/index'\nimport {\n  useHasSelectedRowsAtomValue,\n  useRowSelectionPrimaryKeyAtomValue,\n  useSelectedRowsAtomValue,\n} from '../../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { SkeletonParagraph } from '../../Skeleton/index'\nimport { getNumberOfResultsToInvokeActionCopy } from '../TopLevelControls/TopLevelControlsUtils'\nimport {\n  EXTERNAL_ANALYSIS_PLATFORMS,\n  ExternalAnalysisPlatform,\n} from './ExternalAnalysisPlatformsConstants'\n\n/**\n * Get the ID of the confirm button for the selected platform, used in Google Tag Manager\n * @param selectedPlatform\n */\nfunction getConfirmButtonId(\n  selectedPlatform: ExternalAnalysisPlatform,\n): string {\n  return `SendTo${upperFirst(\n    selectedPlatform.replace('\\\\s', ''),\n  )}ButtonFromConfirmationDialog`\n}\n\nexport type ExternalPlatformActionsRequiredPrecheckProps = {\n  /* The external analysis platform that the user selected */\n  selectedPlatform: ExternalAnalysisPlatform\n  /* Callback to propagate the current confirm button appearance and behavior */\n  onConfirmButtonPropsChange: (props: ButtonProps) => void\n  /* Callback invoked when export to the external platform succeeds */\n  onSuccessfulExport: () => void\n}\n\nexport default function ExternalPlatformActionsRequiredPrecheck(\n  props: ExternalPlatformActionsRequiredPrecheckProps,\n) {\n  const { selectedPlatform, onConfirmButtonPropsChange, onSuccessfulExport } =\n    props\n  const platform = EXTERNAL_ANALYSIS_PLATFORMS[selectedPlatform]\n\n  const {\n    getCurrentQueryRequest,\n    onViewSharingSettingsClicked,\n    hasResettableFilters,\n    fileIdColumnName,\n    fileVersionColumnName,\n    fileNameColumnName,\n  } = useQueryContext()\n\n  const { data: queryMetadata, isLoading } = useGetQueryMetadata()\n  const selectedRows = useSelectedRowsAtomValue()\n  const rowSelectionPrimaryKey = useRowSelectionPrimaryKeyAtomValue()\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n\n  const { unitDescription } = useQueryVisualizationContext()\n\n  const [numberOfRequiredActions, setNumberOfRequiredActions] = useState<\n    number | undefined\n  >(undefined)\n\n  const queryFilteredBySelection = useMemo(() => {\n    const request = getCurrentQueryRequest()\n    if (\n      hasSelectedRows &&\n      rowSelectionPrimaryKey &&\n      queryMetadata?.selectColumns\n    ) {\n      request.query.additionalFilters = [\n        ...(request.query.additionalFilters || []),\n        getPrimaryKeyINFilter(\n          rowSelectionPrimaryKey,\n          selectedRows,\n          queryMetadata.selectColumns,\n        ),\n      ]\n    }\n    return request\n  }, [\n    getCurrentQueryRequest,\n    hasSelectedRows,\n    rowSelectionPrimaryKey,\n    queryMetadata?.selectColumns,\n    selectedRows,\n  ])\n\n  const {\n    exportToCavatica,\n    exportToTerra,\n    exportToPluto,\n    exportToPlutoDev,\n    exportToADWorkbench,\n  } = useExportTableQueryToAnalysisPlatform({\n    queryBundleRequest: queryFilteredBySelection,\n    selectColumns: queryMetadata?.selectColumns,\n    fileIdColumnName,\n    fileVersionColumnName,\n    fileNameColumnName,\n  })\n\n  const confirmButtonText = `Send ${getNumberOfResultsToInvokeActionCopy(\n    hasResettableFilters,\n    hasSelectedRows,\n    selectedRows,\n    queryMetadata?.queryCount,\n    unitDescription,\n  )} to ${platform.name}`\n\n  const onConfirmButtonClick = useCallback(async () => {\n    switch (selectedPlatform) {\n      case 'cavatica':\n        await exportToCavatica()\n        break\n      case 'terra':\n        await exportToTerra()\n        break\n      case 'pluto':\n        await exportToPluto()\n        break\n      case 'plutodev':\n        await exportToPlutoDev()\n        break\n      case 'adworkbench':\n        await exportToADWorkbench()\n        break\n    }\n    onSuccessfulExport()\n  }, [\n    exportToCavatica,\n    exportToTerra,\n    exportToPluto,\n    exportToPlutoDev,\n    onSuccessfulExport,\n    selectedPlatform,\n    exportToADWorkbench,\n  ])\n\n  useEffect(() => {\n    onConfirmButtonPropsChange({\n      id: getConfirmButtonId(selectedPlatform),\n      children: confirmButtonText,\n      disabled: isLoading || numberOfRequiredActions !== 0,\n      onClick: () => {\n        void onConfirmButtonClick()\n      },\n    })\n  }, [\n    numberOfRequiredActions,\n    confirmButtonText,\n    isLoading,\n    onConfirmButtonClick,\n    onConfirmButtonPropsChange,\n    selectedPlatform,\n  ])\n\n  if (isLoading) return <SkeletonParagraph numRows={4} />\n\n  return (\n    <>\n      <Typography variant=\"body1\" sx={{ fontWeight: 700, my: '10px' }}>\n        Before sending the selected data to {platform.name}:\n      </Typography>\n      <Typography variant=\"body1\" sx={{ marginBottom: '10px' }}>\n        You must meet all requirements to download the selected data. You must\n        take the following actions before we can send this data to{' '}\n        {platform.name}.\n      </Typography>\n      <TableQueryActionsRequired\n        queryBundleRequest={queryFilteredBySelection}\n        columnModels={queryMetadata?.columnModels ?? []}\n        onNumberOfRequiredActionsChanged={setNumberOfRequiredActions}\n        onViewSharingSettingsClicked={onViewSharingSettingsClicked}\n      />\n      <Typography variant=\"body1\" sx={{ fontWeight: 700, marginTop: '15px' }}>\n        When completed, click “Send to {platform.name}“ to finish the process\n        outside this application. You will be redirected to {platform.name}.\n      </Typography>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAyBA,SAAS,EACP,GACQ;CACR,OAAO,SAAS,EACd,EAAiB,QAAQ,OAAO,EAAE,CACpC,EAAE;AACJ;AAWA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,qBAAkB,+BAA4B,0BACpD,GACI,IAAW,EAA4B,IAEvC,EACJ,2BACA,iCACA,yBACA,qBACA,0BACA,0BACE,EAAgB,GAEd,EAAE,MAAM,GAAe,iBAAc,EAAoB,GACzD,IAAe,EAAyB,GACxC,IAAyB,EAAmC,GAC5D,IAAkB,EAA4B,GAE9C,EAAE,uBAAoB,EAA6B,GAEnD,CAAC,GAAyB,KAA8B,EAE5D,KAAA,CAAS,GAEL,IAA2B,QAAc;EAC7C,IAAM,IAAU,EAAuB;EAevC,OAbE,KACA,KACA,GAAe,kBAEf,EAAQ,MAAM,oBAAoB,CAChC,GAAI,EAAQ,MAAM,qBAAqB,CAAC,GACxC,EACE,GACA,GACA,EAAc,aAChB,CACF,IAEK;CACT,GAAG;EACD;EACA;EACA;EACA,GAAe;EACf;CACF,CAAC,GAEK,EACJ,qBACA,kBACA,kBACA,qBACA,2BACE,EAAsC;EACxC,oBAAoB;EACpB,eAAe,GAAe;EAC9B;EACA;EACA;CACF,CAAC,GAEK,IAAoB,QAAQ,EAChC,GACA,GACA,GACA,GAAe,YACf,CACF,EAAE,MAAM,EAAS,QAEX,IAAuB,EAAY,YAAY;EACnD,QAAQ,GAAR;GACE,KAAK;IACH,MAAM,EAAiB;IACvB;GACF,KAAK;IACH,MAAM,EAAc;IACpB;GACF,KAAK;IACH,MAAM,EAAc;IACpB;GACF,KAAK;IACH,MAAM,EAAiB;IACvB;GACF,KAAK;IACH,MAAM,EAAoB;IAC1B;EACJ;EACA,EAAmB;CACrB,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAsBD,OApBA,QAAgB;EACd,EAA2B;GACzB,IAAI,EAAmB,CAAgB;GACvC,UAAU;GACV,UAAU,KAAa,MAA4B;GACnD,eAAe;IACb,EAA0B;GAC5B;EACF,CAAC;CACH,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GAEG,IAAkB,kBAAC,GAAD,EAAmB,SAAS,EAAI,CAAA,IAGpD,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI;IAAE,YAAY;IAAK,IAAI;GAAO;aAA9D;IAAiE;IAC1B,EAAS;IAAK;GACzC;;EACZ,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI,EAAE,cAAc,OAAO;aAAvD;IAA0D;IAEG;IAC1D,EAAS;IAAK;GACL;;EACZ,kBAAC,GAAD;GACE,oBAAoB;GACpB,cAAc,GAAe,gBAAgB,CAAC;GAC9C,kCAAkC;GACJ;EAC/B,CAAA;EACD,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI;IAAE,YAAY;IAAK,WAAW;GAAO;aAArE;IAAwE;IACtC,EAAS;IAAK;IACO,EAAS;IAAK;GACzD;;CACZ,EAAA,CAAA;AAEN"}
+{"version":3,"file":"ExternalPlatformActionsRequiredPrecheck.js","names":[],"sources":["../../../../src/components/SynapseTable/export/ExternalPlatformActionsRequiredPrecheck.tsx"],"sourcesContent":["import { ButtonProps, Typography } from '@mui/material'\nimport { upperFirst } from 'lodash-es'\nimport { useCallback, useEffect, useMemo, useState } from 'react'\nimport { useExportTableQueryToAnalysisPlatform } from '../../../synapse-queries/entity/useExportTableQueryToAnalysisPlatform'\nimport { getPrimaryKeyINFilter } from '../../../utils/functions/QueryFilterUtils'\nimport { TableQueryActionsRequired } from '../../DownloadCart/TableQueryActionsRequired'\nimport { useQueryContext } from '../../QueryContext'\nimport { useQueryVisualizationContext } from '../../QueryVisualizationWrapper/index'\nimport {\n  useHasSelectedRowsAtomValue,\n  useRowSelectionPrimaryKeyAtomValue,\n  useSelectedRowsAtomValue,\n} from '../../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport { SkeletonParagraph } from '../../Skeleton/index'\nimport { getNumberOfResultsToInvokeActionCopy } from '../TopLevelControls/TopLevelControlsUtils'\nimport {\n  EXTERNAL_ANALYSIS_PLATFORMS,\n  ExternalAnalysisPlatform,\n} from './ExternalAnalysisPlatformsConstants'\n\n/**\n * Get the ID of the confirm button for the selected platform, used in Google Tag Manager\n * @param selectedPlatform\n */\nfunction getConfirmButtonId(\n  selectedPlatform: ExternalAnalysisPlatform,\n): string {\n  return `SendTo${upperFirst(\n    selectedPlatform.replace('\\\\s', ''),\n  )}ButtonFromConfirmationDialog`\n}\n\nexport type ExternalPlatformActionsRequiredPrecheckProps = {\n  /* The external analysis platform that the user selected */\n  selectedPlatform: ExternalAnalysisPlatform\n  /* Callback to propagate the current confirm button appearance and behavior */\n  onConfirmButtonPropsChange: (props: ButtonProps) => void\n  /* Callback invoked when export to the external platform succeeds */\n  onSuccessfulExport: () => void\n}\n\nexport default function ExternalPlatformActionsRequiredPrecheck(\n  props: ExternalPlatformActionsRequiredPrecheckProps,\n) {\n  const { selectedPlatform, onConfirmButtonPropsChange, onSuccessfulExport } =\n    props\n  const platform = EXTERNAL_ANALYSIS_PLATFORMS[selectedPlatform]\n\n  const {\n    getCurrentQueryRequest,\n    hasResettableFilters,\n    fileIdColumnName,\n    fileVersionColumnName,\n    fileNameColumnName,\n  } = useQueryContext()\n\n  const { data: queryMetadata, isLoading } = useGetQueryMetadata()\n  const selectedRows = useSelectedRowsAtomValue()\n  const rowSelectionPrimaryKey = useRowSelectionPrimaryKeyAtomValue()\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n\n  const { unitDescription } = useQueryVisualizationContext()\n\n  const [numberOfRequiredActions, setNumberOfRequiredActions] = useState<\n    number | undefined\n  >(undefined)\n\n  const queryFilteredBySelection = useMemo(() => {\n    const request = getCurrentQueryRequest()\n    if (\n      hasSelectedRows &&\n      rowSelectionPrimaryKey &&\n      queryMetadata?.selectColumns\n    ) {\n      request.query.additionalFilters = [\n        ...(request.query.additionalFilters || []),\n        getPrimaryKeyINFilter(\n          rowSelectionPrimaryKey,\n          selectedRows,\n          queryMetadata.selectColumns,\n        ),\n      ]\n    }\n    return request\n  }, [\n    getCurrentQueryRequest,\n    hasSelectedRows,\n    rowSelectionPrimaryKey,\n    queryMetadata?.selectColumns,\n    selectedRows,\n  ])\n\n  const {\n    exportToCavatica,\n    exportToTerra,\n    exportToPluto,\n    exportToPlutoDev,\n    exportToADWorkbench,\n  } = useExportTableQueryToAnalysisPlatform({\n    queryBundleRequest: queryFilteredBySelection,\n    selectColumns: queryMetadata?.selectColumns,\n    fileIdColumnName,\n    fileVersionColumnName,\n    fileNameColumnName,\n  })\n\n  const confirmButtonText = `Send ${getNumberOfResultsToInvokeActionCopy(\n    hasResettableFilters,\n    hasSelectedRows,\n    selectedRows,\n    queryMetadata?.queryCount,\n    unitDescription,\n  )} to ${platform.name}`\n\n  const onConfirmButtonClick = useCallback(async () => {\n    switch (selectedPlatform) {\n      case 'cavatica':\n        await exportToCavatica()\n        break\n      case 'terra':\n        await exportToTerra()\n        break\n      case 'pluto':\n        await exportToPluto()\n        break\n      case 'plutodev':\n        await exportToPlutoDev()\n        break\n      case 'adworkbench':\n        await exportToADWorkbench()\n        break\n    }\n    onSuccessfulExport()\n  }, [\n    exportToCavatica,\n    exportToTerra,\n    exportToPluto,\n    exportToPlutoDev,\n    onSuccessfulExport,\n    selectedPlatform,\n    exportToADWorkbench,\n  ])\n\n  useEffect(() => {\n    onConfirmButtonPropsChange({\n      id: getConfirmButtonId(selectedPlatform),\n      children: confirmButtonText,\n      disabled: isLoading || numberOfRequiredActions !== 0,\n      onClick: () => {\n        void onConfirmButtonClick()\n      },\n    })\n  }, [\n    numberOfRequiredActions,\n    confirmButtonText,\n    isLoading,\n    onConfirmButtonClick,\n    onConfirmButtonPropsChange,\n    selectedPlatform,\n  ])\n\n  if (isLoading) return <SkeletonParagraph numRows={4} />\n\n  return (\n    <>\n      <Typography variant=\"body1\" sx={{ fontWeight: 700, my: '10px' }}>\n        Before sending the selected data to {platform.name}:\n      </Typography>\n      <Typography variant=\"body1\" sx={{ marginBottom: '10px' }}>\n        You must meet all requirements to download the selected data. You must\n        take the following actions before we can send this data to{' '}\n        {platform.name}.\n      </Typography>\n      <TableQueryActionsRequired\n        queryBundleRequest={queryFilteredBySelection}\n        columnModels={queryMetadata?.columnModels ?? []}\n        onNumberOfRequiredActionsChanged={setNumberOfRequiredActions}\n      />\n      <Typography variant=\"body1\" sx={{ fontWeight: 700, marginTop: '15px' }}>\n        When completed, click “Send to {platform.name}“ to finish the process\n        outside this application. You will be redirected to {platform.name}.\n      </Typography>\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAyBA,SAAS,EACP,GACQ;CACR,OAAO,SAAS,EACd,EAAiB,QAAQ,OAAO,EAAE,CACpC,EAAE;AACJ;AAWA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,qBAAkB,+BAA4B,0BACpD,GACI,IAAW,EAA4B,IAEvC,EACJ,2BACA,yBACA,qBACA,0BACA,0BACE,EAAgB,GAEd,EAAE,MAAM,GAAe,iBAAc,EAAoB,GACzD,IAAe,EAAyB,GACxC,IAAyB,EAAmC,GAC5D,IAAkB,EAA4B,GAE9C,EAAE,uBAAoB,EAA6B,GAEnD,CAAC,GAAyB,KAA8B,EAE5D,KAAA,CAAS,GAEL,IAA2B,QAAc;EAC7C,IAAM,IAAU,EAAuB;EAevC,OAbE,KACA,KACA,GAAe,kBAEf,EAAQ,MAAM,oBAAoB,CAChC,GAAI,EAAQ,MAAM,qBAAqB,CAAC,GACxC,EACE,GACA,GACA,EAAc,aAChB,CACF,IAEK;CACT,GAAG;EACD;EACA;EACA;EACA,GAAe;EACf;CACF,CAAC,GAEK,EACJ,qBACA,kBACA,kBACA,qBACA,2BACE,EAAsC;EACxC,oBAAoB;EACpB,eAAe,GAAe;EAC9B;EACA;EACA;CACF,CAAC,GAEK,IAAoB,QAAQ,EAChC,GACA,GACA,GACA,GAAe,YACf,CACF,EAAE,MAAM,EAAS,QAEX,IAAuB,EAAY,YAAY;EACnD,QAAQ,GAAR;GACE,KAAK;IACH,MAAM,EAAiB;IACvB;GACF,KAAK;IACH,MAAM,EAAc;IACpB;GACF,KAAK;IACH,MAAM,EAAc;IACpB;GACF,KAAK;IACH,MAAM,EAAiB;IACvB;GACF,KAAK;IACH,MAAM,EAAoB;IAC1B;EACJ;EACA,EAAmB;CACrB,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAsBD,OApBA,QAAgB;EACd,EAA2B;GACzB,IAAI,EAAmB,CAAgB;GACvC,UAAU;GACV,UAAU,KAAa,MAA4B;GACnD,eAAe;IACb,EAA0B;GAC5B;EACF,CAAC;CACH,GAAG;EACD;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GAEG,IAAkB,kBAAC,GAAD,EAAmB,SAAS,EAAI,CAAA,IAGpD,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI;IAAE,YAAY;IAAK,IAAI;GAAO;aAA9D;IAAiE;IAC1B,EAAS;IAAK;GACzC;;EACZ,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI,EAAE,cAAc,OAAO;aAAvD;IAA0D;IAEG;IAC1D,EAAS;IAAK;GACL;;EACZ,kBAAC,GAAD;GACE,oBAAoB;GACpB,cAAc,GAAe,gBAAgB,CAAC;GAC9C,kCAAkC;EACnC,CAAA;EACD,kBAAC,GAAD;GAAY,SAAQ;GAAQ,IAAI;IAAE,YAAY;IAAK,WAAW;GAAO;aAArE;IAAwE;IACtC,EAAS;IAAK;IACO,EAAS;IAAK;GACzD;;CACZ,EAAA,CAAA;AAEN"}

package/dist/components/TanStackTable/StyledTanStackTable.d.ts

@@ -13,6 +13,13 @@ export type StyledTanStackTableProps<TData = unknown, TRowType = Row<TData>> = {
      * Defaults to false (fixed layout).
      */
     autoColumnSizing?: boolean;
+    /**
+     * When true, renders an additional horizontal scrollbar above the table (in addition to the
+     * browser's native scrollbar below it), synced to the same scroll position. Useful for wide
+     * tables where the bottom scrollbar may be far from the viewport's visible area.
+     * @default false
+     */
+    showTopScrollbar?: boolean;
     slots?: StyledTanStackTableSlots<TData, TRowType>;
     slotProps?: StyledTanStackTableSlotProps<TData, TRowType>;
 } & Pick<TableBodyProps<TData, TRowType>, 'rows' | 'rowTransform'>;

package/dist/components/TanStackTable/StyledTanStackTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledTanStackTable.d.ts","sourceRoot":"","sources":["../../../src/components/TanStackTable/StyledTanStackTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAC1B,MAAM,0CAA0C,CAAA;AACjD,OAAO,EAGL,GAAG,EACH,KAAK,EACN,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAgC,cAAc,EAAE,MAAM,aAAa,CAAA;AAM1E,OAAO,EAAE,4BAA4B,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAEhF,MAAM,MAAM,wBAAwB,CAAC,KAAK,GAAG,OAAO,EAAE,QAAQ,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI;IAC7E,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IACnB,yBAAyB,CAAC,EAAE,yBAAyB,CAAA;IACrD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,KAAK,CAAC,EAAE,wBAAwB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IACjD,SAAS,CAAC,EAAE,4BAA4B,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;CAC1D,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,CAAA;AAElE;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CACzC,KAAK,GAAG,OAAO,EACf,QAAQ,GAAG,GAAG,CAAC,KAAK,CAAC,EACrB,KAAK,EAAE,wBAAwB,CAAC,KAAK,EAAE,QAAQ,CAAC,2CA0LjD"}
+{"version":3,"file":"StyledTanStackTable.d.ts","sourceRoot":"","sources":["../../../src/components/TanStackTable/StyledTanStackTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,yBAAyB,EAC1B,MAAM,0CAA0C,CAAA;AAGjD,OAAO,EAGL,GAAG,EACH,KAAK,EACN,MAAM,uBAAuB,CAAA;AAE9B,OAAO,EAAgC,cAAc,EAAE,MAAM,aAAa,CAAA;AAM1E,OAAO,EAAE,4BAA4B,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAGhF,MAAM,MAAM,wBAAwB,CAAC,KAAK,GAAG,OAAO,EAAE,QAAQ,GAAG,GAAG,CAAC,KAAK,CAAC,IAAI;IAC7E,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAA;IACnB,yBAAyB,CAAC,EAAE,yBAAyB,CAAA;IACrD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,KAAK,CAAC,EAAE,wBAAwB,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;IACjD,SAAS,CAAC,EAAE,4BAA4B,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;CAC1D,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,CAAA;AAElE;;;GAGG;AACH,MAAM,CAAC,OAAO,UAAU,mBAAmB,CACzC,KAAK,GAAG,OAAO,EACf,QAAQ,GAAG,GAAG,CAAC,KAAK,CAAC,EACrB,KAAK,EAAE,wBAAwB,CAAC,KAAK,EAAE,QAAQ,CAAC,2CAkOjD"}