synapse-react-client 4.0.45 → 4.0.47

package/dist/components/Evaluation/round_limits/EvaluationRoundLimitOptionsList.js

@@ -2,7 +2,8 @@ import { EvaluationRoundLimitOptions as e, LIMIT_TYPE_DISPLAY_NAME as t } from "
 import { Fragment as n, useCallback as r, useEffect as i } from "react";
 import { IconButton as a } from "@mui/material";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { AddBox as c, CloseTwoTone as l } from "@mui/icons-material";
+import c from "@mui/icons-material/CloseTwoTone";
+import l from "@mui/icons-material/AddBox";
 //#region src/components/Evaluation/round_limits/EvaluationRoundLimitOptionsList.tsx
 var u = Object.keys(t), d = (e) => u.find((t) => !e.has(t));
 function f({ limitInputs: t, handleChange: f, handleDeleteLimit: p, onAddNewLimit: m }) {
@@ -33,7 +34,7 @@ function f({ limitInputs: t, handleChange: f, handleDeleteLimit: p, onAddNewLimi
 					height: "40px",
 					width: "40px"
 				},
-				children: /* @__PURE__ */ o(l, {})
+				children: /* @__PURE__ */ o(c, {})
 			}),
 			i === t.length - 1 && t.length < u.length && /* @__PURE__ */ o(a, {
 				size: "small",
@@ -45,7 +46,7 @@ function f({ limitInputs: t, handleChange: f, handleDeleteLimit: p, onAddNewLimi
 					height: "40px",
 					width: "40px"
 				},
-				children: /* @__PURE__ */ o(c, {})
+				children: /* @__PURE__ */ o(l, {})
 			})
 		] }, r.type))
 	});

package/dist/components/Evaluation/round_limits/EvaluationRoundLimitOptionsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"EvaluationRoundLimitOptionsList.js","names":[],"sources":["../../../../src/components/Evaluation/round_limits/EvaluationRoundLimitOptionsList.tsx"],"sourcesContent":["import { AddBox, CloseTwoTone } from '@mui/icons-material'\nimport { IconButton } from '@mui/material'\nimport { EvaluationRoundLimitType } from '@sage-bionetworks/synapse-types'\nimport { Fragment, useCallback, useEffect } from 'react'\nimport { EvaluationRoundLimitInput } from '../input_models/models'\nimport {\n  EvaluationRoundLimitOptions,\n  LIMIT_TYPE_DISPLAY_NAME,\n} from './EvaluationRoundLimitOptions'\n\nconst AVAILABLE_LIMIT_TYPES = Object.keys(LIMIT_TYPE_DISPLAY_NAME)\n\nexport type EvaluationRoundLimitOptionsListProps = {\n  limitInputs: EvaluationRoundLimitInput[]\n  handleChange: (\n    index: number,\n  ) => (limitInput: EvaluationRoundLimitInput) => void\n\n  handleDeleteLimit: (index: number) => () => void\n\n  onAddNewLimit: (limit: EvaluationRoundLimitInput) => void\n}\n\nconst selectUnusedType = (\n  selectedTypes: Set<EvaluationRoundLimitType>,\n): EvaluationRoundLimitType => {\n  return AVAILABLE_LIMIT_TYPES.find(\n    key => !selectedTypes.has(key as EvaluationRoundLimitType),\n  ) as EvaluationRoundLimitType\n}\n\nexport function EvaluationRoundLimitOptionsList({\n  limitInputs,\n  handleChange,\n  handleDeleteLimit,\n  onAddNewLimit,\n}: EvaluationRoundLimitOptionsListProps) {\n  // all types that are currently being used\n  const selectedTypes: Set<EvaluationRoundLimitType> = new Set(\n    limitInputs.map(limit => limit.type),\n  )\n\n  const addNewLimit = useCallback(() => {\n    onAddNewLimit({\n      type: selectUnusedType(selectedTypes),\n      maxSubmissionString: '',\n    })\n  }, [onAddNewLimit, selectedTypes])\n\n  //display some input even if no limits currently exist\n  useEffect(() => {\n    if (limitInputs.length === 0) {\n      addNewLimit()\n    }\n  }, [limitInputs, addNewLimit])\n\n  return (\n    <div\n      data-testid=\"EvaluationRoundLimitOptionsList\"\n      className=\"advanced-limits-grid\"\n    >\n      {limitInputs.map((limit, index) => {\n        return (\n          <Fragment key={limit.type}>\n            <EvaluationRoundLimitOptions\n              limitInput={limit}\n              allSelectedTypes={selectedTypes}\n              onChange={handleChange(index)}\n            />\n\n            {/*remove button for the EvaluationRoundLimitOptions*/}\n            <IconButton\n              size={'small'}\n              color=\"primary\"\n              aria-label=\"Remove\"\n              className=\"remove-button\"\n              onClick={handleDeleteLimit(index)}\n              sx={{ height: '40px', width: '40px' }}\n            >\n              <CloseTwoTone />\n            </IconButton>\n\n            {/*conditionally create a \"add\" button*/}\n            {\n              // if last element\n              index === limitInputs.length - 1 &&\n                // if the are unused limit types\n                limitInputs.length < AVAILABLE_LIMIT_TYPES.length && (\n                  <IconButton\n                    size={'small'}\n                    color=\"primary\"\n                    aria-label=\"Add\"\n                    onClick={addNewLimit}\n                    className=\"add-button\"\n                    sx={{ height: '40px', width: '40px' }}\n                  >\n                    <AddBox />\n                  </IconButton>\n                )\n            }\n          </Fragment>\n        )\n      })}\n    </div>\n  )\n}\n"],"mappings":";;;;;;AAUA,IAAM,IAAwB,OAAO,KAAK,CAAuB,GAa3D,KACJ,MAEO,EAAsB,MAC3B,MAAO,CAAC,EAAc,IAAI,CAA+B,CAC3D;AAGF,SAAgB,EAAgC,EAC9C,gBACA,iBACA,sBACA,oBACuC;CAEvC,IAAM,IAA+C,IAAI,IACvD,EAAY,KAAI,MAAS,EAAM,IAAI,CACrC,GAEM,IAAc,QAAkB;EACpC,EAAc;GACZ,MAAM,EAAiB,CAAa;GACpC,qBAAqB;EACvB,CAAC;CACH,GAAG,CAAC,GAAe,CAAa,CAAC;CASjC,OANA,QAAgB;EACd,AAAI,EAAY,WAAW,KACzB,EAAY;CAEhB,GAAG,CAAC,GAAa,CAAW,CAAC,GAG3B,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;YAET,EAAY,KAAK,GAAO,MAErB,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IACE,YAAY;IACZ,kBAAkB;IAClB,UAAU,EAAa,CAAK;GAC7B,CAAA;GAGD,kBAAC,GAAD;IACE,MAAM;IACN,OAAM;IACN,cAAW;IACX,WAAU;IACV,SAAS,EAAkB,CAAK;IAChC,IAAI;KAAE,QAAQ;KAAQ,OAAO;IAAO;cAEpC,kBAAC,GAAD,CAAe,CAAA;GACL,CAAA;GAKV,MAAU,EAAY,SAAS,KAE7B,EAAY,SAAS,EAAsB,UACzC,kBAAC,GAAD;IACE,MAAM;IACN,OAAM;IACN,cAAW;IACX,SAAS;IACT,WAAU;IACV,IAAI;KAAE,QAAQ;KAAQ,OAAO;IAAO;cAEpC,kBAAC,GAAD,CAAS,CAAA;GACC,CAAA;EAGV,EAAA,GArCK,EAAM,IAqCX,CAEb;CACE,CAAA;AAET"}
+{"version":3,"file":"EvaluationRoundLimitOptionsList.js","names":[],"sources":["../../../../src/components/Evaluation/round_limits/EvaluationRoundLimitOptionsList.tsx"],"sourcesContent":["import AddBox from '@mui/icons-material/AddBox'\nimport CloseTwoTone from '@mui/icons-material/CloseTwoTone'\nimport { IconButton } from '@mui/material'\nimport { EvaluationRoundLimitType } from '@sage-bionetworks/synapse-types'\nimport { Fragment, useCallback, useEffect } from 'react'\nimport { EvaluationRoundLimitInput } from '../input_models/models'\nimport {\n  EvaluationRoundLimitOptions,\n  LIMIT_TYPE_DISPLAY_NAME,\n} from './EvaluationRoundLimitOptions'\n\nconst AVAILABLE_LIMIT_TYPES = Object.keys(LIMIT_TYPE_DISPLAY_NAME)\n\nexport type EvaluationRoundLimitOptionsListProps = {\n  limitInputs: EvaluationRoundLimitInput[]\n  handleChange: (\n    index: number,\n  ) => (limitInput: EvaluationRoundLimitInput) => void\n\n  handleDeleteLimit: (index: number) => () => void\n\n  onAddNewLimit: (limit: EvaluationRoundLimitInput) => void\n}\n\nconst selectUnusedType = (\n  selectedTypes: Set<EvaluationRoundLimitType>,\n): EvaluationRoundLimitType => {\n  return AVAILABLE_LIMIT_TYPES.find(\n    key => !selectedTypes.has(key as EvaluationRoundLimitType),\n  ) as EvaluationRoundLimitType\n}\n\nexport function EvaluationRoundLimitOptionsList({\n  limitInputs,\n  handleChange,\n  handleDeleteLimit,\n  onAddNewLimit,\n}: EvaluationRoundLimitOptionsListProps) {\n  // all types that are currently being used\n  const selectedTypes: Set<EvaluationRoundLimitType> = new Set(\n    limitInputs.map(limit => limit.type),\n  )\n\n  const addNewLimit = useCallback(() => {\n    onAddNewLimit({\n      type: selectUnusedType(selectedTypes),\n      maxSubmissionString: '',\n    })\n  }, [onAddNewLimit, selectedTypes])\n\n  //display some input even if no limits currently exist\n  useEffect(() => {\n    if (limitInputs.length === 0) {\n      addNewLimit()\n    }\n  }, [limitInputs, addNewLimit])\n\n  return (\n    <div\n      data-testid=\"EvaluationRoundLimitOptionsList\"\n      className=\"advanced-limits-grid\"\n    >\n      {limitInputs.map((limit, index) => {\n        return (\n          <Fragment key={limit.type}>\n            <EvaluationRoundLimitOptions\n              limitInput={limit}\n              allSelectedTypes={selectedTypes}\n              onChange={handleChange(index)}\n            />\n\n            {/*remove button for the EvaluationRoundLimitOptions*/}\n            <IconButton\n              size={'small'}\n              color=\"primary\"\n              aria-label=\"Remove\"\n              className=\"remove-button\"\n              onClick={handleDeleteLimit(index)}\n              sx={{ height: '40px', width: '40px' }}\n            >\n              <CloseTwoTone />\n            </IconButton>\n\n            {/*conditionally create a \"add\" button*/}\n            {\n              // if last element\n              index === limitInputs.length - 1 &&\n                // if the are unused limit types\n                limitInputs.length < AVAILABLE_LIMIT_TYPES.length && (\n                  <IconButton\n                    size={'small'}\n                    color=\"primary\"\n                    aria-label=\"Add\"\n                    onClick={addNewLimit}\n                    className=\"add-button\"\n                    sx={{ height: '40px', width: '40px' }}\n                  >\n                    <AddBox />\n                  </IconButton>\n                )\n            }\n          </Fragment>\n        )\n      })}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;AAWA,IAAM,IAAwB,OAAO,KAAK,CAAuB,GAa3D,KACJ,MAEO,EAAsB,MAC3B,MAAO,CAAC,EAAc,IAAI,CAA+B,CAC3D;AAGF,SAAgB,EAAgC,EAC9C,gBACA,iBACA,sBACA,oBACuC;CAEvC,IAAM,IAA+C,IAAI,IACvD,EAAY,KAAI,MAAS,EAAM,IAAI,CACrC,GAEM,IAAc,QAAkB;EACpC,EAAc;GACZ,MAAM,EAAiB,CAAa;GACpC,qBAAqB;EACvB,CAAC;CACH,GAAG,CAAC,GAAe,CAAa,CAAC;CASjC,OANA,QAAgB;EACd,AAAI,EAAY,WAAW,KACzB,EAAY;CAEhB,GAAG,CAAC,GAAa,CAAW,CAAC,GAG3B,kBAAC,OAAD;EACE,eAAY;EACZ,WAAU;YAET,EAAY,KAAK,GAAO,MAErB,kBAAC,GAAD,EAAA,UAAA;GACE,kBAAC,GAAD;IACE,YAAY;IACZ,kBAAkB;IAClB,UAAU,EAAa,CAAK;GAC7B,CAAA;GAGD,kBAAC,GAAD;IACE,MAAM;IACN,OAAM;IACN,cAAW;IACX,WAAU;IACV,SAAS,EAAkB,CAAK;IAChC,IAAI;KAAE,QAAQ;KAAQ,OAAO;IAAO;cAEpC,kBAAC,GAAD,CAAe,CAAA;GACL,CAAA;GAKV,MAAU,EAAY,SAAS,KAE7B,EAAY,SAAS,EAAsB,UACzC,kBAAC,GAAD;IACE,MAAM;IACN,OAAM;IACN,cAAW;IACX,SAAS;IACT,WAAU;IACV,IAAI;KAAE,QAAQ;KAAQ,OAAO;IAAO;cAEpC,kBAAC,GAAD,CAAS,CAAA;GACC,CAAA;EAGV,EAAA,GArCK,EAAM,IAqCX,CAEb;CACE,CAAA;AAET"}

package/dist/components/ExperimentalMode/ExperimentalMode.js

@@ -2,7 +2,7 @@ import { EXPERIMENTAL_MODE_COOKIE as e } from "../../utils/SynapseConstants.js";
 import { Box as t, IconButton as n, Tooltip as r, Typography as i, useTheme as a } from "@mui/material";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { useCookieValue as c } from "@react-hookz/web/useCookieValue/index.js";
-import { InfoOutlined as l } from "@mui/icons-material";
+import l from "@mui/icons-material/InfoOutlined";
 import u from "react-switch";
 //#region src/components/ExperimentalMode/ExperimentalMode.tsx
 var d = "experimental-mode", f = "This mode gives you early access to features that are still in development. Please note that we do not guarantee an absence of errors, and that the data created using these features may be lost during product upgrade.";

package/dist/components/ExperimentalMode/ExperimentalMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExperimentalMode.js","names":[],"sources":["../../../src/components/ExperimentalMode/ExperimentalMode.tsx"],"sourcesContent":["import { EXPERIMENTAL_MODE_COOKIE } from '@/utils/SynapseConstants'\nimport { InfoOutlined } from '@mui/icons-material'\nimport { Box, IconButton, Tooltip, Typography, useTheme } from '@mui/material'\nimport Switch from 'react-switch'\nimport { useCookieValue } from '@react-hookz/web/useCookieValue/index.js'\n\nconst EXPERIMENTAL_MODE_SWITCH_ID = 'experimental-mode'\nconst experimentalModeText =\n  'This mode gives you early access to features that are still in development. Please note that we do not guarantee an absence of errors, and that the data created using these features may be lost during product upgrade.'\n\nexport type ExperimentalModeProps = {\n  onExperimentalModeToggle?: (newValue: boolean) => void\n}\nfunction ExperimentalMode({ onExperimentalModeToggle }: ExperimentalModeProps) {\n  const theme = useTheme()\n\n  const getExperimentalModeCookieOptions = () => {\n    const hostname =\n      typeof window !== 'undefined'\n        ? window.location.hostname.toLowerCase()\n        : ''\n    return {\n      path: '/',\n      domain: hostname.endsWith('.synapse.org') ? 'synapse.org' : undefined,\n    }\n  }\n\n  const [\n    experimentalModeCookie,\n    setExperimentalModeCookie,\n    removeExperimentalModeCookie,\n  ] = useCookieValue(EXPERIMENTAL_MODE_COOKIE, {\n    ...getExperimentalModeCookieOptions(),\n    initializeWithValue: false,\n  })\n\n  const createExperimentalModeCookie = () => {\n    setExperimentalModeCookie('true')\n\n    if (onExperimentalModeToggle) {\n      onExperimentalModeToggle(true)\n    }\n  }\n\n  const deleteExperimentalModeCookie = () => {\n    removeExperimentalModeCookie()\n    if (onExperimentalModeToggle) {\n      onExperimentalModeToggle(false)\n    }\n  }\n\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center' }}>\n      <Typography\n        component={'label'}\n        variant=\"body1\"\n        htmlFor={EXPERIMENTAL_MODE_SWITCH_ID}\n      >\n        Experimental Mode\n      </Typography>\n      <Tooltip title={experimentalModeText} arrow placement=\"top\">\n        <IconButton\n          aria-label=\"info\"\n          color=\"inherit\"\n          sx={{ '&:hover': { backgroundColor: 'transparent' } }}\n        >\n          <InfoOutlined sx={{ verticalAlign: 'middle' }} />\n        </IconButton>\n      </Tooltip>\n      <Switch\n        id={EXPERIMENTAL_MODE_SWITCH_ID}\n        width={35}\n        height={20}\n        onColor={theme.palette.secondary.main}\n        checkedIcon={false}\n        uncheckedIcon={false}\n        checked={experimentalModeCookie === 'true'}\n        onChange={\n          experimentalModeCookie === 'true'\n            ? deleteExperimentalModeCookie\n            : createExperimentalModeCookie\n        }\n      />\n    </Box>\n  )\n}\n\nexport default ExperimentalMode\n"],"mappings":";;;;;;;AAMA,IAAM,IAA8B,qBAC9B,IACJ;AAKF,SAAS,EAAiB,EAAE,+BAAmD;CAC7E,IAAM,IAAQ,EAAS,GAajB,CACJ,GACA,GACA,KACE,EAAe,GAA0B;EATzC,MAAM;EACN,SALA,OAAO,SAAW,MACd,OAAO,SAAS,SAAS,YAAY,IACrC,IAGa,SAAS,cAAc,IAAI,gBAAgB,KAAA;EAU9D,qBAAqB;CACvB,CAAC;CAiBD,OACE,kBAAC,GAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,YAAY;EAAS;YAAjD;GACE,kBAAC,GAAD;IACE,WAAW;IACX,SAAQ;IACR,SAAS;cACV;GAEW,CAAA;GACZ,kBAAC,GAAD;IAAS,OAAO;IAAsB,OAAA;IAAM,WAAU;cACpD,kBAAC,GAAD;KACE,cAAW;KACX,OAAM;KACN,IAAI,EAAE,WAAW,EAAE,iBAAiB,cAAc,EAAE;eAEpD,kBAAC,GAAD,EAAc,IAAI,EAAE,eAAe,SAAS,EAAI,CAAA;IACtC,CAAA;GACL,CAAA;GACT,kBAAC,GAAD;IACE,IAAI;IACJ,OAAO;IACP,QAAQ;IACR,SAAS,EAAM,QAAQ,UAAU;IACjC,aAAa;IACb,eAAe;IACf,SAAS,MAA2B;IACpC,UACE,MAA2B,eAlCQ;KAEzC,AADA,EAA6B,GACzB,KACF,EAAyB,EAAK;IAElC,UAb2C;KAGzC,AAFA,EAA0B,MAAM,GAE5B,KACF,EAAyB,EAAI;IAEjC;GAwCK,CAAA;EACE;;AAET"}
+{"version":3,"file":"ExperimentalMode.js","names":[],"sources":["../../../src/components/ExperimentalMode/ExperimentalMode.tsx"],"sourcesContent":["import { EXPERIMENTAL_MODE_COOKIE } from '@/utils/SynapseConstants'\nimport InfoOutlined from '@mui/icons-material/InfoOutlined'\nimport { Box, IconButton, Tooltip, Typography, useTheme } from '@mui/material'\nimport Switch from 'react-switch'\nimport { useCookieValue } from '@react-hookz/web/useCookieValue/index.js'\n\nconst EXPERIMENTAL_MODE_SWITCH_ID = 'experimental-mode'\nconst experimentalModeText =\n  'This mode gives you early access to features that are still in development. Please note that we do not guarantee an absence of errors, and that the data created using these features may be lost during product upgrade.'\n\nexport type ExperimentalModeProps = {\n  onExperimentalModeToggle?: (newValue: boolean) => void\n}\nfunction ExperimentalMode({ onExperimentalModeToggle }: ExperimentalModeProps) {\n  const theme = useTheme()\n\n  const getExperimentalModeCookieOptions = () => {\n    const hostname =\n      typeof window !== 'undefined'\n        ? window.location.hostname.toLowerCase()\n        : ''\n    return {\n      path: '/',\n      domain: hostname.endsWith('.synapse.org') ? 'synapse.org' : undefined,\n    }\n  }\n\n  const [\n    experimentalModeCookie,\n    setExperimentalModeCookie,\n    removeExperimentalModeCookie,\n  ] = useCookieValue(EXPERIMENTAL_MODE_COOKIE, {\n    ...getExperimentalModeCookieOptions(),\n    initializeWithValue: false,\n  })\n\n  const createExperimentalModeCookie = () => {\n    setExperimentalModeCookie('true')\n\n    if (onExperimentalModeToggle) {\n      onExperimentalModeToggle(true)\n    }\n  }\n\n  const deleteExperimentalModeCookie = () => {\n    removeExperimentalModeCookie()\n    if (onExperimentalModeToggle) {\n      onExperimentalModeToggle(false)\n    }\n  }\n\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center' }}>\n      <Typography\n        component={'label'}\n        variant=\"body1\"\n        htmlFor={EXPERIMENTAL_MODE_SWITCH_ID}\n      >\n        Experimental Mode\n      </Typography>\n      <Tooltip title={experimentalModeText} arrow placement=\"top\">\n        <IconButton\n          aria-label=\"info\"\n          color=\"inherit\"\n          sx={{ '&:hover': { backgroundColor: 'transparent' } }}\n        >\n          <InfoOutlined sx={{ verticalAlign: 'middle' }} />\n        </IconButton>\n      </Tooltip>\n      <Switch\n        id={EXPERIMENTAL_MODE_SWITCH_ID}\n        width={35}\n        height={20}\n        onColor={theme.palette.secondary.main}\n        checkedIcon={false}\n        uncheckedIcon={false}\n        checked={experimentalModeCookie === 'true'}\n        onChange={\n          experimentalModeCookie === 'true'\n            ? deleteExperimentalModeCookie\n            : createExperimentalModeCookie\n        }\n      />\n    </Box>\n  )\n}\n\nexport default ExperimentalMode\n"],"mappings":";;;;;;;AAMA,IAAM,IAA8B,qBAC9B,IACJ;AAKF,SAAS,EAAiB,EAAE,+BAAmD;CAC7E,IAAM,IAAQ,EAAS,GAajB,CACJ,GACA,GACA,KACE,EAAe,GAA0B;EATzC,MAAM;EACN,SALA,OAAO,SAAW,MACd,OAAO,SAAS,SAAS,YAAY,IACrC,IAGa,SAAS,cAAc,IAAI,gBAAgB,KAAA;EAU9D,qBAAqB;CACvB,CAAC;CAiBD,OACE,kBAAC,GAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,YAAY;EAAS;YAAjD;GACE,kBAAC,GAAD;IACE,WAAW;IACX,SAAQ;IACR,SAAS;cACV;GAEW,CAAA;GACZ,kBAAC,GAAD;IAAS,OAAO;IAAsB,OAAA;IAAM,WAAU;cACpD,kBAAC,GAAD;KACE,cAAW;KACX,OAAM;KACN,IAAI,EAAE,WAAW,EAAE,iBAAiB,cAAc,EAAE;eAEpD,kBAAC,GAAD,EAAc,IAAI,EAAE,eAAe,SAAS,EAAI,CAAA;IACtC,CAAA;GACL,CAAA;GACT,kBAAC,GAAD;IACE,IAAI;IACJ,OAAO;IACP,QAAQ;IACR,SAAS,EAAM,QAAQ,UAAU;IACjC,aAAa;IACb,eAAe;IACf,SAAS,MAA2B;IACpC,UACE,MAA2B,eAlCQ;KAEzC,AADA,EAA6B,GACzB,KACF,EAAyB,EAAK;IAElC,UAb2C;KAGzC,AAFA,EAA0B,MAAM,GAE5B,KACF,EAAyB,EAAI;IAEjC;GAwCK,CAAA;EACE;;AAET"}

package/dist/components/ExternalFileHandleLink/ExternalFileHandleLink.js

@@ -4,7 +4,7 @@ import { useSynapseContext as r } from "../../utils/context/SynapseContext.js";
 import { useEffect as i, useState as a } from "react";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 import { FileHandleAssociateType as l } from "@sage-bionetworks/synapse-types";
-import { OpenInNewTwoTone as u } from "@mui/icons-material";
+import u from "@mui/icons-material/OpenInNewTwoTone";
 //#region src/components/ExternalFileHandleLink/ExternalFileHandleLink.tsx
 var d = (d) => {
 	let { accessToken: f } = r(), { synId: p, className: m } = d, [h, g] = a(void 0);

package/dist/components/ExternalFileHandleLink/ExternalFileHandleLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExternalFileHandleLink.js","names":[],"sources":["../../../src/components/ExternalFileHandleLink/ExternalFileHandleLink.tsx"],"sourcesContent":["import React from 'react'\nimport SynapseClient from '@/synapse-client'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { isExternalFileHandle, isFileEntity } from '@/utils/types/IsType'\nimport { OpenInNewTwoTone } from '@mui/icons-material'\nimport {\n  BatchFileRequest,\n  ExternalFileHandle,\n  FileEntity,\n  FileHandleAssociateType,\n} from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\n\nexport type ExternalFileHandleLinkProps = {\n  synId: string\n  className?: string\n}\n\nexport const ExternalFileHandleLink = (\n  props: ExternalFileHandleLinkProps,\n): React.ReactNode => {\n  const { accessToken } = useSynapseContext()\n  const { synId, className } = props\n  const [data, setData] = useState<\n    | { fileEntity: FileEntity; externalFileHandle: ExternalFileHandle }\n    | undefined\n  >(undefined)\n  useEffect(() => {\n    const getEntity = async () => {\n      try {\n        const fileEntity = await SynapseClient.getEntity<FileEntity>(\n          accessToken,\n          synId,\n        )\n        if (!isFileEntity(fileEntity)) {\n          throw new Error(`File Entity expected but found ${fileEntity}`)\n        }\n        const batchFileRequest: BatchFileRequest = {\n          requestedFiles: [\n            {\n              associateObjectId: synId,\n              associateObjectType: FileHandleAssociateType.FileEntity,\n              fileHandleId: fileEntity.dataFileHandleId,\n            },\n          ],\n          includeFileHandles: true,\n          includePreSignedURLs: false,\n          includePreviewPreSignedURLs: false,\n        }\n        const file = await SynapseClient.getFiles(batchFileRequest, accessToken)\n        const externalFileHandle = file.requestedFiles[0].fileHandle\n        if (externalFileHandle && isExternalFileHandle(externalFileHandle)) {\n          setData({\n            externalFileHandle,\n            fileEntity,\n          })\n        } else {\n          throw new Error(\n            `Not an external file handle: ${externalFileHandle?.id}`,\n          )\n        }\n      } catch (e) {\n        console.error('Error on getting external file handle = ', e)\n      }\n    }\n    getEntity()\n  }, [synId, accessToken])\n\n  const externalFileHandle = data?.externalFileHandle\n  const fileEntity = data?.fileEntity\n\n  return externalFileHandle ? (\n    <a\n      href={externalFileHandle.externalURL}\n      className={className}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n    >\n      <span>\n        {fileEntity?.name}\n        <OpenInNewTwoTone style={{ marginLeft: 5 }} />\n      </span>\n    </a>\n  ) : (\n    <></>\n  )\n}\n"],"mappings":";;;;;;;;AAkBA,IAAa,KACX,MACoB;CACpB,IAAM,EAAE,mBAAgB,EAAkB,GACpC,EAAE,UAAO,iBAAc,GACvB,CAAC,GAAM,KAAW,EAGtB,KAAA,CAAS;CACX,QAAgB;EAsCd,aArC8B;GAC5B,IAAI;IACF,IAAM,IAAa,MAAM,EAAc,UACrC,GACA,CACF;IACA,IAAI,CAAC,EAAa,CAAU,GAC1B,MAAU,MAAM,kCAAkC,GAAY;IAEhE,IAAM,IAAqC;KACzC,gBAAgB,CACd;MACE,mBAAmB;MACnB,qBAAqB,EAAwB;MAC7C,cAAc,EAAW;KAC3B,CACF;KACA,oBAAoB;KACpB,sBAAsB;KACtB,6BAA6B;IAC/B,GAEM,KAAqB,MADR,EAAc,SAAS,GAAkB,CAAW,GACvC,eAAe,GAAG;IAClD,IAAI,KAAsB,EAAqB,CAAkB,GAC/D,EAAQ;KACN;KACA;IACF,CAAC;SAED,MAAU,MACR,gCAAgC,GAAoB,IACtD;GAEJ,SAAS,GAAG;IACV,QAAQ,MAAM,4CAA4C,CAAC;GAC7D;EACF,GACU;CACZ,GAAG,CAAC,GAAO,CAAW,CAAC;CAEvB,IAAM,IAAqB,GAAM,oBAC3B,IAAa,GAAM;CAEzB,OAAO,IACL,kBAAC,KAAD;EACE,MAAM,EAAmB;EACd;EACX,QAAO;EACP,KAAI;YAEJ,kBAAC,QAAD,EAAA,UAAA,CACG,GAAY,MACb,kBAAC,GAAD,EAAkB,OAAO,EAAE,YAAY,EAAE,EAAI,CAAA,CACzC,EAAA,CAAA;CACL,CAAA,IAEH,kBAAA,GAAA,CAAI,CAAA;AAER"}
+{"version":3,"file":"ExternalFileHandleLink.js","names":[],"sources":["../../../src/components/ExternalFileHandleLink/ExternalFileHandleLink.tsx"],"sourcesContent":["import React from 'react'\nimport SynapseClient from '@/synapse-client'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { isExternalFileHandle, isFileEntity } from '@/utils/types/IsType'\nimport OpenInNewTwoTone from '@mui/icons-material/OpenInNewTwoTone'\nimport {\n  BatchFileRequest,\n  ExternalFileHandle,\n  FileEntity,\n  FileHandleAssociateType,\n} from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\n\nexport type ExternalFileHandleLinkProps = {\n  synId: string\n  className?: string\n}\n\nexport const ExternalFileHandleLink = (\n  props: ExternalFileHandleLinkProps,\n): React.ReactNode => {\n  const { accessToken } = useSynapseContext()\n  const { synId, className } = props\n  const [data, setData] = useState<\n    | { fileEntity: FileEntity; externalFileHandle: ExternalFileHandle }\n    | undefined\n  >(undefined)\n  useEffect(() => {\n    const getEntity = async () => {\n      try {\n        const fileEntity = await SynapseClient.getEntity<FileEntity>(\n          accessToken,\n          synId,\n        )\n        if (!isFileEntity(fileEntity)) {\n          throw new Error(`File Entity expected but found ${fileEntity}`)\n        }\n        const batchFileRequest: BatchFileRequest = {\n          requestedFiles: [\n            {\n              associateObjectId: synId,\n              associateObjectType: FileHandleAssociateType.FileEntity,\n              fileHandleId: fileEntity.dataFileHandleId,\n            },\n          ],\n          includeFileHandles: true,\n          includePreSignedURLs: false,\n          includePreviewPreSignedURLs: false,\n        }\n        const file = await SynapseClient.getFiles(batchFileRequest, accessToken)\n        const externalFileHandle = file.requestedFiles[0].fileHandle\n        if (externalFileHandle && isExternalFileHandle(externalFileHandle)) {\n          setData({\n            externalFileHandle,\n            fileEntity,\n          })\n        } else {\n          throw new Error(\n            `Not an external file handle: ${externalFileHandle?.id}`,\n          )\n        }\n      } catch (e) {\n        console.error('Error on getting external file handle = ', e)\n      }\n    }\n    getEntity()\n  }, [synId, accessToken])\n\n  const externalFileHandle = data?.externalFileHandle\n  const fileEntity = data?.fileEntity\n\n  return externalFileHandle ? (\n    <a\n      href={externalFileHandle.externalURL}\n      className={className}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n    >\n      <span>\n        {fileEntity?.name}\n        <OpenInNewTwoTone style={{ marginLeft: 5 }} />\n      </span>\n    </a>\n  ) : (\n    <></>\n  )\n}\n"],"mappings":";;;;;;;;AAkBA,IAAa,KACX,MACoB;CACpB,IAAM,EAAE,mBAAgB,EAAkB,GACpC,EAAE,UAAO,iBAAc,GACvB,CAAC,GAAM,KAAW,EAGtB,KAAA,CAAS;CACX,QAAgB;EAsCd,aArC8B;GAC5B,IAAI;IACF,IAAM,IAAa,MAAM,EAAc,UACrC,GACA,CACF;IACA,IAAI,CAAC,EAAa,CAAU,GAC1B,MAAU,MAAM,kCAAkC,GAAY;IAEhE,IAAM,IAAqC;KACzC,gBAAgB,CACd;MACE,mBAAmB;MACnB,qBAAqB,EAAwB;MAC7C,cAAc,EAAW;KAC3B,CACF;KACA,oBAAoB;KACpB,sBAAsB;KACtB,6BAA6B;IAC/B,GAEM,KAAqB,MADR,EAAc,SAAS,GAAkB,CAAW,GACvC,eAAe,GAAG;IAClD,IAAI,KAAsB,EAAqB,CAAkB,GAC/D,EAAQ;KACN;KACA;IACF,CAAC;SAED,MAAU,MACR,gCAAgC,GAAoB,IACtD;GAEJ,SAAS,GAAG;IACV,QAAQ,MAAM,4CAA4C,CAAC;GAC7D;EACF,GACU;CACZ,GAAG,CAAC,GAAO,CAAW,CAAC;CAEvB,IAAM,IAAqB,GAAM,oBAC3B,IAAa,GAAM;CAEzB,OAAO,IACL,kBAAC,KAAD;EACE,MAAM,EAAmB;EACd;EACX,QAAO;EACP,KAAI;YAEJ,kBAAC,QAAD,EAAA,UAAA,CACG,GAAY,MACb,kBAAC,GAAD,EAAkB,OAAO,EAAE,YAAY,EAAE,EAAI,CAAA,CACzC,EAAA,CAAA;CACL,CAAA,IAEH,kBAAA,GAAA,CAAI,CAAA;AAER"}

package/dist/components/FeaturedDataTabs/FacetPlotsCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FacetPlotsCard.d.ts","sourceRoot":"","sources":["../../../src/components/FeaturedDataTabs/FacetPlotsCard.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAGL,QAAQ,EACT,MAAM,oCAAoC,CAAA;AAY3C,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAAA;AAkOD,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,KAAK,EAAE,mBAAmB,2CAQ5E"}
+{"version":3,"file":"FacetPlotsCard.d.ts","sourceRoot":"","sources":["../../../src/components/FeaturedDataTabs/FacetPlotsCard.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAGL,QAAQ,EACT,MAAM,oCAAoC,CAAA;AAY3C,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,CAAA;AAyND,MAAM,CAAC,OAAO,UAAU,0BAA0B,CAAC,KAAK,EAAE,mBAAmB,2CAQ5E"}

package/dist/components/FeaturedDataTabs/FacetPlotsCard.js

@@ -1,25 +1,26 @@
-import { useSynapseContext as e } from "../../utils/context/SynapseContext.js";
-import { SkeletonTable as t } from "../Skeleton/SkeletonTable.js";
-import { SkeletonParagraph as n } from "../Skeleton/SkeletonParagraph.js";
+import { useQueryVisualizationContext as e } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { useSynapseContext as t } from "../../utils/context/SynapseContext.js";
+import { getEnumerationFacets as n } from "../../utils/functions/enumerationFacet.js";
+import { SkeletonTable as r } from "../Skeleton/SkeletonTable.js";
+import { SkeletonParagraph as i } from "../Skeleton/SkeletonParagraph.js";
 import "../Skeleton/index.js";
-import r from "../ShowMore/ShowMore.js";
+import a from "../ShowMore/ShowMore.js";
 import "../row_renderers/utils/index.js";
-import { useSuspenseGetQueryMetadata as i } from "../QueryWrapper/useGetQueryMetadata.js";
-import { useQueryVisualizationContext as a } from "../QueryVisualizationWrapper/QueryVisualizationContext.js";
+import { useSuspenseGetQueryMetadata as o } from "../QueryWrapper/useGetQueryMetadata.js";
 import "../QueryVisualizationWrapper/index.js";
-import { Plot as o } from "../Plot/Plot.js";
-import { extractPlotDataArray as s, getPlotStyle as c } from "../widgets/facet-nav/FacetNavPanel.js";
-import { FacetPlotLegendTable as l } from "../widgets/facet-nav/FacetPlotLegendTable.js";
-import { getFacets as u } from "../widgets/facet-nav/useFacetPlots.js";
-import { FACET_PLOTS_CARD_CLASSNAME as d, FACET_PLOTS_CARD_PLOT_CONTAINER_CLASSNAME as f, FACET_PLOTS_CARD_TITLE_CONTAINER_CLASSNAME as p, FacetPlotsCardPlotContainer as m, FacetPlotsCardTitleContainer as h } from "./FacetPlotsCardGrid.js";
-import { Fragment as g, Suspense as _, useMemo as v } from "react";
-import { times as y } from "lodash-es";
-import { Box as b, Button as x, Divider as S, Paper as C, Skeleton as w, Typography as T } from "@mui/material";
-import { jsx as E, jsxs as D } from "react/jsx-runtime";
-import { useSuspenseQuery as O } from "@tanstack/react-query";
-import { useMeasure as k } from "@react-hookz/web";
+import { Plot as s } from "../Plot/Plot.js";
+import { extractPlotDataArray as c, getPlotStyle as l } from "../widgets/facet-nav/FacetNavPanel.js";
+import { FacetPlotLegendTable as u } from "../widgets/facet-nav/FacetPlotLegendTable.js";
+import { getFacets as d } from "../widgets/facet-nav/useFacetPlots.js";
+import { FACET_PLOTS_CARD_CLASSNAME as f, FACET_PLOTS_CARD_PLOT_CONTAINER_CLASSNAME as p, FACET_PLOTS_CARD_TITLE_CONTAINER_CLASSNAME as m, FacetPlotsCardPlotContainer as h, FacetPlotsCardTitleContainer as g } from "./FacetPlotsCardGrid.js";
+import { Fragment as _, Suspense as v, useMemo as y } from "react";
+import { times as b } from "lodash-es";
+import { Box as x, Button as S, Divider as C, Paper as w, Skeleton as T, Typography as E } from "@mui/material";
+import { jsx as D, jsxs as O } from "react/jsx-runtime";
+import { useSuspenseQuery as k } from "@tanstack/react-query";
+import { useMeasure as A } from "@react-hookz/web";
 //#region src/components/FeaturedDataTabs/FacetPlotsCard.tsx
-var A = {
+var j = {
 	showlegend: !1,
 	annotations: [],
 	margin: {
@@ -38,148 +39,143 @@ var A = {
 		showgrid: !1
 	}
 };
-function j(e) {
-	let { numPlots: r } = e;
-	return /* @__PURE__ */ D(C, {
-		className: d,
-		children: [/* @__PURE__ */ D(h, {
-			className: p,
+function M(e) {
+	let { numPlots: t } = e;
+	return /* @__PURE__ */ O(w, {
+		className: f,
+		children: [/* @__PURE__ */ O(g, {
+			className: m,
 			children: [
-				/* @__PURE__ */ E(w, {
+				/* @__PURE__ */ D(T, {
 					width: "60%",
 					height: "24px"
 				}),
-				/* @__PURE__ */ E(n, { numRows: 5 }),
-				/* @__PURE__ */ E(w, {
+				/* @__PURE__ */ D(i, { numRows: 5 }),
+				/* @__PURE__ */ D(T, {
 					width: "40%",
-					children: /* @__PURE__ */ E(x, {
+					children: /* @__PURE__ */ D(S, {
 						variant: "contained",
 						children: "Explore"
 					})
 				})
 			]
-		}), y(r).map((e) => /* @__PURE__ */ D(m, {
-			className: f,
+		}), b(t).map((e) => /* @__PURE__ */ O(h, {
+			className: p,
 			sx: {
 				py: 3,
 				gridRow: `plot${e}`
 			},
-			children: [/* @__PURE__ */ E(w, {
+			children: [/* @__PURE__ */ D(T, {
 				width: "100%",
 				height: "300px"
-			}), /* @__PURE__ */ E(t, {
+			}), /* @__PURE__ */ D(r, {
 				numRows: 4,
 				numCols: 2
 			})]
 		}, e))]
 	});
 }
-function M(t) {
-	let { title: n, description: _, facetsToPlot: y, detailsPagePath: w, plotType: j = "PIE" } = t, { accessToken: M } = e(), { data: N } = i(), { getColumnDisplayName: P } = a(), [F, I] = k(), L = v(() => y ? u(N, y) : [], [y, N]), R = v(() => ({
-		...A,
-		barmode: j === "STACKED_HORIZONTAL_BAR" ? "stack" : void 0
-	}), [j]), z = j === "STACKED_HORIZONTAL_BAR" ? 50 : 150, { data: B } = O({
+function N(r) {
+	let { title: i, description: v, facetsToPlot: b, detailsPagePath: T, plotType: M = "PIE" } = r, { accessToken: N } = t(), { data: P } = o(), { getColumnDisplayName: F } = e(), [I, L] = A(), R = y(() => b ? d(P, b) : [], [b, P]), z = y(() => ({
+		...j,
+		barmode: M === "STACKED_HORIZONTAL_BAR" ? "stack" : void 0
+	}), [M]), B = M === "STACKED_HORIZONTAL_BAR" ? 50 : 150, { data: V } = k({
 		queryKey: [
 			"facetPlotDataArray",
-			y,
-			L
+			b,
+			R,
+			P.facetPostProcessingApplied
 		],
 		queryFn: async () => {
-			if (!y) return [];
-			let e = (e) => N.columnModels.find((t) => t.name === e.columnName)?.columnType;
-			return Promise.all(L.map(async (t, n) => await s(t, e(t), n + 1, j, M)));
+			if (!b) return [];
+			let e = (e) => P.columnModels.find((t) => t.name === e.columnName)?.columnType;
+			return Promise.all(R.map(async (t, n) => await c(t, e(t), n + 1, M, N, P.facetPostProcessingApplied)));
 		}
-	}), V = v(() => {
-		if (!y) return "";
-		let e = N?.facets.map((e) => {
-			let t = e.facetValues;
-			if (t) {
-				let e = t.filter((e) => e.isSelected);
-				return e.length > 0 ? e[0] : void 0;
-			} else return;
-		}).filter((e) => e !== void 0)[0];
+	}), H = y(() => {
+		if (!b) return "";
+		let e = n(P?.facets).flatMap((e) => e.facetValues).find((e) => e.isSelected);
 		return e?.value ? e?.value : "";
-	}, [y, N?.facets]), H = B.length > 1;
-	return /* @__PURE__ */ D(C, {
-		className: d,
+	}, [b, P?.facets]), U = V.length > 1;
+	return /* @__PURE__ */ O(w, {
+		className: f,
 		sx: { overflow: "hidden" },
-		children: [/* @__PURE__ */ D(h, {
-			className: p,
+		children: [/* @__PURE__ */ O(g, {
+			className: m,
 			children: [
-				/* @__PURE__ */ E(T, {
+				/* @__PURE__ */ D(E, {
 					variant: "headline1",
-					children: n ?? (H ? V : P(L[0].columnName))
+					children: i ?? (U ? H : F(R[0].columnName))
 				}),
-				_ && /* @__PURE__ */ E(T, {
+				v && /* @__PURE__ */ D(E, {
 					variant: "body1",
 					sx: {
 						color: "grey.700",
 						my: 2
 					},
-					children: /* @__PURE__ */ E(r, {
-						summary: _,
+					children: /* @__PURE__ */ D(a, {
+						summary: v,
 						maxCharacterCount: 200
 					})
 				}),
-				w && V && /* @__PURE__ */ E(b, {
+				T && H && /* @__PURE__ */ D(x, {
 					sx: { my: 2 },
-					children: /* @__PURE__ */ D(x, {
+					children: /* @__PURE__ */ O(S, {
 						variant: "contained",
-						href: w,
+						href: T,
 						color: "secondary",
 						sx: (e) => ({ [e.breakpoints.down("sm")]: { width: "100%" } }),
-						children: ["Explore ", V]
+						children: ["Explore ", H]
 					})
 				})
 			]
-		}), B.map((e, t) => /* @__PURE__ */ E(g, { children: /* @__PURE__ */ D(m, {
-			className: f,
+		}), V.map((e, t) => /* @__PURE__ */ D(_, { children: /* @__PURE__ */ O(h, {
+			className: p,
 			sx: {
 				pt: t === 0 ? 5 : 0,
 				gridRow: `plot${t}`
 			},
-			children: [t != 0 && /* @__PURE__ */ E(S, { sx: {
+			children: [t != 0 && /* @__PURE__ */ D(C, { sx: {
 				mt: 2,
 				mb: 4
-			} }), /* @__PURE__ */ D(b, {
+			} }), /* @__PURE__ */ O(x, {
 				sx: { minHeight: "130px" },
-				children: [/* @__PURE__ */ E(b, {
-					ref: I,
+				children: [/* @__PURE__ */ D(x, {
+					ref: L,
 					sx: {
 						display: "flex",
 						justifyContent: "center",
 						alignItems: "center"
 					},
-					children: /* @__PURE__ */ E(o, {
-						layout: R,
+					children: /* @__PURE__ */ D(s, {
+						layout: z,
 						data: e?.data ?? [],
-						style: c(F?.width, j, z),
+						style: l(I?.width, M, B),
 						config: { displayModeBar: !1 }
-					}, `${y[t]}-${F?.width}`)
-				}), /* @__PURE__ */ E(b, {
+					}, `${b[t]}-${I?.width}`)
+				}), /* @__PURE__ */ D(x, {
 					sx: {
 						mt: 4,
 						width: "100%"
 					},
-					children: /* @__PURE__ */ E(l, {
-						facetName: P(L[t].columnName),
+					children: /* @__PURE__ */ D(u, {
+						facetName: F(R[t].columnName),
 						labels: e?.labels,
 						colors: e?.colors,
 						isExpanded: !1,
-						linkToFullQuery: w
+						linkToFullQuery: T
 					})
 				})]
 			})]
 		}, t) }, t))]
 	});
 }
-function N(e) {
-	return /* @__PURE__ */ E(_, {
-		fallback: /* @__PURE__ */ E(j, { numPlots: (e.facetsToPlot ?? []).length }),
-		children: /* @__PURE__ */ E(M, { ...e })
+function P(e) {
+	return /* @__PURE__ */ D(v, {
+		fallback: /* @__PURE__ */ D(M, { numPlots: (e.facetsToPlot ?? []).length }),
+		children: /* @__PURE__ */ D(N, { ...e })
 	});
 }
 //#endregion
-export { N as default };
+export { P as default };
 
 //# sourceMappingURL=FacetPlotsCard.js.map

package/dist/components/FeaturedDataTabs/FacetPlotsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"FacetPlotsCard.js","names":[],"sources":["../../../src/components/FeaturedDataTabs/FacetPlotsCard.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  Box,\n  Button,\n  Divider,\n  Paper,\n  Skeleton,\n  Typography,\n} from '@mui/material'\nimport {\n  ColumnTypeEnum,\n  FacetColumnResult,\n  FacetColumnResultValueCount,\n  FacetColumnResultValues,\n} from '@sage-bionetworks/synapse-types'\nimport { useSuspenseQuery } from '@tanstack/react-query'\nimport { times } from 'lodash-es'\nimport Plotly from 'plotly.js-basic-dist'\nimport { Fragment, Suspense, useMemo } from 'react'\nimport Plot from '../Plot/Plot'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\nimport { ShowMore } from '../row_renderers/utils'\nimport { SkeletonParagraph, SkeletonTable } from '../Skeleton'\nimport {\n  extractPlotDataArray,\n  getPlotStyle,\n  PlotType,\n} from '../widgets/facet-nav/FacetNavPanel'\nimport { FacetPlotLegendTable } from '../widgets/facet-nav/FacetPlotLegendTable'\nimport { getFacets } from '../widgets/facet-nav/useFacetPlots'\nimport {\n  FACET_PLOTS_CARD_CLASSNAME,\n  FACET_PLOTS_CARD_PLOT_CONTAINER_CLASSNAME,\n  FACET_PLOTS_CARD_TITLE_CONTAINER_CLASSNAME,\n  FacetPlotsCardPlotContainer,\n  FacetPlotsCardTitleContainer,\n} from './FacetPlotsCardGrid'\nimport { useMeasure } from '@react-hookz/web'\n\nexport type FacetPlotsCardProps = {\n  title?: string\n  description?: string\n  facetsToPlot?: string[]\n  detailsPagePath?: string\n  plotType?: PlotType\n}\n\nconst layout: Partial<Plotly.Layout> = {\n  showlegend: false,\n  annotations: [],\n  margin: { l: 0, r: 0, b: 0, t: 0, pad: 0 },\n  yaxis: {\n    visible: false,\n    showgrid: false,\n  },\n  xaxis: {\n    visible: false,\n    showgrid: false,\n  },\n}\n\nfunction LoadingCard(props: { numPlots: number }) {\n  const { numPlots } = props\n  return (\n    <Paper className={FACET_PLOTS_CARD_CLASSNAME}>\n      <FacetPlotsCardTitleContainer\n        className={FACET_PLOTS_CARD_TITLE_CONTAINER_CLASSNAME}\n      >\n        <Skeleton width={'60%'} height={'24px'} />\n\n        <SkeletonParagraph numRows={5} />\n\n        <Skeleton width={'40%'}>\n          <Button variant={'contained'}>Explore</Button>\n        </Skeleton>\n      </FacetPlotsCardTitleContainer>\n      {times(numPlots).map(index => (\n        <FacetPlotsCardPlotContainer\n          key={index}\n          className={FACET_PLOTS_CARD_PLOT_CONTAINER_CLASSNAME}\n          sx={{\n            py: 3,\n            gridRow: `plot${index}`,\n          }}\n        >\n          <Skeleton width={'100%'} height={'300px'} />\n          <SkeletonTable numRows={4} numCols={2} />\n        </FacetPlotsCardPlotContainer>\n      ))}\n    </Paper>\n  )\n}\n\nfunction FacetPlotsCard(props: FacetPlotsCardProps) {\n  const {\n    title,\n    description,\n    facetsToPlot,\n    detailsPagePath,\n    plotType = 'PIE',\n  } = props\n  const { accessToken } = useSynapseContext()\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n  const [plotContainerMeasurements, plotContainerRef] = useMeasure()\n\n  const facetDataArray = useMemo(() => {\n    if (!facetsToPlot) {\n      return []\n    }\n\n    return getFacets(queryMetadata, facetsToPlot)\n  }, [facetsToPlot, queryMetadata])\n\n  const currentLayout: Partial<Plotly.Layout> = useMemo(() => {\n    return {\n      ...layout,\n      barmode: plotType === 'STACKED_HORIZONTAL_BAR' ? 'stack' : undefined,\n    }\n  }, [plotType])\n  const maxPlotHeight = plotType === 'STACKED_HORIZONTAL_BAR' ? 50 : 150\n  const { data: facetPlotDataArray } = useSuspenseQuery({\n    queryKey: ['facetPlotDataArray', facetsToPlot, facetDataArray],\n    queryFn: async () => {\n      if (!facetsToPlot) {\n        return []\n      }\n\n      const getColumnType = (\n        facetToPlot: FacetColumnResult,\n      ): ColumnTypeEnum | undefined =>\n        queryMetadata.columnModels!.find(\n          columnModel => columnModel.name === facetToPlot.columnName,\n        )?.columnType as ColumnTypeEnum\n\n      return Promise.all(\n        facetDataArray.map(async (item, index) => {\n          const plotData = await extractPlotDataArray(\n            item as FacetColumnResultValues,\n            getColumnType(item),\n            index + 1, //individual plot rgbIndex\n            plotType,\n            accessToken,\n          )\n          return plotData\n        }),\n      )\n    },\n  })\n\n  const selectedFacetValue = useMemo(() => {\n    if (!facetsToPlot) {\n      return ''\n    }\n\n    // If we are showing a facet selection based card, then set the selectedFacetValue.  For example, facet column \"study\" with value \"ROSMAP\"\n    const selectedFacet: FacetColumnResultValueCount | undefined = queryMetadata\n      ?.facets!.map(item => {\n        const facetValues: FacetColumnResultValueCount[] = (\n          item as FacetColumnResultValues\n        ).facetValues\n        if (facetValues) {\n          const filteredFacetValues: FacetColumnResultValueCount[] =\n            facetValues.filter(facetValue => {\n              return facetValue.isSelected\n            })\n          return filteredFacetValues.length > 0\n            ? filteredFacetValues[0]\n            : undefined\n        } else {\n          return undefined\n        }\n      })\n      .filter(x => x !== undefined)[0]\n\n    if (selectedFacet?.value) {\n      return selectedFacet?.value\n    }\n    return ''\n  }, [facetsToPlot, queryMetadata?.facets])\n\n  const isShowingMultiplePlots = facetPlotDataArray.length > 1\n  const cardTitle =\n    title ??\n    (isShowingMultiplePlots\n      ? selectedFacetValue\n      : getColumnDisplayName(facetDataArray[0].columnName))\n  return (\n    <Paper className={FACET_PLOTS_CARD_CLASSNAME} sx={{ overflow: 'hidden' }}>\n      <FacetPlotsCardTitleContainer\n        className={FACET_PLOTS_CARD_TITLE_CONTAINER_CLASSNAME}\n      >\n        <Typography variant={'headline1'}>{cardTitle}</Typography>\n        {description && (\n          <Typography variant={'body1'} sx={{ color: 'grey.700', my: 2 }}>\n            <ShowMore summary={description} maxCharacterCount={200} />\n          </Typography>\n        )}\n\n        {detailsPagePath && selectedFacetValue && (\n          <Box sx={{ my: 2 }}>\n            <Button\n              variant={'contained'}\n              href={detailsPagePath}\n              color={'secondary'}\n              sx={theme => ({\n                [theme.breakpoints.down('sm')]: { width: '100%' },\n              })}\n            >\n              Explore {selectedFacetValue}\n            </Button>\n          </Box>\n        )}\n      </FacetPlotsCardTitleContainer>\n\n      {/* create a plot for every facet to be plotted */}\n      {facetPlotDataArray.map((plotData, index) => {\n        return (\n          <Fragment key={index}>\n            <FacetPlotsCardPlotContainer\n              className={FACET_PLOTS_CARD_PLOT_CONTAINER_CLASSNAME}\n              sx={{\n                pt: index === 0 ? 5 : 0,\n                gridRow: `plot${index}`,\n              }}\n              key={index}\n            >\n              {index != 0 && <Divider sx={{ mt: 2, mb: 4 }} />}\n              <Box sx={{ minHeight: '130px' }}>\n                <Box\n                  ref={plotContainerRef}\n                  sx={{\n                    display: 'flex',\n                    justifyContent: 'center',\n                    alignItems: 'center',\n                  }}\n                >\n                  <Plot\n                    key={`${facetsToPlot![index]}-${\n                      plotContainerMeasurements?.width\n                    }`}\n                    layout={currentLayout}\n                    data={plotData?.data ?? []}\n                    style={getPlotStyle(\n                      plotContainerMeasurements?.width,\n                      plotType,\n                      maxPlotHeight,\n                    )}\n                    config={{ displayModeBar: false }}\n                  />\n                </Box>\n                <Box sx={{ mt: 4, width: '100%' }}>\n                  <FacetPlotLegendTable\n                    facetName={getColumnDisplayName(\n                      facetDataArray[index].columnName,\n                    )}\n                    labels={plotData?.labels}\n                    colors={plotData?.colors}\n                    isExpanded={false}\n                    linkToFullQuery={detailsPagePath}\n                  />\n                </Box>\n              </Box>\n            </FacetPlotsCardPlotContainer>\n          </Fragment>\n        )\n      })}\n    </Paper>\n  )\n}\n\nexport default function FacetPlotsCardWithSuspense(props: FacetPlotsCardProps) {\n  return (\n    <Suspense\n      fallback={<LoadingCard numPlots={(props.facetsToPlot ?? []).length} />}\n    >\n      <FacetPlotsCard {...props} />\n    </Suspense>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"FacetPlotsCard.js","names":[],"sources":["../../../src/components/FeaturedDataTabs/FacetPlotsCard.tsx"],"sourcesContent":["import { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  Box,\n  Button,\n  Divider,\n  Paper,\n  Skeleton,\n  Typography,\n} from '@mui/material'\nimport {\n  EnumerationFacet,\n  getEnumerationFacets,\n} from '@/utils/functions/enumerationFacet'\nimport { ColumnTypeEnum } from '@sage-bionetworks/synapse-types'\nimport { useSuspenseQuery } from '@tanstack/react-query'\nimport { times } from 'lodash-es'\nimport Plotly from 'plotly.js-basic-dist'\nimport { Fragment, Suspense, useMemo } from 'react'\nimport Plot from '../Plot/Plot'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\nimport { ShowMore } from '../row_renderers/utils'\nimport { SkeletonParagraph, SkeletonTable } from '../Skeleton'\nimport {\n  extractPlotDataArray,\n  getPlotStyle,\n  PlotType,\n} from '../widgets/facet-nav/FacetNavPanel'\nimport { FacetPlotLegendTable } from '../widgets/facet-nav/FacetPlotLegendTable'\nimport { getFacets } from '../widgets/facet-nav/useFacetPlots'\nimport {\n  FACET_PLOTS_CARD_CLASSNAME,\n  FACET_PLOTS_CARD_PLOT_CONTAINER_CLASSNAME,\n  FACET_PLOTS_CARD_TITLE_CONTAINER_CLASSNAME,\n  FacetPlotsCardPlotContainer,\n  FacetPlotsCardTitleContainer,\n} from './FacetPlotsCardGrid'\nimport { useMeasure } from '@react-hookz/web'\n\nexport type FacetPlotsCardProps = {\n  title?: string\n  description?: string\n  facetsToPlot?: string[]\n  detailsPagePath?: string\n  plotType?: PlotType\n}\n\nconst layout: Partial<Plotly.Layout> = {\n  showlegend: false,\n  annotations: [],\n  margin: { l: 0, r: 0, b: 0, t: 0, pad: 0 },\n  yaxis: {\n    visible: false,\n    showgrid: false,\n  },\n  xaxis: {\n    visible: false,\n    showgrid: false,\n  },\n}\n\nfunction LoadingCard(props: { numPlots: number }) {\n  const { numPlots } = props\n  return (\n    <Paper className={FACET_PLOTS_CARD_CLASSNAME}>\n      <FacetPlotsCardTitleContainer\n        className={FACET_PLOTS_CARD_TITLE_CONTAINER_CLASSNAME}\n      >\n        <Skeleton width={'60%'} height={'24px'} />\n\n        <SkeletonParagraph numRows={5} />\n\n        <Skeleton width={'40%'}>\n          <Button variant={'contained'}>Explore</Button>\n        </Skeleton>\n      </FacetPlotsCardTitleContainer>\n      {times(numPlots).map(index => (\n        <FacetPlotsCardPlotContainer\n          key={index}\n          className={FACET_PLOTS_CARD_PLOT_CONTAINER_CLASSNAME}\n          sx={{\n            py: 3,\n            gridRow: `plot${index}`,\n          }}\n        >\n          <Skeleton width={'100%'} height={'300px'} />\n          <SkeletonTable numRows={4} numCols={2} />\n        </FacetPlotsCardPlotContainer>\n      ))}\n    </Paper>\n  )\n}\n\nfunction FacetPlotsCard(props: FacetPlotsCardProps) {\n  const {\n    title,\n    description,\n    facetsToPlot,\n    detailsPagePath,\n    plotType = 'PIE',\n  } = props\n  const { accessToken } = useSynapseContext()\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n  const { getColumnDisplayName } = useQueryVisualizationContext()\n  const [plotContainerMeasurements, plotContainerRef] = useMeasure()\n\n  const facetDataArray = useMemo(() => {\n    if (!facetsToPlot) {\n      return []\n    }\n\n    return getFacets(queryMetadata, facetsToPlot)\n  }, [facetsToPlot, queryMetadata])\n\n  const currentLayout: Partial<Plotly.Layout> = useMemo(() => {\n    return {\n      ...layout,\n      barmode: plotType === 'STACKED_HORIZONTAL_BAR' ? 'stack' : undefined,\n    }\n  }, [plotType])\n  const maxPlotHeight = plotType === 'STACKED_HORIZONTAL_BAR' ? 50 : 150\n  const { data: facetPlotDataArray } = useSuspenseQuery({\n    queryKey: [\n      'facetPlotDataArray',\n      facetsToPlot,\n      facetDataArray,\n      queryMetadata.facetPostProcessingApplied,\n    ],\n    queryFn: async () => {\n      if (!facetsToPlot) {\n        return []\n      }\n\n      const getColumnType = (\n        facetToPlot: EnumerationFacet,\n      ): ColumnTypeEnum | undefined =>\n        queryMetadata.columnModels!.find(\n          columnModel => columnModel.name === facetToPlot.columnName,\n        )?.columnType as ColumnTypeEnum\n\n      return Promise.all(\n        facetDataArray.map(async (item, index) => {\n          const plotData = await extractPlotDataArray(\n            item,\n            getColumnType(item),\n            index + 1, //individual plot rgbIndex\n            plotType,\n            accessToken,\n            queryMetadata.facetPostProcessingApplied,\n          )\n          return plotData\n        }),\n      )\n    },\n  })\n\n  const selectedFacetValue = useMemo(() => {\n    if (!facetsToPlot) {\n      return ''\n    }\n\n    // If we are showing a facet selection based card, then set the selectedFacetValue.  For example, facet column \"study\" with value \"ROSMAP\"\n    const selectedFacet = getEnumerationFacets(queryMetadata?.facets)\n      .flatMap(facet => facet.facetValues)\n      .find(facetValue => facetValue.isSelected)\n\n    if (selectedFacet?.value) {\n      return selectedFacet?.value\n    }\n    return ''\n  }, [facetsToPlot, queryMetadata?.facets])\n\n  const isShowingMultiplePlots = facetPlotDataArray.length > 1\n  const cardTitle =\n    title ??\n    (isShowingMultiplePlots\n      ? selectedFacetValue\n      : getColumnDisplayName(facetDataArray[0].columnName))\n  return (\n    <Paper className={FACET_PLOTS_CARD_CLASSNAME} sx={{ overflow: 'hidden' }}>\n      <FacetPlotsCardTitleContainer\n        className={FACET_PLOTS_CARD_TITLE_CONTAINER_CLASSNAME}\n      >\n        <Typography variant={'headline1'}>{cardTitle}</Typography>\n        {description && (\n          <Typography variant={'body1'} sx={{ color: 'grey.700', my: 2 }}>\n            <ShowMore summary={description} maxCharacterCount={200} />\n          </Typography>\n        )}\n\n        {detailsPagePath && selectedFacetValue && (\n          <Box sx={{ my: 2 }}>\n            <Button\n              variant={'contained'}\n              href={detailsPagePath}\n              color={'secondary'}\n              sx={theme => ({\n                [theme.breakpoints.down('sm')]: { width: '100%' },\n              })}\n            >\n              Explore {selectedFacetValue}\n            </Button>\n          </Box>\n        )}\n      </FacetPlotsCardTitleContainer>\n\n      {/* create a plot for every facet to be plotted */}\n      {facetPlotDataArray.map((plotData, index) => {\n        return (\n          <Fragment key={index}>\n            <FacetPlotsCardPlotContainer\n              className={FACET_PLOTS_CARD_PLOT_CONTAINER_CLASSNAME}\n              sx={{\n                pt: index === 0 ? 5 : 0,\n                gridRow: `plot${index}`,\n              }}\n              key={index}\n            >\n              {index != 0 && <Divider sx={{ mt: 2, mb: 4 }} />}\n              <Box sx={{ minHeight: '130px' }}>\n                <Box\n                  ref={plotContainerRef}\n                  sx={{\n                    display: 'flex',\n                    justifyContent: 'center',\n                    alignItems: 'center',\n                  }}\n                >\n                  <Plot\n                    key={`${facetsToPlot![index]}-${\n                      plotContainerMeasurements?.width\n                    }`}\n                    layout={currentLayout}\n                    data={plotData?.data ?? []}\n                    style={getPlotStyle(\n                      plotContainerMeasurements?.width,\n                      plotType,\n                      maxPlotHeight,\n                    )}\n                    config={{ displayModeBar: false }}\n                  />\n                </Box>\n                <Box sx={{ mt: 4, width: '100%' }}>\n                  <FacetPlotLegendTable\n                    facetName={getColumnDisplayName(\n                      facetDataArray[index].columnName,\n                    )}\n                    labels={plotData?.labels}\n                    colors={plotData?.colors}\n                    isExpanded={false}\n                    linkToFullQuery={detailsPagePath}\n                  />\n                </Box>\n              </Box>\n            </FacetPlotsCardPlotContainer>\n          </Fragment>\n        )\n      })}\n    </Paper>\n  )\n}\n\nexport default function FacetPlotsCardWithSuspense(props: FacetPlotsCardProps) {\n  return (\n    <Suspense\n      fallback={<LoadingCard numPlots={(props.facetsToPlot ?? []).length} />}\n    >\n      <FacetPlotsCard {...props} />\n    </Suspense>\n  )\n}\n"],"mappings":"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"}

package/dist/components/FormTemplateEditor/ChoiceOptionsEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChoiceOptionsEditor.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/ChoiceOptionsEditor.tsx"],"names":[],"mappings":"AAUA,KAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACnC,CAAA;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,QAAQ,GACT,EAAE,wBAAwB,2CAkD1B"}
+{"version":3,"file":"ChoiceOptionsEditor.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/ChoiceOptionsEditor.tsx"],"names":[],"mappings":"AAWA,KAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACnC,CAAA;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,QAAQ,GACT,EAAE,wBAAwB,2CAkD1B"}

package/dist/components/FormTemplateEditor/ChoiceOptionsEditor.js

@@ -1,6 +1,7 @@
 import { Box as e, Button as t, IconButton as n, Stack as r, TextField as i, Typography as a } from "@mui/material";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { Add as c, Delete as l } from "@mui/icons-material";
+import c from "@mui/icons-material/Add";
+import l from "@mui/icons-material/Delete";
 //#region src/components/FormTemplateEditor/ChoiceOptionsEditor.tsx
 function u({ options: u, onChange: d }) {
 	let f = (e, t) => {

package/dist/components/FormTemplateEditor/ChoiceOptionsEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChoiceOptionsEditor.js","names":[],"sources":["../../../src/components/FormTemplateEditor/ChoiceOptionsEditor.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  IconButton,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { Add as AddIcon, Delete as DeleteIcon } from '@mui/icons-material'\n\ntype ChoiceOptionsEditorProps = {\n  options: string[]\n  onChange: (next: string[]) => void\n}\n\n/**\n * Edits a choice field's options. At least one option is always kept, and added options get a\n * unique `Option N` label.\n */\nexport function ChoiceOptionsEditor({\n  options,\n  onChange,\n}: ChoiceOptionsEditorProps) {\n  const update = (idx: number, next: string) => {\n    onChange(options.map((o, i) => (i === idx ? next : o)))\n  }\n  const remove = (idx: number) => {\n    onChange(options.filter((_, i) => i !== idx))\n  }\n  const add = () => {\n    let n = options.length + 1\n    while (options.includes(`Option ${n}`)) n++\n    onChange([...options, `Option ${n}`])\n  }\n\n  return (\n    <Box sx={{ pl: 1, borderLeft: 2, borderColor: 'divider' }}>\n      <Typography\n        variant=\"caption\"\n        color=\"text.secondary\"\n        sx={{ display: 'block', mb: 0.5 }}\n      >\n        Choices\n      </Typography>\n      <Stack spacing={1}>\n        {/* Index keys are safe: rows are fully controlled and hold no local state. */}\n        {options.map((opt, idx) => (\n          <Box key={idx} sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n            <TextField\n              value={opt}\n              onChange={e => update(idx, e.target.value)}\n              size=\"small\"\n              fullWidth\n            />\n            <IconButton\n              size=\"small\"\n              aria-label=\"Delete choice\"\n              onClick={() => remove(idx)}\n              disabled={options.length <= 1}\n            >\n              <DeleteIcon fontSize=\"small\" />\n            </IconButton>\n          </Box>\n        ))}\n        <Box>\n          <Button size=\"small\" startIcon={<AddIcon />} onClick={add}>\n            Add choice\n          </Button>\n        </Box>\n      </Stack>\n    </Box>\n  )\n}\n"],"mappings":";;;;AAmBA,SAAgB,EAAoB,EAClC,YACA,eAC2B;CAC3B,IAAM,KAAU,GAAa,MAAiB;EAC5C,EAAS,EAAQ,KAAK,GAAG,MAAO,MAAM,IAAM,IAAO,CAAE,CAAC;CACxD,GACM,KAAU,MAAgB;EAC9B,EAAS,EAAQ,QAAQ,GAAG,MAAM,MAAM,CAAG,CAAC;CAC9C;CAOA,OACE,kBAAC,GAAD;EAAK,IAAI;GAAE,IAAI;GAAG,YAAY;GAAG,aAAa;EAAU;YAAxD,CACE,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,IAAI;IAAE,SAAS;IAAS,IAAI;GAAI;aACjC;EAEW,CAAA,GACZ,kBAAC,GAAD;GAAO,SAAS;aAAhB,CAEG,EAAQ,KAAK,GAAK,MACjB,kBAAC,GAAD;IAAe,IAAI;KAAE,SAAS;KAAQ,YAAY;KAAU,KAAK;IAAE;cAAnE,CACE,kBAAC,GAAD;KACE,OAAO;KACP,WAAU,MAAK,EAAO,GAAK,EAAE,OAAO,KAAK;KACzC,MAAK;KACL,WAAA;IACD,CAAA,GACD,kBAAC,GAAD;KACE,MAAK;KACL,cAAW;KACX,eAAe,EAAO,CAAG;KACzB,UAAU,EAAQ,UAAU;eAE5B,kBAAC,GAAD,EAAY,UAAS,QAAS,CAAA;IACpB,CAAA,CACT;MAfK,CAeL,CACN,GACD,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAQ,MAAK;IAAQ,WAAW,kBAAC,GAAD,CAAU,CAAA;IAAG,eApCnC;KAChB,IAAI,IAAI,EAAQ,SAAS;KACzB,OAAO,EAAQ,SAAS,UAAU,GAAG,IAAG;KACxC,EAAS,CAAC,GAAG,GAAS,UAAU,GAAG,CAAC;IACtC;cAgCmE;GAEnD,CAAA,EACL,CAAA,CACA;IACJ;;AAET"}
+{"version":3,"file":"ChoiceOptionsEditor.js","names":[],"sources":["../../../src/components/FormTemplateEditor/ChoiceOptionsEditor.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  IconButton,\n  Stack,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport AddIcon from '@mui/icons-material/Add'\nimport DeleteIcon from '@mui/icons-material/Delete'\n\ntype ChoiceOptionsEditorProps = {\n  options: string[]\n  onChange: (next: string[]) => void\n}\n\n/**\n * Edits a choice field's options. At least one option is always kept, and added options get a\n * unique `Option N` label.\n */\nexport function ChoiceOptionsEditor({\n  options,\n  onChange,\n}: ChoiceOptionsEditorProps) {\n  const update = (idx: number, next: string) => {\n    onChange(options.map((o, i) => (i === idx ? next : o)))\n  }\n  const remove = (idx: number) => {\n    onChange(options.filter((_, i) => i !== idx))\n  }\n  const add = () => {\n    let n = options.length + 1\n    while (options.includes(`Option ${n}`)) n++\n    onChange([...options, `Option ${n}`])\n  }\n\n  return (\n    <Box sx={{ pl: 1, borderLeft: 2, borderColor: 'divider' }}>\n      <Typography\n        variant=\"caption\"\n        color=\"text.secondary\"\n        sx={{ display: 'block', mb: 0.5 }}\n      >\n        Choices\n      </Typography>\n      <Stack spacing={1}>\n        {/* Index keys are safe: rows are fully controlled and hold no local state. */}\n        {options.map((opt, idx) => (\n          <Box key={idx} sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n            <TextField\n              value={opt}\n              onChange={e => update(idx, e.target.value)}\n              size=\"small\"\n              fullWidth\n            />\n            <IconButton\n              size=\"small\"\n              aria-label=\"Delete choice\"\n              onClick={() => remove(idx)}\n              disabled={options.length <= 1}\n            >\n              <DeleteIcon fontSize=\"small\" />\n            </IconButton>\n          </Box>\n        ))}\n        <Box>\n          <Button size=\"small\" startIcon={<AddIcon />} onClick={add}>\n            Add choice\n          </Button>\n        </Box>\n      </Stack>\n    </Box>\n  )\n}\n"],"mappings":";;;;;AAoBA,SAAgB,EAAoB,EAClC,YACA,eAC2B;CAC3B,IAAM,KAAU,GAAa,MAAiB;EAC5C,EAAS,EAAQ,KAAK,GAAG,MAAO,MAAM,IAAM,IAAO,CAAE,CAAC;CACxD,GACM,KAAU,MAAgB;EAC9B,EAAS,EAAQ,QAAQ,GAAG,MAAM,MAAM,CAAG,CAAC;CAC9C;CAOA,OACE,kBAAC,GAAD;EAAK,IAAI;GAAE,IAAI;GAAG,YAAY;GAAG,aAAa;EAAU;YAAxD,CACE,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,IAAI;IAAE,SAAS;IAAS,IAAI;GAAI;aACjC;EAEW,CAAA,GACZ,kBAAC,GAAD;GAAO,SAAS;aAAhB,CAEG,EAAQ,KAAK,GAAK,MACjB,kBAAC,GAAD;IAAe,IAAI;KAAE,SAAS;KAAQ,YAAY;KAAU,KAAK;IAAE;cAAnE,CACE,kBAAC,GAAD;KACE,OAAO;KACP,WAAU,MAAK,EAAO,GAAK,EAAE,OAAO,KAAK;KACzC,MAAK;KACL,WAAA;IACD,CAAA,GACD,kBAAC,GAAD;KACE,MAAK;KACL,cAAW;KACX,eAAe,EAAO,CAAG;KACzB,UAAU,EAAQ,UAAU;eAE5B,kBAAC,GAAD,EAAY,UAAS,QAAS,CAAA;IACpB,CAAA,CACT;MAfK,CAeL,CACN,GACD,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAQ,MAAK;IAAQ,WAAW,kBAAC,GAAD,CAAU,CAAA;IAAG,eApCnC;KAChB,IAAI,IAAI,EAAQ,SAAS;KACzB,OAAO,EAAQ,SAAS,UAAU,GAAG,IAAG;KACxC,EAAS,CAAC,GAAG,GAAS,UAAU,GAAG,CAAC;IACtC;cAgCmE;GAEnD,CAAA,EACL,CAAA,CACA;IACJ;;AAET"}

package/dist/components/FormTemplateEditor/FieldDefinitionDrawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldDefinitionDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/FieldDefinitionDrawer.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAoB5E,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,EAAE,OAAO,CAAA;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,6EAA6E;IAC7E,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,QAAQ,EAAE,UAAU,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,OAAO,CAAA;IACnB;;;;;;OAMG;IACH,OAAO,EAAE,qBAAqB,CAAA;IAC9B,qFAAqF;IACrF,aAAa,EAAE,OAAO,CAAA;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;IAC9C,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,gBAAgB,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,eAAe,EAAE,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACzD,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,OAAO,EACP,aAAa,EACb,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,QAAQ,GACT,EAAE,0BAA0B,2CA8M5B"}
+{"version":3,"file":"FieldDefinitionDrawer.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/FieldDefinitionDrawer.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAExC,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAA;AAoB5E,MAAM,MAAM,0BAA0B,GAAG;IACvC,IAAI,EAAE,OAAO,CAAA;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,6EAA6E;IAC7E,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACzB,QAAQ,EAAE,UAAU,GAAG,IAAI,CAAA;IAC3B,UAAU,EAAE,OAAO,CAAA;IACnB;;;;;;OAMG;IACH,OAAO,EAAE,qBAAqB,CAAA;IAC9B,qFAAqF;IACrF,aAAa,EAAE,OAAO,CAAA;IACtB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAA;IAC9C,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,SAAS,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAA;IACrC,gBAAgB,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,eAAe,EAAE,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACzD,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,OAAO,EACP,aAAa,EACb,OAAO,EACP,QAAQ,EACR,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,eAAe,EACf,QAAQ,GACT,EAAE,0BAA0B,2CA8M5B"}

package/dist/components/FormTemplateEditor/FieldDefinitionDrawer.js

@@ -3,7 +3,8 @@ import { FIELD_TYPE_OPTIONS as t, applyFieldType as n, choiceOptions as r, detec
 import { useState as o } from "react";
 import { Alert as s, Box as c, Button as l, Drawer as u, FormControlLabel as d, IconButton as f, MenuItem as p, Stack as m, Switch as h, TextField as g, Typography as _ } from "@mui/material";
 import { jsx as v, jsxs as y } from "react/jsx-runtime";
-import { Close as b, Delete as x } from "@mui/icons-material";
+import b from "@mui/icons-material/Close";
+import x from "@mui/icons-material/Delete";
 //#region src/components/FormTemplateEditor/FieldDefinitionDrawer.tsx
 var S = [
 	{

package/dist/components/FormTemplateEditor/FieldDefinitionDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldDefinitionDrawer.js","names":[],"sources":["../../../src/components/FormTemplateEditor/FieldDefinitionDrawer.tsx"],"sourcesContent":["import {\n  Alert,\n  Box,\n  Button,\n  Drawer,\n  FormControlLabel,\n  IconButton,\n  MenuItem,\n  Stack,\n  Switch,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { Close as CloseIcon, Delete as DeleteIcon } from '@mui/icons-material'\nimport { RJSFSchema } from '@rjsf/utils'\nimport { useState } from 'react'\nimport { SchemaPropertyContext } from '@/utils/jsonschema/submissionContext'\nimport { ChoiceOptionsEditor } from './ChoiceOptionsEditor'\nimport {\n  applyFieldType,\n  choiceOptions,\n  detectFieldType,\n  FIELD_TYPE_OPTIONS,\n  sanitizePropertyKey,\n  SimpleFieldType,\n} from './schemaFieldUtils'\n\nconst SUBMISSION_CONTEXT_OPTIONS: {\n  value: SchemaPropertyContext\n  label: string\n}[] = [\n  { value: 'ALWAYS', label: 'Always' },\n  { value: 'REQUEST_ONLY', label: 'Initial request only' },\n  { value: 'RENEWAL_ONLY', label: 'Renewal only' },\n]\n\nexport type FieldDefinitionDrawerProps = {\n  open: boolean\n  propertyKey: string | null\n  /** All property keys currently defined in the schema, including this one. */\n  existingKeys: Set<string>\n  property: RJSFSchema | null\n  isRequired: boolean\n  /**\n   * Which submission context this property applies to (per the schema's\n   * `x-synapse-submissionContext` `allOf` convention). Editable here via a guided select box.\n   * This component only calls `onChangeContext`; a container elsewhere in the authoring flow is\n   * responsible for moving the property's definition between the schema's top-level `properties`\n   * and the matching `allOf` branch so ACT never has to hand-edit `allOf` for the common case.\n   */\n  context: SchemaPropertyContext\n  /** True when this field is bound to one or more steps. Affects delete affordance. */\n  isUsedInSteps: boolean\n  onClose: () => void\n  onUpdate: (patch: Partial<RJSFSchema>) => void\n  onRenameKey: (newKey: string) => void\n  onReplace: (next: RJSFSchema) => void\n  onChangeRequired: (isRequired: boolean) => void\n  onChangeContext: (context: SchemaPropertyContext) => void\n  onRemove: () => void\n}\n\n/**\n * Slide-in drawer for editing a single field's JSON Schema definition (label, help text, type,\n * required, submission context, choice options, file format).\n */\nexport function FieldDefinitionDrawer({\n  open,\n  propertyKey,\n  existingKeys,\n  property,\n  isRequired,\n  context,\n  isUsedInSteps,\n  onClose,\n  onUpdate,\n  onRenameKey,\n  onReplace,\n  onChangeRequired,\n  onChangeContext,\n  onRemove,\n}: FieldDefinitionDrawerProps) {\n  const type = property ? detectFieldType(property) : null\n  const isAdvanced = property !== null && type === null\n\n  // The draft exists only while the key is being edited, and is tagged with the key it was started\n  // from. When `propertyKey` changes underneath it (switching fields, or the container re-slugging\n  // the key from the label) the draft no longer applies and the prop is shown again.\n  const [keyDraft, setKeyDraft] = useState<{\n    forKey: string | null\n    value: string\n  } | null>(null)\n  const displayedKey =\n    keyDraft?.forKey === propertyKey ? keyDraft.value : (propertyKey ?? '')\n\n  let keyError: string | null = null\n  if (displayedKey.length === 0) {\n    keyError = 'Required'\n  } else if (displayedKey !== propertyKey && existingKeys.has(displayedKey)) {\n    keyError = 'Already used by another field'\n  }\n\n  const commitKeyDraft = () => {\n    if (propertyKey && !keyError && displayedKey !== propertyKey) {\n      onRenameKey(displayedKey)\n    }\n    setKeyDraft(null)\n  }\n\n  const handleChangeType = (next: SimpleFieldType) => {\n    if (!property) return\n    onReplace(applyFieldType(property, next))\n  }\n\n  return (\n    <Drawer\n      open={open}\n      onClose={onClose}\n      anchor=\"right\"\n      slotProps={{ paper: { sx: { width: { xs: '100%', sm: 480 } } } }}\n    >\n      <Box\n        sx={{ p: 3, display: 'flex', flexDirection: 'column', height: '100%' }}\n      >\n        <Box sx={{ display: 'flex', alignItems: 'center', mb: 2 }}>\n          <Typography variant=\"h6\" sx={{ flexGrow: 1 }}>\n            Edit field\n          </Typography>\n          <IconButton onClick={onClose} aria-label=\"Close field editor\">\n            <CloseIcon />\n          </IconButton>\n        </Box>\n\n        {propertyKey && (\n          <TextField\n            label=\"Property key\"\n            value={displayedKey}\n            onChange={e =>\n              setKeyDraft({\n                forKey: propertyKey,\n                value: sanitizePropertyKey(e.target.value),\n              })\n            }\n            onBlur={commitKeyDraft}\n            onKeyDown={e => {\n              if (e.key === 'Enter') {\n                e.preventDefault()\n                commitKeyDraft()\n              }\n            }}\n            error={keyError !== null}\n            helperText={\n              keyError ??\n              'Identifies this field in the JSON Schema and submitted requests.'\n            }\n            size=\"small\"\n            fullWidth\n            sx={{ mb: 2 }}\n            slotProps={{ input: { sx: { fontFamily: 'monospace' } } }}\n          />\n        )}\n\n        {property && (\n          <TextField\n            select\n            label=\"Submission context\"\n            value={context}\n            onChange={e =>\n              onChangeContext(e.target.value as SchemaPropertyContext)\n            }\n            size=\"small\"\n            fullWidth\n            sx={{ mb: 2 }}\n            helperText=\"Controls whether requesters are asked this question on an initial request, a renewal, or both.\"\n          >\n            {SUBMISSION_CONTEXT_OPTIONS.map(opt => (\n              <MenuItem key={opt.value} value={opt.value}>\n                {opt.label}\n              </MenuItem>\n            ))}\n          </TextField>\n        )}\n\n        <Box sx={{ flexGrow: 1, overflow: 'auto' }}>\n          {!property ? (\n            <Alert severity=\"info\">No field selected.</Alert>\n          ) : isAdvanced ? (\n            <Alert severity=\"warning\" variant=\"outlined\">\n              This field uses settings not supported by the simple editor. Edit\n              it via the advanced raw JSON Schema view.\n            </Alert>\n          ) : (\n            <Stack spacing={2}>\n              <TextField\n                label=\"Question label\"\n                value={property.title ?? ''}\n                onChange={e => onUpdate({ title: e.target.value })}\n                size=\"small\"\n                fullWidth\n              />\n              <TextField\n                label=\"Help text\"\n                value={property.description ?? ''}\n                onChange={e => onUpdate({ description: e.target.value })}\n                size=\"small\"\n                multiline\n                rows={3}\n                fullWidth\n                helperText=\"Shown to the requester below the question.\"\n              />\n              <Stack direction=\"row\" spacing={1} alignItems=\"center\">\n                <TextField\n                  select\n                  label=\"Field type\"\n                  value={type}\n                  onChange={e =>\n                    handleChangeType(e.target.value as SimpleFieldType)\n                  }\n                  size=\"small\"\n                  sx={{ flexGrow: 1 }}\n                >\n                  {FIELD_TYPE_OPTIONS.map(opt => (\n                    <MenuItem key={opt.value} value={opt.value}>\n                      {opt.label}\n                    </MenuItem>\n                  ))}\n                </TextField>\n                <FormControlLabel\n                  control={\n                    <Switch\n                      checked={isRequired}\n                      onChange={e => onChangeRequired(e.target.checked)}\n                    />\n                  }\n                  label=\"Required\"\n                />\n              </Stack>\n\n              {(type === 'choice' || type === 'multiChoice') && (\n                <ChoiceOptionsEditor\n                  options={choiceOptions(property)}\n                  onChange={next =>\n                    type === 'choice'\n                      ? onUpdate({ enum: next })\n                      : onUpdate({\n                          items: {\n                            ...(property.items as RJSFSchema),\n                            enum: next,\n                          },\n                        })\n                  }\n                />\n              )}\n\n              {type === 'file' && (\n                <Alert severity=\"info\" variant=\"outlined\">\n                  Requesters will be prompted to upload a file. You can attach a\n                  downloadable template to this field on each step that uses it.\n                </Alert>\n              )}\n            </Stack>\n          )}\n        </Box>\n\n        <Box\n          sx={{\n            pt: 2,\n            display: 'flex',\n            justifyContent: 'space-between',\n            gap: 1,\n          }}\n        >\n          <Button\n            color=\"error\"\n            startIcon={<DeleteIcon />}\n            onClick={onRemove}\n            disabled={!property}\n          >\n            {isUsedInSteps ? 'Delete (will remove from form)' : 'Delete field'}\n          </Button>\n          <Button variant=\"contained\" onClick={onClose}>\n            Done\n          </Button>\n        </Box>\n      </Box>\n    </Drawer>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"FieldDefinitionDrawer.js","names":[],"sources":["../../../src/components/FormTemplateEditor/FieldDefinitionDrawer.tsx"],"sourcesContent":["import {\n  Alert,\n  Box,\n  Button,\n  Drawer,\n  FormControlLabel,\n  IconButton,\n  MenuItem,\n  Stack,\n  Switch,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport CloseIcon from '@mui/icons-material/Close'\nimport DeleteIcon from '@mui/icons-material/Delete'\nimport { RJSFSchema } from '@rjsf/utils'\nimport { useState } from 'react'\nimport { SchemaPropertyContext } from '@/utils/jsonschema/submissionContext'\nimport { ChoiceOptionsEditor } from './ChoiceOptionsEditor'\nimport {\n  applyFieldType,\n  choiceOptions,\n  detectFieldType,\n  FIELD_TYPE_OPTIONS,\n  sanitizePropertyKey,\n  SimpleFieldType,\n} from './schemaFieldUtils'\n\nconst SUBMISSION_CONTEXT_OPTIONS: {\n  value: SchemaPropertyContext\n  label: string\n}[] = [\n  { value: 'ALWAYS', label: 'Always' },\n  { value: 'REQUEST_ONLY', label: 'Initial request only' },\n  { value: 'RENEWAL_ONLY', label: 'Renewal only' },\n]\n\nexport type FieldDefinitionDrawerProps = {\n  open: boolean\n  propertyKey: string | null\n  /** All property keys currently defined in the schema, including this one. */\n  existingKeys: Set<string>\n  property: RJSFSchema | null\n  isRequired: boolean\n  /**\n   * Which submission context this property applies to (per the schema's\n   * `x-synapse-submissionContext` `allOf` convention). Editable here via a guided select box.\n   * This component only calls `onChangeContext`; a container elsewhere in the authoring flow is\n   * responsible for moving the property's definition between the schema's top-level `properties`\n   * and the matching `allOf` branch so ACT never has to hand-edit `allOf` for the common case.\n   */\n  context: SchemaPropertyContext\n  /** True when this field is bound to one or more steps. Affects delete affordance. */\n  isUsedInSteps: boolean\n  onClose: () => void\n  onUpdate: (patch: Partial<RJSFSchema>) => void\n  onRenameKey: (newKey: string) => void\n  onReplace: (next: RJSFSchema) => void\n  onChangeRequired: (isRequired: boolean) => void\n  onChangeContext: (context: SchemaPropertyContext) => void\n  onRemove: () => void\n}\n\n/**\n * Slide-in drawer for editing a single field's JSON Schema definition (label, help text, type,\n * required, submission context, choice options, file format).\n */\nexport function FieldDefinitionDrawer({\n  open,\n  propertyKey,\n  existingKeys,\n  property,\n  isRequired,\n  context,\n  isUsedInSteps,\n  onClose,\n  onUpdate,\n  onRenameKey,\n  onReplace,\n  onChangeRequired,\n  onChangeContext,\n  onRemove,\n}: FieldDefinitionDrawerProps) {\n  const type = property ? detectFieldType(property) : null\n  const isAdvanced = property !== null && type === null\n\n  // The draft exists only while the key is being edited, and is tagged with the key it was started\n  // from. When `propertyKey` changes underneath it (switching fields, or the container re-slugging\n  // the key from the label) the draft no longer applies and the prop is shown again.\n  const [keyDraft, setKeyDraft] = useState<{\n    forKey: string | null\n    value: string\n  } | null>(null)\n  const displayedKey =\n    keyDraft?.forKey === propertyKey ? keyDraft.value : (propertyKey ?? '')\n\n  let keyError: string | null = null\n  if (displayedKey.length === 0) {\n    keyError = 'Required'\n  } else if (displayedKey !== propertyKey && existingKeys.has(displayedKey)) {\n    keyError = 'Already used by another field'\n  }\n\n  const commitKeyDraft = () => {\n    if (propertyKey && !keyError && displayedKey !== propertyKey) {\n      onRenameKey(displayedKey)\n    }\n    setKeyDraft(null)\n  }\n\n  const handleChangeType = (next: SimpleFieldType) => {\n    if (!property) return\n    onReplace(applyFieldType(property, next))\n  }\n\n  return (\n    <Drawer\n      open={open}\n      onClose={onClose}\n      anchor=\"right\"\n      slotProps={{ paper: { sx: { width: { xs: '100%', sm: 480 } } } }}\n    >\n      <Box\n        sx={{ p: 3, display: 'flex', flexDirection: 'column', height: '100%' }}\n      >\n        <Box sx={{ display: 'flex', alignItems: 'center', mb: 2 }}>\n          <Typography variant=\"h6\" sx={{ flexGrow: 1 }}>\n            Edit field\n          </Typography>\n          <IconButton onClick={onClose} aria-label=\"Close field editor\">\n            <CloseIcon />\n          </IconButton>\n        </Box>\n\n        {propertyKey && (\n          <TextField\n            label=\"Property key\"\n            value={displayedKey}\n            onChange={e =>\n              setKeyDraft({\n                forKey: propertyKey,\n                value: sanitizePropertyKey(e.target.value),\n              })\n            }\n            onBlur={commitKeyDraft}\n            onKeyDown={e => {\n              if (e.key === 'Enter') {\n                e.preventDefault()\n                commitKeyDraft()\n              }\n            }}\n            error={keyError !== null}\n            helperText={\n              keyError ??\n              'Identifies this field in the JSON Schema and submitted requests.'\n            }\n            size=\"small\"\n            fullWidth\n            sx={{ mb: 2 }}\n            slotProps={{ input: { sx: { fontFamily: 'monospace' } } }}\n          />\n        )}\n\n        {property && (\n          <TextField\n            select\n            label=\"Submission context\"\n            value={context}\n            onChange={e =>\n              onChangeContext(e.target.value as SchemaPropertyContext)\n            }\n            size=\"small\"\n            fullWidth\n            sx={{ mb: 2 }}\n            helperText=\"Controls whether requesters are asked this question on an initial request, a renewal, or both.\"\n          >\n            {SUBMISSION_CONTEXT_OPTIONS.map(opt => (\n              <MenuItem key={opt.value} value={opt.value}>\n                {opt.label}\n              </MenuItem>\n            ))}\n          </TextField>\n        )}\n\n        <Box sx={{ flexGrow: 1, overflow: 'auto' }}>\n          {!property ? (\n            <Alert severity=\"info\">No field selected.</Alert>\n          ) : isAdvanced ? (\n            <Alert severity=\"warning\" variant=\"outlined\">\n              This field uses settings not supported by the simple editor. Edit\n              it via the advanced raw JSON Schema view.\n            </Alert>\n          ) : (\n            <Stack spacing={2}>\n              <TextField\n                label=\"Question label\"\n                value={property.title ?? ''}\n                onChange={e => onUpdate({ title: e.target.value })}\n                size=\"small\"\n                fullWidth\n              />\n              <TextField\n                label=\"Help text\"\n                value={property.description ?? ''}\n                onChange={e => onUpdate({ description: e.target.value })}\n                size=\"small\"\n                multiline\n                rows={3}\n                fullWidth\n                helperText=\"Shown to the requester below the question.\"\n              />\n              <Stack direction=\"row\" spacing={1} alignItems=\"center\">\n                <TextField\n                  select\n                  label=\"Field type\"\n                  value={type}\n                  onChange={e =>\n                    handleChangeType(e.target.value as SimpleFieldType)\n                  }\n                  size=\"small\"\n                  sx={{ flexGrow: 1 }}\n                >\n                  {FIELD_TYPE_OPTIONS.map(opt => (\n                    <MenuItem key={opt.value} value={opt.value}>\n                      {opt.label}\n                    </MenuItem>\n                  ))}\n                </TextField>\n                <FormControlLabel\n                  control={\n                    <Switch\n                      checked={isRequired}\n                      onChange={e => onChangeRequired(e.target.checked)}\n                    />\n                  }\n                  label=\"Required\"\n                />\n              </Stack>\n\n              {(type === 'choice' || type === 'multiChoice') && (\n                <ChoiceOptionsEditor\n                  options={choiceOptions(property)}\n                  onChange={next =>\n                    type === 'choice'\n                      ? onUpdate({ enum: next })\n                      : onUpdate({\n                          items: {\n                            ...(property.items as RJSFSchema),\n                            enum: next,\n                          },\n                        })\n                  }\n                />\n              )}\n\n              {type === 'file' && (\n                <Alert severity=\"info\" variant=\"outlined\">\n                  Requesters will be prompted to upload a file. You can attach a\n                  downloadable template to this field on each step that uses it.\n                </Alert>\n              )}\n            </Stack>\n          )}\n        </Box>\n\n        <Box\n          sx={{\n            pt: 2,\n            display: 'flex',\n            justifyContent: 'space-between',\n            gap: 1,\n          }}\n        >\n          <Button\n            color=\"error\"\n            startIcon={<DeleteIcon />}\n            onClick={onRemove}\n            disabled={!property}\n          >\n            {isUsedInSteps ? 'Delete (will remove from form)' : 'Delete field'}\n          </Button>\n          <Button variant=\"contained\" onClick={onClose}>\n            Done\n          </Button>\n        </Box>\n      </Box>\n    </Drawer>\n  )\n}\n"],"mappings":"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"}

package/dist/components/FormTemplateEditor/FieldLibrary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldLibrary.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/FieldLibrary.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AASxC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,UAAU,CAAA;IACtB,4EAA4E;IAC5E,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACtB,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,aAAa,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,SAAS,EACT,mBAAmB,EACnB,aAAa,EACb,aAAa,GACd,EAAE,iBAAiB,2CA4FnB"}
+{"version":3,"file":"FieldLibrary.d.ts","sourceRoot":"","sources":["../../../src/components/FormTemplateEditor/FieldLibrary.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AASxC,MAAM,MAAM,iBAAiB,GAAG;IAC9B,UAAU,EAAE,UAAU,CAAA;IACtB,4EAA4E;IAC5E,SAAS,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACtB,mBAAmB,EAAE,MAAM,GAAG,IAAI,CAAA;IAClC,aAAa,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,aAAa,EAAE,MAAM,IAAI,CAAA;CAC1B,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,SAAS,EACT,mBAAmB,EACnB,aAAa,EACb,aAAa,GACd,EAAE,iBAAiB,2CA4FnB"}

package/dist/components/FormTemplateEditor/FieldLibrary.js

@@ -4,7 +4,8 @@ import r from "./FieldLibrary.module.js";
 import { useMemo as i, useState as a } from "react";
 import { Alert as o, Box as s, Button as c, InputAdornment as l, Paper as u, Stack as d, TextField as f, Typography as p } from "@mui/material";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Add as g, Search as _ } from "@mui/icons-material";
+import g from "@mui/icons-material/Add";
+import _ from "@mui/icons-material/Search";
 //#region src/components/FormTemplateEditor/FieldLibrary.tsx
 function v({ jsonSchema: v, usedPaths: y, selectedPropertyKey: b, onSelectField: x, onCreateField: S }) {
 	let [C, w] = a(""), T = i(() => e(v), [v]), E = i(() => {