synapse-react-client 4.0.2 → 4.0.4

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

@@ -1 +1 @@
-{"version":3,"file":"TopLevelControlsUtils.js","sources":["../../../../src/components/SynapseTable/TopLevelControls/TopLevelControlsUtils.ts"],"sourcesContent":["import { QueryContextType } from '../../QueryContext'\nimport { QueryVisualizationContextType } from '../../QueryVisualizationWrapper'\nimport pluralize from 'pluralize'\nimport { upperFirst } from 'lodash-es'\nimport { Row } from '@sage-bionetworks/synapse-types'\n\nconst TO_DOWNLOAD_CART = 'to Download Cart'\n\n/**\n * If the user invokes an action on the table (such as \"Send to CAVATICA\"), we want to tell the user how many rows they\n * will perform the action on.\n *\n * If selection is enabled and rows have been selected, return the number of selected rows.\n * If no rows have been selected, return the total number of query results.\n * If the total number of query results is unknown, return undefined.\n * @param hasSelectedRows\n * @param selectedRows\n * @param totalNumberOfRows\n */\nexport function getNumberOfResultsToInvokeAction(\n  hasSelectedRows: boolean,\n  selectedRows: Row[],\n  totalNumberOfRows?: number,\n) {\n  return hasSelectedRows ? selectedRows.length : totalNumberOfRows\n}\n\n/**\n * Returns copy for how to reference the number of results that will be affected by an action, such as \"Send to CAVATICA\".\n * Utilizes the unit description to return a count and pluralized unit description.\n *\n * If the user has not selected rows or applied any filters, return \"all <unit>s\".\n * If the user has applied filters but not selected rows, return the total number of query results to indicate that the filtered result set is used. e.g. '2 <unit>s'\n *   - If the total number of query results is unknown, the count is not included. e.g. '<unit>s'\n * If the user has selected rows, return the number of selected rows. e.g. '2 <unit>s'\n * @param hasResettableFilters\n * @param hasSelectedRows\n * @param selectedRows\n * @param totalNumberOfRows\n * @param unitDescription\n */\nexport function getNumberOfResultsToInvokeActionCopy(\n  hasResettableFilters: QueryContextType['hasResettableFilters'],\n  hasSelectedRows: boolean,\n  selectedRows: Row[],\n  totalNumberOfRows: number | undefined,\n  unitDescription: QueryVisualizationContextType['unitDescription'],\n) {\n  if (!hasResettableFilters && !hasSelectedRows) {\n    return `all ${pluralize(unitDescription)}`\n  }\n\n  const numberOfResultsToInvokeAction = getNumberOfResultsToInvokeAction(\n    hasSelectedRows,\n    selectedRows,\n    totalNumberOfRows,\n  )\n  if (numberOfResultsToInvokeAction != null) {\n    return `${numberOfResultsToInvokeAction.toLocaleString()} ${pluralize(\n      unitDescription,\n      numberOfResultsToInvokeAction,\n    )}`\n  }\n  // Null count, so just return the pluralized unit description\n  return pluralize(unitDescription)\n}\n\n/**\n * Returns copy for how to reference the number of results that will be sent to the download list.\n * Utilizes the unit description to return a count and pluralized unit description.\n * @param hasResettableFilters\n * @param hasSelectedRows\n * @param selectedRows\n * @param totalNumberOfRows\n * @param unitDescription\n */\nexport function getNumberOfResultsToAddToDownloadListCopy(\n  hasResettableFilters: QueryContextType['hasResettableFilters'],\n  hasSelectedRows: boolean,\n  selectedRows: Row[],\n  totalNumberOfRows: number | undefined,\n  unitDescription: QueryVisualizationContextType['unitDescription'],\n) {\n  if (!hasResettableFilters && !hasSelectedRows) {\n    return `Add All ${upperFirst(\n      pluralize(unitDescription),\n    )} ${TO_DOWNLOAD_CART}`\n  }\n\n  const numberOfResultsToInvokeAction = getNumberOfResultsToInvokeAction(\n    hasSelectedRows,\n    selectedRows,\n    totalNumberOfRows,\n  )\n  if (numberOfResultsToInvokeAction != null) {\n    return `Add ${numberOfResultsToInvokeAction.toLocaleString()} Selected ${upperFirst(\n      pluralize(unitDescription, numberOfResultsToInvokeAction),\n    )} ${TO_DOWNLOAD_CART}`\n  }\n  // Null count\n  return `Add ${TO_DOWNLOAD_CART}`\n}\n"],"names":["TO_DOWNLOAD_CART","getNumberOfResultsToInvokeAction","hasSelectedRows","selectedRows","totalNumberOfRows","getNumberOfResultsToInvokeActionCopy","hasResettableFilters","unitDescription","pluralize","numberOfResultsToInvokeAction","getNumberOfResultsToAddToDownloadListCopy","upperFirst"],"mappings":";;AAMA,MAAMA,IAAmB;AAalB,SAASC,EACdC,GACAC,GACAC,GACA;AACA,SAAOF,IAAkBC,EAAa,SAASC;AACjD;AAgBO,SAASC,EACdC,GACAJ,GACAC,GACAC,GACAG,GACA;AACA,MAAI,CAACD,KAAwB,CAACJ;AAC5B,WAAO,OAAOM,EAAUD,CAAe,CAAC;AAG1C,QAAME,IAAgCR;AAAA,IACpCC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAEF,SAAIK,KAAiC,OAC5B,GAAGA,EAA8B,eAAA,CAAgB,IAAID;AAAA,IAC1DD;AAAA,IACAE;AAAA,EAAA,CACD,KAGID,EAAUD,CAAe;AAClC;AAWO,SAASG,EACdJ,GACAJ,GACAC,GACAC,GACAG,GACA;AACA,MAAI,CAACD,KAAwB,CAACJ;AAC5B,WAAO,WAAWS;AAAA,MAChBH,EAAUD,CAAe;AAAA,IAAA,CAC1B,IAAIP,CAAgB;AAGvB,QAAMS,IAAgCR;AAAA,IACpCC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAEF,SAAIK,KAAiC,OAC5B,OAAOA,EAA8B,eAAA,CAAgB,aAAaE;AAAA,IACvEH,EAAUD,GAAiBE,CAA6B;AAAA,EAAA,CACzD,IAAIT,CAAgB,KAGhB,OAAOA,CAAgB;AAChC;"}
+{"version":3,"file":"TopLevelControlsUtils.js","sources":["../../../../src/components/SynapseTable/TopLevelControls/TopLevelControlsUtils.ts"],"sourcesContent":["import { QueryContextType } from '../../QueryContext'\nimport { QueryVisualizationContextType } from '../../QueryVisualizationWrapper'\nimport pluralize from 'pluralize'\nimport { upperFirst } from 'lodash-es'\nimport { Row } from '@sage-bionetworks/synapse-types'\n\nconst TO_DOWNLOAD_CART = 'to Download List'\n\n/**\n * If the user invokes an action on the table (such as \"Send to CAVATICA\"), we want to tell the user how many rows they\n * will perform the action on.\n *\n * If selection is enabled and rows have been selected, return the number of selected rows.\n * If no rows have been selected, return the total number of query results.\n * If the total number of query results is unknown, return undefined.\n * @param hasSelectedRows\n * @param selectedRows\n * @param totalNumberOfRows\n */\nexport function getNumberOfResultsToInvokeAction(\n  hasSelectedRows: boolean,\n  selectedRows: Row[],\n  totalNumberOfRows?: number,\n) {\n  return hasSelectedRows ? selectedRows.length : totalNumberOfRows\n}\n\n/**\n * Returns copy for how to reference the number of results that will be affected by an action, such as \"Send to CAVATICA\".\n * Utilizes the unit description to return a count and pluralized unit description.\n *\n * If the user has not selected rows or applied any filters, return \"all <unit>s\".\n * If the user has applied filters but not selected rows, return the total number of query results to indicate that the filtered result set is used. e.g. '2 <unit>s'\n *   - If the total number of query results is unknown, the count is not included. e.g. '<unit>s'\n * If the user has selected rows, return the number of selected rows. e.g. '2 <unit>s'\n * @param hasResettableFilters\n * @param hasSelectedRows\n * @param selectedRows\n * @param totalNumberOfRows\n * @param unitDescription\n */\nexport function getNumberOfResultsToInvokeActionCopy(\n  hasResettableFilters: QueryContextType['hasResettableFilters'],\n  hasSelectedRows: boolean,\n  selectedRows: Row[],\n  totalNumberOfRows: number | undefined,\n  unitDescription: QueryVisualizationContextType['unitDescription'],\n) {\n  if (!hasResettableFilters && !hasSelectedRows) {\n    return `all ${pluralize(unitDescription)}`\n  }\n\n  const numberOfResultsToInvokeAction = getNumberOfResultsToInvokeAction(\n    hasSelectedRows,\n    selectedRows,\n    totalNumberOfRows,\n  )\n  if (numberOfResultsToInvokeAction != null) {\n    return `${numberOfResultsToInvokeAction.toLocaleString()} ${pluralize(\n      unitDescription,\n      numberOfResultsToInvokeAction,\n    )}`\n  }\n  // Null count, so just return the pluralized unit description\n  return pluralize(unitDescription)\n}\n\n/**\n * Returns copy for how to reference the number of results that will be sent to the download list.\n * Utilizes the unit description to return a count and pluralized unit description.\n * @param hasResettableFilters\n * @param hasSelectedRows\n * @param selectedRows\n * @param totalNumberOfRows\n * @param unitDescription\n */\nexport function getNumberOfResultsToAddToDownloadListCopy(\n  hasResettableFilters: QueryContextType['hasResettableFilters'],\n  hasSelectedRows: boolean,\n  selectedRows: Row[],\n  totalNumberOfRows: number | undefined,\n  unitDescription: QueryVisualizationContextType['unitDescription'],\n) {\n  if (!hasResettableFilters && !hasSelectedRows) {\n    return `Add All ${upperFirst(\n      pluralize(unitDescription),\n    )} ${TO_DOWNLOAD_CART}`\n  }\n\n  const numberOfResultsToInvokeAction = getNumberOfResultsToInvokeAction(\n    hasSelectedRows,\n    selectedRows,\n    totalNumberOfRows,\n  )\n  if (numberOfResultsToInvokeAction != null) {\n    return `Add ${numberOfResultsToInvokeAction.toLocaleString()} Selected ${upperFirst(\n      pluralize(unitDescription, numberOfResultsToInvokeAction),\n    )} ${TO_DOWNLOAD_CART}`\n  }\n  // Null count\n  return `Add ${TO_DOWNLOAD_CART}`\n}\n"],"names":["TO_DOWNLOAD_CART","getNumberOfResultsToInvokeAction","hasSelectedRows","selectedRows","totalNumberOfRows","getNumberOfResultsToInvokeActionCopy","hasResettableFilters","unitDescription","pluralize","numberOfResultsToInvokeAction","getNumberOfResultsToAddToDownloadListCopy","upperFirst"],"mappings":";;AAMA,MAAMA,IAAmB;AAalB,SAASC,EACdC,GACAC,GACAC,GACA;AACA,SAAOF,IAAkBC,EAAa,SAASC;AACjD;AAgBO,SAASC,EACdC,GACAJ,GACAC,GACAC,GACAG,GACA;AACA,MAAI,CAACD,KAAwB,CAACJ;AAC5B,WAAO,OAAOM,EAAUD,CAAe,CAAC;AAG1C,QAAME,IAAgCR;AAAA,IACpCC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAEF,SAAIK,KAAiC,OAC5B,GAAGA,EAA8B,eAAA,CAAgB,IAAID;AAAA,IAC1DD;AAAA,IACAE;AAAA,EAAA,CACD,KAGID,EAAUD,CAAe;AAClC;AAWO,SAASG,EACdJ,GACAJ,GACAC,GACAC,GACAG,GACA;AACA,MAAI,CAACD,KAAwB,CAACJ;AAC5B,WAAO,WAAWS;AAAA,MAChBH,EAAUD,CAAe;AAAA,IAAA,CAC1B,IAAIP,CAAgB;AAGvB,QAAMS,IAAgCR;AAAA,IACpCC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAEF,SAAIK,KAAiC,OAC5B,OAAOA,EAA8B,eAAA,CAAgB,aAAaE;AAAA,IACvEH,EAAUD,GAAiBE,CAA6B;AAAA,EAAA,CACzD,IAAIT,CAAgB,KAGhB,OAAOA,CAAgB;AAChC;"}

package/dist/components/SynapseTable/datasets/DatasetItemsEditor.js

@@ -8,7 +8,7 @@ import "@sage-bionetworks/synapse-client/util/SynapseClientError";
 import "@sage-bionetworks/synapse-types";
 import { entityTypeToFriendlyName as P, convertToEntityType as _e, isDataset as M, isDatasetCollection as Q } from "../../../utils/functions/EntityTypeUtils.js";
 import "../../../utils/SynapseConstants.js";
-import { upperFirst as q, isEqual as J } from "lodash-es";
+import { isEqual as q, upperFirst as J } from "lodash-es";
 import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
 import "@tanstack/react-query";
 import "../../../utils/PermissionLevelToAccessType.js";
@@ -167,13 +167,13 @@ function rt(n) {
   n && M(n) ? (t = P($.file), a = "Draft") : n && Q(n) && (t = P($.dataset));
   const l = n && M(n) ? `Use the left pane to browse projects and folders. Select ${f(
     t
-  )} from the right pane to add to this ${o}. ${q(
+  )} from the right pane to add to this ${o}. ${J(
     f(t)
   )} in a ${o} can be added from multiple folders. You can also use Search to find and select ${f(
     t
   )}.` : `Use the left pane to browse projects. Select ${f(
     t
-  )} from the right pane to add to this ${o}. ${q(
+  )} from the right pane to add to this ${o}. ${J(
     f(t)
   )} in a ${o} can be added from multiple projects. You can also use Search to find and select ${f(
     t
@@ -258,7 +258,7 @@ function lt(n) {
 function po(n) {
   const { entityId: o, onSave: t, onClose: a, onUnsavedChangesChange: l } = n, [m, d] = S(!1), [r, h] = S(!1), [e, y] = S(), [z, ee] = S(), [N, F] = S(), { data: c, refetch: V } = we(o, void 0, {
     staleTime: 1 / 0
-  }), T = !!(c && e && !J(c, e)), {
+  }), T = !!(c && e && !q(c, e)), {
     ADD_ITEMS: k,
     ADD_ITEMS_TO: te,
     REMOVE_ITEMS: oe,
@@ -315,7 +315,7 @@ function po(n) {
     }
   });
   w(() => {
-    if (z && e && !J(z.items, e.items) && !U) {
+    if (z && e && !q(z.items, e.items) && !U) {
       const s = st(
         z,
         e

package/dist/components/TableColumnSchemaEditor/ColumnModelForm.js

@@ -11,7 +11,7 @@ import { useMemo as x } from "react";
 import q from "./ColumnModelFormFields/DefaultValueField.js";
 import { FieldWithRecommendedMinimum as P } from "./ColumnModelFormFields/FieldWithRecommendedMinimum.js";
 import Q from "./ColumnModelFormFields/MultiValueField.js";
-import { getAllowedColumnTypes as $, configureFacetsForType as K, getColumnTypeFriendlyName as L, getMaxSizeForType as X, canHaveSize as E, canHaveMaxListLength as Z, canHaveDefault as ee, canHaveRestrictedValues as le, getFacetTypeFriendlyName as oe } from "./TableColumnSchemaEditorUtils.js";
+import { getAllowedColumnTypes as $, configureFacetsForType as K, getColumnTypeFriendlyName as L, canHaveSize as E, getMaxSizeForType as X, canHaveMaxListLength as Z, canHaveDefault as ee, canHaveRestrictedValues as le, getFacetTypeFriendlyName as oe } from "./TableColumnSchemaEditorUtils.js";
 import { HIERARCHY_VERTICAL_LINE_COMPONENT as j } from "./TableColumnSchemaForm.js";
 import { tableColumnSchemaFormDataAtom as A } from "./TableColumnSchemaFormReducer.js";
 const ne = {

package/dist/components/TableColumnSchemaEditor/TableColumnSchemaEditor.js

@@ -29,7 +29,7 @@ import "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
 import { useUpdateTableColumns as P } from "../../synapse-queries/entity/useEntity.js";
-import { useGetEntityBundle as F } from "../../synapse-queries/entity/useEntityBundle.js";
+import F from "../../synapse-queries/entity/useEntityBundle.js";
 import { ConfirmationDialog as R } from "../ConfirmationDialog/ConfirmationDialog.js";
 import "@mui/material/Skeleton";
 import { SkeletonTable as U } from "../Skeleton/SkeletonTable.js";

package/dist/components/TableColumnSchemaEditor/TableColumnSchemaForm.js

@@ -3,7 +3,7 @@ import K from "../../assets/icons/AddToList.js";
 import { useGetDefaultColumnModels as Z, useGetAnnotationColumnModels as oo } from "../../synapse-queries/table/useColumnModel.js";
 import { convertToConcreteEntityType as eo, entityTypeToFriendlyName as no } from "../../utils/functions/EntityTypeUtils.js";
 import { AddCircleTwoTone as L } from "@mui/icons-material";
-import { Box as s, styled as to, Button as F } from "@mui/material";
+import { Box as s, Button as F, styled as to } from "@mui/material";
 import { VIEW_CONCRETE_TYPE_VALUES as lo, ColumnTypeEnum as B } from "@sage-bionetworks/synapse-types";
 import { Provider as ro, useAtomValue as U, atom as ao, useSetAtom as W } from "jotai";
 import { useAtomCallback as so, selectAtom as io } from "jotai/utils";

package/dist/components/TableFeedCards/TableFeedCards.js

@@ -27,12 +27,12 @@ import "universal-cookie";
 import "../../utils/AppUtils/session/ApplicationSessionContext.js";
 import "../../utils/context/FullContextProvider.js";
 import "../../utils/context/DocumentMetadataContext.js";
-import D from "../LoadingScreen/LoadingScreen.js";
+import k from "../LoadingScreen/LoadingScreen.js";
 import "react-router";
-import k from "dayjs";
-import { MarkdownSynapse as q } from "../Markdown/MarkdownSynapse.js";
+import D from "dayjs";
+import { Markdown as q } from "../Markdown/MarkdownSynapse.js";
 function ce({ tableEntityId: s }) {
-  const { accessToken: d } = T(), [o, f] = u(), [m, h] = u(3);
+  const { accessToken: d } = T(), [o, f] = u(), [m, w] = u(3);
   let c = !0;
   if (M(() => ((() => {
     if (c) {
@@ -53,8 +53,8 @@ function ce({ tableEntityId: s }) {
   })(), () => {
     c = !1;
   }), [s, d]), !o)
-    return D;
-  const n = o.headers, w = n.findIndex((e) => e.name === "categories"), I = n.findIndex((e) => e.name === "date"), g = n.findIndex((e) => e.name === "title"), S = n.findIndex(
+    return k;
+  const n = o.headers, h = n.findIndex((e) => e.name === "categories"), I = n.findIndex((e) => e.name === "date"), g = n.findIndex((e) => e.name === "title"), S = n.findIndex(
     (e) => e.name === "mdDescription"
   );
   return /* @__PURE__ */ p("div", { className: "Feed", children: [
@@ -63,7 +63,7 @@ function ce({ tableEntityId: s }) {
         return;
       const r = e.values;
       r.some((a) => a === null) && console.warn("Row has null value(s) when no nulls expected");
-      const l = JSON.parse(r[w]), x = r[I], y = r[g], C = r[S];
+      const l = JSON.parse(r[h]), x = r[I], y = r[g], C = r[S];
       return /* @__PURE__ */ t("div", { className: "FeedItem", children: /* @__PURE__ */ p("div", { children: [
         l && /* @__PURE__ */ t("div", { className: "FeedItemCategories", children: l.map(
           (a, N) => /* @__PURE__ */ t(
@@ -75,7 +75,7 @@ function ce({ tableEntityId: s }) {
             `row-${i},categoryIndex-${N}`
           )
         ) }),
-        /* @__PURE__ */ t("p", { className: "FeedItemDate", children: k(new Date(parseInt(x))).format(
+        /* @__PURE__ */ t("p", { className: "FeedItemDate", children: D(new Date(parseInt(x))).format(
           "MMMM YYYY"
         ) }),
         /* @__PURE__ */ t("p", { className: "FeedItemTitle", children: y }),
@@ -87,7 +87,7 @@ function ce({ tableEntityId: s }) {
       {
         color: "primary",
         variant: "contained",
-        onClick: () => h(m + 3),
+        onClick: () => w(m + 3),
         children: "View More News"
       }
     ) })

package/dist/components/TermsAndConditions/TermsAndConditionsItem.js

@@ -5,11 +5,11 @@ import { Skeleton as d, Link as F } from "@mui/material";
 import { FileHandleAssociateType as L } from "@sage-bionetworks/synapse-types";
 import { times as T } from "lodash-es";
 import { useState as h, useEffect as D } from "react";
-import { MarkdownSynapse as p } from "../Markdown/MarkdownSynapse.js";
+import { Markdown as p } from "../Markdown/MarkdownSynapse.js";
 import "@mui/material/Skeleton";
 import { SkeletonParagraph as H } from "../Skeleton/SkeletonParagraph.js";
-function U(r) {
-  const { id: t, item: a, enabled: n, checked: c, onChange: f, termsAndConditionsTableID: u } = r, { iconFileHandleId: k, label: g, description: i } = a, { data: b } = v(
+function U(a) {
+  const { id: t, item: r, enabled: n, checked: c, onChange: f, termsAndConditionsTableID: u } = a, { iconFileHandleId: k, label: g, description: i } = r, { data: b } = v(
     {
       associateObjectId: u,
       associateObjectType: L.TableEntity,
@@ -17,13 +17,13 @@ function U(r) {
     },
     !0
     // force this query to be run as the anonymous user (without an access token)
-  ), [o, x] = h(!1), [w, C] = h(!1);
+  ), [o, w] = h(!1), [x, C] = h(!1);
   let l = !0;
   D(() => (l && C(c), () => {
     l = !1;
   }), [n, c]);
   const I = (m) => {
-    m.preventDefault(), n && x(!o);
+    m.preventDefault(), n && w(!o);
   }, N = (m) => {
     n && f(t);
   };
@@ -54,7 +54,7 @@ function U(r) {
         {
           role: "checkbox",
           "aria-labelledby": `toc-item-${t}`,
-          className: w ? "terms-circle terms-checked" : "terms-circle",
+          className: x ? "terms-circle terms-checked" : "terms-circle",
           onClick: N,
           children: /* @__PURE__ */ e(y, {})
         }
@@ -63,9 +63,9 @@ function U(r) {
     ] })
   ] });
 }
-function q(r) {
-  const { numLoadingItems: t } = r;
-  return /* @__PURE__ */ e(S, { children: T(t).map((a) => /* @__PURE__ */ s(
+function q(a) {
+  const { numLoadingItems: t } = a;
+  return /* @__PURE__ */ e(S, { children: T(t).map((r) => /* @__PURE__ */ s(
     "li",
     {
       "aria-busy": "true",
@@ -93,7 +93,7 @@ function q(r) {
         ) })
       ]
     },
-    a
+    r
   )) });
 }
 export {

package/dist/components/TextToComponentCollapse.d.ts

@@ -0,0 +1,16 @@
+import { SxProps, TypographyOwnProps } from '@mui/material';
+import { PropsWithChildren } from 'react';
+export type TextToComponentCollapseProps = PropsWithChildren<{
+    text: string;
+    defaultVisible?: boolean;
+    textVariant?: TypographyOwnProps['variant'];
+    textSx?: SxProps;
+    textContainerSx?: SxProps;
+    collapseBoxSx?: SxProps;
+    iconSx?: SxProps;
+}>;
+/**
+ * Wrap any child components in a collapse, using a Typography as the trigger
+ */
+export default function TextToComponentCollapse({ text, defaultVisible, textVariant, textSx, textContainerSx, collapseBoxSx, iconSx, children, }: TextToComponentCollapseProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TextToComponentCollapse.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextToComponentCollapse.d.ts","sourceRoot":"","sources":["../../src/components/TextToComponentCollapse.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAc,kBAAkB,EAAE,MAAM,eAAe,CAAA;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGzC,MAAM,MAAM,4BAA4B,GAAG,iBAAiB,CAAC;IAC3D,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAA;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAC,CAAA;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,IAAI,EACJ,cAAc,EACd,WAAyB,EACzB,MAAM,EACN,eAAe,EACf,aAAa,EACb,MAAM,EACN,QAAQ,GACT,EAAE,4BAA4B,2CAgB9B"}

package/dist/components/TextToComponentCollapse.js

@@ -0,0 +1,29 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Typography as l } from "@mui/material";
+import s from "./ComponentCollapse.js";
+function c({
+  text: n,
+  defaultVisible: t,
+  textVariant: r = "smallLink",
+  textSx: e,
+  textContainerSx: p,
+  collapseBoxSx: m,
+  iconSx: a,
+  children: i
+}) {
+  return /* @__PURE__ */ o(
+    s,
+    {
+      component: /* @__PURE__ */ o(l, { variant: r, sx: e, children: n }),
+      componentContainerSx: p,
+      defaultVisible: t,
+      collapseBoxSx: m,
+      iconSx: a,
+      children: i
+    }
+  );
+}
+export {
+  c as default
+};
+//# sourceMappingURL=TextToComponentCollapse.js.map

package/dist/components/TextToComponentCollapse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextToComponentCollapse.js","sources":["../../src/components/TextToComponentCollapse.tsx"],"sourcesContent":["import { SxProps, Typography, TypographyOwnProps } from '@mui/material'\nimport { PropsWithChildren } from 'react'\nimport ComponentCollapse from './ComponentCollapse'\n\nexport type TextToComponentCollapseProps = PropsWithChildren<{\n  text: string\n  defaultVisible?: boolean // default to false (collapsed)\n  textVariant?: TypographyOwnProps['variant']\n  textSx?: SxProps\n  textContainerSx?: SxProps\n  collapseBoxSx?: SxProps\n  iconSx?: SxProps\n}>\n\n/**\n * Wrap any child components in a collapse, using a Typography as the trigger\n */\nexport default function TextToComponentCollapse({\n  text,\n  defaultVisible,\n  textVariant = 'smallLink',\n  textSx,\n  textContainerSx,\n  collapseBoxSx,\n  iconSx,\n  children,\n}: TextToComponentCollapseProps) {\n  return (\n    <ComponentCollapse\n      component={\n        <Typography variant={textVariant} sx={textSx}>\n          {text}\n        </Typography>\n      }\n      componentContainerSx={textContainerSx}\n      defaultVisible={defaultVisible}\n      collapseBoxSx={collapseBoxSx}\n      iconSx={iconSx}\n    >\n      {children}\n    </ComponentCollapse>\n  )\n}\n"],"names":["TextToComponentCollapse","text","defaultVisible","textVariant","textSx","textContainerSx","collapseBoxSx","iconSx","children","jsx","ComponentCollapse","Typography"],"mappings":";;;AAiBA,SAAwBA,EAAwB;AAAA,EAC9C,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,QAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AACF,GAAiC;AAC/B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WACE,gBAAAD,EAACE,GAAA,EAAW,SAASR,GAAa,IAAIC,GACnC,UAAAH,GACH;AAAA,MAEF,sBAAsBI;AAAA,MACtB,gBAAAH;AAAA,MACA,eAAAI;AAAA,MACA,QAAAC;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/TimelinePlot/TimelinePlotSpeciesSelector.js

@@ -4,22 +4,22 @@ import "../styled/LightTooltip.js";
 import { StyledFormControl as f } from "../styled/StyledFormControl.js";
 import "../styled/WideButton.js";
 import "../styled/InputSizedButton.js";
+import { InputLabel as v, Select as g, MenuItem as y } from "@mui/material";
+import "react";
 import "../../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
 import "@sage-bionetworks/synapse-client/util/SynapseClientError";
-import { parseEntityIdFromSqlStatement as v } from "../../utils/functions/SqlFunctions.js";
+import { parseEntityIdFromSqlStatement as L } from "../../utils/functions/SqlFunctions.js";
 import "../../utils/functions/EntityTypeUtils.js";
-import { BUNDLE_MASK_QUERY_RESULTS as g } from "../../utils/SynapseConstants.js";
+import { BUNDLE_MASK_QUERY_RESULTS as T } from "../../utils/SynapseConstants.js";
 import "lodash-es";
 import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
 import "@tanstack/react-query";
 import "../../utils/PermissionLevelToAccessType.js";
-import "react";
 import "../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
 import "@sage-bionetworks/synapse-types";
-import { InputLabel as y, Select as L, MenuItem as T } from "@mui/material";
 import "../../utils/hooks/useCookiePreferences.js";
 import "../../utils/hooks/useSourceAppConfigs.js";
 import "universal-cookie";
@@ -42,19 +42,19 @@ const st = ({
   species: i,
   setSpecies: m
 }) => {
-  const p = v(n), a = R({
+  const p = L(n), a = R({
     entityId: p,
     query: {
       sql: `SELECT distinct unnest(species) FROM ${p} WHERE species IS NOT NULL AND observationTime IS NOT NULL GROUP BY species`,
       additionalFilters: l
     },
-    partMask: g,
+    partMask: T,
     concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest"
   }), { data: u, isLoading: c } = a, t = u?.queryResult?.queryResults?.rows, s = t && t.length > 0 ? t[0].values[0] : void 0;
   return i == null && s != null && m(s), c || !t || t.length < 2 ? /* @__PURE__ */ e(d, {}) : /* @__PURE__ */ e(b, { children: /* @__PURE__ */ S(f, { children: [
-    /* @__PURE__ */ e(y, { children: "Species" }),
+    /* @__PURE__ */ e(v, { children: "Species" }),
     /* @__PURE__ */ e(
-      L,
+      g,
       {
         sx: { marginLeft: "2px", marginBottom: "2px" },
         value: i,
@@ -64,7 +64,7 @@ const st = ({
         },
         children: t?.map((r) => {
           const o = r.values[0];
-          return /* @__PURE__ */ e(T, { value: o, children: o }, o);
+          return /* @__PURE__ */ e(y, { value: o, children: o }, o);
         })
       }
     )

package/dist/components/UserSearchBox/UserSearchBox.d.ts

@@ -0,0 +1,23 @@
+import { TYPE_FILTER, UserGroupHeader } from '@sage-bionetworks/synapse-types';
+export type UserSearchBoxProps = {
+    inputId?: string;
+    defaultValue?: string;
+    onChange?: (principalId: string | null, header: UserGroupHeader | null) => void;
+    typeFilter?: TYPE_FILTER;
+    filterPredicate?: (item: UserGroupHeader) => boolean;
+    placeholder?: string;
+    autoFocus?: boolean;
+    /**
+     * The principal ID of the currently selected user or team.
+     * - `undefined`: uncontrolled — the component manages its own selection state
+     * - `null`: controlled with no selection (clears the field)
+     * - string: controlled with the given principal ID selected
+     */
+    value?: string | null;
+};
+/**
+ * Autocomplete component used to search for and select a user or team.
+ */
+declare function UserSearchBox(props: UserSearchBoxProps): import("react/jsx-runtime").JSX.Element;
+export default UserSearchBox;
+//# sourceMappingURL=UserSearchBox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UserSearchBox.d.ts","sourceRoot":"","sources":["../../../src/components/UserSearchBox/UserSearchBox.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAA;AAI9E,MAAM,MAAM,kBAAkB,GAAG;IAE/B,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,CACT,WAAW,EAAE,MAAM,GAAG,IAAI,EAC1B,MAAM,EAAE,eAAe,GAAG,IAAI,KAC3B,IAAI,CAAA;IACT,UAAU,CAAC,EAAE,WAAW,CAAA;IACxB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,OAAO,CAAA;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CAmL/C;AAED,eAAe,aAAa,CAAA"}

package/dist/components/UserSearchBox/UserSearchBox.js

@@ -0,0 +1,146 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useState as p, useMemo as b, createElement as D } from "react";
+import "../../synapse-client/SynapseClient.js";
+import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
+import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
+import "@sage-bionetworks/synapse-client/util/SynapseClientError";
+import { TYPE_FILTER as H } from "@sage-bionetworks/synapse-types";
+import "../../utils/functions/EntityTypeUtils.js";
+import "../../utils/SynapseConstants.js";
+import "lodash-es";
+import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
+import "@tanstack/react-query";
+import "../../utils/PermissionLevelToAccessType.js";
+import { useDebouncedEffect as Y } from "../../utils/hooks/useDebouncedEffect.js";
+import "../../utils/context/SynapseContext.js";
+import "use-deep-compare-effect";
+import { Skeleton as k, Autocomplete as M, TextField as R, Box as j } from "@mui/material";
+import "../../utils/hooks/useCookiePreferences.js";
+import "../../utils/hooks/useSourceAppConfigs.js";
+import "universal-cookie";
+import "../../utils/AppUtils/session/ApplicationSessionContext.js";
+import "../../utils/context/FullContextProvider.js";
+import "../../utils/context/DocumentMetadataContext.js";
+import '../../style/components/_spinner.css';/* empty css                                   */
+import "@tanstack/query-core";
+import "lodash-es/isEmpty";
+import "lodash-es/isEqual";
+import "lodash-es/xorWith";
+import "react-router";
+import "@sage-bionetworks/synapse-client";
+import "../../utils/types/IsType.js";
+import { useGetUserGroupHeader as L, useSearchUserGroupHeaders as q } from "../../synapse-queries/user/useUserGroupHeader.js";
+import V from "../UserOrTeamBadge/UserOrTeamBadge.js";
+function Te(C) {
+  const {
+    inputId: E,
+    defaultValue: c = null,
+    onChange: T,
+    filterPredicate: f,
+    typeFilter: n,
+    placeholder: d,
+    autoFocus: w = !1,
+    value: l
+  } = C, i = l !== void 0, [r, h] = p(""), [a, x] = p("");
+  Y(
+    () => {
+      x(r);
+    },
+    [r],
+    500
+  );
+  const [N, g] = p(!1), { data: y, isLoading: F } = L(c ?? "", {
+    enabled: !!c && !i
+  }), I = i && typeof l == "string" ? l : null, {
+    data: G,
+    isLoading: U
+  } = L(I ?? "", {
+    enabled: !!I
+  }), [v, P] = p(void 0), s = i ? typeof l == "string" ? G ?? null : null : v !== void 0 ? v : y ?? null, m = s !== null && !N, _ = !!a, { data: O, isLoading: S } = q(
+    a,
+    n,
+    {
+      enabled: _
+    }
+  ), B = b(
+    () => (O ?? []).filter(f ?? (() => !0)),
+    [O, f]
+  ), A = b(() => d !== void 0 ? d : n == H.USERS_ONLY ? "Name (first and last)" : n == H.TEAMS_ONLY ? "Team name" : "Name (first and last) or team name", [d, n]);
+  return F || U ? /* @__PURE__ */ t(k, { width: "100%" }) : /* @__PURE__ */ t(
+    M,
+    {
+      id: E,
+      value: s,
+      inputValue: r,
+      onInputChange: (o, e, u) => {
+        h(u === "selectOption" || u === "reset" ? "" : e);
+      },
+      openOnFocus: s !== null,
+      onOpen: () => {
+        g(!0);
+      },
+      onClose: () => g(!1),
+      options: B,
+      filterOptions: (o) => o,
+      loading: S || r !== a,
+      isOptionEqualToValue: (o, e) => o.ownerId === e.ownerId,
+      getOptionLabel: (o) => o.userName,
+      renderOption: (o, e) => /* @__PURE__ */ D("li", { ...o, key: e.ownerId }, /* @__PURE__ */ t(
+        V,
+        {
+          userGroupHeader: e,
+          disableHref: !0,
+          showFullName: !0,
+          showCardOnHover: !1
+        }
+      )),
+      renderInput: ({
+        inputProps: o,
+        InputProps: e,
+        ...u
+      }) => /* @__PURE__ */ t(
+        R,
+        {
+          ...u,
+          placeholder: m ? void 0 : A,
+          autoFocus: w,
+          slotProps: {
+            htmlInput: {
+              ...o,
+              // While the badge is displayed, hide the underlying input text and cursor.
+              // Merge custom styles with parent styles to preserve mouse selection and other behaviors.
+              style: {
+                ...o.style,
+                ...m ? { color: "transparent" } : {}
+              }
+            },
+            input: {
+              ...e,
+              startAdornment: m ? /* @__PURE__ */ t(j, { sx: { ml: 1 }, children: /* @__PURE__ */ t(
+                V,
+                {
+                  userGroupHeader: s,
+                  disableHref: !0,
+                  showFullName: !0,
+                  showCardOnHover: !1
+                }
+              ) }) : void 0
+            }
+          }
+        }
+      ),
+      onChange: (o, e) => {
+        i || P(e), T?.(
+          e?.ownerId != null ? e.ownerId.toString() : null,
+          e ?? null
+        );
+      },
+      noOptionsText: S || r !== a ? "Loading…" : "No options",
+      clearOnEscape: !0
+    }
+  );
+}
+export {
+  Te as default
+};
+//# sourceMappingURL=UserSearchBox.js.map

package/dist/components/UserSearchBox/UserSearchBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSearchBox.js","sources":["../../../src/components/UserSearchBox/UserSearchBox.tsx"],"sourcesContent":["import {\n  useGetUserGroupHeader,\n  useSearchUserGroupHeaders,\n} from '@/synapse-queries'\nimport { useDebouncedEffect } from '@/utils/hooks/useDebouncedEffect'\nimport { Autocomplete, Box, Skeleton, TextField } from '@mui/material'\nimport { TYPE_FILTER, UserGroupHeader } from '@sage-bionetworks/synapse-types'\nimport { useMemo, useState } from 'react'\nimport UserOrTeamBadge from '../UserOrTeamBadge/UserOrTeamBadge'\n\nexport type UserSearchBoxProps = {\n  /* id for the input element, for associating with a <label> */\n  inputId?: string\n  /* The initial principal ID (uncontrolled). Ignored if `value` is provided. */\n  defaultValue?: string\n  onChange?: (\n    principalId: string | null,\n    header: UserGroupHeader | null,\n  ) => void\n  typeFilter?: TYPE_FILTER\n  filterPredicate?: (item: UserGroupHeader) => boolean\n  placeholder?: string\n  autoFocus?: boolean\n  /**\n   * The principal ID of the currently selected user or team.\n   * - `undefined`: uncontrolled — the component manages its own selection state\n   * - `null`: controlled with no selection (clears the field)\n   * - string: controlled with the given principal ID selected\n   */\n  value?: string | null\n}\n\n/**\n * Autocomplete component used to search for and select a user or team.\n */\nfunction UserSearchBox(props: UserSearchBoxProps) {\n  const {\n    inputId,\n    defaultValue = null,\n    onChange,\n    filterPredicate,\n    typeFilter,\n    placeholder,\n    autoFocus = false,\n    value: valueProp,\n  } = props\n\n  const isControlled = valueProp !== undefined\n\n  const [inputValue, setInputValue] = useState('')\n  const [debouncedInput, setDebouncedInput] = useState('')\n  useDebouncedEffect(\n    () => {\n      setDebouncedInput(inputValue)\n    },\n    [inputValue],\n    500,\n  )\n\n  // Tracks whether the dropdown is open, used to toggle between badge display\n  // and text-input search mode.\n  const [isSearching, setIsSearching] = useState(false)\n\n  // Resolve defaultValue principalId → UserGroupHeader for the initial uncontrolled state\n  const { data: defaultUserGroupHeader, isLoading: isLoadingDefaultValue } =\n    useGetUserGroupHeader(defaultValue ?? '', {\n      enabled: !!defaultValue && !isControlled,\n    })\n\n  // Resolve controlled string principalId → UserGroupHeader\n  const controlledPrincipalId =\n    isControlled && typeof valueProp === 'string' ? valueProp : null\n\n  const {\n    data: resolvedControlledHeader,\n    isLoading: isLoadingControlledValue,\n  } = useGetUserGroupHeader(controlledPrincipalId ?? '', {\n    enabled: !!controlledPrincipalId,\n  })\n\n  // Internal state for uncontrolled mode.\n  // undefined = user hasn't interacted yet → falls back to defaultUserGroupHeader\n  // null      = user explicitly cleared the selection\n  // header    = user's current selection\n  const [internalValue, setInternalValue] = useState<\n    UserGroupHeader | null | undefined\n  >(undefined)\n\n  const controlledValue =\n    typeof valueProp === 'string' ? resolvedControlledHeader ?? null : null\n  const uncontrolledValue =\n    internalValue !== undefined ? internalValue : defaultUserGroupHeader ?? null\n  const resolvedValue: UserGroupHeader | null = isControlled\n    ? controlledValue\n    : uncontrolledValue\n\n  // Show the badge in the input field when a value is selected and the user\n  // is not actively searching.\n  const showBadge = resolvedValue !== null && !isSearching\n\n  const isSearchEnabled = !!debouncedInput\n  const { data, isLoading } = useSearchUserGroupHeaders(\n    debouncedInput,\n    typeFilter,\n    {\n      enabled: isSearchEnabled,\n    },\n  )\n\n  const options = useMemo(\n    () => (data ?? []).filter(filterPredicate ?? (() => true)),\n    [data, filterPredicate],\n  )\n\n  const placeholderText = useMemo(() => {\n    if (placeholder !== undefined) {\n      return placeholder\n    } else if (typeFilter == TYPE_FILTER.USERS_ONLY) {\n      return 'Name (first and last)'\n    } else if (typeFilter == TYPE_FILTER.TEAMS_ONLY) {\n      return 'Team name'\n    } else {\n      return 'Name (first and last) or team name'\n    }\n  }, [placeholder, typeFilter])\n\n  if (isLoadingDefaultValue || isLoadingControlledValue) {\n    return <Skeleton width=\"100%\" />\n  }\n\n  return (\n    <Autocomplete<UserGroupHeader, false, false, false>\n      id={inputId}\n      value={resolvedValue}\n      inputValue={inputValue}\n      onInputChange={(_event, newInputValue, reason) => {\n        if (reason === 'selectOption' || reason === 'reset') {\n          // After an option is selected/removed, clear the input text so it's ready for the next search.\n          setInputValue('')\n        } else {\n          setInputValue(newInputValue)\n        }\n      }}\n      // When a value is selected, clicking the badge area should re-open the search.\n      openOnFocus={resolvedValue !== null}\n      onOpen={() => {\n        setIsSearching(true)\n      }}\n      onClose={() => setIsSearching(false)}\n      options={options}\n      filterOptions={x => x}\n      loading={isLoading || inputValue !== debouncedInput}\n      isOptionEqualToValue={(option, val) => option.ownerId === val.ownerId}\n      getOptionLabel={option => option.userName}\n      renderOption={(optionProps, option) => (\n        <li {...optionProps} key={option.ownerId}>\n          <UserOrTeamBadge\n            userGroupHeader={option}\n            disableHref\n            showFullName\n            showCardOnHover={false}\n          />\n        </li>\n      )}\n      renderInput={({\n        inputProps: inputPropsFromParams,\n        InputProps: InputPropsFromParams,\n        ...params\n      }) => (\n        <TextField\n          {...params}\n          placeholder={showBadge ? undefined : placeholderText}\n          autoFocus={autoFocus}\n          slotProps={{\n            htmlInput: {\n              ...inputPropsFromParams,\n              // While the badge is displayed, hide the underlying input text and cursor.\n              // Merge custom styles with parent styles to preserve mouse selection and other behaviors.\n              style: {\n                ...inputPropsFromParams.style,\n                ...(showBadge ? { color: 'transparent' } : {}),\n              },\n            },\n            input: {\n              ...InputPropsFromParams,\n              startAdornment: showBadge ? (\n                <Box sx={{ ml: 1 }}>\n                  <UserOrTeamBadge\n                    userGroupHeader={resolvedValue}\n                    disableHref\n                    showFullName\n                    showCardOnHover={false}\n                  />\n                </Box>\n              ) : undefined,\n            },\n          }}\n        />\n      )}\n      onChange={(_event, newValue) => {\n        if (!isControlled) {\n          setInternalValue(newValue)\n        }\n        onChange?.(\n          newValue?.ownerId != null ? newValue.ownerId.toString() : null,\n          newValue ?? null,\n        )\n      }}\n      noOptionsText={\n        isLoading || inputValue !== debouncedInput ? 'Loading…' : 'No options'\n      }\n      clearOnEscape\n    />\n  )\n}\n\nexport default UserSearchBox\n"],"names":["UserSearchBox","props","inputId","defaultValue","onChange","filterPredicate","typeFilter","placeholder","autoFocus","valueProp","isControlled","inputValue","setInputValue","useState","debouncedInput","setDebouncedInput","useDebouncedEffect","isSearching","setIsSearching","defaultUserGroupHeader","isLoadingDefaultValue","useGetUserGroupHeader","controlledPrincipalId","resolvedControlledHeader","isLoadingControlledValue","internalValue","setInternalValue","resolvedValue","showBadge","isSearchEnabled","data","isLoading","useSearchUserGroupHeaders","options","useMemo","placeholderText","TYPE_FILTER","jsx","Skeleton","Autocomplete","_event","newInputValue","reason","x","option","val","optionProps","createElement","UserOrTeamBadge","inputPropsFromParams","InputPropsFromParams","params","TextField","Box","newValue"],"mappings":"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"}

package/dist/components/WikiMarkdownEditorButton/WikiMarkdownEditorButton.js

@@ -28,11 +28,11 @@ import "lodash-es/xorWith";
 import "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
-import { useGetRootWikiPageKey as F, useCreateWikiPage as j, useGetWikiPage as v } from "../../synapse-queries/wiki/useWiki.js";
-import { MarkdownSynapse as A } from "../Markdown/MarkdownSynapse.js";
-import { WikiMarkdownEditor as B } from "../WikiMarkdownEditor/WikiMarkdownEditor.js";
-const f = "Failed to load the wiki page: ", M = "Edit Wiki Page", D = {
-  children: M,
+import { useGetRootWikiPageKey as F, useCreateWikiPage as M, useGetWikiPage as j } from "../../synapse-queries/wiki/useWiki.js";
+import { Markdown as v } from "../Markdown/MarkdownSynapse.js";
+import { WikiMarkdownEditor as A } from "../WikiMarkdownEditor/WikiMarkdownEditor.js";
+const f = "Failed to load the wiki page: ", B = "Edit Wiki Page", D = {
+  children: B,
   color: "primary",
   variant: "contained"
 };
@@ -49,14 +49,14 @@ function yi(g) {
   ), [c, n] = O(!1), {
     data: s,
     isLoading: l,
-    error: m
+    error: d
   } = F(i, e, {
     enabled: a === void 0
   }), {
     mutate: I,
     isPending: h,
-    error: d
-  } = j({
+    error: m
+  } = M({
     onSuccess: () => n(!0)
   }), P = k(() => {
     const t = a || s?.wikiPageId || "";
@@ -69,11 +69,11 @@ function yi(g) {
     data: r,
     isLoading: u,
     error: p
-  } = v(P, {
+  } = j(P, {
     enabled: P.wikiPageId !== "",
     // Set staleTime to infinity to prevent re-fetching while editing
     staleTime: 1 / 0
-  }), w = k(() => m ? f + m.reason : p ? f + p.reason : d ? d.reason : null, [m, p, d]), T = () => {
+  }), w = k(() => d ? f + d.reason : p ? f + p.reason : m ? m.reason : null, [d, p, m]), T = () => {
     r ? n(!0) : s === null ? I({
       ownerObjectId: e,
       ownerObjectType: i,
@@ -107,7 +107,7 @@ function yi(g) {
         children: u || l ? /* @__PURE__ */ o(x, {}) : (
           // TODO - remove key once MarkdownSynapse uses tanstack-query
           /* @__PURE__ */ o(
-            A,
+            v,
             {
               ...L
             },
@@ -126,7 +126,7 @@ function yi(g) {
     ),
     w && /* @__PURE__ */ o(_, { severity: "error", sx: { marginTop: 2 }, children: w }),
     r && /* @__PURE__ */ o(
-      B,
+      A,
       {
         open: c,
         ownerObjectType: i,
@@ -140,7 +140,7 @@ function yi(g) {
   ] });
 }
 export {
-  M as DEFAULT_BUTTON_TEXT,
+  B as DEFAULT_BUTTON_TEXT,
   f as ERROR_LOADING_WIKI_FAILED,
   yi as WikiMarkdownEditorButton,
   yi as default

package/dist/components/WizardChoiceButton/WizardChoiceButton.js

@@ -1,8 +1,8 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { styled as s, Box as i, Typography as c } from "@mui/material";
+import { Box as i, Typography as s, styled as c } from "@mui/material";
 import x from "../IconSvg/IconSvg.js";
 import f from "./WizardChoiceButtonDescription.js";
-const g = s(
+const g = c(
   i,
   {
     shouldForwardProp: (o) => o !== "selected"
@@ -50,7 +50,7 @@ function k(o) {
         ),
         /* @__PURE__ */ a(i, { sx: { flexGrow: 1, textAlign: "left" }, children: [
           /* @__PURE__ */ r(
-            c,
+            s,
             {
               variant: "headline2",
               sx: {