synapse-react-client 4.0.32 → 4.0.33

package/dist/components/EntitySidebar/EntitySidebar.js

@@ -2,69 +2,81 @@ import { ENTITY_SIDEBAR_STATE_LOCALSTORAGE_KEY as e } from "../../utils/SynapseC
 import { entityTypeToFriendlyName as t } from "../../utils/functions/EntityTypeUtils.js";
 import n from "../../utils/hooks/useGetEntityMetadata.js";
 import { useGetEntityTitleBarProperties as r } from "../entity/page/title_bar/useGetEntityTitleBarProperties.js";
-import i from "./EntitySidebar.module.js";
-import { useEffect as a, useState as o } from "react";
-import { Box as s, Button as c, Collapse as l, Divider as u, Stack as d, Typography as f, useMediaQuery as p, useTheme as m } from "@mui/material";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import _ from "@mui/icons-material/KeyboardDoubleArrowRight";
-import v from "@mui/icons-material/KeyboardDoubleArrowLeft";
+import i from "./AccessAndPermissions.js";
+import a from "./EntitySidebar.module.js";
+import { useEffect as o, useState as s } from "react";
+import { Box as c, Button as l, Collapse as u, Divider as d, Stack as f, Typography as p, useMediaQuery as m, useTheme as h } from "@mui/material";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import v from "@mui/icons-material/KeyboardDoubleArrowRight";
+import y from "@mui/icons-material/KeyboardDoubleArrowLeft";
 //#region src/components/EntitySidebar/EntitySidebar.tsx
-function y(y) {
-	let { entityId: b, versionNumber: x } = y, S = p(m().breakpoints.down("lg")), { entityBundle: C } = n(b, x), w = C ? t(C.entityType) : "", T = r(b, x), [E, D] = o(() => {
+function b(b) {
+	let { entityId: x, versionNumber: S } = b, C = m(h().breakpoints.down("lg")), { entityBundle: w } = n(x, S), T = w ? t(w.entityType) : "", E = r(x, S), [D, O] = s(() => {
 		let t = localStorage.getItem(e);
 		return t === null ? !0 : t === "true";
 	});
-	a(() => {
-		localStorage.setItem(e, String(E));
-	}, [E]);
-	let O = /* @__PURE__ */ g(s, {
-		className: i.content,
-		children: [
-			/* @__PURE__ */ g(f, {
+	o(() => {
+		localStorage.setItem(e, String(D));
+	}, [D]);
+	let k = /* @__PURE__ */ _(f, {
+		className: a.content,
+		children: [/* @__PURE__ */ _("div", { children: [
+			/* @__PURE__ */ _(p, {
 				variant: "overline",
-				className: i.sidebarHeader,
-				children: ["About this ", w]
+				className: a.sidebarHeader,
+				children: ["About this ", T]
 			}),
-			/* @__PURE__ */ h(u, { className: i.divider }),
-			/* @__PURE__ */ h(d, {
-				className: i.propertiesContainer,
-				children: T.map((e) => /* @__PURE__ */ g(d, {
-					className: i.propertyRow,
-					children: [/* @__PURE__ */ h(f, {
-						className: i.propertyTitle,
+			/* @__PURE__ */ g(d, {}),
+			/* @__PURE__ */ g(f, {
+				className: a.propertiesContainer,
+				children: E.map((e) => /* @__PURE__ */ _(f, {
+					className: a.propertyRow,
+					children: [/* @__PURE__ */ g(p, {
+						className: a.propertyTitle,
 						children: e.title
-					}), /* @__PURE__ */ h(f, {
-						className: i.propertyValue,
+					}), /* @__PURE__ */ g(p, {
+						className: a.propertyValue,
 						variant: "smallText1",
 						component: "div",
 						children: e.value
 					})]
 				}, e.key))
 			})
-		]
+		] }), /* @__PURE__ */ _("div", { children: [
+			/* @__PURE__ */ _(p, {
+				variant: "overline",
+				className: a.sidebarHeader,
+				children: ["ACCESS & PERMISSIONS FOR THIS ", T]
+			}),
+			/* @__PURE__ */ g(d, {}),
+			/* @__PURE__ */ g(i, {
+				entityId: x,
+				versionNumber: S
+			})
+		] })]
 	});
-	return /* @__PURE__ */ g(s, {
-		className: i.panel,
-		children: [/* @__PURE__ */ g(c, {
-			onClick: () => D((e) => !e),
-			className: i.toggleButton,
-			children: [/* @__PURE__ */ g(f, {
+	return /* @__PURE__ */ _(c, {
+		className: a.panel,
+		children: [/* @__PURE__ */ _(l, {
+			onClick: () => O((e) => !e),
+			className: a.toggleButton,
+			children: [/* @__PURE__ */ _(p, {
 				variant: "smallText1",
-				className: i.toggleButtonText,
-				children: [E ? "Collapse" : "Expand", " Sidebar"]
-			}), h(E ? _ : v, { className: i.icon })]
-		}), /* @__PURE__ */ h(l, {
-			in: E,
-			orientation: S ? "vertical" : "horizontal",
+				className: a.toggleButtonText,
+				children: [D ? "Collapse" : "Expand", " Sidebar"]
+			}), g(D ? v : y, { className: a.icon })]
+		}), /* @__PURE__ */ g(u, {
+			in: D,
+			orientation: C ? "vertical" : "horizontal",
 			timeout: {
 				enter: 200,
 				exit: 200
 			},
-			children: O
-		}, S ? "vertical" : "horizontal")]
+			children: k
+		}, C ? "vertical" : "horizontal")]
 	});
 }
 //#endregion
-export { y as default };
+export { b as default };
 
 //# sourceMappingURL=EntitySidebar.js.map

package/dist/components/EntitySidebar/EntitySidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntitySidebar.js","names":[],"sources":["../../../src/components/EntitySidebar/EntitySidebar.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport KeyboardDoubleArrowRightIcon from '@mui/icons-material/KeyboardDoubleArrowRight'\nimport KeyboardDoubleArrowLeftIcon from '@mui/icons-material/KeyboardDoubleArrowLeft'\nimport {\n  Box,\n  Button,\n  Divider,\n  Collapse,\n  Stack,\n  Typography,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material'\nimport { useGetEntityTitleBarProperties } from '@/components/entity/page/title_bar/useGetEntityTitleBarProperties'\nimport styles from './EntitySidebar.module.scss'\nimport useGetEntityMetadata from '@/utils/hooks/useGetEntityMetadata'\nimport { entityTypeToFriendlyName } from '@/utils/functions/EntityTypeUtils'\nimport { ENTITY_SIDEBAR_STATE_LOCALSTORAGE_KEY } from '@/utils/SynapseConstants'\n\ntype EntitySidebarProps = {\n  entityId: string\n  versionNumber?: number\n}\n\nexport default function EntitySidebar(props: EntitySidebarProps) {\n  const { entityId, versionNumber } = props\n\n  const theme = useTheme()\n  const isMobile = useMediaQuery(theme.breakpoints.down('lg'))\n\n  const { entityBundle } = useGetEntityMetadata(entityId, versionNumber)\n\n  const friendlyName = entityBundle\n    ? entityTypeToFriendlyName(entityBundle.entityType)\n    : ''\n\n  const properties = useGetEntityTitleBarProperties(entityId, versionNumber)\n\n  const [open, setOpen] = useState(() => {\n    const savedState = localStorage.getItem(\n      ENTITY_SIDEBAR_STATE_LOCALSTORAGE_KEY,\n    )\n    return savedState !== null ? savedState === 'true' : true\n  })\n\n  useEffect(() => {\n    localStorage.setItem(ENTITY_SIDEBAR_STATE_LOCALSTORAGE_KEY, String(open))\n  }, [open])\n\n  const sidebarContent = (\n    <Box className={styles.content}>\n      <Typography variant=\"overline\" className={styles.sidebarHeader}>\n        About this {friendlyName}\n      </Typography>\n      <Divider className={styles.divider} />\n      <Stack className={styles.propertiesContainer}>\n        {properties.map(property => (\n          <Stack key={property.key} className={styles.propertyRow}>\n            <Typography className={styles.propertyTitle}>\n              {property.title}\n            </Typography>\n            <Typography\n              className={styles.propertyValue}\n              variant=\"smallText1\"\n              component=\"div\"\n            >\n              {property.value}\n            </Typography>\n          </Stack>\n        ))}\n      </Stack>\n    </Box>\n  )\n\n  return (\n    <Box className={styles.panel}>\n      <Button\n        onClick={() => setOpen(prev => !prev)}\n        className={styles.toggleButton}\n      >\n        <Typography variant=\"smallText1\" className={styles.toggleButtonText}>\n          {open ? 'Collapse' : 'Expand'} Sidebar\n        </Typography>\n        {open ? (\n          <KeyboardDoubleArrowRightIcon className={styles.icon} />\n        ) : (\n          <KeyboardDoubleArrowLeftIcon className={styles.icon} />\n        )}\n      </Button>\n      <Collapse\n        key={isMobile ? 'vertical' : 'horizontal'}\n        in={open}\n        orientation={isMobile ? 'vertical' : 'horizontal'}\n        timeout={{ enter: 200, exit: 200 }}\n      >\n        {sidebarContent}\n      </Collapse>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAwBA,SAAwB,EAAc,GAA2B;CAC/D,IAAM,EAAE,aAAU,qBAAkB,GAG9B,IAAW,EADH,EACiB,EAAM,YAAY,KAAK,IAAI,CAAC,GAErD,EAAE,oBAAiB,EAAqB,GAAU,CAAa,GAE/D,IAAe,IACjB,EAAyB,EAAa,UAAU,IAChD,IAEE,IAAa,EAA+B,GAAU,CAAa,GAEnE,CAAC,GAAM,KAAW,QAAe;EACrC,IAAM,IAAa,aAAa,QAC9B,CACF;EACA,OAAO,MAAe,OAA+B,KAAxB,MAAe;CAC9C,CAAC;CAED,QAAgB;EACd,aAAa,QAAQ,GAAuC,OAAO,CAAI,CAAC;CAC1E,GAAG,CAAC,CAAI,CAAC;CAET,IAAM,IACJ,kBAAC,GAAD;EAAK,WAAW,EAAO;YAAvB;GACE,kBAAC,GAAD;IAAY,SAAQ;IAAW,WAAW,EAAO;cAAjD,CAAgE,eAClD,CACF;;GACZ,kBAAC,GAAD,EAAS,WAAW,EAAO,QAAU,CAAA;GACrC,kBAAC,GAAD;IAAO,WAAW,EAAO;cACtB,EAAW,KAAI,MACd,kBAAC,GAAD;KAA0B,WAAW,EAAO;eAA5C,CACE,kBAAC,GAAD;MAAY,WAAW,EAAO;gBAC3B,EAAS;KACA,CAAA,GACZ,kBAAC,GAAD;MACE,WAAW,EAAO;MAClB,SAAQ;MACR,WAAU;gBAET,EAAS;KACA,CAAA,CACP;OAXK,EAAS,GAWd,CACR;GACI,CAAA;EACJ;;CAGP,OACE,kBAAC,GAAD;EAAK,WAAW,EAAO;YAAvB,CACE,kBAAC,GAAD;GACE,eAAe,GAAQ,MAAQ,CAAC,CAAI;GACpC,WAAW,EAAO;aAFpB,CAIE,kBAAC,GAAD;IAAY,SAAQ;IAAa,WAAW,EAAO;cAAnD,CACG,IAAO,aAAa,UAAS,UACpB;OAEV,EADD,IACE,IAEA,GAFD,EAA8B,WAAW,EAAO,KAAO,CAED,CAElD;MACR,kBAAC,GAAD;GAEE,IAAI;GACJ,aAAa,IAAW,aAAa;GACrC,SAAS;IAAE,OAAO;IAAK,MAAM;GAAI;aAEhC;EACO,GANH,IAAW,aAAa,YAMrB,CACP;;AAET"}
+{"version":3,"file":"EntitySidebar.js","names":[],"sources":["../../../src/components/EntitySidebar/EntitySidebar.tsx"],"sourcesContent":["import { useState, useEffect } from 'react'\nimport KeyboardDoubleArrowRightIcon from '@mui/icons-material/KeyboardDoubleArrowRight'\nimport KeyboardDoubleArrowLeftIcon from '@mui/icons-material/KeyboardDoubleArrowLeft'\nimport {\n  Box,\n  Button,\n  Divider,\n  Collapse,\n  Stack,\n  Typography,\n  useMediaQuery,\n  useTheme,\n} from '@mui/material'\nimport { useGetEntityTitleBarProperties } from '@/components/entity/page/title_bar/useGetEntityTitleBarProperties'\nimport styles from './EntitySidebar.module.scss'\nimport useGetEntityMetadata from '@/utils/hooks/useGetEntityMetadata'\nimport { entityTypeToFriendlyName } from '@/utils/functions/EntityTypeUtils'\nimport { ENTITY_SIDEBAR_STATE_LOCALSTORAGE_KEY } from '@/utils/SynapseConstants'\nimport AccessAndPermissions from './AccessAndPermissions'\n\ntype EntitySidebarProps = {\n  entityId: string\n  versionNumber?: number\n}\n\nexport default function EntitySidebar(props: EntitySidebarProps) {\n  const { entityId, versionNumber } = props\n\n  const theme = useTheme()\n  const isMobile = useMediaQuery(theme.breakpoints.down('lg'))\n\n  const { entityBundle } = useGetEntityMetadata(entityId, versionNumber)\n\n  const friendlyName = entityBundle\n    ? entityTypeToFriendlyName(entityBundle.entityType)\n    : ''\n\n  const properties = useGetEntityTitleBarProperties(entityId, versionNumber)\n\n  const [open, setOpen] = useState(() => {\n    const savedState = localStorage.getItem(\n      ENTITY_SIDEBAR_STATE_LOCALSTORAGE_KEY,\n    )\n    return savedState !== null ? savedState === 'true' : true\n  })\n\n  useEffect(() => {\n    localStorage.setItem(ENTITY_SIDEBAR_STATE_LOCALSTORAGE_KEY, String(open))\n  }, [open])\n\n  const sidebarContent = (\n    <Stack className={styles.content}>\n      <div>\n        <Typography variant=\"overline\" className={styles.sidebarHeader}>\n          About this {friendlyName}\n        </Typography>\n        <Divider />\n        <Stack className={styles.propertiesContainer}>\n          {properties.map(property => (\n            <Stack key={property.key} className={styles.propertyRow}>\n              <Typography className={styles.propertyTitle}>\n                {property.title}\n              </Typography>\n              <Typography\n                className={styles.propertyValue}\n                variant=\"smallText1\"\n                component=\"div\"\n              >\n                {property.value}\n              </Typography>\n            </Stack>\n          ))}\n        </Stack>\n      </div>\n      <div>\n        <Typography variant=\"overline\" className={styles.sidebarHeader}>\n          ACCESS & PERMISSIONS FOR THIS {friendlyName}\n        </Typography>\n        <Divider />\n        <AccessAndPermissions\n          entityId={entityId}\n          versionNumber={versionNumber}\n        />\n      </div>\n    </Stack>\n  )\n\n  return (\n    <Box className={styles.panel}>\n      <Button\n        onClick={() => setOpen(prev => !prev)}\n        className={styles.toggleButton}\n      >\n        <Typography variant=\"smallText1\" className={styles.toggleButtonText}>\n          {open ? 'Collapse' : 'Expand'} Sidebar\n        </Typography>\n        {open ? (\n          <KeyboardDoubleArrowRightIcon className={styles.icon} />\n        ) : (\n          <KeyboardDoubleArrowLeftIcon className={styles.icon} />\n        )}\n      </Button>\n      <Collapse\n        key={isMobile ? 'vertical' : 'horizontal'}\n        in={open}\n        orientation={isMobile ? 'vertical' : 'horizontal'}\n        timeout={{ enter: 200, exit: 200 }}\n      >\n        {sidebarContent}\n      </Collapse>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAyBA,SAAwB,EAAc,GAA2B;CAC/D,IAAM,EAAE,aAAU,qBAAkB,GAG9B,IAAW,EADH,EACiB,EAAM,YAAY,KAAK,IAAI,CAAC,GAErD,EAAE,oBAAiB,EAAqB,GAAU,CAAa,GAE/D,IAAe,IACjB,EAAyB,EAAa,UAAU,IAChD,IAEE,IAAa,EAA+B,GAAU,CAAa,GAEnE,CAAC,GAAM,KAAW,QAAe;EACrC,IAAM,IAAa,aAAa,QAC9B,CACF;EACA,OAAO,MAAe,OAA+B,KAAxB,MAAe;CAC9C,CAAC;CAED,QAAgB;EACd,aAAa,QAAQ,GAAuC,OAAO,CAAI,CAAC;CAC1E,GAAG,CAAC,CAAI,CAAC;CAET,IAAM,IACJ,kBAAC,GAAD;EAAO,WAAW,EAAO;YAAzB,CACE,kBAAC,OAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,SAAQ;IAAW,WAAW,EAAO;cAAjD,CAAgE,eAClD,CACF;;GACZ,kBAAC,GAAD,CAAU,CAAA;GACV,kBAAC,GAAD;IAAO,WAAW,EAAO;cACtB,EAAW,KAAI,MACd,kBAAC,GAAD;KAA0B,WAAW,EAAO;eAA5C,CACE,kBAAC,GAAD;MAAY,WAAW,EAAO;gBAC3B,EAAS;KACA,CAAA,GACZ,kBAAC,GAAD;MACE,WAAW,EAAO;MAClB,SAAQ;MACR,WAAU;gBAET,EAAS;KACA,CAAA,CACP;OAXK,EAAS,GAWd,CACR;GACI,CAAA;EACJ,EAAA,CAAA,GACL,kBAAC,OAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IAAY,SAAQ;IAAW,WAAW,EAAO;cAAjD,CAAgE,kCAC/B,CACrB;;GACZ,kBAAC,GAAD,CAAU,CAAA;GACV,kBAAC,GAAD;IACY;IACK;GAChB,CAAA;EACE,EAAA,CAAA,CACA;;CAGT,OACE,kBAAC,GAAD;EAAK,WAAW,EAAO;YAAvB,CACE,kBAAC,GAAD;GACE,eAAe,GAAQ,MAAQ,CAAC,CAAI;GACpC,WAAW,EAAO;aAFpB,CAIE,kBAAC,GAAD;IAAY,SAAQ;IAAa,WAAW,EAAO;cAAnD,CACG,IAAO,aAAa,UAAS,UACpB;OAEV,EADD,IACE,IAEA,GAFD,EAA8B,WAAW,EAAO,KAAO,CAED,CAElD;MACR,kBAAC,GAAD;GAEE,IAAI;GACJ,aAAa,IAAW,aAAa;GACrC,SAAS;IAAE,OAAO;IAAK,MAAM;GAAI;aAEhC;EACO,GANH,IAAW,aAAa,YAMrB,CACP;;AAET"}

package/dist/components/EntitySidebar/EntitySidebar.module.js

@@ -1,15 +1,14 @@
 import './EntitySidebar.css';var e = {
-	panel: "_panel_x5uii_1",
-	content: "_content_x5uii_7",
-	sidebarHeader: "_sidebarHeader_x5uii_20",
-	divider: "_divider_x5uii_27",
-	propertyValue: "_propertyValue_x5uii_32",
-	propertyTitle: "_propertyTitle_x5uii_39",
-	propertiesContainer: "_propertiesContainer_x5uii_45",
-	propertyRow: "_propertyRow_x5uii_50",
-	toggleButton: "_toggleButton_x5uii_54",
-	toggleButtonText: "_toggleButtonText_x5uii_74",
-	icon: "_icon_x5uii_80"
+	panel: "_panel_1kyj8_1",
+	content: "_content_1kyj8_7",
+	sidebarHeader: "_sidebarHeader_1kyj8_21",
+	propertyValue: "_propertyValue_1kyj8_28",
+	propertyTitle: "_propertyTitle_1kyj8_35",
+	propertiesContainer: "_propertiesContainer_1kyj8_41",
+	propertyRow: "_propertyRow_1kyj8_46",
+	toggleButton: "_toggleButton_1kyj8_50",
+	toggleButtonText: "_toggleButtonText_1kyj8_70",
+	icon: "_icon_1kyj8_76"
 };
 //#endregion
 export { e as default };

package/dist/components/EntitySidebar/EntitySidebar.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntitySidebar.module.js","names":[],"sources":["../../../src/components/EntitySidebar/EntitySidebar.module.scss"],"sourcesContent":["$sidebar-text-primary: #616972;\n$sidebar-property-title-color: #747d88;\n$sidebar-property-value-color: #4d535a;\n// MUI `lg` breakpoint\n$sidebar-collapse-breakpoint: 1200px;\n\n.panel {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n\n.content {\n  width: 320px;\n  margin-top: 64px;\n  padding: 0 32px 0 0;\n\n  @media (max-width: $sidebar-collapse-breakpoint) {\n    width: 100%;\n    margin-top: 10px;\n    padding: 10px 32px 0 32px;\n  }\n}\n\n.sidebarHeader:global(.MuiTypography-root) {\n  font-size: 14px;\n  color: $sidebar-text-primary;\n  font-weight: 540;\n  line-height: 20px; /* 142.857% */\n}\n\n.divider {\n  margin-top: 8px;\n  margin-bottom: 16px;\n}\n\n.propertyValue:global(.MuiTypography-root) {\n  color: $sidebar-property-value-color;\n  font-style: normal;\n  font-weight: 440;\n  line-height: 20px; /* 142.857% */\n}\n\n.propertyTitle:global(.MuiTypography-root) {\n  color: $sidebar-property-title-color;\n  font-size: 12px;\n  line-height: 12px; /* 100% */\n}\n\n.propertiesContainer {\n  padding: 12px 0;\n  gap: 12px;\n}\n\n.propertyRow {\n  gap: 4px;\n}\n\n.toggleButton:global(.MuiButtonBase-root) {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  top: 14px;\n  right: 32px;\n  white-space: nowrap;\n  align-self: flex-start;\n  position: absolute;\n\n  @media (max-width: $sidebar-collapse-breakpoint) {\n    position: static;\n    margin: 10px 0 0 32px;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n}\n\n.toggleButtonText:global(.MuiTypography-root) {\n  color: $sidebar-text-primary;\n  font-weight: 440;\n  line-height: 20px; /* 142.857% */\n}\n\n.icon {\n  color: $sidebar-text-primary;\n}\n"],"mappings":""}
+{"version":3,"file":"EntitySidebar.module.js","names":[],"sources":["../../../src/components/EntitySidebar/EntitySidebar.module.scss"],"sourcesContent":["// MUI `lg` breakpoint\n$sidebar-collapse-breakpoint: 1200px;\n\n.panel {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n}\n\n.content {\n  width: 320px;\n  margin-top: 64px;\n  padding: 0 32px 0 0;\n  gap: 12px;\n\n  @media (max-width: $sidebar-collapse-breakpoint) {\n    width: 100%;\n    margin-top: 10px;\n    padding: 10px 32px 0 32px;\n  }\n}\n\n.sidebarHeader:global(.MuiTypography-root) {\n  font-size: 14px;\n  color: var(--synapse-v2-gray-700);\n  font-weight: 540;\n  line-height: 20px; /* 142.857% */\n}\n\n.propertyValue:global(.MuiTypography-root) {\n  color: var(--synapse-v2-gray-800);\n  font-style: normal;\n  font-weight: 440;\n  line-height: 20px; /* 142.857% */\n}\n\n.propertyTitle:global(.MuiTypography-root) {\n  color: var(--synapse-v2-gray-600);\n  font-size: 12px;\n  line-height: 12px; /* 100% */\n}\n\n.propertiesContainer {\n  padding: 12px 0;\n  gap: 12px;\n}\n\n.propertyRow {\n  gap: 4px;\n}\n\n.toggleButton:global(.MuiButtonBase-root) {\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  top: 14px;\n  right: 32px;\n  white-space: nowrap;\n  align-self: flex-start;\n  position: absolute;\n\n  @media (max-width: $sidebar-collapse-breakpoint) {\n    position: static;\n    margin: 10px 0 0 32px;\n  }\n\n  &:hover {\n    text-decoration: none;\n  }\n}\n\n.toggleButtonText:global(.MuiTypography-root) {\n  color: var(--synapse-v2-gray-700);\n  font-weight: 440;\n  line-height: 20px; /* 142.857% */\n}\n\n.icon {\n  color: var(--synapse-v2-gray-700);\n}\n"],"mappings":""}

package/dist/components/EntitySidebar/EntitySidebar.module.scss

@@ -1,6 +1,3 @@
-$sidebar-text-primary: #616972;
-$sidebar-property-title-color: #747d88;
-$sidebar-property-value-color: #4d535a;
 // MUI `lg` breakpoint
 $sidebar-collapse-breakpoint: 1200px;
 
@@ -14,6 +11,7 @@ $sidebar-collapse-breakpoint: 1200px;
   width: 320px;
   margin-top: 64px;
   padding: 0 32px 0 0;
+  gap: 12px;
 
   @media (max-width: $sidebar-collapse-breakpoint) {
     width: 100%;
@@ -24,25 +22,20 @@ $sidebar-collapse-breakpoint: 1200px;
 
 .sidebarHeader:global(.MuiTypography-root) {
   font-size: 14px;
-  color: $sidebar-text-primary;
+  color: var(--synapse-v2-gray-700);
   font-weight: 540;
   line-height: 20px; /* 142.857% */
 }
 
-.divider {
-  margin-top: 8px;
-  margin-bottom: 16px;
-}
-
 .propertyValue:global(.MuiTypography-root) {
-  color: $sidebar-property-value-color;
+  color: var(--synapse-v2-gray-800);
   font-style: normal;
   font-weight: 440;
   line-height: 20px; /* 142.857% */
 }
 
 .propertyTitle:global(.MuiTypography-root) {
-  color: $sidebar-property-title-color;
+  color: var(--synapse-v2-gray-600);
   font-size: 12px;
   line-height: 12px; /* 100% */
 }
@@ -77,11 +70,11 @@ $sidebar-collapse-breakpoint: 1200px;
 }
 
 .toggleButtonText:global(.MuiTypography-root) {
-  color: $sidebar-text-primary;
+  color: var(--synapse-v2-gray-700);
   font-weight: 440;
   line-height: 20px; /* 142.857% */
 }
 
 .icon {
-  color: $sidebar-text-primary;
+  color: var(--synapse-v2-gray-700);
 }

package/dist/components/EntityTreeTable/EntityTreeTable.css

@@ -1 +1 @@
-._entityTreeTable_14poc_1{border-collapse:separate;border-spacing:10px 0;table-layout:auto;width:100%}._entityTreeTable_14poc_1 tr{height:51px}._entityTreeTable_14poc_1 th,._entityTreeTable_14poc_1 td{text-align:left;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;height:51px;padding:0 7px;overflow:hidden}._entityTreeTable_14poc_1 th>*,._entityTreeTable_14poc_1 td>*{align-items:center;display:flex}._entityTreeTable_14poc_1 th{font-weight:600}
+._entityTreeTable_1j4z3_1{border-collapse:separate;border-spacing:10px 0;table-layout:auto;width:100%}._entityTreeTable_1j4z3_1 tr{height:51px}._entityTreeTable_1j4z3_1 th,._entityTreeTable_1j4z3_1 td{text-align:left;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;height:51px;padding:0 7px;overflow:hidden}._entityTreeTable_1j4z3_1 th button svg,._entityTreeTable_1j4z3_1 td button svg{color:var(--synapse-v2-gray-900)}._entityTreeTable_1j4z3_1 th a,._entityTreeTable_1j4z3_1 td a{text-decoration:none}._entityTreeTable_1j4z3_1 th>*,._entityTreeTable_1j4z3_1 td>*{align-items:center;display:flex}._entityTreeTable_1j4z3_1 th{color:var(--synapse-v2-gray-900);border-bottom:1px solid var(--synapse-v2-gray-100);font-weight:600}._entityTreeTable_1j4z3_1 th button svg{color:var(--synapse-v2-gray-900)}._entityTreeTable_1j4z3_1 table th{border-right:none}

package/dist/components/EntityTreeTable/EntityTreeTable.module.js

@@ -1,4 +1,4 @@
-import './EntityTreeTable.css';var e = { entityTreeTable: "_entityTreeTable_14poc_1" };
+import './EntityTreeTable.css';var e = { entityTreeTable: "_entityTreeTable_1j4z3_1" };
 //#endregion
 export { e as default };
 

package/dist/components/EntityTreeTable/EntityTreeTable.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityTreeTable.module.js","names":[],"sources":["../../../src/components/EntityTreeTable/EntityTreeTable.module.scss"],"sourcesContent":[".entityTreeTable {\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 10px 0px;\n  table-layout: auto;\n\n  tr {\n    height: 51px;\n  }\n\n  th,\n  td {\n    padding: 0px 7px;\n    text-align: left;\n    vertical-align: middle;\n    height: 51px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    > * {\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  th {\n    font-weight: 600;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"EntityTreeTable.module.js","names":[],"sources":["../../../src/components/EntityTreeTable/EntityTreeTable.module.scss"],"sourcesContent":[".entityTreeTable {\n  width: 100%;\n  border-collapse: separate;\n  border-spacing: 10px 0px;\n  table-layout: auto;\n\n  tr {\n    height: 51px;\n  }\n\n  th,\n  td {\n    padding: 0px 7px;\n    text-align: left;\n    vertical-align: middle;\n    height: 51px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    button svg {\n      color: var(--synapse-v2-gray-900);\n    }\n\n    a {\n      text-decoration: none;\n    }\n\n    > * {\n      display: flex;\n      align-items: center;\n    }\n  }\n\n  th {\n    font-weight: 600;\n    color: var(--synapse-v2-gray-900);\n    border-bottom: 1px solid var(--synapse-v2-gray-100);\n\n    button svg {\n      color: var(--synapse-v2-gray-900);\n    }\n  }\n\n  table th {\n    border-right: none;\n  }\n}\n"],"mappings":""}

package/dist/components/EntityTreeTable/EntityTreeTable.module.scss

@@ -18,6 +18,14 @@
     overflow: hidden;
     text-overflow: ellipsis;
 
+    button svg {
+      color: var(--synapse-v2-gray-900);
+    }
+
+    a {
+      text-decoration: none;
+    }
+
     > * {
       display: flex;
       align-items: center;
@@ -26,5 +34,15 @@
 
   th {
     font-weight: 600;
+    color: var(--synapse-v2-gray-900);
+    border-bottom: 1px solid var(--synapse-v2-gray-100);
+
+    button svg {
+      color: var(--synapse-v2-gray-900);
+    }
+  }
+
+  table th {
+    border-right: none;
   }
 }

package/dist/components/EntityTreeTable/components/ColumnHeaders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnHeaders.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityTreeTable/components/ColumnHeaders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAGpD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CACrC,aAAa,CAAC,eAAe,EAAE,OAAO,CAAC,CACc,CAAA;AAEvD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAC1C,aAAa,CAAC,eAAe,EAAE,OAAO,CAAC,CACoB,CAAA;AAE7D,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAC3C,aAAa,CAAC,eAAe,EAAE,OAAO,CAAC,CACqB,CAAA"}
+{"version":3,"file":"ColumnHeaders.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityTreeTable/components/ColumnHeaders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAepD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CACrC,aAAa,CAAC,eAAe,EAAE,OAAO,CAAC,CAQxC,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAC1C,aAAa,CAAC,eAAe,EAAE,OAAO,CAAC,CAQxC,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAC3C,aAAa,CAAC,eAAe,EAAE,OAAO,CAAC,CAQxC,CAAA"}

package/dist/components/EntityTreeTable/components/ColumnHeaders.js

@@ -1,18 +1,31 @@
 import e from "../../TanStackTable/ColumnHeader.js";
 import "react";
 import { jsx as t } from "react/jsx-runtime";
+import n from "@mui/icons-material/ArrowDownwardRounded";
 //#region src/components/EntityTreeTable/components/ColumnHeaders.tsx
-var n = (n) => /* @__PURE__ */ t(e, {
+function r({ isSorted: e }) {
+	return /* @__PURE__ */ t(n, { sx: {
+		fontSize: "16px",
+		transform: e === "asc" ? "rotate(180deg)" : "rotate(0deg)"
+	} });
+}
+var i = (n) => /* @__PURE__ */ t(e, {
 	...n,
-	title: "Name"
-}), r = (n) => /* @__PURE__ */ t(e, {
+	title: "Name",
+	iconPlacement: "left",
+	sortIconRenderer: r
+}), a = (n) => /* @__PURE__ */ t(e, {
 	...n,
-	title: "Created On"
-}), i = (n) => /* @__PURE__ */ t(e, {
+	title: "Created On",
+	iconPlacement: "left",
+	iconSize: "16px"
+}), o = (n) => /* @__PURE__ */ t(e, {
 	...n,
-	title: "Modified On"
+	title: "Modified On",
+	iconPlacement: "left",
+	iconSize: "16px"
 });
 //#endregion
-export { r as CreatedOnColumnHeader, i as ModifiedOnColumnHeader, n as NameColumnHeader };
+export { a as CreatedOnColumnHeader, o as ModifiedOnColumnHeader, i as NameColumnHeader };
 
 //# sourceMappingURL=ColumnHeaders.js.map

package/dist/components/EntityTreeTable/components/ColumnHeaders.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnHeaders.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/ColumnHeaders.tsx"],"sourcesContent":["import React from 'react'\nimport { HeaderContext } from '@tanstack/react-table'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport ColumnHeader from '../../TanStackTable/ColumnHeader'\n\nexport const NameColumnHeader: React.FC<\n  HeaderContext<EntityBundleRow, unknown>\n> = props => <ColumnHeader {...props} title={'Name'} />\n\nexport const CreatedOnColumnHeader: React.FC<\n  HeaderContext<EntityBundleRow, unknown>\n> = props => <ColumnHeader {...props} title={'Created On'} />\n\nexport const ModifiedOnColumnHeader: React.FC<\n  HeaderContext<EntityBundleRow, unknown>\n> = props => <ColumnHeader {...props} title={'Modified On'} />\n"],"mappings":";;;;AAKA,IAAa,KAET,MAAS,kBAAC,GAAD;CAAc,GAAI;CAAO,OAAO;AAAS,CAAA,GAEzC,KAET,MAAS,kBAAC,GAAD;CAAc,GAAI;CAAO,OAAO;AAAe,CAAA,GAE/C,KAET,MAAS,kBAAC,GAAD;CAAc,GAAI;CAAO,OAAO;AAAgB,CAAA"}
+{"version":3,"file":"ColumnHeaders.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/ColumnHeaders.tsx"],"sourcesContent":["import React from 'react'\nimport { HeaderContext } from '@tanstack/react-table'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport ColumnHeader from '../../TanStackTable/ColumnHeader'\nimport ArrowDownwardRoundedIcon from '@mui/icons-material/ArrowDownwardRounded'\n\nfunction renderSortIcon({ isSorted }: { isSorted: false | 'asc' | 'desc' }) {\n  return (\n    <ArrowDownwardRoundedIcon\n      sx={{\n        fontSize: '16px',\n        transform: isSorted === 'asc' ? 'rotate(180deg)' : 'rotate(0deg)',\n      }}\n    />\n  )\n}\n\nexport const NameColumnHeader: React.FC<\n  HeaderContext<EntityBundleRow, unknown>\n> = props => (\n  <ColumnHeader\n    {...props}\n    title={'Name'}\n    iconPlacement={'left'}\n    sortIconRenderer={renderSortIcon}\n  />\n)\n\nexport const CreatedOnColumnHeader: React.FC<\n  HeaderContext<EntityBundleRow, unknown>\n> = props => (\n  <ColumnHeader\n    {...props}\n    title={'Created On'}\n    iconPlacement={'left'}\n    iconSize=\"16px\"\n  />\n)\n\nexport const ModifiedOnColumnHeader: React.FC<\n  HeaderContext<EntityBundleRow, unknown>\n> = props => (\n  <ColumnHeader\n    {...props}\n    title={'Modified On'}\n    iconPlacement={'left'}\n    iconSize=\"16px\"\n  />\n)\n"],"mappings":";;;;;AAMA,SAAS,EAAe,EAAE,eAAkD;CAC1E,OACE,kBAAC,GAAD,EACE,IAAI;EACF,UAAU;EACV,WAAW,MAAa,QAAQ,mBAAmB;CACrD,EACD,CAAA;AAEL;AAEA,IAAa,KAET,MACF,kBAAC,GAAD;CACE,GAAI;CACJ,OAAO;CACP,eAAe;CACf,kBAAkB;AACnB,CAAA,GAGU,KAET,MACF,kBAAC,GAAD;CACE,GAAI;CACJ,OAAO;CACP,eAAe;CACf,UAAS;AACV,CAAA,GAGU,KAET,MACF,kBAAC,GAAD;CACE,GAAI;CACJ,OAAO;CACP,eAAe;CACf,UAAS;AACV,CAAA"}

package/dist/components/EntityTreeTable/components/EntityNameCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityNameCell.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityTreeTable/components/EntityNameCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAQpD,eAAO,MAAM,wBAAwB,KAAK,CAAA;AAE1C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,eAAe,EAAE,OAAO,CAAC,CA8DpE,CAAA"}
+{"version":3,"file":"EntityNameCell.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityTreeTable/components/EntityNameCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAQpD,eAAO,MAAM,wBAAwB,KAAK,CAAA;AAE1C,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,eAAe,EAAE,OAAO,CAAC,CAgEpE,CAAA"}

package/dist/components/EntityTreeTable/components/EntityNameCell.js

@@ -39,7 +39,9 @@ var l = 16, u = ({ row: l }) => {
 				children: /* @__PURE__ */ i(t, {
 					entity: h,
 					link: !m,
-					onEntityIdClicked: p
+					onEntityIdClicked: p,
+					iconColor: "greyV2.800",
+					iconVariant: "outlined"
 				})
 			})
 		]

package/dist/components/EntityTreeTable/components/EntityNameCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityNameCell.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/EntityNameCell.tsx"],"sourcesContent":["import { CellContext } from '@tanstack/react-table'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { Box } from '@mui/system'\nimport { IconButton } from '@mui/material'\nimport { ChevronRight, ExpandMore } from '@mui/icons-material'\nimport { useEntityTreeTableContext } from './EntityTreeTableContext'\nimport { EntityLink } from '@/components/EntityLink'\nimport { SynapseSpinner } from '@/components/LoadingScreen/LoadingScreen'\n\nexport const depthPaddingMultiplierPx = 16\n\nexport const NameCell: React.FC<CellContext<EntityBundleRow, unknown>> = ({\n  row,\n}) => {\n  const {\n    expanded,\n    loadingIds,\n    handleToggleExpanded,\n    onEntityIdClicked,\n    disableEntityLinks,\n  } = useEntityTreeTableContext()\n  const { entityHeader, depth, isLeaf } = row.original\n  const isExpanded = !!expanded[entityHeader.id]\n  const hasChildren = !isLeaf\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        pl: `${depth * depthPaddingMultiplierPx}px`,\n      }}\n    >\n      {hasChildren && (\n        <IconButton\n          size=\"small\"\n          loading={loadingIds.has(entityHeader.id)}\n          loadingIndicator={<SynapseSpinner />}\n          onClick={() => handleToggleExpanded(entityHeader.id)}\n          aria-label={isExpanded ? 'Collapse' : 'Expand'}\n        >\n          {isExpanded ? <ExpandMore /> : <ChevronRight />}\n        </IconButton>\n      )}\n      {!hasChildren && <Box sx={{ width: 32 }} />}\n\n      {/*\n        Ensure the name column can shrink and long names are truncated.\n        `minWidth: 0` is required on flex children so `overflow: hidden`\n        can actually clip the content. We target descendant `a` and `p`\n        elements because `EntityLink` renders a MUI Link (anchor) or a p.\n      */}\n      <Box\n        sx={{\n          flex: 1,\n          minWidth: 0,\n          marginLeft: 1,\n          // Style the inner Link or paragraph for truncation\n          '& a, & p': {\n            display: 'block',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: 'nowrap',\n          },\n        }}\n      >\n        <EntityLink\n          entity={entityHeader}\n          link={!disableEntityLinks}\n          onEntityIdClicked={onEntityIdClicked}\n        />\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AASA,IAAa,IAA2B,IAE3B,KAA6D,EACxE,aACI;CACJ,IAAM,EACJ,aACA,eACA,yBACA,sBACA,0BACE,EAA0B,GACxB,EAAE,iBAAc,UAAO,cAAW,EAAI,UACtC,IAAa,CAAC,CAAC,EAAS,EAAa,KACrC,IAAc,CAAC;CACrB,OACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,IAAI,GAAG,IAAA,GAAiC;EAC1C;YALF;GAOG,KACC,kBAAC,GAAD;IACE,MAAK;IACL,SAAS,EAAW,IAAI,EAAa,EAAE;IACvC,kBAAkB,kBAAC,GAAD,CAAiB,CAAA;IACnC,eAAe,EAAqB,EAAa,EAAE;IACnD,cAAY,IAAa,aAAa;cAExB,EAAb,IAAc,IAAiB,GAAlB,CAAa,CAAmB;GACpC,CAAA;GAEb,CAAC,KAAe,kBAAC,GAAD,EAAK,IAAI,EAAE,OAAO,GAAG,EAAI,CAAA;GAQ1C,kBAAC,GAAD;IACE,IAAI;KACF,MAAM;KACN,UAAU;KACV,YAAY;KAEZ,YAAY;MACV,SAAS;MACT,UAAU;MACV,cAAc;MACd,YAAY;KACd;IACF;cAEA,kBAAC,GAAD;KACE,QAAQ;KACR,MAAM,CAAC;KACY;IACpB,CAAA;GACE,CAAA;EACF;;AAET"}
+{"version":3,"file":"EntityNameCell.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/EntityNameCell.tsx"],"sourcesContent":["import { CellContext } from '@tanstack/react-table'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { Box } from '@mui/system'\nimport { IconButton } from '@mui/material'\nimport { ChevronRight, ExpandMore } from '@mui/icons-material'\nimport { useEntityTreeTableContext } from './EntityTreeTableContext'\nimport { EntityLink } from '@/components/EntityLink'\nimport { SynapseSpinner } from '@/components/LoadingScreen/LoadingScreen'\n\nexport const depthPaddingMultiplierPx = 16\n\nexport const NameCell: React.FC<CellContext<EntityBundleRow, unknown>> = ({\n  row,\n}) => {\n  const {\n    expanded,\n    loadingIds,\n    handleToggleExpanded,\n    onEntityIdClicked,\n    disableEntityLinks,\n  } = useEntityTreeTableContext()\n  const { entityHeader, depth, isLeaf } = row.original\n  const isExpanded = !!expanded[entityHeader.id]\n  const hasChildren = !isLeaf\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        pl: `${depth * depthPaddingMultiplierPx}px`,\n      }}\n    >\n      {hasChildren && (\n        <IconButton\n          size=\"small\"\n          loading={loadingIds.has(entityHeader.id)}\n          loadingIndicator={<SynapseSpinner />}\n          onClick={() => handleToggleExpanded(entityHeader.id)}\n          aria-label={isExpanded ? 'Collapse' : 'Expand'}\n        >\n          {isExpanded ? <ExpandMore /> : <ChevronRight />}\n        </IconButton>\n      )}\n      {!hasChildren && <Box sx={{ width: 32 }} />}\n\n      {/*\n        Ensure the name column can shrink and long names are truncated.\n        `minWidth: 0` is required on flex children so `overflow: hidden`\n        can actually clip the content. We target descendant `a` and `p`\n        elements because `EntityLink` renders a MUI Link (anchor) or a p.\n      */}\n      <Box\n        sx={{\n          flex: 1,\n          minWidth: 0,\n          marginLeft: 1,\n          // Style the inner Link or paragraph for truncation\n          '& a, & p': {\n            display: 'block',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: 'nowrap',\n          },\n        }}\n      >\n        <EntityLink\n          entity={entityHeader}\n          link={!disableEntityLinks}\n          onEntityIdClicked={onEntityIdClicked}\n          iconColor={'greyV2.800'}\n          iconVariant=\"outlined\"\n        />\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AASA,IAAa,IAA2B,IAE3B,KAA6D,EACxE,aACI;CACJ,IAAM,EACJ,aACA,eACA,yBACA,sBACA,0BACE,EAA0B,GACxB,EAAE,iBAAc,UAAO,cAAW,EAAI,UACtC,IAAa,CAAC,CAAC,EAAS,EAAa,KACrC,IAAc,CAAC;CACrB,OACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,YAAY;GACZ,IAAI,GAAG,IAAA,GAAiC;EAC1C;YALF;GAOG,KACC,kBAAC,GAAD;IACE,MAAK;IACL,SAAS,EAAW,IAAI,EAAa,EAAE;IACvC,kBAAkB,kBAAC,GAAD,CAAiB,CAAA;IACnC,eAAe,EAAqB,EAAa,EAAE;IACnD,cAAY,IAAa,aAAa;cAExB,EAAb,IAAc,IAAiB,GAAlB,CAAa,CAAmB;GACpC,CAAA;GAEb,CAAC,KAAe,kBAAC,GAAD,EAAK,IAAI,EAAE,OAAO,GAAG,EAAI,CAAA;GAQ1C,kBAAC,GAAD;IACE,IAAI;KACF,MAAM;KACN,UAAU;KACV,YAAY;KAEZ,YAAY;MACV,SAAS;MACT,UAAU;MACV,cAAc;MACd,YAAY;KACd;IACF;cAEA,kBAAC,GAAD;KACE,QAAQ;KACR,MAAM,CAAC;KACY;KACnB,WAAW;KACX,aAAY;IACb,CAAA;GACE,CAAA;EACF;;AAET"}

package/dist/components/EntityTreeTable/components/EntityTreeTableView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityTreeTableView.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityTreeTable/components/EntityTreeTableView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAIpD,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAkBlE,CAAA"}
+{"version":3,"file":"EntityTreeTableView.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityTreeTable/components/EntityTreeTableView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAIpD,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,KAAK,CAAC,eAAe,CAAC,CAAA;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmBlE,CAAA"}

package/dist/components/EntityTreeTable/components/EntityTreeTableView.js

@@ -7,7 +7,10 @@ var r = ({ table: r, className: i }) => /* @__PURE__ */ n("div", {
 	style: { overflowX: "auto" },
 	children: /* @__PURE__ */ n(e, {
 		table: r,
-		styledTableContainerProps: { className: i },
+		styledTableContainerProps: {
+			className: i,
+			noBackgroundColor: !0
+		},
 		fullWidth: !0,
 		slots: { Tr: t }
 	})

package/dist/components/EntityTreeTable/components/EntityTreeTableView.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityTreeTableView.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/EntityTreeTableView.tsx"],"sourcesContent":["import React from 'react'\nimport { Table } from '@tanstack/react-table'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { EntityTreeTableRow } from './EntityTreeTableRow'\nimport StyledTanStackTable from '../../TanStackTable/StyledTanStackTable'\n\ntype EntityTreeTableViewProps = {\n  table: Table<EntityBundleRow>\n  className?: string\n}\n\nexport const EntityTreeTableView: React.FC<EntityTreeTableViewProps> = ({\n  table,\n  className,\n}) => {\n  return (\n    <div style={{ overflowX: 'auto' }}>\n      <StyledTanStackTable\n        table={table}\n        styledTableContainerProps={{\n          className,\n        }}\n        fullWidth={true}\n        slots={{\n          Tr: EntityTreeTableRow,\n        }}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;AAWA,IAAa,KAA2D,EACtE,UACA,mBAGE,kBAAC,OAAD;CAAK,OAAO,EAAE,WAAW,OAAO;WAC9B,kBAAC,GAAD;EACS;EACP,2BAA2B,EACzB,aACF;EACA,WAAW;EACX,OAAO,EACL,IAAI,EACN;CACD,CAAA;AACE,CAAA"}
+{"version":3,"file":"EntityTreeTableView.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/EntityTreeTableView.tsx"],"sourcesContent":["import React from 'react'\nimport { Table } from '@tanstack/react-table'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { EntityTreeTableRow } from './EntityTreeTableRow'\nimport StyledTanStackTable from '../../TanStackTable/StyledTanStackTable'\n\ntype EntityTreeTableViewProps = {\n  table: Table<EntityBundleRow>\n  className?: string\n}\n\nexport const EntityTreeTableView: React.FC<EntityTreeTableViewProps> = ({\n  table,\n  className,\n}) => {\n  return (\n    <div style={{ overflowX: 'auto' }}>\n      <StyledTanStackTable\n        table={table}\n        styledTableContainerProps={{\n          className,\n          noBackgroundColor: true,\n        }}\n        fullWidth={true}\n        slots={{\n          Tr: EntityTreeTableRow,\n        }}\n      />\n    </div>\n  )\n}\n"],"mappings":";;;;;AAWA,IAAa,KAA2D,EACtE,UACA,mBAGE,kBAAC,OAAD;CAAK,OAAO,EAAE,WAAW,OAAO;WAC9B,kBAAC,GAAD;EACS;EACP,2BAA2B;GACzB;GACA,mBAAmB;EACrB;EACA,WAAW;EACX,OAAO,EACL,IAAI,EACN;CACD,CAAA;AACE,CAAA"}

package/dist/components/EntityTreeTable/components/IdColumnHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IdColumnHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityTreeTable/components/IdColumnHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAIpD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CACnC,aAAa,CAAC,eAAe,EAAE,OAAO,CAAC,CAgBxC,CAAA"}
+{"version":3,"file":"IdColumnHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityTreeTable/components/IdColumnHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAIpD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CACnC,aAAa,CAAC,eAAe,EAAE,OAAO,CAAC,CA6BxC,CAAA"}

package/dist/components/EntityTreeTable/components/IdColumnHeader.js

@@ -6,11 +6,13 @@ import { jsx as r } from "react/jsx-runtime";
 var i = (i) => {
 	let { table: a } = i, o = /* @__PURE__ */ r(e, {
 		value: n(() => a.getRowModel().rows.filter((e) => !e.original.isLoadMore && e.original.entityId).map((e) => e.original.entityId).join("\n"), [a.getRowModel().rows]),
-		sizePx: 16
+		sizePx: 16,
+		icon: "contentCopyRounded"
 	});
 	return /* @__PURE__ */ r(t, {
 		...i,
 		title: "ID",
+		iconPlacement: "left",
 		additionalButtons: o
 	});
 };

package/dist/components/EntityTreeTable/components/IdColumnHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"IdColumnHeader.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/IdColumnHeader.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { HeaderContext } from '@tanstack/react-table'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport ColumnHeader from '../../TanStackTable/ColumnHeader'\nimport { CopyToClipboardIcon } from '../../CopyToClipboardIcon'\n\nexport const IdColumnHeader: React.FC<\n  HeaderContext<EntityBundleRow, unknown>\n> = props => {\n  const { table } = props\n\n  // Get all visible rows and extract their entity IDs\n  const visibleIds = useMemo(() => {\n    const visibleRows = table.getRowModel().rows\n    return visibleRows\n      .filter(row => !row.original.isLoadMore && row.original.entityId) // Exclude \"Load More\" rows and rows without entityId\n      .map(row => row.original.entityId)\n      .join('\\n')\n  }, [table.getRowModel().rows])\n\n  const copyButton = <CopyToClipboardIcon value={visibleIds} sizePx={16} />\n\n  return <ColumnHeader {...props} title=\"ID\" additionalButtons={copyButton} />\n}\n"],"mappings":";;;;;AAMA,IAAa,KAET,MAAS;CACX,IAAM,EAAE,aAAU,GAWZ,IAAa,kBAAC,GAAD;EAAqB,OARrB,QACG,EAAM,YAAY,EAAE,KAErC,QAAO,MAAO,CAAC,EAAI,SAAS,cAAc,EAAI,SAAS,QAAQ,EAC/D,KAAI,MAAO,EAAI,SAAS,QAAQ,EAChC,KAAK,IAAI,GACX,CAAC,EAAM,YAAY,EAAE,IAAI,CAEmB;EAAY,QAAQ;CAAK,CAAA;CAExE,OAAO,kBAAC,GAAD;EAAc,GAAI;EAAO,OAAM;EAAK,mBAAmB;CAAa,CAAA;AAC7E"}
+{"version":3,"file":"IdColumnHeader.js","names":[],"sources":["../../../../src/components/EntityTreeTable/components/IdColumnHeader.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\nimport { HeaderContext } from '@tanstack/react-table'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport ColumnHeader from '../../TanStackTable/ColumnHeader'\nimport { CopyToClipboardIcon } from '../../CopyToClipboardIcon'\n\nexport const IdColumnHeader: React.FC<\n  HeaderContext<EntityBundleRow, unknown>\n> = props => {\n  const { table } = props\n\n  // Get all visible rows and extract their entity IDs\n  const visibleIds = useMemo(() => {\n    const visibleRows = table.getRowModel().rows\n    return visibleRows\n      .filter(row => !row.original.isLoadMore && row.original.entityId) // Exclude \"Load More\" rows and rows without entityId\n      .map(row => row.original.entityId)\n      .join('\\n')\n  }, [table.getRowModel().rows])\n\n  const copyButton = (\n    <CopyToClipboardIcon\n      value={visibleIds}\n      sizePx={16}\n      icon=\"contentCopyRounded\"\n    />\n  )\n\n  return (\n    <ColumnHeader\n      {...props}\n      title=\"ID\"\n      iconPlacement={'left'}\n      additionalButtons={copyButton}\n    />\n  )\n}\n"],"mappings":";;;;;AAMA,IAAa,KAET,MAAS;CACX,IAAM,EAAE,aAAU,GAWZ,IACJ,kBAAC,GAAD;EACE,OAVe,QACG,EAAM,YAAY,EAAE,KAErC,QAAO,MAAO,CAAC,EAAI,SAAS,cAAc,EAAI,SAAS,QAAQ,EAC/D,KAAI,MAAO,EAAI,SAAS,QAAQ,EAChC,KAAK,IAAI,GACX,CAAC,EAAM,YAAY,EAAE,IAAI,CAIjB;EACP,QAAQ;EACR,MAAK;CACN,CAAA;CAGH,OACE,kBAAC,GAAD;EACE,GAAI;EACJ,OAAM;EACN,eAAe;EACf,mBAAmB;CACpB,CAAA;AAEL"}

package/dist/components/EntityTreeTable/hooks/useTableColumns.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTableColumns.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityTreeTable/hooks/useTableColumns.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAkBpD,eAAO,MAAM,eAAe,GAC1B,eAAe,OAAO,EACtB,4BAA0B,iCAwG3B,CAAA"}
+{"version":3,"file":"useTableColumns.d.ts","sourceRoot":"","sources":["../../../../src/components/EntityTreeTable/hooks/useTableColumns.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAmBpD,eAAO,MAAM,eAAe,GAC1B,eAAe,OAAO,EACtB,4BAA0B,iCA6G3B,CAAA"}

package/dist/components/EntityTreeTable/hooks/useTableColumns.js

@@ -12,12 +12,14 @@ import { EntityBadgeIconsCell as f } from "../components/EntityBadgeIconsCell.js
 import { CheckboxCell as p } from "../components/CheckboxCell.js";
 import { useMemo as m } from "react";
 import { useMediaQuery as h, useTheme as g } from "@mui/material";
-//#region src/components/EntityTreeTable/hooks/useTableColumns.ts
-var _ = (_, v = !1) => {
-	let y = g(), b = h(y.breakpoints.up("xl")), x = h(y.breakpoints.up("md"));
+import { jsx as _ } from "react/jsx-runtime";
+import v from "@mui/icons-material/PlaylistAdd";
+//#region src/components/EntityTreeTable/hooks/useTableColumns.tsx
+var y = (y, b = !1) => {
+	let x = g(), S = h(x.breakpoints.up("xl")), C = h(x.breakpoints.up("md"));
 	return m(() => {
 		let m = [];
-		return v && m.push({
+		return b && m.push({
 			id: "select",
 			header: "",
 			cell: p,
@@ -30,9 +32,9 @@ var _ = (_, v = !1) => {
 			id: "name",
 			header: d,
 			cell: e,
-			enableSorting: _,
+			enableSorting: y,
 			size: 450
-		}), x && (m.push({
+		}), C && (m.push({
 			id: "badges",
 			header: "",
 			cell: f,
@@ -43,29 +45,29 @@ var _ = (_, v = !1) => {
 			header: n,
 			cell: t,
 			enableSorting: !1
-		})), b && m.push({
+		})), S && m.push({
 			accessorKey: "entityHeader.createdOn",
 			id: "createdOn",
 			header: l,
 			cell: a,
-			enableSorting: _
-		}), x && m.push({
+			enableSorting: y
+		}), C && m.push({
 			accessorKey: "entityHeader.modifiedOn",
 			id: "modifiedOn",
 			header: u,
 			cell: r,
-			enableSorting: _
-		}), b && m.push({
+			enableSorting: y
+		}), S && m.push({
 			id: "modifiedBy",
 			header: "Modified By",
 			cell: i,
 			enableSorting: !1
-		}), x && m.push({
+		}), C && m.push({
 			id: "size",
 			header: "Size",
 			cell: o,
 			enableSorting: !1
-		}), b && m.push({
+		}), S && m.push({
 			id: "md5",
 			header: "MD5",
 			cell: s,
@@ -73,18 +75,21 @@ var _ = (_, v = !1) => {
 		}), m.push({
 			id: "download",
 			header: "Download",
-			cell: c,
+			cell: (e) => /* @__PURE__ */ _(c, {
+				...e,
+				downloadIcon: /* @__PURE__ */ _(v, {})
+			}),
 			enableSorting: !1,
 			size: 90
 		}), m;
 	}, [
-		_,
-		b,
-		x,
-		v
+		y,
+		S,
+		C,
+		b
 	]);
 };
 //#endregion
-export { _ as useTableColumns };
+export { y as useTableColumns };
 
 //# sourceMappingURL=useTableColumns.js.map

package/dist/components/EntityTreeTable/hooks/useTableColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableColumns.js","names":[],"sources":["../../../../src/components/EntityTreeTable/hooks/useTableColumns.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { ColumnDef } from '@tanstack/react-table'\nimport { useTheme, useMediaQuery } from '@mui/material'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { NameCell } from '../components/EntityNameCell'\nimport { IdCell } from '../components/IdCell'\nimport { IdColumnHeader } from '../components/IdColumnHeader'\nimport { ModifiedOnCell } from '../../EntityFinder/details/view/table/ModifiedOnCell'\nimport { ModifiedByCell } from '../../EntityFinder/details/view/table/ModifiedByCell'\nimport { CreatedOnCell } from '../../EntityFinder/details/view/table/CreatedOnCell'\nimport { FileEntitySizeCell } from '../../EntityFinder/details/view/table/FileEntitySizeCell'\nimport { FileEntityMD5Cell } from '../../EntityFinder/details/view/table/FileEntityMD5Cell'\nimport { AddFileToDownloadListCell } from '../../EntityFinder/details/view/table/AddToDownloadListCell'\nimport {\n  NameColumnHeader,\n  CreatedOnColumnHeader,\n  ModifiedOnColumnHeader,\n} from '../components/ColumnHeaders'\nimport { EntityBadgeIconsCell } from '../components/EntityBadgeIconsCell'\nimport { CheckboxCell } from '../components/CheckboxCell'\n\nexport const useTableColumns = (\n  enableSorting: boolean,\n  showCheckboxColumn = false,\n) => {\n  // Responsive design hooks\n  const theme = useTheme()\n  const isXtraLarge = useMediaQuery(theme.breakpoints.up('xl'))\n  const isMediumAndUp = useMediaQuery(theme.breakpoints.up('md'))\n\n  // Table columns\n  const columns = useMemo<ColumnDef<EntityBundleRow>[]>(() => {\n    const baseColumns: ColumnDef<EntityBundleRow>[] = []\n\n    if (showCheckboxColumn) {\n      baseColumns.push({\n        id: 'select',\n        header: '',\n        cell: CheckboxCell,\n        enableSorting: false,\n        size: 45,\n        minSize: 45,\n        maxSize: 45,\n      })\n    }\n\n    baseColumns.push({\n      accessorKey: 'entityHeader.name',\n      id: 'name',\n      header: NameColumnHeader,\n      cell: NameCell,\n      enableSorting: enableSorting,\n      size: 450, // Default width for Name column\n    })\n    if (isMediumAndUp) {\n      baseColumns.push({\n        id: 'badges',\n        header: '',\n        cell: EntityBadgeIconsCell,\n        enableSorting: false,\n        size: 120, // Default width for Badges column\n      })\n      baseColumns.push({\n        id: 'id',\n        header: IdColumnHeader,\n        cell: IdCell,\n        enableSorting: false,\n      })\n    }\n    if (isXtraLarge) {\n      baseColumns.push({\n        accessorKey: 'entityHeader.createdOn',\n        id: 'createdOn',\n        header: CreatedOnColumnHeader,\n        cell: CreatedOnCell,\n        enableSorting: enableSorting,\n      })\n    }\n\n    if (isMediumAndUp) {\n      baseColumns.push({\n        accessorKey: 'entityHeader.modifiedOn',\n        id: 'modifiedOn',\n        header: ModifiedOnColumnHeader,\n        cell: ModifiedOnCell,\n        enableSorting: enableSorting,\n      })\n    }\n\n    if (isXtraLarge) {\n      baseColumns.push({\n        id: 'modifiedBy',\n        header: 'Modified By',\n        cell: ModifiedByCell,\n        enableSorting: false,\n      })\n    }\n\n    if (isMediumAndUp) {\n      baseColumns.push({\n        id: 'size',\n        header: 'Size',\n        cell: FileEntitySizeCell,\n        enableSorting: false,\n      })\n    }\n    if (isXtraLarge) {\n      baseColumns.push({\n        id: 'md5',\n        header: 'MD5',\n        cell: FileEntityMD5Cell,\n        enableSorting: false,\n      })\n    }\n\n    baseColumns.push({\n      id: 'download',\n      header: 'Download',\n      cell: AddFileToDownloadListCell,\n      enableSorting: false,\n      size: 90,\n    })\n\n    return baseColumns\n  }, [enableSorting, isXtraLarge, isMediumAndUp, showCheckboxColumn])\n\n  return columns\n}\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,IAAa,KACX,GACA,IAAqB,OAClB;CAEH,IAAM,IAAQ,EAAS,GACjB,IAAc,EAAc,EAAM,YAAY,GAAG,IAAI,CAAC,GACtD,IAAgB,EAAc,EAAM,YAAY,GAAG,IAAI,CAAC;CAkG9D,OA/FgB,QAA4C;EAC1D,IAAM,IAA4C,CAAC;EA2FnD,OAzFI,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;GACf,MAAM;GACN,SAAS;GACT,SAAS;EACX,CAAC,GAGH,EAAY,KAAK;GACf,aAAa;GACb,IAAI;GACJ,QAAQ;GACR,MAAM;GACS;GACf,MAAM;EACR,CAAC,GACG,MACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;GACf,MAAM;EACR,CAAC,GACD,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;EACjB,CAAC,IAEC,KACF,EAAY,KAAK;GACf,aAAa;GACb,IAAI;GACJ,QAAQ;GACR,MAAM;GACS;EACjB,CAAC,GAGC,KACF,EAAY,KAAK;GACf,aAAa;GACb,IAAI;GACJ,QAAQ;GACR,MAAM;GACS;EACjB,CAAC,GAGC,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;EACjB,CAAC,GAGC,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;EACjB,CAAC,GAEC,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;EACjB,CAAC,GAGH,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;GACf,MAAM;EACR,CAAC,GAEM;CACT,GAAG;EAAC;EAAe;EAAa;EAAe;CAAkB,CAE1D;AACT"}
+{"version":3,"file":"useTableColumns.js","names":[],"sources":["../../../../src/components/EntityTreeTable/hooks/useTableColumns.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { ColumnDef } from '@tanstack/react-table'\nimport { useTheme, useMediaQuery } from '@mui/material'\nimport { EntityBundleRow } from '../EntityTreeTable'\nimport { NameCell } from '../components/EntityNameCell'\nimport { IdCell } from '../components/IdCell'\nimport { IdColumnHeader } from '../components/IdColumnHeader'\nimport { ModifiedOnCell } from '../../EntityFinder/details/view/table/ModifiedOnCell'\nimport { ModifiedByCell } from '../../EntityFinder/details/view/table/ModifiedByCell'\nimport { CreatedOnCell } from '../../EntityFinder/details/view/table/CreatedOnCell'\nimport { FileEntitySizeCell } from '../../EntityFinder/details/view/table/FileEntitySizeCell'\nimport { FileEntityMD5Cell } from '../../EntityFinder/details/view/table/FileEntityMD5Cell'\nimport { AddFileToDownloadListCell } from '../../EntityFinder/details/view/table/AddToDownloadListCell'\nimport {\n  NameColumnHeader,\n  CreatedOnColumnHeader,\n  ModifiedOnColumnHeader,\n} from '../components/ColumnHeaders'\nimport { EntityBadgeIconsCell } from '../components/EntityBadgeIconsCell'\nimport { CheckboxCell } from '../components/CheckboxCell'\nimport PlaylistAddIcon from '@mui/icons-material/PlaylistAdd'\n\nexport const useTableColumns = (\n  enableSorting: boolean,\n  showCheckboxColumn = false,\n) => {\n  // Responsive design hooks\n  const theme = useTheme()\n  const isXtraLarge = useMediaQuery(theme.breakpoints.up('xl'))\n  const isMediumAndUp = useMediaQuery(theme.breakpoints.up('md'))\n\n  // Table columns\n  const columns = useMemo<ColumnDef<EntityBundleRow>[]>(() => {\n    const baseColumns: ColumnDef<EntityBundleRow>[] = []\n\n    if (showCheckboxColumn) {\n      baseColumns.push({\n        id: 'select',\n        header: '',\n        cell: CheckboxCell,\n        enableSorting: false,\n        size: 45,\n        minSize: 45,\n        maxSize: 45,\n      })\n    }\n\n    baseColumns.push({\n      accessorKey: 'entityHeader.name',\n      id: 'name',\n      header: NameColumnHeader,\n      cell: NameCell,\n      enableSorting: enableSorting,\n      size: 450, // Default width for Name column\n    })\n    if (isMediumAndUp) {\n      baseColumns.push({\n        id: 'badges',\n        header: '',\n        cell: EntityBadgeIconsCell,\n        enableSorting: false,\n        size: 120, // Default width for Badges column\n      })\n      baseColumns.push({\n        id: 'id',\n        header: IdColumnHeader,\n        cell: IdCell,\n        enableSorting: false,\n      })\n    }\n    if (isXtraLarge) {\n      baseColumns.push({\n        accessorKey: 'entityHeader.createdOn',\n        id: 'createdOn',\n        header: CreatedOnColumnHeader,\n        cell: CreatedOnCell,\n        enableSorting: enableSorting,\n      })\n    }\n\n    if (isMediumAndUp) {\n      baseColumns.push({\n        accessorKey: 'entityHeader.modifiedOn',\n        id: 'modifiedOn',\n        header: ModifiedOnColumnHeader,\n        cell: ModifiedOnCell,\n        enableSorting: enableSorting,\n      })\n    }\n\n    if (isXtraLarge) {\n      baseColumns.push({\n        id: 'modifiedBy',\n        header: 'Modified By',\n        cell: ModifiedByCell,\n        enableSorting: false,\n      })\n    }\n\n    if (isMediumAndUp) {\n      baseColumns.push({\n        id: 'size',\n        header: 'Size',\n        cell: FileEntitySizeCell,\n        enableSorting: false,\n      })\n    }\n    if (isXtraLarge) {\n      baseColumns.push({\n        id: 'md5',\n        header: 'MD5',\n        cell: FileEntityMD5Cell,\n        enableSorting: false,\n      })\n    }\n\n    baseColumns.push({\n      id: 'download',\n      header: 'Download',\n      cell: props => (\n        <AddFileToDownloadListCell\n          {...props}\n          downloadIcon={<PlaylistAddIcon />}\n        />\n      ),\n      enableSorting: false,\n      size: 90,\n    })\n\n    return baseColumns\n  }, [enableSorting, isXtraLarge, isMediumAndUp, showCheckboxColumn])\n\n  return columns\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsBA,IAAa,KACX,GACA,IAAqB,OAClB;CAEH,IAAM,IAAQ,EAAS,GACjB,IAAc,EAAc,EAAM,YAAY,GAAG,IAAI,CAAC,GACtD,IAAgB,EAAc,EAAM,YAAY,GAAG,IAAI,CAAC;CAuG9D,OApGgB,QAA4C;EAC1D,IAAM,IAA4C,CAAC;EAgGnD,OA9FI,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;GACf,MAAM;GACN,SAAS;GACT,SAAS;EACX,CAAC,GAGH,EAAY,KAAK;GACf,aAAa;GACb,IAAI;GACJ,QAAQ;GACR,MAAM;GACS;GACf,MAAM;EACR,CAAC,GACG,MACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;GACf,MAAM;EACR,CAAC,GACD,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;EACjB,CAAC,IAEC,KACF,EAAY,KAAK;GACf,aAAa;GACb,IAAI;GACJ,QAAQ;GACR,MAAM;GACS;EACjB,CAAC,GAGC,KACF,EAAY,KAAK;GACf,aAAa;GACb,IAAI;GACJ,QAAQ;GACR,MAAM;GACS;EACjB,CAAC,GAGC,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;EACjB,CAAC,GAGC,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;EACjB,CAAC,GAEC,KACF,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,MAAM;GACN,eAAe;EACjB,CAAC,GAGH,EAAY,KAAK;GACf,IAAI;GACJ,QAAQ;GACR,OAAM,MACJ,kBAAC,GAAD;IACE,GAAI;IACJ,cAAc,kBAAC,GAAD,CAAkB,CAAA;GACjC,CAAA;GAEH,eAAe;GACf,MAAM;EACR,CAAC,GAEM;CACT,GAAG;EAAC;EAAe;EAAa;EAAe;CAAkB,CAE1D;AACT"}

package/dist/components/Forum/DiscussionEmpty.css

@@ -1 +1 @@
-._title_1qsuj_1.MuiTypography-root{color:#3b4046;letter-spacing:-.16px;margin-bottom:4px;font-size:16px;font-weight:540;line-height:24px}._subtitle_1qsuj_10.MuiTypography-root{color:#3b4046;letter-spacing:-.07px;font-size:14px;font-weight:440;line-height:20px}._button_1qsuj_18.MuiButton-root{color:#4d535a;letter-spacing:-.24px;background:#fff9;border-radius:6px;padding:8px;font-size:12px;font-weight:540;line-height:12px}._container_1qsuj_29{text-align:center;align-items:center;gap:24px;padding:40px 16px}
+._title_1jia6_1.MuiTypography-root{color:var(--synapse-v2-gray-900);letter-spacing:-.16px;margin-bottom:4px;font-size:16px;font-weight:540;line-height:24px}._subtitle_1jia6_10.MuiTypography-root{color:var(--synapse-v2-gray-900);letter-spacing:-.07px;font-size:14px;font-weight:440;line-height:20px}._button_1jia6_18.MuiButton-root{color:var(--synapse-v2-gray-800);letter-spacing:-.24px;background:#fff9;border-radius:6px;padding:8px;font-size:12px;font-weight:540;line-height:12px}._container_1jia6_29{text-align:center;align-items:center;gap:24px;padding:40px 16px}

package/dist/components/Forum/DiscussionEmpty.module.js

@@ -1,8 +1,8 @@
 import './DiscussionEmpty.css';var e = {
-	title: "_title_1qsuj_1",
-	subtitle: "_subtitle_1qsuj_10",
-	button: "_button_1qsuj_18",
-	container: "_container_1qsuj_29"
+	title: "_title_1jia6_1",
+	subtitle: "_subtitle_1jia6_10",
+	button: "_button_1jia6_18",
+	container: "_container_1jia6_29"
 };
 //#endregion
 export { e as default };