synapse-react-client 4.0.45 → 4.0.47

package/dist/components/JsonSchemaForm/templates/ButtonTemplate.js

@@ -1,31 +1,34 @@
 import { Button as e, IconButton as t } from "@mui/material";
 import { jsx as n } from "react/jsx-runtime";
-import { Add as r, ArrowDownward as i, ArrowUpward as a, Close as o } from "@mui/icons-material";
-import s from "@mui/icons-material/ContentCopy";
-import { TranslatableString as c } from "@rjsf/utils";
+import r from "@mui/icons-material/Close";
+import i from "@mui/icons-material/ContentCopy";
+import { TranslatableString as a } from "@rjsf/utils";
+import o from "@mui/icons-material/Add";
+import s from "@mui/icons-material/ArrowDownward";
+import c from "@mui/icons-material/ArrowUpward";
 //#region src/components/JsonSchemaForm/templates/ButtonTemplate.tsx
 var l = {
 	minWidth: "unset",
 	width: "40px",
 	height: "40px"
 };
-function u({ uiSchema: t, registry: i, ...a }) {
-	let { translateString: o } = i;
+function u({ uiSchema: t, registry: r, ...i }) {
+	let { translateString: s } = r;
 	return /* @__PURE__ */ n(e, {
-		title: o(c.AddItemButton),
-		...a,
+		title: s(a.AddItemButton),
+		...i,
 		color: "primary",
 		variant: "contained",
 		sx: l,
-		children: /* @__PURE__ */ n(r, {})
+		children: /* @__PURE__ */ n(o, {})
 	});
 }
 function d(e) {
 	switch (e) {
-		case "copy": return /* @__PURE__ */ n(s, { fontSize: "inherit" });
-		case "moveUp": return /* @__PURE__ */ n(a, { fontSize: "inherit" });
-		case "moveDown": return /* @__PURE__ */ n(i, { fontSize: "inherit" });
-		case "remove": return /* @__PURE__ */ n(o, { fontSize: "inherit" });
+		case "copy": return /* @__PURE__ */ n(i, { fontSize: "inherit" });
+		case "moveUp": return /* @__PURE__ */ n(c, { fontSize: "inherit" });
+		case "moveDown": return /* @__PURE__ */ n(s, { fontSize: "inherit" });
+		case "remove": return /* @__PURE__ */ n(r, { fontSize: "inherit" });
 		default: throw Error(`Unexpected iconType ${e}`);
 	}
 }
@@ -41,7 +44,7 @@ function f(e) {
 function p(e) {
 	let { registry: { translateString: t } } = e;
 	return /* @__PURE__ */ n(f, {
-		title: t(c.RemoveButton),
+		title: t(a.RemoveButton),
 		...e,
 		buttonType: "remove"
 	});
@@ -49,7 +52,7 @@ function p(e) {
 function m(e) {
 	let { registry: { translateString: t } } = e;
 	return /* @__PURE__ */ n(f, {
-		title: t(c.CopyButton),
+		title: t(a.CopyButton),
 		...e,
 		buttonType: "copy"
 	});
@@ -57,7 +60,7 @@ function m(e) {
 function h(e) {
 	let { registry: { translateString: t } } = e;
 	return /* @__PURE__ */ n(f, {
-		title: t(c.MoveUpButton),
+		title: t(a.MoveUpButton),
 		...e,
 		buttonType: "moveUp"
 	});
@@ -65,7 +68,7 @@ function h(e) {
 function g(e) {
 	let { registry: { translateString: t } } = e;
 	return /* @__PURE__ */ n(f, {
-		title: t(c.MoveDownButton),
+		title: t(a.MoveDownButton),
 		...e,
 		buttonType: "moveDown"
 	});

package/dist/components/JsonSchemaForm/templates/ButtonTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/ButtonTemplate.tsx"],"sourcesContent":["import { Add, ArrowDownward, ArrowUpward, Close } from '@mui/icons-material'\nimport { Button, IconButton, SxProps } from '@mui/material'\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy'\nimport {\n  FormContextType,\n  IconButtonProps,\n  RJSFSchema,\n  StrictRJSFSchema,\n  TranslatableString,\n} from '@rjsf/utils'\n\nconst buttonSx: SxProps = { minWidth: 'unset', width: '40px', height: '40px' }\n\nexport function AddButton<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>({ uiSchema, registry, ...props }: IconButtonProps<T, S, F>) {\n  const { translateString } = registry\n  return (\n    <Button\n      title={translateString(TranslatableString.AddItemButton)}\n      {...props}\n      color=\"primary\"\n      variant={'contained'}\n      sx={buttonSx}\n    >\n      <Add />\n    </Button>\n  )\n}\n\ntype IconButtonTemplateProps = {\n  buttonType: 'copy' | 'moveUp' | 'moveDown' | 'remove'\n}\n\nfunction getIcon(buttonType: IconButtonTemplateProps['buttonType']) {\n  switch (buttonType) {\n    case 'copy':\n      return <ContentCopyIcon fontSize=\"inherit\" />\n    case 'moveUp':\n      return <ArrowUpward fontSize=\"inherit\" />\n    case 'moveDown':\n      return <ArrowDownward fontSize=\"inherit\" />\n    case 'remove':\n      return <Close fontSize=\"inherit\" />\n    default:\n      throw new Error(`Unexpected iconType ${buttonType}`)\n  }\n}\n\nfunction IconButtonTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: IconButtonProps<T, S, F> & IconButtonTemplateProps) {\n  const { iconType, buttonType, uiSchema, ...otherProps } = props\n\n  return (\n    <IconButton {...otherProps} color={'default'} sx={buttonSx}>\n      {getIcon(buttonType)}\n    </IconButton>\n  )\n}\n\nexport function RemoveButton<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: IconButtonProps<T, S, F>) {\n  const {\n    registry: { translateString },\n  } = props\n  return (\n    <IconButtonTemplate<T, S, F>\n      title={translateString(TranslatableString.RemoveButton)}\n      {...props}\n      buttonType={'remove'}\n    />\n  )\n}\n\nexport function CopyButton<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: IconButtonProps<T, S, F>) {\n  const {\n    registry: { translateString },\n  } = props\n  return (\n    <IconButtonTemplate<T, S, F>\n      title={translateString(TranslatableString.CopyButton)}\n      {...props}\n      buttonType={'copy'}\n    />\n  )\n}\n\nexport function MoveUpButton<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: IconButtonProps<T, S, F>) {\n  const {\n    registry: { translateString },\n  } = props\n  return (\n    <IconButtonTemplate<T, S, F>\n      title={translateString(TranslatableString.MoveUpButton)}\n      {...props}\n      buttonType={'moveUp'}\n    />\n  )\n}\n\nexport function MoveDownButton<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: IconButtonProps<T, S, F>) {\n  const {\n    registry: { translateString },\n  } = props\n  return (\n    <IconButtonTemplate<T, S, F>\n      title={translateString(TranslatableString.MoveDownButton)}\n      {...props}\n      buttonType={'moveDown'}\n    />\n  )\n}\n\nexport default {\n  AddButton,\n  RemoveButton,\n  MoveUpButton,\n  MoveDownButton,\n  CopyButton,\n}\n"],"mappings":";;;;;;AAWA,IAAM,IAAoB;CAAE,UAAU;CAAS,OAAO;CAAQ,QAAQ;AAAO;AAE7E,SAAgB,EAId,EAAE,aAAU,aAAU,GAAG,KAAmC;CAC5D,IAAM,EAAE,uBAAoB;CAC5B,OACE,kBAAC,GAAD;EACE,OAAO,EAAgB,EAAmB,aAAa;EACvD,GAAI;EACJ,OAAM;EACN,SAAS;EACT,IAAI;YAEJ,kBAAC,GAAD,CAAM,CAAA;CACA,CAAA;AAEZ;AAMA,SAAS,EAAQ,GAAmD;CAClE,QAAQ,GAAR;EACE,KAAK,QACH,OAAO,kBAAC,GAAD,EAAiB,UAAS,UAAW,CAAA;EAC9C,KAAK,UACH,OAAO,kBAAC,GAAD,EAAa,UAAS,UAAW,CAAA;EAC1C,KAAK,YACH,OAAO,kBAAC,GAAD,EAAe,UAAS,UAAW,CAAA;EAC5C,KAAK,UACH,OAAO,kBAAC,GAAD,EAAO,UAAS,UAAW,CAAA;EACpC,SACE,MAAU,MAAM,uBAAuB,GAAY;CACvD;AACF;AAEA,SAAS,EAIP,GAA2D;CAC3D,IAAM,EAAE,aAAU,eAAY,aAAU,GAAG,MAAe;CAE1D,OACE,kBAAC,GAAD;EAAY,GAAI;EAAY,OAAO;EAAW,IAAI;YAC/C,EAAQ,CAAU;CACT,CAAA;AAEhB;AAEA,SAAgB,EAId,GAAiC;CACjC,IAAM,EACJ,UAAU,EAAE,yBACV;CACJ,OACE,kBAAC,GAAD;EACE,OAAO,EAAgB,EAAmB,YAAY;EACtD,GAAI;EACJ,YAAY;CACb,CAAA;AAEL;AAEA,SAAgB,EAId,GAAiC;CACjC,IAAM,EACJ,UAAU,EAAE,yBACV;CACJ,OACE,kBAAC,GAAD;EACE,OAAO,EAAgB,EAAmB,UAAU;EACpD,GAAI;EACJ,YAAY;CACb,CAAA;AAEL;AAEA,SAAgB,EAId,GAAiC;CACjC,IAAM,EACJ,UAAU,EAAE,yBACV;CACJ,OACE,kBAAC,GAAD;EACE,OAAO,EAAgB,EAAmB,YAAY;EACtD,GAAI;EACJ,YAAY;CACb,CAAA;AAEL;AAEA,SAAgB,EAId,GAAiC;CACjC,IAAM,EACJ,UAAU,EAAE,yBACV;CACJ,OACE,kBAAC,GAAD;EACE,OAAO,EAAgB,EAAmB,cAAc;EACxD,GAAI;EACJ,YAAY;CACb,CAAA;AAEL;AAEA,IAAA,IAAe;CACb;CACA;CACA;CACA;CACA;AACF"}
+{"version":3,"file":"ButtonTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/ButtonTemplate.tsx"],"sourcesContent":["import Add from '@mui/icons-material/Add'\nimport ArrowDownward from '@mui/icons-material/ArrowDownward'\nimport ArrowUpward from '@mui/icons-material/ArrowUpward'\nimport Close from '@mui/icons-material/Close'\nimport { Button, IconButton, SxProps } from '@mui/material'\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy'\nimport {\n  FormContextType,\n  IconButtonProps,\n  RJSFSchema,\n  StrictRJSFSchema,\n  TranslatableString,\n} from '@rjsf/utils'\n\nconst buttonSx: SxProps = { minWidth: 'unset', width: '40px', height: '40px' }\n\nexport function AddButton<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>({ uiSchema, registry, ...props }: IconButtonProps<T, S, F>) {\n  const { translateString } = registry\n  return (\n    <Button\n      title={translateString(TranslatableString.AddItemButton)}\n      {...props}\n      color=\"primary\"\n      variant={'contained'}\n      sx={buttonSx}\n    >\n      <Add />\n    </Button>\n  )\n}\n\ntype IconButtonTemplateProps = {\n  buttonType: 'copy' | 'moveUp' | 'moveDown' | 'remove'\n}\n\nfunction getIcon(buttonType: IconButtonTemplateProps['buttonType']) {\n  switch (buttonType) {\n    case 'copy':\n      return <ContentCopyIcon fontSize=\"inherit\" />\n    case 'moveUp':\n      return <ArrowUpward fontSize=\"inherit\" />\n    case 'moveDown':\n      return <ArrowDownward fontSize=\"inherit\" />\n    case 'remove':\n      return <Close fontSize=\"inherit\" />\n    default:\n      throw new Error(`Unexpected iconType ${buttonType}`)\n  }\n}\n\nfunction IconButtonTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: IconButtonProps<T, S, F> & IconButtonTemplateProps) {\n  const { iconType, buttonType, uiSchema, ...otherProps } = props\n\n  return (\n    <IconButton {...otherProps} color={'default'} sx={buttonSx}>\n      {getIcon(buttonType)}\n    </IconButton>\n  )\n}\n\nexport function RemoveButton<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: IconButtonProps<T, S, F>) {\n  const {\n    registry: { translateString },\n  } = props\n  return (\n    <IconButtonTemplate<T, S, F>\n      title={translateString(TranslatableString.RemoveButton)}\n      {...props}\n      buttonType={'remove'}\n    />\n  )\n}\n\nexport function CopyButton<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: IconButtonProps<T, S, F>) {\n  const {\n    registry: { translateString },\n  } = props\n  return (\n    <IconButtonTemplate<T, S, F>\n      title={translateString(TranslatableString.CopyButton)}\n      {...props}\n      buttonType={'copy'}\n    />\n  )\n}\n\nexport function MoveUpButton<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: IconButtonProps<T, S, F>) {\n  const {\n    registry: { translateString },\n  } = props\n  return (\n    <IconButtonTemplate<T, S, F>\n      title={translateString(TranslatableString.MoveUpButton)}\n      {...props}\n      buttonType={'moveUp'}\n    />\n  )\n}\n\nexport function MoveDownButton<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: IconButtonProps<T, S, F>) {\n  const {\n    registry: { translateString },\n  } = props\n  return (\n    <IconButtonTemplate<T, S, F>\n      title={translateString(TranslatableString.MoveDownButton)}\n      {...props}\n      buttonType={'moveDown'}\n    />\n  )\n}\n\nexport default {\n  AddButton,\n  RemoveButton,\n  MoveUpButton,\n  MoveDownButton,\n  CopyButton,\n}\n"],"mappings":";;;;;;;;;AAcA,IAAM,IAAoB;CAAE,UAAU;CAAS,OAAO;CAAQ,QAAQ;AAAO;AAE7E,SAAgB,EAId,EAAE,aAAU,aAAU,GAAG,KAAmC;CAC5D,IAAM,EAAE,uBAAoB;CAC5B,OACE,kBAAC,GAAD;EACE,OAAO,EAAgB,EAAmB,aAAa;EACvD,GAAI;EACJ,OAAM;EACN,SAAS;EACT,IAAI;YAEJ,kBAAC,GAAD,CAAM,CAAA;CACA,CAAA;AAEZ;AAMA,SAAS,EAAQ,GAAmD;CAClE,QAAQ,GAAR;EACE,KAAK,QACH,OAAO,kBAAC,GAAD,EAAiB,UAAS,UAAW,CAAA;EAC9C,KAAK,UACH,OAAO,kBAAC,GAAD,EAAa,UAAS,UAAW,CAAA;EAC1C,KAAK,YACH,OAAO,kBAAC,GAAD,EAAe,UAAS,UAAW,CAAA;EAC5C,KAAK,UACH,OAAO,kBAAC,GAAD,EAAO,UAAS,UAAW,CAAA;EACpC,SACE,MAAU,MAAM,uBAAuB,GAAY;CACvD;AACF;AAEA,SAAS,EAIP,GAA2D;CAC3D,IAAM,EAAE,aAAU,eAAY,aAAU,GAAG,MAAe;CAE1D,OACE,kBAAC,GAAD;EAAY,GAAI;EAAY,OAAO;EAAW,IAAI;YAC/C,EAAQ,CAAU;CACT,CAAA;AAEhB;AAEA,SAAgB,EAId,GAAiC;CACjC,IAAM,EACJ,UAAU,EAAE,yBACV;CACJ,OACE,kBAAC,GAAD;EACE,OAAO,EAAgB,EAAmB,YAAY;EACtD,GAAI;EACJ,YAAY;CACb,CAAA;AAEL;AAEA,SAAgB,EAId,GAAiC;CACjC,IAAM,EACJ,UAAU,EAAE,yBACV;CACJ,OACE,kBAAC,GAAD;EACE,OAAO,EAAgB,EAAmB,UAAU;EACpD,GAAI;EACJ,YAAY;CACb,CAAA;AAEL;AAEA,SAAgB,EAId,GAAiC;CACjC,IAAM,EACJ,UAAU,EAAE,yBACV;CACJ,OACE,kBAAC,GAAD;EACE,OAAO,EAAgB,EAAmB,YAAY;EACtD,GAAI;EACJ,YAAY;CACb,CAAA;AAEL;AAEA,SAAgB,EAId,GAAiC;CACjC,IAAM,EACJ,UAAU,EAAE,yBACV;CACJ,OACE,kBAAC,GAAD;EACE,OAAO,EAAgB,EAAmB,cAAc;EACxD,GAAI;EACJ,YAAY;CACb,CAAA;AAEL;AAEA,IAAA,IAAe;CACb;CACA;CACA;CACA;CACA;AACF"}

package/dist/components/JsonSchemaForm/templates/RJSFInputLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RJSFInputLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/templates/RJSFInputLabel.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,eAAe,EACf,QAAQ,EACR,UAAU,EACV,gBAAgB,EACjB,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAEnD,KAAK,mBAAmB,CACtB,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,IAC7B,iBAAiB,CAAC;IACpB;wBACoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,4CAA4C;IAC5C,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,4BAA4B;IAC5B,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;CAC5B,CAAC,CAAA;AAEF;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAC/B,KAAK,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAsDpC"}
+{"version":3,"file":"RJSFInputLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/templates/RJSFInputLabel.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,eAAe,EACf,QAAQ,EACR,UAAU,EACV,gBAAgB,EACjB,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAA;AAEnD,KAAK,mBAAmB,CACtB,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,IAC7B,iBAAiB,CAAC;IACpB;wBACoB;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sCAAsC;IACtC,UAAU,EAAE,KAAK,CAAC,SAAS,CAAA;IAC3B,4CAA4C;IAC5C,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,4BAA4B;IAC5B,QAAQ,EAAE,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;CAC5B,CAAC,CAAA;AAEF;;GAEG;AACH,wBAAgB,qBAAqB,CACnC,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAC/B,KAAK,EAAE,mBAAmB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAsDpC"}

package/dist/components/JsonSchemaForm/templates/RJSFInputLabel.js

@@ -2,7 +2,8 @@ import { StyledPopover as e } from "../../styled/StyledPopover.js";
 import { useState as t } from "react";
 import { Collapse as n, IconButton as r, Tooltip as i } from "@mui/material";
 import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
-import { HelpOutline as c, HelpTwoTone as l } from "@mui/icons-material";
+import c from "@mui/icons-material/HelpOutline";
+import l from "@mui/icons-material/HelpTwoTone";
 //#region src/components/JsonSchemaForm/templates/RJSFInputLabel.tsx
 function u(u) {
 	let { hideLabel: d = !1, fieldLabel: f, description: p, registry: m, children: h } = u, g = m.formContext.descriptionVariant || "popover", [_, v] = t(!1);

package/dist/components/JsonSchemaForm/templates/RJSFInputLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"RJSFInputLabel.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/RJSFInputLabel.tsx"],"sourcesContent":["import { StyledPopover } from '@/components/styled/StyledPopover'\nimport { HelpOutline, HelpTwoTone } from '@mui/icons-material'\nimport { Collapse, IconButton, Tooltip } from '@mui/material'\nimport {\n  FormContextType,\n  Registry,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { PropsWithChildren, useState } from 'react'\n\ntype RJSFInputLabelProps<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n> = PropsWithChildren<{\n  /** If true, the label will not be shown\n   * @default false */\n  hideLabel?: boolean\n  /** The rendered label of the field */\n  fieldLabel: React.ReactNode\n  /** The rendered description of the field */\n  description: React.ReactNode\n  /** The `registry` object */\n  registry: Registry<T, S, F>\n}>\n\n/**\n * Component that handles rendering our custom input label and description fields for RJSF.\n */\nexport function RJSFInputLabelWrapper<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: RJSFInputLabelProps<T, S, F>) {\n  const {\n    hideLabel = false,\n    fieldLabel,\n    description,\n    registry,\n    children,\n  } = props\n  const descriptionVariant =\n    registry.formContext.descriptionVariant || 'popover'\n\n  const [showDetails, setShowDetails] = useState(false)\n\n  const expandButton = (\n    <Tooltip title={'More Info'}>\n      <IconButton\n        onClick={e => {\n          e.preventDefault()\n          setShowDetails(!showDetails)\n        }}\n        aria-expanded={showDetails}\n        size={'small'}\n      >\n        <HelpOutline color={'primary'} sx={{ width: '16px', height: '16px' }} />\n      </IconButton>\n    </Tooltip>\n  )\n\n  const popoverButton = (\n    <StyledPopover popoverContent={description} maxWidth=\"350px\">\n      <HelpTwoTone className={`HelpButton`} />\n    </StyledPopover>\n  )\n\n  return (\n    <>\n      {!hideLabel && (\n        <div className=\"LabelContainer\">\n          {fieldLabel}\n          {description && descriptionVariant === 'popover' && popoverButton}\n          {description && descriptionVariant === 'expand' && expandButton}\n        </div>\n      )}\n      {!hideLabel && descriptionVariant === 'inline' && description && (\n        <div className=\"field-description-inline\">{description}</div>\n      )}\n      {children}\n      {!hideLabel && descriptionVariant === 'expand' && (\n        <Collapse className=\"field-description\" in={showDetails}>\n          {description}\n        </Collapse>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;AA8BA,SAAgB,EAId,GAAqC;CACrC,IAAM,EACJ,eAAY,IACZ,eACA,gBACA,aACA,gBACE,GACE,IACJ,EAAS,YAAY,sBAAsB,WAEvC,CAAC,GAAa,KAAkB,EAAS,EAAK;CAuBpD,OACE,kBAAA,GAAA,EAAA,UAAA;EACG,CAAC,KACA,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG;IACA,KAAe,MAAuB,aAV7C,kBAAC,GAAD;KAAe,gBAAgB;KAAa,UAAS;eACnD,kBAAC,GAAD,EAAa,WAAW,aAAe,CAAA;IAC1B,CAQ2C;IACnD,KAAe,MAAuB,YA1B7C,kBAAC,GAAD;KAAS,OAAO;eACd,kBAAC,GAAD;MACE,UAAS,MAAK;OAEZ,AADA,EAAE,eAAe,GACjB,EAAe,CAAC,CAAW;MAC7B;MACA,iBAAe;MACf,MAAM;gBAEN,kBAAC,GAAD;OAAa,OAAO;OAAW,IAAI;QAAE,OAAO;QAAQ,QAAQ;OAAO;MAAI,CAAA;KAC7D,CAAA;IACL,CAegD;GAChD;;EAEN,CAAC,KAAa,MAAuB,YAAY,KAChD,kBAAC,OAAD;GAAK,WAAU;aAA4B;EAAiB,CAAA;EAE7D;EACA,CAAC,KAAa,MAAuB,YACpC,kBAAC,GAAD;GAAU,WAAU;GAAoB,IAAI;aACzC;EACO,CAAA;CAEZ,EAAA,CAAA;AAEN"}
+{"version":3,"file":"RJSFInputLabel.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/RJSFInputLabel.tsx"],"sourcesContent":["import { StyledPopover } from '@/components/styled/StyledPopover'\nimport HelpOutline from '@mui/icons-material/HelpOutline'\nimport HelpTwoTone from '@mui/icons-material/HelpTwoTone'\nimport { Collapse, IconButton, Tooltip } from '@mui/material'\nimport {\n  FormContextType,\n  Registry,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { PropsWithChildren, useState } from 'react'\n\ntype RJSFInputLabelProps<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n> = PropsWithChildren<{\n  /** If true, the label will not be shown\n   * @default false */\n  hideLabel?: boolean\n  /** The rendered label of the field */\n  fieldLabel: React.ReactNode\n  /** The rendered description of the field */\n  description: React.ReactNode\n  /** The `registry` object */\n  registry: Registry<T, S, F>\n}>\n\n/**\n * Component that handles rendering our custom input label and description fields for RJSF.\n */\nexport function RJSFInputLabelWrapper<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: RJSFInputLabelProps<T, S, F>) {\n  const {\n    hideLabel = false,\n    fieldLabel,\n    description,\n    registry,\n    children,\n  } = props\n  const descriptionVariant =\n    registry.formContext.descriptionVariant || 'popover'\n\n  const [showDetails, setShowDetails] = useState(false)\n\n  const expandButton = (\n    <Tooltip title={'More Info'}>\n      <IconButton\n        onClick={e => {\n          e.preventDefault()\n          setShowDetails(!showDetails)\n        }}\n        aria-expanded={showDetails}\n        size={'small'}\n      >\n        <HelpOutline color={'primary'} sx={{ width: '16px', height: '16px' }} />\n      </IconButton>\n    </Tooltip>\n  )\n\n  const popoverButton = (\n    <StyledPopover popoverContent={description} maxWidth=\"350px\">\n      <HelpTwoTone className={`HelpButton`} />\n    </StyledPopover>\n  )\n\n  return (\n    <>\n      {!hideLabel && (\n        <div className=\"LabelContainer\">\n          {fieldLabel}\n          {description && descriptionVariant === 'popover' && popoverButton}\n          {description && descriptionVariant === 'expand' && expandButton}\n        </div>\n      )}\n      {!hideLabel && descriptionVariant === 'inline' && description && (\n        <div className=\"field-description-inline\">{description}</div>\n      )}\n      {children}\n      {!hideLabel && descriptionVariant === 'expand' && (\n        <Collapse className=\"field-description\" in={showDetails}>\n          {description}\n        </Collapse>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;AA+BA,SAAgB,EAId,GAAqC;CACrC,IAAM,EACJ,eAAY,IACZ,eACA,gBACA,aACA,gBACE,GACE,IACJ,EAAS,YAAY,sBAAsB,WAEvC,CAAC,GAAa,KAAkB,EAAS,EAAK;CAuBpD,OACE,kBAAA,GAAA,EAAA,UAAA;EACG,CAAC,KACA,kBAAC,OAAD;GAAK,WAAU;aAAf;IACG;IACA,KAAe,MAAuB,aAV7C,kBAAC,GAAD;KAAe,gBAAgB;KAAa,UAAS;eACnD,kBAAC,GAAD,EAAa,WAAW,aAAe,CAAA;IAC1B,CAQ2C;IACnD,KAAe,MAAuB,YA1B7C,kBAAC,GAAD;KAAS,OAAO;eACd,kBAAC,GAAD;MACE,UAAS,MAAK;OAEZ,AADA,EAAE,eAAe,GACjB,EAAe,CAAC,CAAW;MAC7B;MACA,iBAAe;MACf,MAAM;gBAEN,kBAAC,GAAD;OAAa,OAAO;OAAW,IAAI;QAAE,OAAO;QAAQ,QAAQ;OAAO;MAAI,CAAA;KAC7D,CAAA;IACL,CAegD;GAChD;;EAEN,CAAC,KAAa,MAAuB,YAAY,KAChD,kBAAC,OAAD;GAAK,WAAU;aAA4B;EAAiB,CAAA;EAE7D;EACA,CAAC,KAAa,MAAuB,YACpC,kBAAC,GAAD;GAAU,WAAU;GAAoB,IAAI;aACzC;EACO,CAAA;CAEZ,EAAA,CAAA;AAEN"}

package/dist/components/JsonSchemaForm/widgets/PhoneWidget.d.ts

@@ -0,0 +1,9 @@
+import { Widget } from '@rjsf/utils';
+export declare const PHONE_DEFAULT_COUNTRY = "US";
+export declare const PHONE_PREFERRED_COUNTRIES: ["GB", "US"];
+/**
+ * International phone number widget: a country dropdown (flag, name, calling code) with a
+ * numeric-only, country-formatted number input. The calling code is always part of the value.
+ */
+export declare const PhoneWidget: Widget;
+//# sourceMappingURL=PhoneWidget.d.ts.map

package/dist/components/JsonSchemaForm/widgets/PhoneWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneWidget.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/widgets/PhoneWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,aAAa,CAAA;AAGjD,eAAO,MAAM,qBAAqB,OAAO,CAAA;AACzC,eAAO,MAAM,yBAAyB,EAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAA;AAErE;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,MA6BzB,CAAA"}

package/dist/components/JsonSchemaForm/widgets/PhoneWidget.js

@@ -0,0 +1,21 @@
+import { jsx as e } from "react/jsx-runtime";
+import { MuiTelInput as t } from "mui-tel-input";
+//#region src/components/JsonSchemaForm/widgets/PhoneWidget.tsx
+var n = "US", r = ["GB", "US"], i = ({ id: n, disabled: i, readonly: a, required: o, value: s, onChange: c, onBlur: l, onFocus: u }) => /* @__PURE__ */ e(t, {
+	fullWidth: !0,
+	id: n,
+	required: o,
+	disabled: i,
+	slotProps: { htmlInput: { readOnly: a } },
+	value: typeof s == "string" ? s : "",
+	defaultCountry: "US",
+	preferredCountries: r,
+	forceCallingCode: !0,
+	onChange: (e, t) => c(t.nationalNumber ? e : void 0),
+	onBlur: () => l(n, s),
+	onFocus: () => u(n, s)
+});
+//#endregion
+export { n as PHONE_DEFAULT_COUNTRY, r as PHONE_PREFERRED_COUNTRIES, i as PhoneWidget };
+
+//# sourceMappingURL=PhoneWidget.js.map

package/dist/components/JsonSchemaForm/widgets/PhoneWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneWidget.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/widgets/PhoneWidget.tsx"],"sourcesContent":["import { Widget, WidgetProps } from '@rjsf/utils'\nimport { MuiTelInput } from 'mui-tel-input'\n\nexport const PHONE_DEFAULT_COUNTRY = 'US'\nexport const PHONE_PREFERRED_COUNTRIES = ['GB', 'US'] as ['GB', 'US']\n\n/**\n * International phone number widget: a country dropdown (flag, name, calling code) with a\n * numeric-only, country-formatted number input. The calling code is always part of the value.\n */\nexport const PhoneWidget: Widget = ({\n  id,\n  disabled,\n  readonly,\n  required,\n  value,\n  onChange,\n  onBlur,\n  onFocus,\n}: WidgetProps) => {\n  return (\n    <MuiTelInput\n      fullWidth\n      id={id}\n      required={required}\n      disabled={disabled}\n      slotProps={{ htmlInput: { readOnly: readonly } }}\n      value={typeof value === 'string' ? value : ''}\n      defaultCountry={PHONE_DEFAULT_COUNTRY}\n      preferredCountries={PHONE_PREFERRED_COUNTRIES}\n      forceCallingCode\n      // A bare calling code is not an answer; report it as empty so `required` still applies.\n      onChange={(newValue, info) =>\n        onChange(info.nationalNumber ? newValue : undefined)\n      }\n      onBlur={() => onBlur(id, value)}\n      onFocus={() => onFocus(id, value)}\n    />\n  )\n}\n"],"mappings":";;;AAGA,IAAa,IAAwB,MACxB,IAA4B,CAAC,MAAM,IAAI,GAMvC,KAAuB,EAClC,OACA,aACA,aACA,aACA,UACA,aACA,WACA,iBAGE,kBAAC,GAAD;CACE,WAAA;CACI;CACM;CACA;CACV,WAAW,EAAE,WAAW,EAAE,UAAU,EAAS,EAAE;CAC/C,OAAO,OAAO,KAAU,WAAW,IAAQ;CAC3C,gBAAA;CACA,oBAAoB;CACpB,kBAAA;CAEA,WAAW,GAAU,MACnB,EAAS,EAAK,iBAAiB,IAAW,KAAA,CAAS;CAErD,cAAc,EAAO,GAAI,CAAK;CAC9B,eAAe,EAAQ,GAAI,CAAK;AACjC,CAAA"}

package/dist/components/Markdown/MarkdownCollapse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownCollapse.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownCollapse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAWzE,MAAM,MAAM,qBAAqB,GAAG;IAElC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,GAAG,oBAAoB,CAAA;AAExB;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAC3B,OAAO,qBAAqB,KAC3B,KAAK,CAAC,SAmHR,CAAA;AAED,eAAe,gBAAgB,CAAA"}
+{"version":3,"file":"MarkdownCollapse.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownCollapse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAwB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AASzE,MAAM,MAAM,qBAAqB,GAAG;IAElC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,GAAG,oBAAoB,CAAA;AAExB;;;;;GAKG;AACH,eAAO,MAAM,gBAAgB,GAC3B,OAAO,qBAAqB,KAC3B,KAAK,CAAC,SAmHR,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/Markdown/MarkdownCollapse.js

@@ -5,7 +5,9 @@ import { Markdown as r } from "./MarkdownSynapse.js";
 import { useState as i } from "react";
 import { Box as a, Collapse as o, Typography as s } from "@mui/material";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { ContentCopyTwoTone as u, KeyboardArrowDownTwoTone as d, KeyboardArrowUpTwoTone as f } from "@mui/icons-material";
+import u from "@mui/icons-material/ContentCopyTwoTone";
+import d from "@mui/icons-material/KeyboardArrowDownTwoTone";
+import f from "@mui/icons-material/KeyboardArrowUpTwoTone";
 //#region src/components/Markdown/MarkdownCollapse.tsx
 var p = (p) => {
 	let [m, h] = i(!1), [g, _] = i(), [v, y] = i(), b = (e) => {

package/dist/components/Markdown/MarkdownCollapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownCollapse.js","names":[],"sources":["../../../src/components/Markdown/MarkdownCollapse.tsx"],"sourcesContent":["import React from 'react'\nimport { useState } from 'react'\nimport MarkdownSynapse, { MarkdownSynapseProps } from './MarkdownSynapse'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport { Box, Collapse, SxProps, Typography } from '@mui/material'\nimport {\n  ContentCopyTwoTone,\n  KeyboardArrowDownTwoTone,\n  KeyboardArrowUpTwoTone,\n} from '@mui/icons-material'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\nimport { stripHTML } from './MarkdownUtils'\n\nexport type MarkdownCollapseProps = {\n  // The text that should be shown.  If not given, will default to \"full text\"\n  textDescription?: string\n  showCopyPlainText?: boolean\n  title?: string\n  setPlainTextResult?: (plainText: string) => void\n} & MarkdownSynapseProps\n\n/**\n * Wraps a MarkdownSynapse in a Collapse area, with customizable text description.\n * Will pass down all properties to the MarkdownSynapse component, so this can be used in\n * the portal detail pages.\n * @param props\n */\nexport const MarkdownCollapse = (\n  props: MarkdownCollapseProps,\n): React.ReactNode => {\n  const [show, setShow] = useState(false)\n  const [wordCount, setWordCount] = useState<number>()\n  const [plainText, setPlainText] = useState<string>()\n\n  const onMarkdownProcessingDone: (\n    htmlContent: string | null | undefined,\n  ) => void = htmlContent => {\n    if (htmlContent) {\n      const textContent = stripHTML(htmlContent)\n      if (textContent.trim() !== plainText) {\n        setPlainText(textContent.trim())\n        setWordCount(textContent.trim().split(/\\s+/).length)\n        if (props.setPlainTextResult) {\n          props.setPlainTextResult(textContent.trim())\n        }\n      }\n    }\n  }\n\n  const {\n    textDescription = 'full text',\n    showCopyPlainText,\n    markdown,\n    ownerId,\n    title,\n  } = props\n  if (markdown == undefined && ownerId == undefined) {\n    return\n  }\n  const iconSx: SxProps = {\n    color: 'grey.700',\n    marginBottom: '-5px !important',\n    height: '18px',\n  }\n  return (\n    <div\n      className=\"MarkdownCollapse\"\n      style={{\n        display: wordCount != undefined && wordCount > 0 ? 'block' : 'none',\n      }}\n    >\n      {title && (\n        <Typography variant=\"subtitle1\" sx={{ margin: '20px 0px 10px 0px' }}>\n          {title}\n        </Typography>\n      )}\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          backgroundColor: 'grey.200',\n          padding: '15px',\n        }}\n      >\n        <Typography\n          variant=\"smallLink\"\n          onClick={() => setShow(!show)}\n          aria-controls=\"collapse-text\"\n          aria-expanded={show}\n          sx={{\n            '&:hover': {\n              cursor: 'pointer',\n            },\n          }}\n        >\n          {show ? 'Hide' : 'View'} {textDescription}{' '}\n          {wordCount ? `(${wordCount} words)` : ''}\n          {show ? (\n            <KeyboardArrowUpTwoTone sx={iconSx} />\n          ) : (\n            <KeyboardArrowDownTwoTone sx={iconSx} />\n          )}\n        </Typography>\n        {showCopyPlainText && (\n          <Box>\n            <Typography\n              variant=\"smallLink\"\n              onClick={() => {\n                if (plainText) {\n                  copyStringToClipboard(plainText).then(\n                    () => {\n                      displayToast('Successfully copied to the clipboard')\n                    },\n                    err => {\n                      console.error(err)\n                    },\n                  )\n                }\n              }}\n              sx={{\n                '&:hover': {\n                  cursor: 'pointer',\n                },\n              }}\n            >\n              <ContentCopyTwoTone sx={iconSx} />\n              Copy {textDescription} to clipboard\n            </Typography>\n          </Box>\n        )}\n      </Box>\n\n      <Collapse in={show}>\n        <Box sx={{ backgroundColor: 'grey.100', padding: '25px' }}>\n          <div id=\"collapse-text\">\n            <MarkdownSynapse\n              {...props}\n              onMarkdownProcessingDone={onMarkdownProcessingDone}\n            />\n          </div>\n        </Box>\n      </Collapse>\n    </div>\n  )\n}\n\nexport default MarkdownCollapse\n"],"mappings":";;;;;;;;;AA2BA,IAAa,KACX,MACoB;CACpB,IAAM,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,CAAC,GAAW,KAAgB,EAAiB,GAC7C,CAAC,GAAW,KAAgB,EAAiB,GAE7C,KAEM,MAAe;EACzB,IAAI,GAAa;GACf,IAAM,IAAc,EAAU,CAAW;GACzC,AAAI,EAAY,KAAK,MAAM,MACzB,EAAa,EAAY,KAAK,CAAC,GAC/B,EAAa,EAAY,KAAK,EAAE,MAAM,KAAK,EAAE,MAAM,GAC/C,EAAM,sBACR,EAAM,mBAAmB,EAAY,KAAK,CAAC;EAGjD;CACF,GAEM,EACJ,qBAAkB,aAClB,sBACA,aACA,YACA,aACE;CACJ,IAAI,KAAY,QAAa,KAAW,MACtC;CAEF,IAAM,IAAkB;EACtB,OAAO;EACP,cAAc;EACd,QAAQ;CACV;CACA,OACE,kBAAC,OAAD;EACE,WAAU;EACV,OAAO,EACL,SAAS,KAAa,QAAa,IAAY,IAAI,UAAU,OAC/D;YAJF;GAMG,KACC,kBAAC,GAAD;IAAY,SAAQ;IAAY,IAAI,EAAE,QAAQ,oBAAoB;cAC/D;GACS,CAAA;GAEd,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,gBAAgB;KAChB,iBAAiB;KACjB,SAAS;IACX;cANF,CAQE,kBAAC,GAAD;KACE,SAAQ;KACR,eAAe,EAAQ,CAAC,CAAI;KAC5B,iBAAc;KACd,iBAAe;KACf,IAAI,EACF,WAAW,EACT,QAAQ,UACV,EACF;eATF;MAWG,IAAO,SAAS;MAAO;MAAE;MAAiB;MAC1C,IAAY,IAAI,EAAU,WAAW;MAEpC,EADD,IACE,IAEA,GAFD,EAAwB,IAAI,EAAS,CAEE;KAE/B;QACX,KACC,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KACE,SAAQ;KACR,eAAe;MACb,AAAI,KACF,EAAsB,CAAS,EAAE,WACzB;OACJ,EAAa,sCAAsC;MACrD,IACA,MAAO;OACL,QAAQ,MAAM,CAAG;MACnB,CACF;KAEJ;KACA,IAAI,EACF,WAAW,EACT,QAAQ,UACV,EACF;eAlBF;MAoBE,kBAAC,GAAD,EAAoB,IAAI,EAAS,CAAA;MAAC;MAC5B;MAAgB;KACZ;OACT,CAAA,CAEJ;;GAEL,kBAAC,GAAD;IAAU,IAAI;cACZ,kBAAC,GAAD;KAAK,IAAI;MAAE,iBAAiB;MAAY,SAAS;KAAO;eACtD,kBAAC,OAAD;MAAK,IAAG;gBACN,kBAAC,GAAD;OACE,GAAI;OACsB;MAC3B,CAAA;KACE,CAAA;IACF,CAAA;GACG,CAAA;EACP;;AAET"}
+{"version":3,"file":"MarkdownCollapse.js","names":[],"sources":["../../../src/components/Markdown/MarkdownCollapse.tsx"],"sourcesContent":["import React from 'react'\nimport { useState } from 'react'\nimport MarkdownSynapse, { MarkdownSynapseProps } from './MarkdownSynapse'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport { Box, Collapse, SxProps, Typography } from '@mui/material'\nimport ContentCopyTwoTone from '@mui/icons-material/ContentCopyTwoTone'\nimport KeyboardArrowDownTwoTone from '@mui/icons-material/KeyboardArrowDownTwoTone'\nimport KeyboardArrowUpTwoTone from '@mui/icons-material/KeyboardArrowUpTwoTone'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\nimport { stripHTML } from './MarkdownUtils'\n\nexport type MarkdownCollapseProps = {\n  // The text that should be shown.  If not given, will default to \"full text\"\n  textDescription?: string\n  showCopyPlainText?: boolean\n  title?: string\n  setPlainTextResult?: (plainText: string) => void\n} & MarkdownSynapseProps\n\n/**\n * Wraps a MarkdownSynapse in a Collapse area, with customizable text description.\n * Will pass down all properties to the MarkdownSynapse component, so this can be used in\n * the portal detail pages.\n * @param props\n */\nexport const MarkdownCollapse = (\n  props: MarkdownCollapseProps,\n): React.ReactNode => {\n  const [show, setShow] = useState(false)\n  const [wordCount, setWordCount] = useState<number>()\n  const [plainText, setPlainText] = useState<string>()\n\n  const onMarkdownProcessingDone: (\n    htmlContent: string | null | undefined,\n  ) => void = htmlContent => {\n    if (htmlContent) {\n      const textContent = stripHTML(htmlContent)\n      if (textContent.trim() !== plainText) {\n        setPlainText(textContent.trim())\n        setWordCount(textContent.trim().split(/\\s+/).length)\n        if (props.setPlainTextResult) {\n          props.setPlainTextResult(textContent.trim())\n        }\n      }\n    }\n  }\n\n  const {\n    textDescription = 'full text',\n    showCopyPlainText,\n    markdown,\n    ownerId,\n    title,\n  } = props\n  if (markdown == undefined && ownerId == undefined) {\n    return\n  }\n  const iconSx: SxProps = {\n    color: 'grey.700',\n    marginBottom: '-5px !important',\n    height: '18px',\n  }\n  return (\n    <div\n      className=\"MarkdownCollapse\"\n      style={{\n        display: wordCount != undefined && wordCount > 0 ? 'block' : 'none',\n      }}\n    >\n      {title && (\n        <Typography variant=\"subtitle1\" sx={{ margin: '20px 0px 10px 0px' }}>\n          {title}\n        </Typography>\n      )}\n      <Box\n        sx={{\n          display: 'flex',\n          justifyContent: 'space-between',\n          backgroundColor: 'grey.200',\n          padding: '15px',\n        }}\n      >\n        <Typography\n          variant=\"smallLink\"\n          onClick={() => setShow(!show)}\n          aria-controls=\"collapse-text\"\n          aria-expanded={show}\n          sx={{\n            '&:hover': {\n              cursor: 'pointer',\n            },\n          }}\n        >\n          {show ? 'Hide' : 'View'} {textDescription}{' '}\n          {wordCount ? `(${wordCount} words)` : ''}\n          {show ? (\n            <KeyboardArrowUpTwoTone sx={iconSx} />\n          ) : (\n            <KeyboardArrowDownTwoTone sx={iconSx} />\n          )}\n        </Typography>\n        {showCopyPlainText && (\n          <Box>\n            <Typography\n              variant=\"smallLink\"\n              onClick={() => {\n                if (plainText) {\n                  copyStringToClipboard(plainText).then(\n                    () => {\n                      displayToast('Successfully copied to the clipboard')\n                    },\n                    err => {\n                      console.error(err)\n                    },\n                  )\n                }\n              }}\n              sx={{\n                '&:hover': {\n                  cursor: 'pointer',\n                },\n              }}\n            >\n              <ContentCopyTwoTone sx={iconSx} />\n              Copy {textDescription} to clipboard\n            </Typography>\n          </Box>\n        )}\n      </Box>\n\n      <Collapse in={show}>\n        <Box sx={{ backgroundColor: 'grey.100', padding: '25px' }}>\n          <div id=\"collapse-text\">\n            <MarkdownSynapse\n              {...props}\n              onMarkdownProcessingDone={onMarkdownProcessingDone}\n            />\n          </div>\n        </Box>\n      </Collapse>\n    </div>\n  )\n}\n\nexport default MarkdownCollapse\n"],"mappings":";;;;;;;;;;;AAyBA,IAAa,KACX,MACoB;CACpB,IAAM,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,CAAC,GAAW,KAAgB,EAAiB,GAC7C,CAAC,GAAW,KAAgB,EAAiB,GAE7C,KAEM,MAAe;EACzB,IAAI,GAAa;GACf,IAAM,IAAc,EAAU,CAAW;GACzC,AAAI,EAAY,KAAK,MAAM,MACzB,EAAa,EAAY,KAAK,CAAC,GAC/B,EAAa,EAAY,KAAK,EAAE,MAAM,KAAK,EAAE,MAAM,GAC/C,EAAM,sBACR,EAAM,mBAAmB,EAAY,KAAK,CAAC;EAGjD;CACF,GAEM,EACJ,qBAAkB,aAClB,sBACA,aACA,YACA,aACE;CACJ,IAAI,KAAY,QAAa,KAAW,MACtC;CAEF,IAAM,IAAkB;EACtB,OAAO;EACP,cAAc;EACd,QAAQ;CACV;CACA,OACE,kBAAC,OAAD;EACE,WAAU;EACV,OAAO,EACL,SAAS,KAAa,QAAa,IAAY,IAAI,UAAU,OAC/D;YAJF;GAMG,KACC,kBAAC,GAAD;IAAY,SAAQ;IAAY,IAAI,EAAE,QAAQ,oBAAoB;cAC/D;GACS,CAAA;GAEd,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,gBAAgB;KAChB,iBAAiB;KACjB,SAAS;IACX;cANF,CAQE,kBAAC,GAAD;KACE,SAAQ;KACR,eAAe,EAAQ,CAAC,CAAI;KAC5B,iBAAc;KACd,iBAAe;KACf,IAAI,EACF,WAAW,EACT,QAAQ,UACV,EACF;eATF;MAWG,IAAO,SAAS;MAAO;MAAE;MAAiB;MAC1C,IAAY,IAAI,EAAU,WAAW;MAEpC,EADD,IACE,IAEA,GAFD,EAAwB,IAAI,EAAS,CAEE;KAE/B;QACX,KACC,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KACE,SAAQ;KACR,eAAe;MACb,AAAI,KACF,EAAsB,CAAS,EAAE,WACzB;OACJ,EAAa,sCAAsC;MACrD,IACA,MAAO;OACL,QAAQ,MAAM,CAAG;MACnB,CACF;KAEJ;KACA,IAAI,EACF,WAAW,EACT,QAAQ,UACV,EACF;eAlBF;MAoBE,kBAAC,GAAD,EAAoB,IAAI,EAAS,CAAA;MAAC;MAC5B;MAAgB;KACZ;OACT,CAAA,CAEJ;;GAEL,kBAAC,GAAD;IAAU,IAAI;cACZ,kBAAC,GAAD;KAAK,IAAI;MAAE,iBAAiB;MAAY,SAAS;KAAO;eACtD,kBAAC,OAAD;MAAK,IAAG;gBACN,kBAAC,GAAD;OACE,GAAI;OACsB;MAC3B,CAAA;KACE,CAAA;IACF,CAAA;GACG,CAAA;EACP;;AAET"}

package/dist/components/Markdown/MarkdownEditor.js

@@ -20,7 +20,7 @@ function v({ placeholder: v, text: y, setText: b }) {
 		let t = [], n = k.current;
 		if (n) {
 			let r = n?.selectionStart, i = y.substring(0, r), a = y.substring(r, y.length);
-			w(r + e.length), t.push(i, `${D ? "" : "@"}${e.replace(/\s/g, "")}`, a);
+			w(r + e.length), t.push(i, `${D ? "" : "@"}${e.replaceAll(/\s/g, "")}`, a);
 		}
 		b(t.join("")), O(!1);
 	}, j = (e) => {

package/dist/components/Markdown/MarkdownEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.js","names":[],"sources":["../../../src/components/Markdown/MarkdownEditor.tsx"],"sourcesContent":["import {\n  Box,\n  IconButton,\n  Tab,\n  Tabs,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useRef, useState, useEffect } from 'react'\nimport {\n  commandList,\n  CommandListType,\n  MARKDOWN_COMMANDS_DATA,\n} from '@sage-bionetworks/synapse-types'\nimport IconSvg from '../IconSvg/IconSvg'\nimport MarkdownSynapse from './MarkdownSynapse'\nimport { UserMentionModal } from './UserMentionModal'\nimport { startCase } from 'lodash-es'\n\nconst MarkdownEditorTabs = ['WRITE', 'PREVIEW'] as const\n\nexport type MarkdownEditorProps = {\n  placeholder?: string\n  text: string\n  setText: (text: string) => void\n}\n\nexport function MarkdownEditor({\n  placeholder,\n  text,\n  setText,\n}: MarkdownEditorProps) {\n  const [currentTab, setCurrentTab] = useState<number>(0)\n  const [selectionStart, setSelectionStart] = useState<number>(0)\n  const [isShowingTagModal, setIsShowingTagModal] = useState<boolean>(false)\n  const [tagModalWithKeyboard, setTagModalWithKeyboard] =\n    useState<boolean>(false)\n  const textAreaRef = useRef<HTMLTextAreaElement>(null)\n\n  /**\n   * Updates the position of the cursor. This must occur within `useEffect` because we need to ensure that the\n   * cursor position is updated after the state of `text` is updated.\n   */\n  useEffect(() => {\n    const input = textAreaRef.current\n    if (input) {\n      input.setSelectionRange(selectionStart, selectionStart)\n    }\n  }, [textAreaRef, selectionStart])\n\n  useEffect(() => {\n    textAreaRef.current?.focus()\n  }, [isShowingTagModal])\n\n  const handleUserTag = (user: string) => {\n    const newText: string[] = []\n    const textVal = textAreaRef.current\n    if (textVal) {\n      const start = textVal?.selectionStart\n      const textBeforeTag = text.substring(0, start)\n      const textAfterTag = text.substring(start, text.length)\n      setSelectionStart(start + user.length)\n      newText.push(\n        textBeforeTag,\n        `${tagModalWithKeyboard ? '' : '@'}${user.replace(/\\s/g, '')}`,\n        textAfterTag,\n      )\n    }\n    setText(newText.join(''))\n    setTagModalWithKeyboard(false)\n  }\n\n  const handleTagModal = (text: string) => {\n    const start = textAreaRef.current?.selectionStart\n    if (start && start > 0 && text.charAt(start - 1) === '@') {\n      setTagModalWithKeyboard(true)\n      setIsShowingTagModal(true)\n    }\n  }\n  const handleCommands = (command: CommandListType) => {\n    const textVal = textAreaRef.current\n    if (textVal) {\n      const start = textVal.selectionStart\n      const end = textVal.selectionEnd\n      const selected = text.substring(start, end)\n      const textBeforeSelection = text.substring(0, start)\n      const textAfterSelection = text.substring(end, text.length)\n\n      const openSyntax = MARKDOWN_COMMANDS_DATA[command].openSyntax\n      const closeSyntax = MARKDOWN_COMMANDS_DATA[command].closeSyntax\n\n      switch (command) {\n        case 'code': {\n          const newText: string[] = []\n          newText.push(\n            textBeforeSelection,\n            openSyntax,\n            selected,\n            closeSyntax,\n            textAfterSelection,\n          )\n\n          setText(newText.join('\\r\\n'))\n          textVal.focus()\n          // adds 2 due to new line\n          setSelectionStart(start + openSyntax.length + 2)\n          break\n        }\n        case 'title':\n        case 'bold':\n        case 'italic':\n        case 'strikethrough':\n        case 'latex':\n        case 'subscript':\n        case 'superscript':\n        case 'link':\n        case 'image': {\n          const newText = `${textBeforeSelection}${openSyntax}${selected}${closeSyntax}${textAfterSelection}`\n          textVal.focus()\n          setSelectionStart(start + openSyntax.length)\n          setText(newText)\n        }\n      }\n    }\n  }\n\n  return (\n    <div className=\"MarkdownEditor\">\n      <div className=\"MarkdownEditorControls\">\n        <Tabs\n          textColor=\"secondary\"\n          indicatorColor=\"secondary\"\n          value={currentTab}\n          onChange={(_e, newValue) => setCurrentTab(newValue)}\n        >\n          {MarkdownEditorTabs.map(tabName => {\n            return <Tab label={tabName} key={tabName} />\n          })}\n        </Tabs>\n        {MarkdownEditorTabs[currentTab] === 'WRITE' && (\n          <div className=\"MarkdownEditorControlsToolbar\">\n            {commandList.map(type => {\n              return (\n                <IconButton\n                  size={'small'}\n                  key={type}\n                  onClick={() => handleCommands(type)}\n                  sx={{ width: '32px', height: '32px' }}\n                >\n                  <IconSvg\n                    sx={{ fontSize: 'inherit' }}\n                    icon={type}\n                    label={startCase(type)}\n                  />\n                </IconButton>\n              )\n            })}\n            <IconButton\n              size={'small'}\n              onClick={() => setIsShowingTagModal(true)}\n              sx={{ width: '32px', height: '32px' }}\n            >\n              <IconSvg\n                sx={{ fontSize: 'inherit' }}\n                icon=\"tag\"\n                label=\"Mention\"\n              />\n            </IconButton>\n          </div>\n        )}\n      </div>\n      <div>\n        {MarkdownEditorTabs[currentTab] === 'WRITE' ? (\n          <TextField\n            inputProps={{\n              ['aria-label']: 'markdown',\n            }}\n            onChange={e => {\n              setText(e.target.value)\n              handleTagModal(e.target.value)\n            }}\n            style={{ width: '100%' }}\n            multiline\n            minRows={6}\n            value={text}\n            inputRef={textAreaRef}\n            placeholder={placeholder}\n            sx={{\n              textarea: {\n                resize: 'vertical',\n              },\n            }}\n          />\n        ) : (\n          <Box sx={{ mx: 1, my: 2 }}>\n            {text ? (\n              <MarkdownSynapse markdown={text} />\n            ) : (\n              <Typography>Nothing to preview</Typography>\n            )}\n          </Box>\n        )}\n      </div>\n\n      <UserMentionModal\n        show={isShowingTagModal}\n        onClose={() => setIsShowingTagModal(false)}\n        handleUserTag={handleUserTag}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"MarkdownEditor.js","names":[],"sources":["../../../src/components/Markdown/MarkdownEditor.tsx"],"sourcesContent":["import {\n  Box,\n  IconButton,\n  Tab,\n  Tabs,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { useRef, useState, useEffect } from 'react'\nimport {\n  commandList,\n  CommandListType,\n  MARKDOWN_COMMANDS_DATA,\n} from '@sage-bionetworks/synapse-types'\nimport IconSvg from '../IconSvg/IconSvg'\nimport MarkdownSynapse from './MarkdownSynapse'\nimport { UserMentionModal } from './UserMentionModal'\nimport { startCase } from 'lodash-es'\n\nconst MarkdownEditorTabs = ['WRITE', 'PREVIEW'] as const\n\nexport type MarkdownEditorProps = {\n  placeholder?: string\n  text: string\n  setText: (text: string) => void\n}\n\nexport function MarkdownEditor({\n  placeholder,\n  text,\n  setText,\n}: MarkdownEditorProps) {\n  const [currentTab, setCurrentTab] = useState<number>(0)\n  const [selectionStart, setSelectionStart] = useState<number>(0)\n  const [isShowingTagModal, setIsShowingTagModal] = useState<boolean>(false)\n  const [tagModalWithKeyboard, setTagModalWithKeyboard] =\n    useState<boolean>(false)\n  const textAreaRef = useRef<HTMLTextAreaElement>(null)\n\n  /**\n   * Updates the position of the cursor. This must occur within `useEffect` because we need to ensure that the\n   * cursor position is updated after the state of `text` is updated.\n   */\n  useEffect(() => {\n    const input = textAreaRef.current\n    if (input) {\n      input.setSelectionRange(selectionStart, selectionStart)\n    }\n  }, [textAreaRef, selectionStart])\n\n  useEffect(() => {\n    textAreaRef.current?.focus()\n  }, [isShowingTagModal])\n\n  const handleUserTag = (user: string) => {\n    const newText: string[] = []\n    const textVal = textAreaRef.current\n    if (textVal) {\n      const start = textVal?.selectionStart\n      const textBeforeTag = text.substring(0, start)\n      const textAfterTag = text.substring(start, text.length)\n      setSelectionStart(start + user.length)\n      newText.push(\n        textBeforeTag,\n        `${tagModalWithKeyboard ? '' : '@'}${user.replaceAll(/\\s/g, '')}`,\n        textAfterTag,\n      )\n    }\n    setText(newText.join(''))\n    setTagModalWithKeyboard(false)\n  }\n\n  const handleTagModal = (text: string) => {\n    const start = textAreaRef.current?.selectionStart\n    if (start && start > 0 && text.charAt(start - 1) === '@') {\n      setTagModalWithKeyboard(true)\n      setIsShowingTagModal(true)\n    }\n  }\n  const handleCommands = (command: CommandListType) => {\n    const textVal = textAreaRef.current\n    if (textVal) {\n      const start = textVal.selectionStart\n      const end = textVal.selectionEnd\n      const selected = text.substring(start, end)\n      const textBeforeSelection = text.substring(0, start)\n      const textAfterSelection = text.substring(end, text.length)\n\n      const openSyntax = MARKDOWN_COMMANDS_DATA[command].openSyntax\n      const closeSyntax = MARKDOWN_COMMANDS_DATA[command].closeSyntax\n\n      switch (command) {\n        case 'code': {\n          const newText: string[] = []\n          newText.push(\n            textBeforeSelection,\n            openSyntax,\n            selected,\n            closeSyntax,\n            textAfterSelection,\n          )\n\n          setText(newText.join('\\r\\n'))\n          textVal.focus()\n          // adds 2 due to new line\n          setSelectionStart(start + openSyntax.length + 2)\n          break\n        }\n        case 'title':\n        case 'bold':\n        case 'italic':\n        case 'strikethrough':\n        case 'latex':\n        case 'subscript':\n        case 'superscript':\n        case 'link':\n        case 'image': {\n          const newText = `${textBeforeSelection}${openSyntax}${selected}${closeSyntax}${textAfterSelection}`\n          textVal.focus()\n          setSelectionStart(start + openSyntax.length)\n          setText(newText)\n        }\n      }\n    }\n  }\n\n  return (\n    <div className=\"MarkdownEditor\">\n      <div className=\"MarkdownEditorControls\">\n        <Tabs\n          textColor=\"secondary\"\n          indicatorColor=\"secondary\"\n          value={currentTab}\n          onChange={(_e, newValue) => setCurrentTab(newValue)}\n        >\n          {MarkdownEditorTabs.map(tabName => {\n            return <Tab label={tabName} key={tabName} />\n          })}\n        </Tabs>\n        {MarkdownEditorTabs[currentTab] === 'WRITE' && (\n          <div className=\"MarkdownEditorControlsToolbar\">\n            {commandList.map(type => {\n              return (\n                <IconButton\n                  size={'small'}\n                  key={type}\n                  onClick={() => handleCommands(type)}\n                  sx={{ width: '32px', height: '32px' }}\n                >\n                  <IconSvg\n                    sx={{ fontSize: 'inherit' }}\n                    icon={type}\n                    label={startCase(type)}\n                  />\n                </IconButton>\n              )\n            })}\n            <IconButton\n              size={'small'}\n              onClick={() => setIsShowingTagModal(true)}\n              sx={{ width: '32px', height: '32px' }}\n            >\n              <IconSvg\n                sx={{ fontSize: 'inherit' }}\n                icon=\"tag\"\n                label=\"Mention\"\n              />\n            </IconButton>\n          </div>\n        )}\n      </div>\n      <div>\n        {MarkdownEditorTabs[currentTab] === 'WRITE' ? (\n          <TextField\n            inputProps={{\n              ['aria-label']: 'markdown',\n            }}\n            onChange={e => {\n              setText(e.target.value)\n              handleTagModal(e.target.value)\n            }}\n            style={{ width: '100%' }}\n            multiline\n            minRows={6}\n            value={text}\n            inputRef={textAreaRef}\n            placeholder={placeholder}\n            sx={{\n              textarea: {\n                resize: 'vertical',\n              },\n            }}\n          />\n        ) : (\n          <Box sx={{ mx: 1, my: 2 }}>\n            {text ? (\n              <MarkdownSynapse markdown={text} />\n            ) : (\n              <Typography>Nothing to preview</Typography>\n            )}\n          </Box>\n        )}\n      </div>\n\n      <UserMentionModal\n        show={isShowingTagModal}\n        onClose={() => setIsShowingTagModal(false)}\n        handleUserTag={handleUserTag}\n      />\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/components/Markdown/widget/index.d.ts

@@ -1,4 +1,4 @@
-import { default as Bookmarks } from './Bookmarks';
+import Bookmarks from './Bookmarks';
 import type { BookmarksProps } from './Bookmarks';
 export { Bookmarks, BookmarksProps };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Markdown/widget/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Markdown/widget/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAA;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Markdown/widget/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CAAA"}

package/dist/components/MissingQueryResultsWarning/MissingQueryResultsWarning.js

@@ -6,7 +6,7 @@ import "../../synapse-queries/index.js";
 import { HelpPopover as n } from "../HelpPopover/HelpPopover.js";
 import { Typography as r } from "@mui/material";
 import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { WarningSharp as s } from "@mui/icons-material";
+import s from "@mui/icons-material/WarningSharp";
 //#region src/components/MissingQueryResultsWarning/MissingQueryResultsWarning.tsx
 var c = "Files may be unavailable because you do not have permission to see them, they have been deleted, or the Dataset has been misconfigured.", l = "Files may be unavailable because you do not have permission to see them or the Dataset was misconfigured.";
 function u({ entity: u }) {

package/dist/components/MissingQueryResultsWarning/MissingQueryResultsWarning.js.map

@@ -1 +1 @@
-{"version":3,"file":"MissingQueryResultsWarning.js","names":[],"sources":["../../../src/components/MissingQueryResultsWarning/MissingQueryResultsWarning.tsx"],"sourcesContent":["import { useGetQueryResultBundleWithAsyncStatus } from '@/synapse-queries'\nimport { SynapseConstants } from '@/utils'\nimport { isEntityRefCollectionView } from '@/utils/functions/EntityTypeUtils'\nimport { WarningSharp } from '@mui/icons-material'\nimport { Typography } from '@mui/material'\nimport { QueryBundleRequest, Table } from '@sage-bionetworks/synapse-types'\nimport { HelpPopover } from '../HelpPopover/HelpPopover'\n\nconst DATASETS_CURRENT_VERSION_HELP =\n  'Files may be unavailable because you do not have permission to see them, they have been deleted, or the Dataset has been misconfigured.'\n\n// Help text for snapshot does not indicate that files were deleted, because the deleted file would have been captured in the snapshot\nconst DATASETS_SNAPSHOT_HELP =\n  'Files may be unavailable because you do not have permission to see them or the Dataset was misconfigured.'\n\nexport type MissingQueryResultsWarningProps = {\n  entity: Table\n  versionNumber?: number\n}\n\n/**\n * If possible, this component will render a warning message if results may be missing from the query due to user permissions or\n * entities being deleted. If not possible, it will render an empty fragment.\n */\nfunction MissingQueryResultsWarning({\n  entity,\n}: MissingQueryResultsWarningProps) {\n  // Currently, Datasets and Dataset collections are the only table type for which we can reliably get this info.\n  // Other cases will need a new service, tracked by PLFM-7046\n  const isMissingResultsCalculable = entity && isEntityRefCollectionView(entity)\n\n  const request: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    query: {\n      sql: `SELECT * FROM ${entity.id!}${\n        !entity.isLatestVersion && entity.versionNumber\n          ? `.${entity.versionNumber}`\n          : ''\n      }`,\n    },\n    entityId: entity.id!,\n    partMask: SynapseConstants.BUNDLE_MASK_QUERY_COUNT,\n  }\n\n  const { data: queryResult } = useGetQueryResultBundleWithAsyncStatus(\n    request,\n    {\n      enabled: isMissingResultsCalculable,\n    },\n  )\n  if (isMissingResultsCalculable && queryResult && entity) {\n    const totalVisibleResults = queryResult.responseBody!.queryCount!\n    const totalResults = entity.items?.length ?? 0\n\n    if (totalVisibleResults >= totalResults) {\n      // All the results are visible, so there is no need to show a warning.\n      // SWC-6727 / PLFM-8326 - `totalVisibleResults` should never be greater than `totalResults`, but in case it is (e.g. stale cache),\n      // don't show the warning.\n      return <></>\n    }\n\n    const difference = totalResults - totalVisibleResults\n\n    let helpMessage = ''\n\n    if (entity.isLatestVersion) {\n      helpMessage = DATASETS_CURRENT_VERSION_HELP\n    } else {\n      helpMessage = DATASETS_SNAPSHOT_HELP\n    }\n\n    return (\n      <Typography\n        component={'div'}\n        className=\"SRC-centerContent\"\n        style={{\n          marginLeft: 10,\n        }}\n        variant=\"smallText1\"\n        color=\"textSecondary\"\n      >\n        <WarningSharp\n          className=\"SRC-color-warning\"\n          style={{ fontSize: '16px' }}\n        />\n        {difference.toLocaleString() + ' Unavailable'}\n        <HelpPopover\n          className=\"SRC-margin-left-5\"\n          markdownText={helpMessage}\n          placement=\"right\"\n        ></HelpPopover>\n      </Typography>\n    )\n  } else {\n    return <></>\n  }\n}\n\nexport default MissingQueryResultsWarning\n"],"mappings":";;;;;;;;;;AAQA,IAAM,IACJ,2IAGI,IACJ;AAWF,SAAS,EAA2B,EAClC,aACkC;CAGlC,IAAM,IAA6B,KAAU,EAA0B,CAAM,GAevE,EAAE,MAAM,MAAgB,EAC5B;EAbA,cAAc;EACd,OAAO,EACL,KAAK,iBAAiB,EAAO,KAC3B,CAAC,EAAO,mBAAmB,EAAO,gBAC9B,IAAI,EAAO,kBACX,KAER;EACA,UAAU,EAAO;EACjB,UAAU;CAIV,GACA,EACE,SAAS,EACX,CACF;CACA,IAAI,KAA8B,KAAe,GAAQ;EACvD,IAAM,IAAsB,EAAY,aAAc,YAChD,IAAe,EAAO,OAAO,UAAU;EAE7C,IAAI,KAAuB,GAIzB,OAAO,kBAAA,GAAA,CAAI,CAAA;EAGb,IAAM,IAAa,IAAe,GAE9B,IAAc;EAQlB,OANA,AAGE,IAHE,EAAO,kBACK,IAEA,GAId,kBAAC,GAAD;GACE,WAAW;GACX,WAAU;GACV,OAAO,EACL,YAAY,GACd;GACA,SAAQ;GACR,OAAM;aAPR;IASE,kBAAC,GAAD;KACE,WAAU;KACV,OAAO,EAAE,UAAU,OAAO;IAC3B,CAAA;IACA,EAAW,eAAe,IAAI;IAC/B,kBAAC,GAAD;KACE,WAAU;KACV,cAAc;KACd,WAAU;IACE,CAAA;GACJ;;CAEhB,OACE,OAAO,kBAAA,GAAA,CAAI,CAAA;AAEf"}
+{"version":3,"file":"MissingQueryResultsWarning.js","names":[],"sources":["../../../src/components/MissingQueryResultsWarning/MissingQueryResultsWarning.tsx"],"sourcesContent":["import { useGetQueryResultBundleWithAsyncStatus } from '@/synapse-queries'\nimport { SynapseConstants } from '@/utils'\nimport { isEntityRefCollectionView } from '@/utils/functions/EntityTypeUtils'\nimport WarningSharp from '@mui/icons-material/WarningSharp'\nimport { Typography } from '@mui/material'\nimport { QueryBundleRequest, Table } from '@sage-bionetworks/synapse-types'\nimport { HelpPopover } from '../HelpPopover/HelpPopover'\n\nconst DATASETS_CURRENT_VERSION_HELP =\n  'Files may be unavailable because you do not have permission to see them, they have been deleted, or the Dataset has been misconfigured.'\n\n// Help text for snapshot does not indicate that files were deleted, because the deleted file would have been captured in the snapshot\nconst DATASETS_SNAPSHOT_HELP =\n  'Files may be unavailable because you do not have permission to see them or the Dataset was misconfigured.'\n\nexport type MissingQueryResultsWarningProps = {\n  entity: Table\n  versionNumber?: number\n}\n\n/**\n * If possible, this component will render a warning message if results may be missing from the query due to user permissions or\n * entities being deleted. If not possible, it will render an empty fragment.\n */\nfunction MissingQueryResultsWarning({\n  entity,\n}: MissingQueryResultsWarningProps) {\n  // Currently, Datasets and Dataset collections are the only table type for which we can reliably get this info.\n  // Other cases will need a new service, tracked by PLFM-7046\n  const isMissingResultsCalculable = entity && isEntityRefCollectionView(entity)\n\n  const request: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    query: {\n      sql: `SELECT * FROM ${entity.id!}${\n        !entity.isLatestVersion && entity.versionNumber\n          ? `.${entity.versionNumber}`\n          : ''\n      }`,\n    },\n    entityId: entity.id!,\n    partMask: SynapseConstants.BUNDLE_MASK_QUERY_COUNT,\n  }\n\n  const { data: queryResult } = useGetQueryResultBundleWithAsyncStatus(\n    request,\n    {\n      enabled: isMissingResultsCalculable,\n    },\n  )\n  if (isMissingResultsCalculable && queryResult && entity) {\n    const totalVisibleResults = queryResult.responseBody!.queryCount!\n    const totalResults = entity.items?.length ?? 0\n\n    if (totalVisibleResults >= totalResults) {\n      // All the results are visible, so there is no need to show a warning.\n      // SWC-6727 / PLFM-8326 - `totalVisibleResults` should never be greater than `totalResults`, but in case it is (e.g. stale cache),\n      // don't show the warning.\n      return <></>\n    }\n\n    const difference = totalResults - totalVisibleResults\n\n    let helpMessage = ''\n\n    if (entity.isLatestVersion) {\n      helpMessage = DATASETS_CURRENT_VERSION_HELP\n    } else {\n      helpMessage = DATASETS_SNAPSHOT_HELP\n    }\n\n    return (\n      <Typography\n        component={'div'}\n        className=\"SRC-centerContent\"\n        style={{\n          marginLeft: 10,\n        }}\n        variant=\"smallText1\"\n        color=\"textSecondary\"\n      >\n        <WarningSharp\n          className=\"SRC-color-warning\"\n          style={{ fontSize: '16px' }}\n        />\n        {difference.toLocaleString() + ' Unavailable'}\n        <HelpPopover\n          className=\"SRC-margin-left-5\"\n          markdownText={helpMessage}\n          placement=\"right\"\n        ></HelpPopover>\n      </Typography>\n    )\n  } else {\n    return <></>\n  }\n}\n\nexport default MissingQueryResultsWarning\n"],"mappings":";;;;;;;;;;AAQA,IAAM,IACJ,2IAGI,IACJ;AAWF,SAAS,EAA2B,EAClC,aACkC;CAGlC,IAAM,IAA6B,KAAU,EAA0B,CAAM,GAevE,EAAE,MAAM,MAAgB,EAC5B;EAbA,cAAc;EACd,OAAO,EACL,KAAK,iBAAiB,EAAO,KAC3B,CAAC,EAAO,mBAAmB,EAAO,gBAC9B,IAAI,EAAO,kBACX,KAER;EACA,UAAU,EAAO;EACjB,UAAU;CAIV,GACA,EACE,SAAS,EACX,CACF;CACA,IAAI,KAA8B,KAAe,GAAQ;EACvD,IAAM,IAAsB,EAAY,aAAc,YAChD,IAAe,EAAO,OAAO,UAAU;EAE7C,IAAI,KAAuB,GAIzB,OAAO,kBAAA,GAAA,CAAI,CAAA;EAGb,IAAM,IAAa,IAAe,GAE9B,IAAc;EAQlB,OANA,AAGE,IAHE,EAAO,kBACK,IAEA,GAId,kBAAC,GAAD;GACE,WAAW;GACX,WAAU;GACV,OAAO,EACL,YAAY,GACd;GACA,SAAQ;GACR,OAAM;aAPR;IASE,kBAAC,GAAD;KACE,WAAU;KACV,OAAO,EAAE,UAAU,OAAO;IAC3B,CAAA;IACA,EAAW,eAAe,IAAI;IAC/B,kBAAC,GAAD;KACE,WAAU;KACV,cAAc;KACd,WAAU;IACE,CAAA;GACJ;;CAEhB,OACE,OAAO,kBAAA,GAAA,CAAI,CAAA;AAEf"}

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

@@ -1 +1 @@
-{"version":3,"file":"ModalDownload.d.ts","sourceRoot":"","sources":["../../../src/components/ModalDownload/ModalDownload.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAG/D,OAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAE/C,OAAO,EAEL,uBAAuB,EACvB,kBAAkB,EAClB,QAAQ,EACT,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,WAAW,EAA2B,MAAM,OAAO,CAAA;AAavE,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,uBAAuB,CAAA;IAC9B,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,mBAAmB,CAAC,EAAE,MAAM,kBAAkB,CAAA;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAA;CAClB,CAAA;AAED,qBAAa,aAAc,SAAQ,SAAS,CAC1C,kBAAkB,EAClB,kBAAkB,CACnB;IACC,MAAM,CAAC,WAAW,uFAAiB;IAC3B,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC,OAAO,cAAc,CAAC,CAAC,CAAA;gBAEpD,KAAK,EAAE,kBAAkB;IAYrC,YAAY,GAAI,OAAO,YAAY,UAMlC;IAED,mBAAmB,GAAI,OAAO,YAAY,UAwCzC;IAED,UAAU,aAUT;IAED,YAAY,GAAI,OAAO,YAAY,UAKlC;IAED,MAAM;CA8DP;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"ModalDownload.d.ts","sourceRoot":"","sources":["../../../src/components/ModalDownload/ModalDownload.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAG/D,OAAa,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAE/C,OAAO,EAEL,uBAAuB,EACvB,kBAAkB,EAClB,QAAQ,EACT,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,WAAW,EAA2B,MAAM,OAAO,CAAA;AAavE,KAAK,kBAAkB,GAAG;IACxB,SAAS,EAAE,OAAO,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,uBAAuB,CAAA;IAC9B,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,mBAAmB,CAAC,EAAE,MAAM,kBAAkB,CAAA;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,QAAQ,EAAE,CAAA;CAClB,CAAA;AAED,qBAAa,aAAc,SAAQ,SAAS,CAC1C,kBAAkB,EAClB,kBAAkB,CACnB;IACC,MAAM,CAAC,WAAW,uFAAiB;IAC3B,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC,OAAO,cAAc,CAAC,CAAC,CAAA;gBAEpD,KAAK,EAAE,kBAAkB;IAYrC,YAAY,GAAI,OAAO,YAAY,UAMlC;IAED,mBAAmB,GAAI,OAAO,YAAY,UAyCzC;IAED,UAAU,aAUT;IAED,YAAY,GAAI,OAAO,YAAY,UAKlC;IAED,MAAM;CA8DP;AAED,eAAe,aAAa,CAAA"}

package/dist/components/ModalDownload/ModalDownload.js

@@ -37,7 +37,8 @@ var b = class extends f {
 			writeHeader: l,
 			includeRowIdAndRowVersion: f,
 			csvTableDescriptor: { separator: c },
-			additionalFilters: p.query.additionalFilters
+			additionalFilters: p.query.additionalFilters,
+			cohorts: p.query.cohorts
 		};
 		e.createTableCsvForDownload(h, this.context.accessToken).then((e) => {
 			this.setState({

package/dist/components/ModalDownload/ModalDownload.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalDownload.js","names":[],"sources":["../../../src/components/ModalDownload/ModalDownload.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { SynapseContext } from '@/utils/context/SynapseContext'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport { Button } from '@mui/material'\nimport Form, { IChangeEvent } from '@rjsf/core'\nimport validator from '@rjsf/validator-ajv8'\nimport {\n  DownloadFromTableRequest,\n  DownloadFromTableResult,\n  QueryBundleRequest,\n  SortItem,\n} from '@sage-bionetworks/synapse-types'\nimport { Component, ContextType, CSSProperties, Fragment } from 'react'\nimport { DialogBase } from '../DialogBase'\nimport SynapseFormCheckboxesWidget from '../SynapseForm/SynapseFormCheckboxesWidget'\nimport SynapseFormCheckboxWidget from '../SynapseForm/SynapseFormCheckboxWidget'\nimport SynapseFormRadioWidget from '../SynapseForm/SynapseFormRadioWidget'\nimport {\n  csvOption,\n  formSchemaArray,\n  formSchemaUIArray,\n  includeRowIdAndRowVersionOption,\n  writeHeaderOption,\n} from './ModalDownload.FormSchema'\n\ntype ModalDownloadState = {\n  isLoading: boolean\n  step: number\n  data?: DownloadFromTableResult\n  formData: Record<string, unknown>\n}\n\nexport type ModalDownloadProps = {\n  onClose: (...args: any[]) => void\n  includeEntityEtag?: boolean\n  queryBundleRequest?: QueryBundleRequest // either the query bundle request needs to be provided, or getLastQueryRequest\n  getLastQueryRequest?: () => QueryBundleRequest\n  offset?: number\n  limit?: number\n  sort?: SortItem[]\n}\n\nexport class ModalDownload extends Component<\n  ModalDownloadProps,\n  ModalDownloadState\n> {\n  static contextType = SynapseContext\n  declare context: NonNullable<ContextType<typeof SynapseContext>>\n\n  constructor(props: ModalDownloadProps) {\n    super(props)\n    this.state = {\n      isLoading: false,\n      step: 0,\n      formData: {\n        'File Type': csvOption,\n        Contents: [writeHeaderOption, includeRowIdAndRowVersionOption],\n      },\n    }\n  }\n\n  handleSubmit = (event: IChangeEvent) => {\n    if (this.state.step === 0) {\n      this.handleDownloadSetup(event)\n    } else {\n      this.onDownload()\n    }\n  }\n\n  handleDownloadSetup = (event: IChangeEvent) => {\n    this.setState({\n      isLoading: true,\n    })\n    const { formData } = event\n    const fileType = formData['File Type']\n    const contents = formData.Contents as string[]\n    const { queryBundleRequest, getLastQueryRequest } = this.props\n    const separator = fileType === csvOption ? ',' : '\\t'\n    const writeHeader = contents.includes(writeHeaderOption)\n    const includeRowIdAndRowVersion = contents.includes(\n      includeRowIdAndRowVersionOption,\n    )\n    const queryRequest = queryBundleRequest ?? getLastQueryRequest!()\n    const sql = queryRequest.query.sql\n    const downloadFromTableRequest: DownloadFromTableRequest = {\n      sql,\n      entityId: parseEntityIdFromSqlStatement(sql),\n      selectedFacets: queryRequest.query.selectedFacets,\n      concreteType:\n        'org.sagebionetworks.repo.model.table.DownloadFromTableRequest',\n      writeHeader,\n      includeRowIdAndRowVersion,\n      csvTableDescriptor: { separator },\n      additionalFilters: queryRequest.query.additionalFilters,\n    }\n    SynapseClient.createTableCsvForDownload(\n      downloadFromTableRequest,\n      this.context.accessToken,\n    )\n      .then(data => {\n        this.setState({\n          isLoading: false,\n          step: 1,\n          data,\n        })\n      })\n      .catch(err => {\n        console.log('Error getDownloadFromTableRequest: ', err)\n      })\n  }\n\n  onDownload = () => {\n    const { data } = this.state\n    // data will always be defined if calling this function\n    SynapseClient.getFileHandleByIdURL(\n      data!.resultsFileHandleId,\n      this.context.accessToken,\n    ).then(url => {\n      window.location.href = url\n      this.props.onClose()\n    })\n  }\n\n  handleChange = (event: IChangeEvent) => {\n    const { formData } = event\n    this.setState({\n      formData,\n    })\n  }\n\n  render() {\n    const spinnerStyle: CSSProperties = {\n      height: 50,\n      width: 50,\n      backgroundSize: 50,\n    }\n    return (\n      <DialogBase\n        open={true}\n        onCancel={this.props.onClose}\n        title=\"Download query results\"\n        content={\n          <>\n            <Form\n              validator={validator}\n              id=\"modal-download-form\"\n              schema={formSchemaArray[this.state.step]}\n              uiSchema={formSchemaUIArray[this.state.step]}\n              onChange={this.handleChange}\n              formData={this.state.formData}\n              onSubmit={this.handleSubmit}\n              widgets={{\n                CheckboxWidget: SynapseFormCheckboxWidget,\n                CheckboxesWidget: SynapseFormCheckboxesWidget,\n                RadioWidget: SynapseFormRadioWidget,\n              }}\n            >\n              {this.state.isLoading && (\n                <div className=\"SRC-centerAndJustifyContent\">\n                  <div className=\"SRC-center-text\">\n                    <p> Creating the File </p>\n                    <div style={spinnerStyle} className=\"spinner\" />\n                    <p> Loading... </p>\n                  </div>\n                </div>\n              )}\n              <Fragment />\n            </Form>\n          </>\n        }\n        actions={\n          <>\n            <Button\n              variant=\"outlined\"\n              color=\"primary\"\n              onClick={this.props.onClose}\n            >\n              Cancel\n            </Button>\n            <Button\n              form=\"modal-download-form\"\n              type=\"submit\"\n              variant=\"contained\"\n              color=\"primary\"\n            >\n              {this.state.step === 0 ? 'Next' : 'Download'}\n            </Button>\n          </>\n        }\n      />\n    )\n  }\n}\n\nexport default ModalDownload\n"],"mappings":";;;;;;;;;;;;;;AA0CA,IAAa,IAAb,cAAmC,EAGjC;CACA,OAAO,cAAc;CAGrB,YAAY,GAA2B;EAErC,AADA,MAAM,CAAK,GACX,KAAK,QAAQ;GACX,WAAW;GACX,MAAM;GACN,UAAU;IACR,aAAa;IACb,UAAU,CAAC,GAAmB,CAA+B;GAC/D;EACF;CACF;CAEA,gBAAgB,MAAwB;EACtC,AAAI,KAAK,MAAM,SAAS,IACtB,KAAK,oBAAoB,CAAK,IAE9B,KAAK,WAAW;CAEpB;CAEA,uBAAuB,MAAwB;EAC7C,KAAK,SAAS,EACZ,WAAW,GACb,CAAC;EACD,IAAM,EAAE,gBAAa,GACf,IAAW,EAAS,cACpB,IAAW,EAAS,UACpB,EAAE,uBAAoB,2BAAwB,KAAK,OACnD,IAAY,MAAA,iCAAyB,MAAM,KAC3C,IAAc,EAAS,SAAS,CAAiB,GACjD,IAA4B,EAAS,SACzC,CACF,GACM,IAAe,KAAsB,EAAqB,GAC1D,IAAM,EAAa,MAAM,KACzB,IAAqD;GACzD;GACA,UAAU,EAA8B,CAAG;GAC3C,gBAAgB,EAAa,MAAM;GACnC,cACE;GACF;GACA;GACA,oBAAoB,EAAE,aAAU;GAChC,mBAAmB,EAAa,MAAM;EACxC;EACA,EAAc,0BACZ,GACA,KAAK,QAAQ,WACf,EACG,MAAK,MAAQ;GACZ,KAAK,SAAS;IACZ,WAAW;IACX,MAAM;IACN;GACF,CAAC;EACH,CAAC,EACA,OAAM,MAAO;GACZ,QAAQ,IAAI,uCAAuC,CAAG;EACxD,CAAC;CACL;CAEA,mBAAmB;EACjB,IAAM,EAAE,YAAS,KAAK;EAEtB,EAAc,qBACZ,EAAM,qBACN,KAAK,QAAQ,WACf,EAAE,MAAK,MAAO;GAEZ,AADA,OAAO,SAAS,OAAO,GACvB,KAAK,MAAM,QAAQ;EACrB,CAAC;CACH;CAEA,gBAAgB,MAAwB;EACtC,IAAM,EAAE,gBAAa;EACrB,KAAK,SAAS,EACZ,YACF,CAAC;CACH;CAEA,SAAS;EAMP,OACE,kBAAC,GAAD;GACE,MAAM;GACN,UAAU,KAAK,MAAM;GACrB,OAAM;GACN,SACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;IACa;IACX,IAAG;IACH,QAAQ,EAAgB,KAAK,MAAM;IACnC,UAAU,EAAkB,KAAK,MAAM;IACvC,UAAU,KAAK;IACf,UAAU,KAAK,MAAM;IACrB,UAAU,KAAK;IACf,SAAS;KACP,gBAAgB;KAChB,kBAAkB;KAClB,aAAa;IACf;cAZF,CAcG,KAAK,MAAM,aACV,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,KAAD,EAAA,UAAG,sBAAsB,CAAA;OACzB,kBAAC,OAAD;QAAK,OAAO;SA7B1B,QAAQ;SACR,OAAO;SACP,gBAAgB;QA2BU;QAAc,WAAU;OAAW,CAAA;OAC/C,kBAAC,KAAD,EAAA,UAAG,eAAe,CAAA;MACf;;IACF,CAAA,GAEP,kBAAC,GAAD,CAAW,CAAA,CACP;MACN,CAAA;GAEJ,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,SAAS,KAAK,MAAM;cACrB;GAEO,CAAA,GACR,kBAAC,GAAD;IACE,MAAK;IACL,MAAK;IACL,SAAQ;IACR,OAAM;cAEL,KAAK,MAAM,SAAS,IAAI,SAAS;GAC5B,CAAA,CACR,EAAA,CAAA;EAEL,CAAA;CAEL;AACF"}
+{"version":3,"file":"ModalDownload.js","names":[],"sources":["../../../src/components/ModalDownload/ModalDownload.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { SynapseContext } from '@/utils/context/SynapseContext'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport { Button } from '@mui/material'\nimport Form, { IChangeEvent } from '@rjsf/core'\nimport validator from '@rjsf/validator-ajv8'\nimport {\n  DownloadFromTableRequest,\n  DownloadFromTableResult,\n  QueryBundleRequest,\n  SortItem,\n} from '@sage-bionetworks/synapse-types'\nimport { Component, ContextType, CSSProperties, Fragment } from 'react'\nimport { DialogBase } from '../DialogBase'\nimport SynapseFormCheckboxesWidget from '../SynapseForm/SynapseFormCheckboxesWidget'\nimport SynapseFormCheckboxWidget from '../SynapseForm/SynapseFormCheckboxWidget'\nimport SynapseFormRadioWidget from '../SynapseForm/SynapseFormRadioWidget'\nimport {\n  csvOption,\n  formSchemaArray,\n  formSchemaUIArray,\n  includeRowIdAndRowVersionOption,\n  writeHeaderOption,\n} from './ModalDownload.FormSchema'\n\ntype ModalDownloadState = {\n  isLoading: boolean\n  step: number\n  data?: DownloadFromTableResult\n  formData: Record<string, unknown>\n}\n\nexport type ModalDownloadProps = {\n  onClose: (...args: any[]) => void\n  includeEntityEtag?: boolean\n  queryBundleRequest?: QueryBundleRequest // either the query bundle request needs to be provided, or getLastQueryRequest\n  getLastQueryRequest?: () => QueryBundleRequest\n  offset?: number\n  limit?: number\n  sort?: SortItem[]\n}\n\nexport class ModalDownload extends Component<\n  ModalDownloadProps,\n  ModalDownloadState\n> {\n  static contextType = SynapseContext\n  declare context: NonNullable<ContextType<typeof SynapseContext>>\n\n  constructor(props: ModalDownloadProps) {\n    super(props)\n    this.state = {\n      isLoading: false,\n      step: 0,\n      formData: {\n        'File Type': csvOption,\n        Contents: [writeHeaderOption, includeRowIdAndRowVersionOption],\n      },\n    }\n  }\n\n  handleSubmit = (event: IChangeEvent) => {\n    if (this.state.step === 0) {\n      this.handleDownloadSetup(event)\n    } else {\n      this.onDownload()\n    }\n  }\n\n  handleDownloadSetup = (event: IChangeEvent) => {\n    this.setState({\n      isLoading: true,\n    })\n    const { formData } = event\n    const fileType = formData['File Type']\n    const contents = formData.Contents as string[]\n    const { queryBundleRequest, getLastQueryRequest } = this.props\n    const separator = fileType === csvOption ? ',' : '\\t'\n    const writeHeader = contents.includes(writeHeaderOption)\n    const includeRowIdAndRowVersion = contents.includes(\n      includeRowIdAndRowVersionOption,\n    )\n    const queryRequest = queryBundleRequest ?? getLastQueryRequest!()\n    const sql = queryRequest.query.sql\n    const downloadFromTableRequest: DownloadFromTableRequest = {\n      sql,\n      entityId: parseEntityIdFromSqlStatement(sql),\n      selectedFacets: queryRequest.query.selectedFacets,\n      concreteType:\n        'org.sagebionetworks.repo.model.table.DownloadFromTableRequest',\n      writeHeader,\n      includeRowIdAndRowVersion,\n      csvTableDescriptor: { separator },\n      additionalFilters: queryRequest.query.additionalFilters,\n      cohorts: queryRequest.query.cohorts,\n    }\n    SynapseClient.createTableCsvForDownload(\n      downloadFromTableRequest,\n      this.context.accessToken,\n    )\n      .then(data => {\n        this.setState({\n          isLoading: false,\n          step: 1,\n          data,\n        })\n      })\n      .catch(err => {\n        console.log('Error getDownloadFromTableRequest: ', err)\n      })\n  }\n\n  onDownload = () => {\n    const { data } = this.state\n    // data will always be defined if calling this function\n    SynapseClient.getFileHandleByIdURL(\n      data!.resultsFileHandleId,\n      this.context.accessToken,\n    ).then(url => {\n      window.location.href = url\n      this.props.onClose()\n    })\n  }\n\n  handleChange = (event: IChangeEvent) => {\n    const { formData } = event\n    this.setState({\n      formData,\n    })\n  }\n\n  render() {\n    const spinnerStyle: CSSProperties = {\n      height: 50,\n      width: 50,\n      backgroundSize: 50,\n    }\n    return (\n      <DialogBase\n        open={true}\n        onCancel={this.props.onClose}\n        title=\"Download query results\"\n        content={\n          <>\n            <Form\n              validator={validator}\n              id=\"modal-download-form\"\n              schema={formSchemaArray[this.state.step]}\n              uiSchema={formSchemaUIArray[this.state.step]}\n              onChange={this.handleChange}\n              formData={this.state.formData}\n              onSubmit={this.handleSubmit}\n              widgets={{\n                CheckboxWidget: SynapseFormCheckboxWidget,\n                CheckboxesWidget: SynapseFormCheckboxesWidget,\n                RadioWidget: SynapseFormRadioWidget,\n              }}\n            >\n              {this.state.isLoading && (\n                <div className=\"SRC-centerAndJustifyContent\">\n                  <div className=\"SRC-center-text\">\n                    <p> Creating the File </p>\n                    <div style={spinnerStyle} className=\"spinner\" />\n                    <p> Loading... </p>\n                  </div>\n                </div>\n              )}\n              <Fragment />\n            </Form>\n          </>\n        }\n        actions={\n          <>\n            <Button\n              variant=\"outlined\"\n              color=\"primary\"\n              onClick={this.props.onClose}\n            >\n              Cancel\n            </Button>\n            <Button\n              form=\"modal-download-form\"\n              type=\"submit\"\n              variant=\"contained\"\n              color=\"primary\"\n            >\n              {this.state.step === 0 ? 'Next' : 'Download'}\n            </Button>\n          </>\n        }\n      />\n    )\n  }\n}\n\nexport default ModalDownload\n"],"mappings":";;;;;;;;;;;;;;AA0CA,IAAa,IAAb,cAAmC,EAGjC;CACA,OAAO,cAAc;CAGrB,YAAY,GAA2B;EAErC,AADA,MAAM,CAAK,GACX,KAAK,QAAQ;GACX,WAAW;GACX,MAAM;GACN,UAAU;IACR,aAAa;IACb,UAAU,CAAC,GAAmB,CAA+B;GAC/D;EACF;CACF;CAEA,gBAAgB,MAAwB;EACtC,AAAI,KAAK,MAAM,SAAS,IACtB,KAAK,oBAAoB,CAAK,IAE9B,KAAK,WAAW;CAEpB;CAEA,uBAAuB,MAAwB;EAC7C,KAAK,SAAS,EACZ,WAAW,GACb,CAAC;EACD,IAAM,EAAE,gBAAa,GACf,IAAW,EAAS,cACpB,IAAW,EAAS,UACpB,EAAE,uBAAoB,2BAAwB,KAAK,OACnD,IAAY,MAAA,iCAAyB,MAAM,KAC3C,IAAc,EAAS,SAAS,CAAiB,GACjD,IAA4B,EAAS,SACzC,CACF,GACM,IAAe,KAAsB,EAAqB,GAC1D,IAAM,EAAa,MAAM,KACzB,IAAqD;GACzD;GACA,UAAU,EAA8B,CAAG;GAC3C,gBAAgB,EAAa,MAAM;GACnC,cACE;GACF;GACA;GACA,oBAAoB,EAAE,aAAU;GAChC,mBAAmB,EAAa,MAAM;GACtC,SAAS,EAAa,MAAM;EAC9B;EACA,EAAc,0BACZ,GACA,KAAK,QAAQ,WACf,EACG,MAAK,MAAQ;GACZ,KAAK,SAAS;IACZ,WAAW;IACX,MAAM;IACN;GACF,CAAC;EACH,CAAC,EACA,OAAM,MAAO;GACZ,QAAQ,IAAI,uCAAuC,CAAG;EACxD,CAAC;CACL;CAEA,mBAAmB;EACjB,IAAM,EAAE,YAAS,KAAK;EAEtB,EAAc,qBACZ,EAAM,qBACN,KAAK,QAAQ,WACf,EAAE,MAAK,MAAO;GAEZ,AADA,OAAO,SAAS,OAAO,GACvB,KAAK,MAAM,QAAQ;EACrB,CAAC;CACH;CAEA,gBAAgB,MAAwB;EACtC,IAAM,EAAE,gBAAa;EACrB,KAAK,SAAS,EACZ,YACF,CAAC;CACH;CAEA,SAAS;EAMP,OACE,kBAAC,GAAD;GACE,MAAM;GACN,UAAU,KAAK,MAAM;GACrB,OAAM;GACN,SACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;IACa;IACX,IAAG;IACH,QAAQ,EAAgB,KAAK,MAAM;IACnC,UAAU,EAAkB,KAAK,MAAM;IACvC,UAAU,KAAK;IACf,UAAU,KAAK,MAAM;IACrB,UAAU,KAAK;IACf,SAAS;KACP,gBAAgB;KAChB,kBAAkB;KAClB,aAAa;IACf;cAZF,CAcG,KAAK,MAAM,aACV,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,KAAD,EAAA,UAAG,sBAAsB,CAAA;OACzB,kBAAC,OAAD;QAAK,OAAO;SA7B1B,QAAQ;SACR,OAAO;SACP,gBAAgB;QA2BU;QAAc,WAAU;OAAW,CAAA;OAC/C,kBAAC,KAAD,EAAA,UAAG,eAAe,CAAA;MACf;;IACF,CAAA,GAEP,kBAAC,GAAD,CAAW,CAAA,CACP;MACN,CAAA;GAEJ,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,SAAS,KAAK,MAAM;cACrB;GAEO,CAAA,GACR,kBAAC,GAAD;IACE,MAAK;IACL,MAAK;IACL,SAAQ;IACR,OAAM;cAEL,KAAK,MAAM,SAAS,IAAI,SAAS;GAC5B,CAAA,CACR,EAAA,CAAA;EAEL,CAAA;CAEL;AACF"}

package/dist/components/OAuthClientManagement/OAuthManagement.js

@@ -17,11 +17,12 @@ import f from "../OAuthClientAclEditor/OAuthAclEditorModal.js";
 import { useMemo as p, useState as m } from "react";
 import { Box as h, Button as g, IconButton as _, Link as v, Menu as y, MenuItem as b } from "@mui/material";
 import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { AddCircleTwoTone as w, MoreVert as T } from "@mui/icons-material";
-import E from "dayjs";
-import { createColumnHelper as D, getCoreRowModel as O, useReactTable as k } from "@tanstack/react-table";
+import w from "@mui/icons-material/AddCircleTwoTone";
+import T from "dayjs";
+import { createColumnHelper as E, getCoreRowModel as D, useReactTable as O } from "@tanstack/react-table";
+import k from "@mui/icons-material/MoreVert";
 //#region src/components/OAuthClientManagement/OAuthManagement.tsx
-var A = D();
+var A = E();
 function j(e) {
 	let { setIsShowingVerification: t, setSelectedClient: n, setIsShowingSecretWarning: r, setIsEdit: i, setIsShowingCreateClientModal: a, setIsShowingSharingSettings: o } = e;
 	return [
@@ -30,14 +31,14 @@ function j(e) {
 				...e,
 				title: "Created"
 			}),
-			cell: (e) => s(E(e.getValue()))
+			cell: (e) => s(T(e.getValue()))
 		}),
 		A.accessor("modifiedOn", {
 			header: (e) => /* @__PURE__ */ S(l, {
 				...e,
 				title: "Modified"
 			}),
-			cell: (e) => s(E(e.getValue()))
+			cell: (e) => s(T(e.getValue()))
 		}),
 		A.accessor("client_id", { header: (e) => /* @__PURE__ */ S(l, {
 			...e,
@@ -88,7 +89,7 @@ function M({ row: e, setSelectedClient: t, setIsEdit: n, setIsShowingCreateClien
 		"aria-haspopup": "true",
 		onClick: l,
 		size: "small",
-		children: /* @__PURE__ */ S(T, {})
+		children: /* @__PURE__ */ S(k, {})
 	}), /* @__PURE__ */ C(y, {
 		id: `actions-menu-${e.id}`,
 		anchorEl: o,
@@ -125,15 +126,15 @@ function M({ row: e, setSelectedClient: t, setIsEdit: n, setIsShowingCreateClien
 	})] });
 }
 function N() {
-	let { accessToken: s } = n(), [l, _] = m(!1), [y, b] = m(!1), [T, E] = m(!1), [D, A] = m(), [M, N] = m(!1), [P, F] = m(!1), [I, L] = m(!1), [R, z] = m(), [B, V] = m(!1), { data: H, isLoading: U, hasNextPage: W, fetchNextPage: G, isFetchingNextPage: K } = r(), q = p(() => H?.pages.flatMap((e) => e.results || []) || [], [H]), J = async () => {
+	let { accessToken: s } = n(), [l, _] = m(!1), [y, b] = m(!1), [T, E] = m(!1), [k, A] = m(), [M, N] = m(!1), [P, F] = m(!1), [I, L] = m(!1), [R, z] = m(), [B, V] = m(!1), { data: H, isLoading: U, hasNextPage: W, fetchNextPage: G, isFetchingNextPage: K } = r(), q = p(() => H?.pages.flatMap((e) => e.results || []) || [], [H]), J = async () => {
 		F(!1);
 		try {
-			let e = await t.createOAuthClientSecret(s, D?.client_id);
+			let e = await t.createOAuthClientSecret(s, k?.client_id);
 			A(void 0), L(!0), z(e.client_secret);
 		} catch (t) {
 			e(t.reason, "danger");
 		}
-	}, Y = k({
+	}, Y = O({
 		data: q,
 		columns: p(() => j({
 			setIsShowingVerification: V,
@@ -146,7 +147,7 @@ function N() {
 		getRowId: (e) => e.client_id,
 		enableRowSelection: !0,
 		enableSorting: !1,
-		getCoreRowModel: O(),
+		getCoreRowModel: D(),
 		columnResizeMode: "onChange"
 	}), X = !U && Y.getRowModel().rows.length === 0;
 	return /* @__PURE__ */ C("div", { children: [
@@ -183,7 +184,7 @@ function N() {
 				b(!1);
 			},
 			isShowingModal: y,
-			client: T ? D : void 0,
+			client: T ? k : void 0,
 			isEdit: T,
 			setIsShowingConfirmModal: N,
 			isShowingConfirmModal: M,
@@ -213,7 +214,7 @@ function N() {
 			] })
 		}),
 		/* @__PURE__ */ S(f, {
-			clientId: D?.client_id,
+			clientId: k?.client_id,
 			open: l,
 			onClose: () => _(!1)
 		}),

package/dist/components/OAuthClientManagement/OAuthManagement.js.map

@@ -1 +1 @@
-{"version":3,"file":"OAuthManagement.js","names":[],"sources":["../../../src/components/OAuthClientManagement/OAuthManagement.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport SynapseClient from '@/synapse-client'\nimport { useGetOAuthClientInfinite } from '@/synapse-queries'\nimport { MoreVert } from '@mui/icons-material'\nimport { useSynapseContext } from '@/utils'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { AddCircleTwoTone } from '@mui/icons-material'\nimport { Box, Button, Link, IconButton, Menu, MenuItem } from '@mui/material'\nimport { OAuthClient } from '@sage-bionetworks/synapse-client/generated/models/OAuthClient'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  Row,\n  Table,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { useMemo, useState } from 'react'\nimport CopyToClipboardInput from '../CopyToClipboardInput/CopyToClipboardInput'\nimport { DialogBase } from '../DialogBase'\nimport WarningDialog from '../SynapseForm/WarningDialog'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { displayToast } from '../ToastMessage'\nimport { CreateOAuthModal } from './CreateOAuthClient'\nimport OAuthAclEditorModal from '../OAuthClientAclEditor/OAuthAclEditorModal'\n\nconst columnHelper = createColumnHelper<OAuthClient>()\nfunction getColumns(columnOptions: {\n  setIsShowingVerification: (value: boolean) => void\n  setSelectedClient: (value: OAuthClient) => void\n  setIsShowingSecretWarning: (value: boolean) => void\n  setIsEdit: (value: boolean) => void\n  setIsShowingCreateClientModal: (value: boolean) => void\n  setIsShowingSharingSettings: (value: boolean) => void\n}) {\n  const {\n    setIsShowingVerification,\n    setSelectedClient,\n    setIsShowingSecretWarning,\n    setIsEdit,\n    setIsShowingCreateClientModal,\n    setIsShowingSharingSettings,\n  } = columnOptions\n  return [\n    columnHelper.accessor('createdOn', {\n      header: props => <ColumnHeader {...props} title={'Created'} />,\n      cell: info => formatDate(dayjs(info.getValue())),\n    }),\n    columnHelper.accessor('modifiedOn', {\n      header: props => <ColumnHeader {...props} title={'Modified'} />,\n      cell: info => formatDate(dayjs(info.getValue())),\n    }),\n    columnHelper.accessor('client_id', {\n      header: props => <ColumnHeader {...props} title={'ID'} />,\n    }),\n    columnHelper.accessor('client_name', {\n      header: props => <ColumnHeader {...props} title={'Client'} />,\n    }),\n    columnHelper.accessor('verified', {\n      header: props => <ColumnHeader {...props} title={'Verified'} />,\n      cell: ({ getValue }) =>\n        getValue() ? (\n          'Yes'\n        ) : (\n          <Button\n            variant=\"outlined\"\n            size=\"small\"\n            onClick={() => setIsShowingVerification(true)}\n          >\n            Submit Verification\n          </Button>\n        ),\n    }),\n    columnHelper.display({\n      id: 'actions',\n      header: props => <ColumnHeader {...props} title={'Actions'} />,\n      cell: ({ row }) => (\n        <ActionsMenuCell\n          row={row}\n          setSelectedClient={setSelectedClient}\n          setIsEdit={setIsEdit}\n          setIsShowingCreateClientModal={setIsShowingCreateClientModal}\n          setIsShowingSecretWarning={setIsShowingSecretWarning}\n          setIsShowingSharingSettings={setIsShowingSharingSettings}\n        />\n      ),\n    }),\n  ]\n}\n\nfunction ActionsMenuCell({\n  row,\n  setSelectedClient,\n  setIsEdit,\n  setIsShowingCreateClientModal,\n  setIsShowingSecretWarning,\n  setIsShowingSharingSettings,\n}: {\n  row: Row<OAuthClient>\n  setSelectedClient: (value: OAuthClient) => void\n  setIsEdit: (value: boolean) => void\n  setIsShowingCreateClientModal: (value: boolean) => void\n  setIsShowingSecretWarning: (value: boolean) => void\n  setIsShowingSharingSettings: (value: boolean) => void\n}) {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n  const open = Boolean(anchorEl)\n  const handleMenuOpen = (event: React.MouseEvent<HTMLElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n  const handleMenuClose = () => {\n    setAnchorEl(null)\n  }\n  return (\n    <>\n      <IconButton\n        aria-label=\"more\"\n        aria-controls={`actions-menu-${row.id}`}\n        aria-haspopup=\"true\"\n        onClick={handleMenuOpen}\n        size=\"small\"\n      >\n        <MoreVert />\n      </IconButton>\n      <Menu\n        id={`actions-menu-${row.id}`}\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleMenuClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n      >\n        <MenuItem\n          onClick={() => {\n            setSelectedClient(row.original)\n            setIsEdit(true)\n            setIsShowingCreateClientModal(true)\n            handleMenuClose()\n          }}\n        >\n          Edit\n        </MenuItem>\n        <MenuItem\n          onClick={() => {\n            setSelectedClient(row.original)\n            setIsShowingSecretWarning(true)\n            handleMenuClose()\n          }}\n        >\n          Generate Secret\n        </MenuItem>\n        <MenuItem\n          onClick={() => {\n            setSelectedClient(row.original)\n            setIsShowingSharingSettings(true)\n            handleMenuClose()\n          }}\n        >\n          Sharing Settings\n        </MenuItem>\n      </Menu>\n    </>\n  )\n}\n\nexport function OAuthManagement() {\n  const { accessToken } = useSynapseContext()\n  const [isShowingSharingSettings, setIsShowingSharingSettings] =\n    useState(false)\n  const [isShowingCreateClientModal, setIsShowingCreateClientModal] =\n    useState(false)\n  const [isEdit, setIsEdit] = useState<boolean>(false)\n  const [selectedClient, setSelectedClient] = useState<OAuthClient>()\n  const [isShowingConfirmModal, setIsShowingConfirmModal] = useState(false)\n  const [isShowingSecretWarning, setIsShowingSecretWarning] = useState(false)\n  const [isShowingSecret, setIsShowingSecret] = useState(false)\n  const [secret, setSecret] = useState<string>()\n  const [isShowingVerification, setIsShowingVerification] = useState(false)\n\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useGetOAuthClientInfinite()\n  const oAuthClientList = useMemo(\n    () => data?.pages.flatMap(page => page.results || []) || [],\n    [data],\n  )\n\n  const warningHeader = 'Are you absolutely sure?'\n  const warningBody =\n    'If you have an existing secret, generating a new secret will make your application invalid after generation. This action cannot be undone.'\n\n  const onShowSecret = async () => {\n    setIsShowingSecretWarning(false)\n    try {\n      const secret = await SynapseClient.createOAuthClientSecret(\n        accessToken!,\n        selectedClient?.client_id!,\n      )\n      setSelectedClient(undefined)\n      setIsShowingSecret(true)\n      setSecret(secret.client_secret)\n    } catch (err: any) {\n      displayToast(err.reason as string, 'danger')\n    }\n  }\n\n  const columns = useMemo(\n    () =>\n      getColumns({\n        setIsShowingVerification,\n        setSelectedClient,\n        setIsShowingSecretWarning,\n        setIsEdit,\n        setIsShowingCreateClientModal,\n        setIsShowingSharingSettings,\n      }),\n    [],\n  )\n\n  const table: Table<OAuthClient> = useReactTable<OAuthClient>({\n    data: oAuthClientList,\n    columns,\n    getRowId: row => row.client_id!,\n    enableRowSelection: true,\n    enableSorting: false,\n    getCoreRowModel: getCoreRowModel(),\n    columnResizeMode: 'onChange',\n  })\n\n  const isEmpty = !isLoading && table.getRowModel().rows.length === 0\n\n  return (\n    <div>\n      <Box\n        sx={{\n          display: 'flex',\n          width: '100%',\n          justifyContent: 'flex-end',\n          mb: 2,\n        }}\n      >\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={() => {\n            setIsShowingCreateClientModal(true)\n            setIsEdit(false)\n          }}\n          sx={{ float: 'right' }}\n          startIcon={<AddCircleTwoTone />}\n        >\n          Create New Client\n        </Button>\n      </Box>\n      <InfiniteTableLayout\n        table={<StyledTanStackTable table={table} />}\n        isLoading={isLoading}\n        isEmpty={isEmpty}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => {\n          void fetchNextPage()\n        }}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n      <CreateOAuthModal\n        onClose={() => {\n          setIsShowingCreateClientModal(false)\n        }}\n        isShowingModal={isShowingCreateClientModal}\n        client={isEdit ? selectedClient : undefined}\n        isEdit={isEdit}\n        setIsShowingConfirmModal={setIsShowingConfirmModal}\n        isShowingConfirmModal={isShowingConfirmModal}\n        setIsShowingModal={setIsShowingCreateClientModal}\n      />\n      <DialogBase\n        open={isShowingVerification}\n        onCancel={() => setIsShowingVerification(false)}\n        title=\"Submit Verification\"\n        content={\n          <>\n            <p>\n              In order to verify an OAuth client please submit a request to the{' '}\n              <Link\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                href=\"https://sagebionetworks.jira.com/servicedesk/customer/portal/9\"\n              >\n                Synapse Service Desk.\n              </Link>\n            </p>\n            <b>Please list the following items in your request:</b>\n            <ul>\n              <li>Your name</li>\n              <li>\n                The ID of the client to be verified <br />\n              </li>\n              <li>A description of your application</li>\n            </ul>\n            {/* <p>\n            Verification can take up to X weeks and we will notify you via X.\n          </p> */}\n          </>\n        }\n      />\n      <OAuthAclEditorModal\n        clientId={selectedClient?.client_id!}\n        open={isShowingSharingSettings}\n        onClose={() => setIsShowingSharingSettings(false)}\n      />\n      <WarningDialog\n        open={isShowingSecretWarning}\n        title={warningHeader}\n        content={warningBody}\n        onCancel={() => {\n          setIsShowingSecretWarning(false)\n          setSelectedClient(undefined)\n        }}\n        onConfirm={onShowSecret}\n        confirmButtonColor=\"error\"\n        confirmButtonText=\"Yes, Continue\"\n      />\n      {secret && (\n        <DialogBase\n          open={isShowingSecret}\n          title=\"App Secret\"\n          onCancel={() => {\n            setIsShowingSecret(false)\n            setSecret(undefined)\n          }}\n          content={\n            <>\n              <p>\n                <b>This secret will not be able to be retrieved again.</b> If\n                needed, in order to generate a new secret select Generate from\n                the Client List.\n              </p>\n              <CopyToClipboardInput value={secret} inputWidth={'400px'} />\n            </>\n          }\n        />\n      )}\n    </div>\n  )\n}\n\nexport default OAuthManagement\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AA2BA,IAAM,IAAe,EAAgC;AACrD,SAAS,EAAW,GAOjB;CACD,IAAM,EACJ,6BACA,sBACA,8BACA,cACA,kCACA,mCACE;CACJ,OAAO;EACL,EAAa,SAAS,aAAa;GACjC,SAAQ,MAAS,kBAAC,GAAD;IAAc,GAAI;IAAO,OAAO;GAAY,CAAA;GAC7D,OAAM,MAAQ,EAAW,EAAM,EAAK,SAAS,CAAC,CAAC;EACjD,CAAC;EACD,EAAa,SAAS,cAAc;GAClC,SAAQ,MAAS,kBAAC,GAAD;IAAc,GAAI;IAAO,OAAO;GAAa,CAAA;GAC9D,OAAM,MAAQ,EAAW,EAAM,EAAK,SAAS,CAAC,CAAC;EACjD,CAAC;EACD,EAAa,SAAS,aAAa,EACjC,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAO,CAAA,EAC1D,CAAC;EACD,EAAa,SAAS,eAAe,EACnC,SAAQ,MAAS,kBAAC,GAAD;GAAc,GAAI;GAAO,OAAO;EAAW,CAAA,EAC9D,CAAC;EACD,EAAa,SAAS,YAAY;GAChC,SAAQ,MAAS,kBAAC,GAAD;IAAc,GAAI;IAAO,OAAO;GAAa,CAAA;GAC9D,OAAO,EAAE,kBACP,EAAS,IACP,QAEA,kBAAC,GAAD;IACE,SAAQ;IACR,MAAK;IACL,eAAe,EAAyB,EAAI;cAC7C;GAEO,CAAA;EAEd,CAAC;EACD,EAAa,QAAQ;GACnB,IAAI;GACJ,SAAQ,MAAS,kBAAC,GAAD;IAAc,GAAI;IAAO,OAAO;GAAY,CAAA;GAC7D,OAAO,EAAE,aACP,kBAAC,GAAD;IACO;IACc;IACR;IACoB;IACJ;IACE;GAC9B,CAAA;EAEL,CAAC;CACH;AACF;AAEA,SAAS,EAAgB,EACvB,QACA,sBACA,cACA,kCACA,8BACA,kCAQC;CACD,IAAM,CAAC,GAAU,KAAe,EAA6B,IAAI,GAC3D,IAAO,EAAQ,GACf,KAAkB,MAAyC;EAC/D,EAAY,EAAM,aAAa;CACjC,GACM,UAAwB;EAC5B,EAAY,IAAI;CAClB;CACA,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,cAAW;EACX,iBAAe,gBAAgB,EAAI;EACnC,iBAAc;EACd,SAAS;EACT,MAAK;YAEL,kBAAC,GAAD,CAAW,CAAA;CACD,CAAA,GACZ,kBAAC,GAAD;EACE,IAAI,gBAAgB,EAAI;EACd;EACJ;EACN,SAAS;EACT,cAAc;GACZ,UAAU;GACV,YAAY;EACd;EACA,iBAAiB;GACf,UAAU;GACV,YAAY;EACd;YAZF;GAcE,kBAAC,GAAD;IACE,eAAe;KAIb,AAHA,EAAkB,EAAI,QAAQ,GAC9B,EAAU,EAAI,GACd,EAA8B,EAAI,GAClC,EAAgB;IAClB;cACD;GAES,CAAA;GACV,kBAAC,GAAD;IACE,eAAe;KAGb,AAFA,EAAkB,EAAI,QAAQ,GAC9B,EAA0B,EAAI,GAC9B,EAAgB;IAClB;cACD;GAES,CAAA;GACV,kBAAC,GAAD;IACE,eAAe;KAGb,AAFA,EAAkB,EAAI,QAAQ,GAC9B,EAA4B,EAAI,GAChC,EAAgB;IAClB;cACD;GAES,CAAA;EACN;GACN,EAAA,CAAA;AAEN;AAEA,SAAgB,IAAkB;CAChC,IAAM,EAAE,mBAAgB,EAAkB,GACpC,CAAC,GAA0B,KAC/B,EAAS,EAAK,GACV,CAAC,GAA4B,KACjC,EAAS,EAAK,GACV,CAAC,GAAQ,KAAa,EAAkB,EAAK,GAC7C,CAAC,GAAgB,KAAqB,EAAsB,GAC5D,CAAC,GAAuB,KAA4B,EAAS,EAAK,GAClE,CAAC,GAAwB,KAA6B,EAAS,EAAK,GACpE,CAAC,GAAiB,KAAsB,EAAS,EAAK,GACtD,CAAC,GAAQ,KAAa,EAAiB,GACvC,CAAC,GAAuB,KAA4B,EAAS,EAAK,GAElE,EAAE,SAAM,cAAW,gBAAa,kBAAe,0BACnD,EAA0B,GACtB,IAAkB,QAChB,GAAM,MAAM,SAAQ,MAAQ,EAAK,WAAW,CAAC,CAAC,KAAK,CAAC,GAC1D,CAAC,CAAI,CACP,GAMM,IAAe,YAAY;EAC/B,EAA0B,EAAK;EAC/B,IAAI;GACF,IAAM,IAAS,MAAM,EAAc,wBACjC,GACA,GAAgB,SAClB;GAGA,AAFA,EAAkB,KAAA,CAAS,GAC3B,EAAmB,EAAI,GACvB,EAAU,EAAO,aAAa;EAChC,SAAS,GAAU;GACjB,EAAa,EAAI,QAAkB,QAAQ;EAC7C;CACF,GAeM,IAA4B,EAA2B;EAC3D,MAAM;EACN,SAfc,QAEZ,EAAW;GACT;GACA;GACA;GACA;GACA;GACA;EACF,CAAC,GACH,CAAC,CAKD;EACA,WAAU,MAAO,EAAI;EACrB,oBAAoB;EACpB,eAAe;EACf,iBAAiB,EAAgB;EACjC,kBAAkB;CACpB,CAAC,GAEK,IAAU,CAAC,KAAa,EAAM,YAAY,EAAE,KAAK,WAAW;CAElE,OACE,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,OAAO;IACP,gBAAgB;IAChB,IAAI;GACN;aAEA,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,eAAe;KAEb,AADA,EAA8B,EAAI,GAClC,EAAU,EAAK;IACjB;IACA,IAAI,EAAE,OAAO,QAAQ;IACrB,WAAW,kBAAC,GAAD,CAAmB,CAAA;cAC/B;GAEO,CAAA;EACL,CAAA;EACL,kBAAC,GAAD;GACE,OAAO,kBAAC,GAAD,EAA4B,SAAQ,CAAA;GAChC;GACF;GACI;GACb,8BAA8B;IAC5B,EAAmB;GACrB;GACoB;EACrB,CAAA;EACD,kBAAC,GAAD;GACE,eAAe;IACb,EAA8B,EAAK;GACrC;GACA,gBAAgB;GAChB,QAAQ,IAAS,IAAiB,KAAA;GAC1B;GACkB;GACH;GACvB,mBAAmB;EACpB,CAAA;EACD,kBAAC,GAAD;GACE,MAAM;GACN,gBAAgB,EAAyB,EAAK;GAC9C,OAAM;GACN,SACE,kBAAA,GAAA,EAAA,UAAA;IACE,kBAAC,KAAD,EAAA,UAAA;KAAG;KACiE;KAClE,kBAAC,GAAD;MACE,QAAO;MACP,KAAI;MACJ,MAAK;gBACN;KAEK,CAAA;IACL,EAAA,CAAA;IACH,kBAAC,KAAD,EAAA,UAAG,mDAAmD,CAAA;IACtD,kBAAC,MAAD,EAAA,UAAA;KACE,kBAAC,MAAD,EAAA,UAAI,YAAa,CAAA;KACjB,kBAAC,MAAD,EAAA,UAAA,CAAI,wCACkC,kBAAC,MAAD,CAAK,CAAA,CACvC,EAAA,CAAA;KACJ,kBAAC,MAAD,EAAA,UAAI,oCAAqC,CAAA;IACvC,EAAA,CAAA;GAIJ,EAAA,CAAA;EAEL,CAAA;EACD,kBAAC,GAAD;GACE,UAAU,GAAgB;GAC1B,MAAM;GACN,eAAe,EAA4B,EAAK;EACjD,CAAA;EACD,kBAAC,GAAD;GACE,MAAM;GACN,OAAO;GACP,SAAS;GACT,gBAAgB;IAEd,AADA,EAA0B,EAAK,GAC/B,EAAkB,KAAA,CAAS;GAC7B;GACA,WAAW;GACX,oBAAmB;GACnB,mBAAkB;EACnB,CAAA;EACA,KACC,kBAAC,GAAD;GACE,MAAM;GACN,OAAM;GACN,gBAAgB;IAEd,AADA,EAAmB,EAAK,GACxB,EAAU,KAAA,CAAS;GACrB;GACA,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,KAAD,EAAA,UAAA,CACE,kBAAC,KAAD,EAAA,UAAG,sDAAsD,CAAA,GAAC,qFAGzD,EAAA,CAAA,GACH,kBAAC,GAAD;IAAsB,OAAO;IAAQ,YAAY;GAAU,CAAA,CAC3D,EAAA,CAAA;EAEL,CAAA;CAEA,EAAA,CAAA;AAET"}
+{"version":3,"file":"OAuthManagement.js","names":[],"sources":["../../../src/components/OAuthClientManagement/OAuthManagement.tsx"],"sourcesContent":["import InfiniteTableLayout from '@/components/layout/InfiniteTableLayout'\nimport SynapseClient from '@/synapse-client'\nimport { useGetOAuthClientInfinite } from '@/synapse-queries'\nimport MoreVert from '@mui/icons-material/MoreVert'\nimport { useSynapseContext } from '@/utils'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport AddCircleTwoTone from '@mui/icons-material/AddCircleTwoTone'\nimport { Box, Button, Link, IconButton, Menu, MenuItem } from '@mui/material'\nimport { OAuthClient } from '@sage-bionetworks/synapse-client/generated/models/OAuthClient'\nimport {\n  createColumnHelper,\n  getCoreRowModel,\n  Row,\n  Table,\n  useReactTable,\n} from '@tanstack/react-table'\nimport dayjs from 'dayjs'\nimport { useMemo, useState } from 'react'\nimport CopyToClipboardInput from '../CopyToClipboardInput/CopyToClipboardInput'\nimport { DialogBase } from '../DialogBase'\nimport WarningDialog from '../SynapseForm/WarningDialog'\nimport ColumnHeader from '../TanStackTable/ColumnHeader'\nimport StyledTanStackTable from '../TanStackTable/StyledTanStackTable'\nimport { displayToast } from '../ToastMessage'\nimport { CreateOAuthModal } from './CreateOAuthClient'\nimport OAuthAclEditorModal from '../OAuthClientAclEditor/OAuthAclEditorModal'\n\nconst columnHelper = createColumnHelper<OAuthClient>()\nfunction getColumns(columnOptions: {\n  setIsShowingVerification: (value: boolean) => void\n  setSelectedClient: (value: OAuthClient) => void\n  setIsShowingSecretWarning: (value: boolean) => void\n  setIsEdit: (value: boolean) => void\n  setIsShowingCreateClientModal: (value: boolean) => void\n  setIsShowingSharingSettings: (value: boolean) => void\n}) {\n  const {\n    setIsShowingVerification,\n    setSelectedClient,\n    setIsShowingSecretWarning,\n    setIsEdit,\n    setIsShowingCreateClientModal,\n    setIsShowingSharingSettings,\n  } = columnOptions\n  return [\n    columnHelper.accessor('createdOn', {\n      header: props => <ColumnHeader {...props} title={'Created'} />,\n      cell: info => formatDate(dayjs(info.getValue())),\n    }),\n    columnHelper.accessor('modifiedOn', {\n      header: props => <ColumnHeader {...props} title={'Modified'} />,\n      cell: info => formatDate(dayjs(info.getValue())),\n    }),\n    columnHelper.accessor('client_id', {\n      header: props => <ColumnHeader {...props} title={'ID'} />,\n    }),\n    columnHelper.accessor('client_name', {\n      header: props => <ColumnHeader {...props} title={'Client'} />,\n    }),\n    columnHelper.accessor('verified', {\n      header: props => <ColumnHeader {...props} title={'Verified'} />,\n      cell: ({ getValue }) =>\n        getValue() ? (\n          'Yes'\n        ) : (\n          <Button\n            variant=\"outlined\"\n            size=\"small\"\n            onClick={() => setIsShowingVerification(true)}\n          >\n            Submit Verification\n          </Button>\n        ),\n    }),\n    columnHelper.display({\n      id: 'actions',\n      header: props => <ColumnHeader {...props} title={'Actions'} />,\n      cell: ({ row }) => (\n        <ActionsMenuCell\n          row={row}\n          setSelectedClient={setSelectedClient}\n          setIsEdit={setIsEdit}\n          setIsShowingCreateClientModal={setIsShowingCreateClientModal}\n          setIsShowingSecretWarning={setIsShowingSecretWarning}\n          setIsShowingSharingSettings={setIsShowingSharingSettings}\n        />\n      ),\n    }),\n  ]\n}\n\nfunction ActionsMenuCell({\n  row,\n  setSelectedClient,\n  setIsEdit,\n  setIsShowingCreateClientModal,\n  setIsShowingSecretWarning,\n  setIsShowingSharingSettings,\n}: {\n  row: Row<OAuthClient>\n  setSelectedClient: (value: OAuthClient) => void\n  setIsEdit: (value: boolean) => void\n  setIsShowingCreateClientModal: (value: boolean) => void\n  setIsShowingSecretWarning: (value: boolean) => void\n  setIsShowingSharingSettings: (value: boolean) => void\n}) {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null)\n  const open = Boolean(anchorEl)\n  const handleMenuOpen = (event: React.MouseEvent<HTMLElement>) => {\n    setAnchorEl(event.currentTarget)\n  }\n  const handleMenuClose = () => {\n    setAnchorEl(null)\n  }\n  return (\n    <>\n      <IconButton\n        aria-label=\"more\"\n        aria-controls={`actions-menu-${row.id}`}\n        aria-haspopup=\"true\"\n        onClick={handleMenuOpen}\n        size=\"small\"\n      >\n        <MoreVert />\n      </IconButton>\n      <Menu\n        id={`actions-menu-${row.id}`}\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleMenuClose}\n        anchorOrigin={{\n          vertical: 'bottom',\n          horizontal: 'right',\n        }}\n        transformOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n      >\n        <MenuItem\n          onClick={() => {\n            setSelectedClient(row.original)\n            setIsEdit(true)\n            setIsShowingCreateClientModal(true)\n            handleMenuClose()\n          }}\n        >\n          Edit\n        </MenuItem>\n        <MenuItem\n          onClick={() => {\n            setSelectedClient(row.original)\n            setIsShowingSecretWarning(true)\n            handleMenuClose()\n          }}\n        >\n          Generate Secret\n        </MenuItem>\n        <MenuItem\n          onClick={() => {\n            setSelectedClient(row.original)\n            setIsShowingSharingSettings(true)\n            handleMenuClose()\n          }}\n        >\n          Sharing Settings\n        </MenuItem>\n      </Menu>\n    </>\n  )\n}\n\nexport function OAuthManagement() {\n  const { accessToken } = useSynapseContext()\n  const [isShowingSharingSettings, setIsShowingSharingSettings] =\n    useState(false)\n  const [isShowingCreateClientModal, setIsShowingCreateClientModal] =\n    useState(false)\n  const [isEdit, setIsEdit] = useState<boolean>(false)\n  const [selectedClient, setSelectedClient] = useState<OAuthClient>()\n  const [isShowingConfirmModal, setIsShowingConfirmModal] = useState(false)\n  const [isShowingSecretWarning, setIsShowingSecretWarning] = useState(false)\n  const [isShowingSecret, setIsShowingSecret] = useState(false)\n  const [secret, setSecret] = useState<string>()\n  const [isShowingVerification, setIsShowingVerification] = useState(false)\n\n  const { data, isLoading, hasNextPage, fetchNextPage, isFetchingNextPage } =\n    useGetOAuthClientInfinite()\n  const oAuthClientList = useMemo(\n    () => data?.pages.flatMap(page => page.results || []) || [],\n    [data],\n  )\n\n  const warningHeader = 'Are you absolutely sure?'\n  const warningBody =\n    'If you have an existing secret, generating a new secret will make your application invalid after generation. This action cannot be undone.'\n\n  const onShowSecret = async () => {\n    setIsShowingSecretWarning(false)\n    try {\n      const secret = await SynapseClient.createOAuthClientSecret(\n        accessToken!,\n        selectedClient?.client_id!,\n      )\n      setSelectedClient(undefined)\n      setIsShowingSecret(true)\n      setSecret(secret.client_secret)\n    } catch (err: any) {\n      displayToast(err.reason as string, 'danger')\n    }\n  }\n\n  const columns = useMemo(\n    () =>\n      getColumns({\n        setIsShowingVerification,\n        setSelectedClient,\n        setIsShowingSecretWarning,\n        setIsEdit,\n        setIsShowingCreateClientModal,\n        setIsShowingSharingSettings,\n      }),\n    [],\n  )\n\n  const table: Table<OAuthClient> = useReactTable<OAuthClient>({\n    data: oAuthClientList,\n    columns,\n    getRowId: row => row.client_id!,\n    enableRowSelection: true,\n    enableSorting: false,\n    getCoreRowModel: getCoreRowModel(),\n    columnResizeMode: 'onChange',\n  })\n\n  const isEmpty = !isLoading && table.getRowModel().rows.length === 0\n\n  return (\n    <div>\n      <Box\n        sx={{\n          display: 'flex',\n          width: '100%',\n          justifyContent: 'flex-end',\n          mb: 2,\n        }}\n      >\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          onClick={() => {\n            setIsShowingCreateClientModal(true)\n            setIsEdit(false)\n          }}\n          sx={{ float: 'right' }}\n          startIcon={<AddCircleTwoTone />}\n        >\n          Create New Client\n        </Button>\n      </Box>\n      <InfiniteTableLayout\n        table={<StyledTanStackTable table={table} />}\n        isLoading={isLoading}\n        isEmpty={isEmpty}\n        hasNextPage={hasNextPage}\n        onFetchNextPageClicked={() => {\n          void fetchNextPage()\n        }}\n        isFetchingNextPage={isFetchingNextPage}\n      />\n      <CreateOAuthModal\n        onClose={() => {\n          setIsShowingCreateClientModal(false)\n        }}\n        isShowingModal={isShowingCreateClientModal}\n        client={isEdit ? selectedClient : undefined}\n        isEdit={isEdit}\n        setIsShowingConfirmModal={setIsShowingConfirmModal}\n        isShowingConfirmModal={isShowingConfirmModal}\n        setIsShowingModal={setIsShowingCreateClientModal}\n      />\n      <DialogBase\n        open={isShowingVerification}\n        onCancel={() => setIsShowingVerification(false)}\n        title=\"Submit Verification\"\n        content={\n          <>\n            <p>\n              In order to verify an OAuth client please submit a request to the{' '}\n              <Link\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                href=\"https://sagebionetworks.jira.com/servicedesk/customer/portal/9\"\n              >\n                Synapse Service Desk.\n              </Link>\n            </p>\n            <b>Please list the following items in your request:</b>\n            <ul>\n              <li>Your name</li>\n              <li>\n                The ID of the client to be verified <br />\n              </li>\n              <li>A description of your application</li>\n            </ul>\n            {/* <p>\n            Verification can take up to X weeks and we will notify you via X.\n          </p> */}\n          </>\n        }\n      />\n      <OAuthAclEditorModal\n        clientId={selectedClient?.client_id!}\n        open={isShowingSharingSettings}\n        onClose={() => setIsShowingSharingSettings(false)}\n      />\n      <WarningDialog\n        open={isShowingSecretWarning}\n        title={warningHeader}\n        content={warningBody}\n        onCancel={() => {\n          setIsShowingSecretWarning(false)\n          setSelectedClient(undefined)\n        }}\n        onConfirm={onShowSecret}\n        confirmButtonColor=\"error\"\n        confirmButtonText=\"Yes, Continue\"\n      />\n      {secret && (\n        <DialogBase\n          open={isShowingSecret}\n          title=\"App Secret\"\n          onCancel={() => {\n            setIsShowingSecret(false)\n            setSecret(undefined)\n          }}\n          content={\n            <>\n              <p>\n                <b>This secret will not be able to be retrieved again.</b> If\n                needed, in order to generate a new secret select Generate from\n                the Client List.\n              </p>\n              <CopyToClipboardInput value={secret} inputWidth={'400px'} />\n            </>\n          }\n        />\n      )}\n    </div>\n  )\n}\n\nexport default OAuthManagement\n"],"mappings":"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"}

package/dist/components/Plot/BarPlot.js

@@ -6,7 +6,7 @@ import i from "lodash-es/uniq";
 //#region src/components/Plot/BarPlot.tsx
 function a(e, t, n) {
 	t && (e = e.filter((e) => e.y === t));
-	let r = i(e.map((e) => e.group)).sort(), a = [], o = ["(28,118,175,1)", "rgba(91,176,181,1)"];
+	let r = i(e.map((e) => e.group)).toSorted(), a = [], o = ["(28,118,175,1)", "rgba(91,176,181,1)"];
 	return r.forEach((t, r) => {
 		let i = e.filter((e) => e.group === t);
 		a.push({