synapse-react-client 4.0.45 → 4.0.46

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/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/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":"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"}
+{"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/PortalList/PortalCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PortalCard.d.ts","sourceRoot":"","sources":["../../../src/components/PortalList/PortalCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAA;AAsBzD,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,SAAS,CAyJvE;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"PortalCard.d.ts","sourceRoot":"","sources":["../../../src/components/PortalList/PortalCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kCAAkC,CAAA;AAuBzD,MAAM,MAAM,eAAe,GAAG;IAC5B,MAAM,EAAE,MAAM,CAAA;CACf,CAAA;AAED,wBAAgB,UAAU,CAAC,EAAE,MAAM,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,SAAS,CAyJvE;AAED,eAAe,UAAU,CAAA"}

package/dist/components/PortalList/PortalCard.js

@@ -8,8 +8,9 @@ import a from "../PortalAclEditor/PortalAclEditorModal.js";
 import { useState as o } from "react";
 import { Box as s, Card as c, CardContent as l, IconButton as u, Link as d, Typography as f } from "@mui/material";
 import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Delete as g, Settings as _ } from "@mui/icons-material";
-import v from "dayjs";
+import g from "dayjs";
+import _ from "@mui/icons-material/Settings";
+import v from "@mui/icons-material/Delete";
 //#region src/components/PortalList/PortalCard.tsx
 var y = "1";
 function b({ portal: b }) {
@@ -46,7 +47,7 @@ function b({ portal: b }) {
 							"aria-label": "Delete portal",
 							title: "Delete portal",
 							color: "error",
-							children: /* @__PURE__ */ m(g, { fontSize: "small" })
+							children: /* @__PURE__ */ m(v, { fontSize: "small" })
 						})]
 					})]
 				}), C && /* @__PURE__ */ m(d, {
@@ -85,7 +86,7 @@ function b({ portal: b }) {
 							T && /* @__PURE__ */ h(f, {
 								variant: "caption",
 								color: "text.secondary",
-								children: ["on ", v(T).format("MMMM D, YYYY")]
+								children: ["on ", g(T).format("MMMM D, YYYY")]
 							})
 						]
 					}),
@@ -106,7 +107,7 @@ function b({ portal: b }) {
 							D && /* @__PURE__ */ h(f, {
 								variant: "caption",
 								color: "text.secondary",
-								children: ["on ", v(D).format("MMMM D, YYYY")]
+								children: ["on ", g(D).format("MMMM D, YYYY")]
 							})
 						]
 					})

package/dist/components/PortalList/PortalCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PortalCard.js","names":[],"sources":["../../../src/components/PortalList/PortalCard.tsx"],"sourcesContent":["import { Portal } from '@sage-bionetworks/synapse-client'\nimport {\n  Card,\n  CardContent,\n  Typography,\n  Box,\n  Link as MuiLink,\n  IconButton,\n} from '@mui/material'\nimport styles from './PortalCard.module.scss'\nimport UserCard from '../UserCard/UserCard'\nimport dayjs from 'dayjs'\nimport { useState } from 'react'\nimport PortalAclEditorModal from '../PortalAclEditor/PortalAclEditorModal'\nimport { Settings, Delete } from '@mui/icons-material'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\nimport { useDeletePortal } from '@/synapse-queries/portal/usePortal'\nimport { displayToast } from '../ToastMessage'\n\n// Synapse itself is portal ID 1 and should not have ACL management\nconst SYNAPSE_PORTAL_ID = '1'\n\nexport type PortalCardProps = {\n  portal: Portal\n}\n\nexport function PortalCard({ portal }: PortalCardProps): React.ReactNode {\n  const { id, name, url, createdBy, createdOn, modifiedBy, modifiedOn } = portal\n  const [isAclEditorOpen, setIsAclEditorOpen] = useState(false)\n  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false)\n  const showAclEditor = id && id !== SYNAPSE_PORTAL_ID\n  const showDeleteButton = id && id !== SYNAPSE_PORTAL_ID\n\n  const { mutate: deletePortal } = useDeletePortal({\n    onSuccess: () => {\n      displayToast(`Portal \"${name}\" was successfully deleted`, 'success')\n      setIsDeleteDialogOpen(false)\n    },\n    onError: error => {\n      displayToast(`Failed to delete portal: ${error.reason}`, 'danger')\n    },\n  })\n\n  return (\n    <>\n      <Card className={styles.portalCard}>\n        <CardContent>\n          <Box className={styles.header}>\n            <Box className={styles.titleRow}>\n              <Typography variant=\"h6\" component=\"h3\">\n                {name}\n              </Typography>\n              <Box className={styles.actions}>\n                {showAclEditor && (\n                  <IconButton\n                    size=\"small\"\n                    onClick={() => setIsAclEditorOpen(true)}\n                    aria-label=\"Manage portal permissions\"\n                    title=\"Manage portal permissions\"\n                  >\n                    <Settings fontSize=\"small\" />\n                  </IconButton>\n                )}\n                {showDeleteButton && (\n                  <IconButton\n                    size=\"small\"\n                    onClick={() => setIsDeleteDialogOpen(true)}\n                    aria-label=\"Delete portal\"\n                    title=\"Delete portal\"\n                    color=\"error\"\n                  >\n                    <Delete fontSize=\"small\" />\n                  </IconButton>\n                )}\n              </Box>\n            </Box>\n            {url && (\n              <MuiLink\n                href={url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className={styles.url}\n              >\n                {url}\n              </MuiLink>\n            )}\n          </Box>\n\n          <Box className={styles.metadata}>\n            {id && (\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                <strong>ID:</strong> {id}\n              </Typography>\n            )}\n\n            {createdBy && (\n              <Box className={styles.userInfo}>\n                <Typography variant=\"body2\" color=\"text.secondary\">\n                  <strong>Created by:</strong>\n                </Typography>\n                <UserCard\n                  ownerId={createdBy}\n                  size=\"SMALL USER CARD\"\n                  hideEmail\n                  disableLink={false}\n                />\n                {createdOn && (\n                  <Typography variant=\"caption\" color=\"text.secondary\">\n                    on {dayjs(createdOn).format('MMMM D, YYYY')}\n                  </Typography>\n                )}\n              </Box>\n            )}\n\n            {modifiedBy && (\n              <Box className={styles.userInfo}>\n                <Typography variant=\"body2\" color=\"text.secondary\">\n                  <strong>Last modified by:</strong>\n                </Typography>\n                <UserCard\n                  ownerId={modifiedBy}\n                  size=\"SMALL USER CARD\"\n                  hideEmail\n                  disableLink={false}\n                />\n                {modifiedOn && (\n                  <Typography variant=\"caption\" color=\"text.secondary\">\n                    on {dayjs(modifiedOn).format('MMMM D, YYYY')}\n                  </Typography>\n                )}\n              </Box>\n            )}\n          </Box>\n        </CardContent>\n      </Card>\n\n      {showAclEditor && id && (\n        <PortalAclEditorModal\n          portalId={id}\n          open={isAclEditorOpen}\n          onClose={() => setIsAclEditorOpen(false)}\n        />\n      )}\n\n      {id && (\n        <ConfirmationDialog\n          open={isDeleteDialogOpen}\n          title=\"Delete Portal\"\n          content={\n            <Box>\n              <Typography variant=\"body1\" sx={{ mb: 2 }}>\n                Are you sure you want to delete this portal?\n              </Typography>\n              <Typography variant=\"body2\" sx={{ mb: 1 }}>\n                <strong>Name:</strong> {name}\n              </Typography>\n              {url && (\n                <Typography variant=\"body2\">\n                  <strong>URL:</strong> {url}\n                </Typography>\n              )}\n            </Box>\n          }\n          confirmButtonProps={{\n            children: 'Delete',\n            color: 'error',\n            variant: 'contained',\n          }}\n          onConfirm={() => {\n            if (id) {\n              deletePortal(id)\n            }\n          }}\n          onCancel={() => setIsDeleteDialogOpen(false)}\n          maxWidth=\"sm\"\n        />\n      )}\n    </>\n  )\n}\n\nexport default PortalCard\n"],"mappings":"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"}
+{"version":3,"file":"PortalCard.js","names":[],"sources":["../../../src/components/PortalList/PortalCard.tsx"],"sourcesContent":["import { Portal } from '@sage-bionetworks/synapse-client'\nimport {\n  Card,\n  CardContent,\n  Typography,\n  Box,\n  Link as MuiLink,\n  IconButton,\n} from '@mui/material'\nimport styles from './PortalCard.module.scss'\nimport UserCard from '../UserCard/UserCard'\nimport dayjs from 'dayjs'\nimport { useState } from 'react'\nimport PortalAclEditorModal from '../PortalAclEditor/PortalAclEditorModal'\nimport Settings from '@mui/icons-material/Settings'\nimport Delete from '@mui/icons-material/Delete'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\nimport { useDeletePortal } from '@/synapse-queries/portal/usePortal'\nimport { displayToast } from '../ToastMessage'\n\n// Synapse itself is portal ID 1 and should not have ACL management\nconst SYNAPSE_PORTAL_ID = '1'\n\nexport type PortalCardProps = {\n  portal: Portal\n}\n\nexport function PortalCard({ portal }: PortalCardProps): React.ReactNode {\n  const { id, name, url, createdBy, createdOn, modifiedBy, modifiedOn } = portal\n  const [isAclEditorOpen, setIsAclEditorOpen] = useState(false)\n  const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false)\n  const showAclEditor = id && id !== SYNAPSE_PORTAL_ID\n  const showDeleteButton = id && id !== SYNAPSE_PORTAL_ID\n\n  const { mutate: deletePortal } = useDeletePortal({\n    onSuccess: () => {\n      displayToast(`Portal \"${name}\" was successfully deleted`, 'success')\n      setIsDeleteDialogOpen(false)\n    },\n    onError: error => {\n      displayToast(`Failed to delete portal: ${error.reason}`, 'danger')\n    },\n  })\n\n  return (\n    <>\n      <Card className={styles.portalCard}>\n        <CardContent>\n          <Box className={styles.header}>\n            <Box className={styles.titleRow}>\n              <Typography variant=\"h6\" component=\"h3\">\n                {name}\n              </Typography>\n              <Box className={styles.actions}>\n                {showAclEditor && (\n                  <IconButton\n                    size=\"small\"\n                    onClick={() => setIsAclEditorOpen(true)}\n                    aria-label=\"Manage portal permissions\"\n                    title=\"Manage portal permissions\"\n                  >\n                    <Settings fontSize=\"small\" />\n                  </IconButton>\n                )}\n                {showDeleteButton && (\n                  <IconButton\n                    size=\"small\"\n                    onClick={() => setIsDeleteDialogOpen(true)}\n                    aria-label=\"Delete portal\"\n                    title=\"Delete portal\"\n                    color=\"error\"\n                  >\n                    <Delete fontSize=\"small\" />\n                  </IconButton>\n                )}\n              </Box>\n            </Box>\n            {url && (\n              <MuiLink\n                href={url}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className={styles.url}\n              >\n                {url}\n              </MuiLink>\n            )}\n          </Box>\n\n          <Box className={styles.metadata}>\n            {id && (\n              <Typography variant=\"body2\" color=\"text.secondary\">\n                <strong>ID:</strong> {id}\n              </Typography>\n            )}\n\n            {createdBy && (\n              <Box className={styles.userInfo}>\n                <Typography variant=\"body2\" color=\"text.secondary\">\n                  <strong>Created by:</strong>\n                </Typography>\n                <UserCard\n                  ownerId={createdBy}\n                  size=\"SMALL USER CARD\"\n                  hideEmail\n                  disableLink={false}\n                />\n                {createdOn && (\n                  <Typography variant=\"caption\" color=\"text.secondary\">\n                    on {dayjs(createdOn).format('MMMM D, YYYY')}\n                  </Typography>\n                )}\n              </Box>\n            )}\n\n            {modifiedBy && (\n              <Box className={styles.userInfo}>\n                <Typography variant=\"body2\" color=\"text.secondary\">\n                  <strong>Last modified by:</strong>\n                </Typography>\n                <UserCard\n                  ownerId={modifiedBy}\n                  size=\"SMALL USER CARD\"\n                  hideEmail\n                  disableLink={false}\n                />\n                {modifiedOn && (\n                  <Typography variant=\"caption\" color=\"text.secondary\">\n                    on {dayjs(modifiedOn).format('MMMM D, YYYY')}\n                  </Typography>\n                )}\n              </Box>\n            )}\n          </Box>\n        </CardContent>\n      </Card>\n\n      {showAclEditor && id && (\n        <PortalAclEditorModal\n          portalId={id}\n          open={isAclEditorOpen}\n          onClose={() => setIsAclEditorOpen(false)}\n        />\n      )}\n\n      {id && (\n        <ConfirmationDialog\n          open={isDeleteDialogOpen}\n          title=\"Delete Portal\"\n          content={\n            <Box>\n              <Typography variant=\"body1\" sx={{ mb: 2 }}>\n                Are you sure you want to delete this portal?\n              </Typography>\n              <Typography variant=\"body2\" sx={{ mb: 1 }}>\n                <strong>Name:</strong> {name}\n              </Typography>\n              {url && (\n                <Typography variant=\"body2\">\n                  <strong>URL:</strong> {url}\n                </Typography>\n              )}\n            </Box>\n          }\n          confirmButtonProps={{\n            children: 'Delete',\n            color: 'error',\n            variant: 'contained',\n          }}\n          onConfirm={() => {\n            if (id) {\n              deletePortal(id)\n            }\n          }}\n          onCancel={() => setIsDeleteDialogOpen(false)}\n          maxWidth=\"sm\"\n        />\n      )}\n    </>\n  )\n}\n\nexport default PortalCard\n"],"mappings":"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"}

package/dist/components/PortalList/PortalList.js

@@ -5,11 +5,11 @@ import r from "./PortalList.module.js";
 import { Fragment as i, useEffect as a, useState as o } from "react";
 import { Alert as s, Box as c, Button as l, CircularProgress as u, Typography as d } from "@mui/material";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Add as m } from "@mui/icons-material";
-import { useInView as h } from "react-intersection-observer";
+import { useInView as m } from "react-intersection-observer";
+import h from "@mui/icons-material/Add";
 //#region src/components/PortalList/PortalList.tsx
 function g() {
-	let { ref: g, inView: _ } = h(), [v, y] = o(!1), { data: b, status: x, error: S, isLoading: C, hasNextPage: w, isFetchingNextPage: T, fetchNextPage: E } = e({ throwOnError: !1 });
+	let { ref: g, inView: _ } = m(), [v, y] = o(!1), { data: b, status: x, error: S, isLoading: C, hasNextPage: w, isFetchingNextPage: T, fetchNextPage: E } = e({ throwOnError: !1 });
 	a(() => {
 		x === "success" && !T && w && E && _ && E();
 	}, [
@@ -37,7 +37,7 @@ function g() {
 				}), /* @__PURE__ */ f(l, {
 					variant: "contained",
 					color: "primary",
-					startIcon: /* @__PURE__ */ f(m, {}),
+					startIcon: /* @__PURE__ */ f(h, {}),
 					onClick: () => y(!0),
 					children: "Create New Portal"
 				})]

package/dist/components/PortalList/PortalList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PortalList.js","names":[],"sources":["../../../src/components/PortalList/PortalList.tsx"],"sourcesContent":["import { useListPortalsInfinite } from '@/synapse-queries/portal/useListPortals'\nimport { Box, Typography, CircularProgress, Alert, Button } from '@mui/material'\nimport { Fragment, useEffect, useState } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport PortalCard from './PortalCard'\nimport CreatePortalModal from './CreatePortalModal'\nimport styles from './PortalList.module.scss'\nimport { Add } from '@mui/icons-material'\n\nexport function PortalList(): React.ReactNode {\n  const { ref, inView } = useInView()\n  const [isCreateModalOpen, setIsCreateModalOpen] = useState(false)\n\n  const {\n    data,\n    status,\n    error,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useListPortalsInfinite({\n    throwOnError: false,\n  })\n\n  useEffect(() => {\n    if (\n      status === 'success' &&\n      !isFetchingNextPage &&\n      hasNextPage &&\n      fetchNextPage &&\n      inView\n    ) {\n      fetchNextPage()\n    }\n  }, [status, hasNextPage, isFetchingNextPage, fetchNextPage, inView])\n\n  const allPortals = data?.pages.flatMap(page => page.page ?? []) ?? []\n\n  if (error) {\n    return (\n      <Alert severity=\"error\" className={styles.errorAlert}>\n        Error loading portals: {error.message}\n      </Alert>\n    )\n  }\n\n  return (\n    <Box className={styles.portalListContainer}>\n      <Box className={styles.header}>\n        <Typography variant=\"h4\" component=\"h2\" className={styles.title}>\n          Portals\n        </Typography>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          startIcon={<Add />}\n          onClick={() => setIsCreateModalOpen(true)}\n        >\n          Create New Portal\n        </Button>\n      </Box>\n\n      {isLoading && (\n        <Box className={styles.loadingContainer}>\n          <CircularProgress />\n        </Box>\n      )}\n\n      {!isLoading && allPortals.length === 0 && (\n        <Typography variant=\"body1\" color=\"text.secondary\">\n          No portals found.\n        </Typography>\n      )}\n\n      {allPortals.length > 0 && (\n        <Box className={styles.portalGrid}>\n          {allPortals.map(portal => (\n            <Fragment key={portal.id ?? JSON.stringify(portal)}>\n              <PortalCard portal={portal} />\n            </Fragment>\n          ))}\n        </Box>\n      )}\n\n      {/* Trigger for loading next page */}\n      {hasNextPage && <div ref={ref} className={styles.loadMoreTrigger} />}\n\n      {isFetchingNextPage && (\n        <Box className={styles.loadingMoreContainer}>\n          <CircularProgress size={32} />\n        </Box>\n      )}\n\n      <CreatePortalModal\n        open={isCreateModalOpen}\n        onClose={() => setIsCreateModalOpen(false)}\n      />\n    </Box>\n  )\n}\n\nexport default PortalList\n"],"mappings":";;;;;;;;;;AASA,SAAgB,IAA8B;CAC5C,IAAM,EAAE,QAAK,cAAW,EAAU,GAC5B,CAAC,GAAmB,KAAwB,EAAS,EAAK,GAE1D,EACJ,SACA,WACA,UACA,cACA,gBACA,uBACA,qBACE,EAAuB,EACzB,cAAc,GAChB,CAAC;CAED,QAAgB;EACd,AACE,MAAW,aACX,CAAC,KACD,KACA,KACA,KAEA,EAAc;CAElB,GAAG;EAAC;EAAQ;EAAa;EAAoB;EAAe;CAAM,CAAC;CAEnE,IAAM,IAAa,GAAM,MAAM,SAAQ,MAAQ,EAAK,QAAQ,CAAC,CAAC,KAAK,CAAC;CAUpE,OARI,IAEA,kBAAC,GAAD;EAAO,UAAS;EAAQ,WAAW,EAAO;YAA1C,CAAsD,2BAC5B,EAAM,OACzB;MAKT,kBAAC,GAAD;EAAK,WAAW,EAAO;YAAvB;GACE,kBAAC,GAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,GAAD;KAAY,SAAQ;KAAK,WAAU;KAAK,WAAW,EAAO;eAAO;IAErD,CAAA,GACZ,kBAAC,GAAD;KACE,SAAQ;KACR,OAAM;KACN,WAAW,kBAAC,GAAD,CAAM,CAAA;KACjB,eAAe,EAAqB,EAAI;eACzC;IAEO,CAAA,CACL;;GAEJ,KACC,kBAAC,GAAD;IAAK,WAAW,EAAO;cACrB,kBAAC,GAAD,CAAmB,CAAA;GAChB,CAAA;GAGN,CAAC,KAAa,EAAW,WAAW,KACnC,kBAAC,GAAD;IAAY,SAAQ;IAAQ,OAAM;cAAiB;GAEvC,CAAA;GAGb,EAAW,SAAS,KACnB,kBAAC,GAAD;IAAK,WAAW,EAAO;cACpB,EAAW,KAAI,MACd,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAoB,UAAS,CAAA,EACrB,GAFK,EAAO,MAAM,KAAK,UAAU,CAAM,CAEvC,CACX;GACE,CAAA;GAIN,KAAe,kBAAC,OAAD;IAAU;IAAK,WAAW,EAAO;GAAkB,CAAA;GAElE,KACC,kBAAC,GAAD;IAAK,WAAW,EAAO;cACrB,kBAAC,GAAD,EAAkB,MAAM,GAAK,CAAA;GAC1B,CAAA;GAGP,kBAAC,GAAD;IACE,MAAM;IACN,eAAe,EAAqB,EAAK;GAC1C,CAAA;EACE;;AAET"}
+{"version":3,"file":"PortalList.js","names":[],"sources":["../../../src/components/PortalList/PortalList.tsx"],"sourcesContent":["import { useListPortalsInfinite } from '@/synapse-queries/portal/useListPortals'\nimport { Box, Typography, CircularProgress, Alert, Button } from '@mui/material'\nimport { Fragment, useEffect, useState } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport PortalCard from './PortalCard'\nimport CreatePortalModal from './CreatePortalModal'\nimport styles from './PortalList.module.scss'\nimport Add from '@mui/icons-material/Add'\n\nexport function PortalList(): React.ReactNode {\n  const { ref, inView } = useInView()\n  const [isCreateModalOpen, setIsCreateModalOpen] = useState(false)\n\n  const {\n    data,\n    status,\n    error,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useListPortalsInfinite({\n    throwOnError: false,\n  })\n\n  useEffect(() => {\n    if (\n      status === 'success' &&\n      !isFetchingNextPage &&\n      hasNextPage &&\n      fetchNextPage &&\n      inView\n    ) {\n      fetchNextPage()\n    }\n  }, [status, hasNextPage, isFetchingNextPage, fetchNextPage, inView])\n\n  const allPortals = data?.pages.flatMap(page => page.page ?? []) ?? []\n\n  if (error) {\n    return (\n      <Alert severity=\"error\" className={styles.errorAlert}>\n        Error loading portals: {error.message}\n      </Alert>\n    )\n  }\n\n  return (\n    <Box className={styles.portalListContainer}>\n      <Box className={styles.header}>\n        <Typography variant=\"h4\" component=\"h2\" className={styles.title}>\n          Portals\n        </Typography>\n        <Button\n          variant=\"contained\"\n          color=\"primary\"\n          startIcon={<Add />}\n          onClick={() => setIsCreateModalOpen(true)}\n        >\n          Create New Portal\n        </Button>\n      </Box>\n\n      {isLoading && (\n        <Box className={styles.loadingContainer}>\n          <CircularProgress />\n        </Box>\n      )}\n\n      {!isLoading && allPortals.length === 0 && (\n        <Typography variant=\"body1\" color=\"text.secondary\">\n          No portals found.\n        </Typography>\n      )}\n\n      {allPortals.length > 0 && (\n        <Box className={styles.portalGrid}>\n          {allPortals.map(portal => (\n            <Fragment key={portal.id ?? JSON.stringify(portal)}>\n              <PortalCard portal={portal} />\n            </Fragment>\n          ))}\n        </Box>\n      )}\n\n      {/* Trigger for loading next page */}\n      {hasNextPage && <div ref={ref} className={styles.loadMoreTrigger} />}\n\n      {isFetchingNextPage && (\n        <Box className={styles.loadingMoreContainer}>\n          <CircularProgress size={32} />\n        </Box>\n      )}\n\n      <CreatePortalModal\n        open={isCreateModalOpen}\n        onClose={() => setIsCreateModalOpen(false)}\n      />\n    </Box>\n  )\n}\n\nexport default PortalList\n"],"mappings":";;;;;;;;;;AASA,SAAgB,IAA8B;CAC5C,IAAM,EAAE,QAAK,cAAW,EAAU,GAC5B,CAAC,GAAmB,KAAwB,EAAS,EAAK,GAE1D,EACJ,SACA,WACA,UACA,cACA,gBACA,uBACA,qBACE,EAAuB,EACzB,cAAc,GAChB,CAAC;CAED,QAAgB;EACd,AACE,MAAW,aACX,CAAC,KACD,KACA,KACA,KAEA,EAAc;CAElB,GAAG;EAAC;EAAQ;EAAa;EAAoB;EAAe;CAAM,CAAC;CAEnE,IAAM,IAAa,GAAM,MAAM,SAAQ,MAAQ,EAAK,QAAQ,CAAC,CAAC,KAAK,CAAC;CAUpE,OARI,IAEA,kBAAC,GAAD;EAAO,UAAS;EAAQ,WAAW,EAAO;YAA1C,CAAsD,2BAC5B,EAAM,OACzB;MAKT,kBAAC,GAAD;EAAK,WAAW,EAAO;YAAvB;GACE,kBAAC,GAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,GAAD;KAAY,SAAQ;KAAK,WAAU;KAAK,WAAW,EAAO;eAAO;IAErD,CAAA,GACZ,kBAAC,GAAD;KACE,SAAQ;KACR,OAAM;KACN,WAAW,kBAAC,GAAD,CAAM,CAAA;KACjB,eAAe,EAAqB,EAAI;eACzC;IAEO,CAAA,CACL;;GAEJ,KACC,kBAAC,GAAD;IAAK,WAAW,EAAO;cACrB,kBAAC,GAAD,CAAmB,CAAA;GAChB,CAAA;GAGN,CAAC,KAAa,EAAW,WAAW,KACnC,kBAAC,GAAD;IAAY,SAAQ;IAAQ,OAAM;cAAiB;GAEvC,CAAA;GAGb,EAAW,SAAS,KACnB,kBAAC,GAAD;IAAK,WAAW,EAAO;cACpB,EAAW,KAAI,MACd,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAoB,UAAS,CAAA,EACrB,GAFK,EAAO,MAAM,KAAK,UAAU,CAAM,CAEvC,CACX;GACE,CAAA;GAIN,KAAe,kBAAC,OAAD;IAAU;IAAK,WAAW,EAAO;GAAkB,CAAA;GAElE,KACC,kBAAC,GAAD;IAAK,WAAW,EAAO;cACrB,kBAAC,GAAD,EAAkB,MAAM,GAAK,CAAA;GAC1B,CAAA;GAGP,kBAAC,GAAD;IACE,MAAM;IACN,eAAe,EAAqB,EAAK;GAC1C,CAAA;EACE;;AAET"}

package/dist/components/ProjectVisibilityChip/ProjectVisibilityChip.js

@@ -4,9 +4,9 @@ import "../../synapse-queries/index.js";
 import { getProjectVisibilityFromACL as n } from "./getProjectVisibilityFromACL.js";
 import { Chip as r, Skeleton as i, Typography as a } from "@mui/material";
 import { jsx as o } from "react/jsx-runtime";
-import s from "@mui/icons-material/VisibilityOutlined";
-import c from "@mui/icons-material/LanguageOutlined";
-import l from "@mui/icons-material/LockOutlined";
+import s from "@mui/icons-material/LockOutlined";
+import c from "@mui/icons-material/VisibilityOutlined";
+import l from "@mui/icons-material/LanguageOutlined";
 //#region src/components/ProjectVisibilityChip/ProjectVisibilityChip.tsx
 var u = {
 	fill: "var(--synapse-gray-900)",
@@ -15,17 +15,17 @@ var u = {
 	PRIVATE: {
 		label: "Private Project",
 		color: "#FAC3C3",
-		icon: /* @__PURE__ */ o(l, { sx: u })
+		icon: /* @__PURE__ */ o(s, { sx: u })
 	},
 	DISCOVERABLE: {
 		label: "Discoverable Project",
 		color: "#FDEFC1",
-		icon: /* @__PURE__ */ o(s, { sx: u })
+		icon: /* @__PURE__ */ o(c, { sx: u })
 	},
 	PUBLIC: {
 		label: "Public Project",
 		color: "#D4EFD4",
-		icon: /* @__PURE__ */ o(c, { sx: u })
+		icon: /* @__PURE__ */ o(l, { sx: u })
 	}
 };
 function f({ visibility: e }) {

package/dist/components/QueryBuilder/FilterConditionRow.js

@@ -8,11 +8,11 @@ import { QBDragHandle as u } from "./QBDragHandle.js";
 import { useCallback as d, useMemo as f, useState as p } from "react";
 import { Autocomplete as m, IconButton as h, InputLabel as g, MenuItem as _, Select as v, TextField as y, ToggleButton as b, ToggleButtonGroup as x, Tooltip as S } from "@mui/material";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
-import { useSortable as E } from "@dnd-kit/react/sortable";
-import D from "@mui/icons-material/DeleteOutline";
+import E from "@mui/icons-material/DeleteOutline";
+import { useSortable as D } from "@dnd-kit/react/sortable";
 //#region src/components/QueryBuilder/FilterConditionRow.tsx
 function O(e) {
-	let { condition: i, parentGroupId: d, index: p } = e, { columnModels: b, facetResults: x, onlyFacetedColumns: O, getColumnDisplayName: A, updateConditionAt: j, removeConditionAt: P } = s(), { ref: F, handleRef: I, isDragSource: L } = E({
+	let { condition: i, parentGroupId: d, index: p } = e, { columnModels: b, facetResults: x, onlyFacetedColumns: O, getColumnDisplayName: A, updateConditionAt: j, removeConditionAt: P } = s(), { ref: F, handleRef: I, isDragSource: L } = D({
 		id: i.id,
 		index: p,
 		group: d,
@@ -45,7 +45,7 @@ function O(e) {
 					className: c.remove,
 					"aria-label": "Remove condition",
 					onClick: () => P(i.id),
-					children: /* @__PURE__ */ w(D, { fontSize: "small" })
+					children: /* @__PURE__ */ w(E, { fontSize: "small" })
 				})
 			}),
 			/* @__PURE__ */ w(m, {

package/dist/components/QueryCountButton/QueryCountButton.js

@@ -4,11 +4,11 @@ import t from "../../synapse-queries/entity/useGetQueryResultBundle.js";
 import n from "react";
 import { Box as r, Button as i } from "@mui/material";
 import { jsx as a } from "react/jsx-runtime";
-import { NavigateNext as o } from "@mui/icons-material";
-import { Link as s, useInRouterContext as c } from "react-router";
+import { Link as o, useInRouterContext as s } from "react-router";
+import c from "@mui/icons-material/NavigateNext";
 //#region src/components/QueryCountButton/QueryCountButton.tsx
 function l(l) {
-	let { sql: u, href: d, prefixText: f = "", suffixText: p = "", ...m } = l, h = e(u), g = c(), { data: _, isLoading: v } = t({
+	let { sql: u, href: d, prefixText: f = "", suffixText: p = "", ...m } = l, h = e(u), g = s(), { data: _, isLoading: v } = t({
 		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
 		query: { sql: u },
 		entityId: h,
@@ -21,7 +21,7 @@ function l(l) {
 		component: "a"
 	} : g ? {
 		to: d,
-		component: s
+		component: o
 	} : {
 		href: d,
 		component: "a"
@@ -44,7 +44,7 @@ function l(l) {
 			width: 24,
 			height: 24
 		},
-		children: /* @__PURE__ */ a(o, { sx: {
+		children: /* @__PURE__ */ a(c, { sx: {
 			color: "primary.main",
 			fontSize: 20
 		} })