synapse-react-client 4.0.18 → 4.0.20

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

@@ -1 +1 @@
-{"version":3,"file":"DescriptionFieldTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/DescriptionFieldTemplate.tsx"],"sourcesContent":["import { CustomFormContext } from '@/components/JsonSchemaForm/CustomFormContext'\nimport { DescriptionFieldProps } from '@rjsf/utils'\nimport { Typography } from '@mui/material'\nimport FieldDescriptionTable from './FieldDescriptionTable'\n\nexport default function DescriptionFieldTemplate(props: DescriptionFieldProps) {\n  const { description, schema = {}, registry } = props\n\n  const descriptionFormat =\n    (registry.formContext as CustomFormContext).descriptionFormat || 'string'\n\n  if (schema.type === 'object') {\n    return (\n      <Typography variant={'body1'} sx={{ my: 2 }}>\n        {description}\n      </Typography>\n    )\n  }\n\n  if (descriptionFormat === 'string') {\n    return <Typography variant={'body1'}>{description}</Typography>\n  }\n\n  return <FieldDescriptionTable schema={schema} description={description} />\n}\n"],"mappings":";;;;AAKA,SAAwB,EAAyB,GAA8B;CAC7E,IAAM,EAAE,gBAAa,YAAS,EAAE,EAAE,gBAAa,GAEzC,IACH,EAAS,YAAkC,qBAAqB;AAcnE,QAZI,EAAO,SAAS,WAEhB,kBAAC,GAAD;EAAY,SAAS;EAAS,IAAI,EAAE,IAAI,GAAG;YACxC;EACU,CAAA,GAIb,MAAsB,WACjB,kBAAC,GAAD;EAAY,SAAS;YAAU;EAAyB,CAAA,GAG1D,kBAAC,GAAD;EAA+B;EAAqB;EAAe,CAAA"}
+{"version":3,"file":"DescriptionFieldTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/DescriptionFieldTemplate.tsx"],"sourcesContent":["import { CustomFormContext } from '@/components/JsonSchemaForm/CustomFormContext'\nimport { DescriptionFieldProps } from '@rjsf/utils'\nimport { Typography } from '@mui/material'\nimport FieldDescriptionTable from './FieldDescriptionTable'\n\nexport default function DescriptionFieldTemplate(props: DescriptionFieldProps) {\n  const { description, schema = {}, registry } = props\n\n  const descriptionFormat =\n    (registry.formContext as CustomFormContext).descriptionFormat || 'string'\n\n  if (schema.type === 'object') {\n    return (\n      <Typography variant={'body1'} sx={{ my: 2 }}>\n        {description}\n      </Typography>\n    )\n  }\n\n  if (descriptionFormat === 'string') {\n    return <Typography variant={'body1'}>{description}</Typography>\n  }\n\n  return <FieldDescriptionTable schema={schema} description={description} />\n}\n"],"mappings":";;;;AAKA,SAAwB,EAAyB,GAA8B;CAC7E,IAAM,EAAE,gBAAa,YAAS,CAAC,GAAG,gBAAa,GAEzC,IACH,EAAS,YAAkC,qBAAqB;CAcnE,OAZI,EAAO,SAAS,WAEhB,kBAAC,GAAD;EAAY,SAAS;EAAS,IAAI,EAAE,IAAI,EAAE;YACvC;CACS,CAAA,IAIZ,MAAsB,WACjB,kBAAC,GAAD;EAAY,SAAS;YAAU;CAAwB,CAAA,IAGzD,kBAAC,GAAD;EAA+B;EAAqB;CAAc,CAAA;AAC3E"}

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

@@ -1 +1 @@
-{"version":3,"file":"ErrorListTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/ErrorListTemplate.tsx"],"sourcesContent":["import { Alert } from '@mui/material'\nimport {\n  ErrorListProps,\n  FormContextType,\n  RJSFSchema,\n  RJSFValidationError,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { getFriendlyPropertyName } from '../../SchemaDrivenAnnotationEditor/AnnotationEditorUtils'\n\nexport default function ErrorListTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: ErrorListProps<T, S, F>) {\n  const { errors } = props\n  return (\n    <Alert severity=\"error\" sx={{ my: 2 }}>\n      <b>Validation errors found:</b>\n      <ul>\n        {errors.map((e: RJSFValidationError, index: number) => {\n          return (\n            <li key={index}>\n              <b>{`${getFriendlyPropertyName(e)}: `}</b> {`${e.message}`}\n            </li>\n          )\n        })}\n      </ul>\n    </Alert>\n  )\n}\n"],"mappings":";;;;AAUA,SAAwB,EAItB,GAAgC;CAChC,IAAM,EAAE,cAAW;AACnB,QACE,kBAAC,GAAD;EAAO,UAAS;EAAQ,IAAI,EAAE,IAAI,GAAG;YAArC,CACE,kBAAC,KAAD,EAAA,UAAG,4BAA4B,CAAA,EAC/B,kBAAC,MAAD,EAAA,UACG,EAAO,KAAK,GAAwB,MAEjC,kBAAC,MAAD,EAAA,UAAA;GACE,kBAAC,KAAD,EAAA,UAAI,GAAG,EAAwB,EAAE,CAAC,KAAQ,CAAA;;GAAE,GAAG,EAAE;GAC9C,EAAA,EAFI,EAEJ,CAEP,EACC,CAAA,CACC"}
+{"version":3,"file":"ErrorListTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/ErrorListTemplate.tsx"],"sourcesContent":["import { Alert } from '@mui/material'\nimport {\n  ErrorListProps,\n  FormContextType,\n  RJSFSchema,\n  RJSFValidationError,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { getFriendlyPropertyName } from '../../SchemaDrivenAnnotationEditor/AnnotationEditorUtils'\n\nexport default function ErrorListTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: ErrorListProps<T, S, F>) {\n  const { errors } = props\n  return (\n    <Alert severity=\"error\" sx={{ my: 2 }}>\n      <b>Validation errors found:</b>\n      <ul>\n        {errors.map((e: RJSFValidationError, index: number) => {\n          return (\n            <li key={index}>\n              <b>{`${getFriendlyPropertyName(e)}: `}</b> {`${e.message}`}\n            </li>\n          )\n        })}\n      </ul>\n    </Alert>\n  )\n}\n"],"mappings":";;;;AAUA,SAAwB,EAItB,GAAgC;CAChC,IAAM,EAAE,cAAW;CACnB,OACE,kBAAC,GAAD;EAAO,UAAS;EAAQ,IAAI,EAAE,IAAI,EAAE;YAApC,CACE,kBAAC,KAAD,EAAA,UAAG,2BAA2B,CAAA,GAC9B,kBAAC,MAAD,EAAA,UACG,EAAO,KAAK,GAAwB,MAEjC,kBAAC,MAAD,EAAA,UAAA;GACE,kBAAC,KAAD,EAAA,UAAI,GAAG,EAAwB,CAAC,EAAE,IAAO,CAAA;GAAC;GAAE,GAAG,EAAE;EAC/C,EAAA,GAFK,CAEL,CAEP,EACC,CAAA,CACC;;AAEX"}

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

@@ -1 +1 @@
-{"version":3,"file":"FieldDescriptionTable.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/FieldDescriptionTable.tsx"],"sourcesContent":["import { Box, Collapse } from '@mui/material'\nimport { JSONSchema7, JSONSchema7Definition } from 'json-schema'\nimport { ReactNode } from 'react'\n\nexport type FieldDescriptionTableProps = {\n  schema: JSONSchema7\n  description: ReactNode\n}\n\nfunction getTypeAsString(\n  schema: JSONSchema7 | JSONSchema7Definition | JSONSchema7Definition[],\n): string {\n  if (Array.isArray(schema) || typeof schema === 'boolean') {\n    return 'unknown'\n  }\n  const { type, enum: _enum } = schema\n\n  if (type === 'array' && typeof schema.items === 'object') {\n    return `List of ${getTypeAsString(schema.items)}`\n  }\n\n  if (_enum) {\n    return 'enumeration'\n  }\n\n  if (Array.isArray(type)) {\n    return type.reduce(\n      (typesCommaSeparated, nextType) => `${typesCommaSeparated}, ${nextType}`,\n      '',\n    )\n  }\n  return type || 'unknown'\n}\n\nexport default function FieldDescriptionTable(\n  props: FieldDescriptionTableProps,\n) {\n  const { description, schema } = props\n\n  const typeString = getTypeAsString(schema)\n\n  return (\n    <Collapse className=\"field-description\" in={true}>\n      <Box\n        component=\"table\"\n        className=\"FieldDescriptionTable\"\n        sx={{\n          mb: 1,\n        }}\n      >\n        <tbody>\n          {description && (\n            <tr>\n              <th>Description</th>\n              <td>{description}</td>\n            </tr>\n          )}\n          <tr>\n            <th>Type</th>\n            <td>{typeString}</td>\n          </tr>\n        </tbody>\n      </Box>\n    </Collapse>\n  )\n}\n"],"mappings":";;;AASA,SAAS,EACP,GACQ;AACR,KAAI,MAAM,QAAQ,EAAO,IAAI,OAAO,KAAW,UAC7C,QAAO;CAET,IAAM,EAAE,SAAM,MAAM,MAAU;AAgB9B,QAdI,MAAS,WAAW,OAAO,EAAO,SAAU,WACvC,WAAW,EAAgB,EAAO,MAAM,KAG7C,IACK,gBAGL,MAAM,QAAQ,EAAK,GACd,EAAK,QACT,GAAqB,MAAa,GAAG,EAAoB,IAAI,KAC9D,GACD,GAEI,KAAQ;;AAGjB,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,gBAAa,cAAW,GAE1B,IAAa,EAAgB,EAAO;AAE1C,QACE,kBAAC,GAAD;EAAU,WAAU;EAAoB,IAAI;YAC1C,kBAAC,GAAD;GACE,WAAU;GACV,WAAU;GACV,IAAI,EACF,IAAI,GACL;aAED,kBAAC,SAAD,EAAA,UAAA,CACG,KACC,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UAAI,eAAgB,CAAA,EACpB,kBAAC,MAAD,EAAA,UAAK,GAAiB,CAAA,CACnB,EAAA,CAAA,EAEP,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UAAI,QAAS,CAAA,EACb,kBAAC,MAAD,EAAA,UAAK,GAAgB,CAAA,CAClB,EAAA,CAAA,CACC,EAAA,CAAA;GACJ,CAAA;EACG,CAAA"}
+{"version":3,"file":"FieldDescriptionTable.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/FieldDescriptionTable.tsx"],"sourcesContent":["import { Box, Collapse } from '@mui/material'\nimport { JSONSchema7, JSONSchema7Definition } from 'json-schema'\nimport { ReactNode } from 'react'\n\nexport type FieldDescriptionTableProps = {\n  schema: JSONSchema7\n  description: ReactNode\n}\n\nfunction getTypeAsString(\n  schema: JSONSchema7 | JSONSchema7Definition | JSONSchema7Definition[],\n): string {\n  if (Array.isArray(schema) || typeof schema === 'boolean') {\n    return 'unknown'\n  }\n  const { type, enum: _enum } = schema\n\n  if (type === 'array' && typeof schema.items === 'object') {\n    return `List of ${getTypeAsString(schema.items)}`\n  }\n\n  if (_enum) {\n    return 'enumeration'\n  }\n\n  if (Array.isArray(type)) {\n    return type.reduce(\n      (typesCommaSeparated, nextType) => `${typesCommaSeparated}, ${nextType}`,\n      '',\n    )\n  }\n  return type || 'unknown'\n}\n\nexport default function FieldDescriptionTable(\n  props: FieldDescriptionTableProps,\n) {\n  const { description, schema } = props\n\n  const typeString = getTypeAsString(schema)\n\n  return (\n    <Collapse className=\"field-description\" in={true}>\n      <Box\n        component=\"table\"\n        className=\"FieldDescriptionTable\"\n        sx={{\n          mb: 1,\n        }}\n      >\n        <tbody>\n          {description && (\n            <tr>\n              <th>Description</th>\n              <td>{description}</td>\n            </tr>\n          )}\n          <tr>\n            <th>Type</th>\n            <td>{typeString}</td>\n          </tr>\n        </tbody>\n      </Box>\n    </Collapse>\n  )\n}\n"],"mappings":";;;AASA,SAAS,EACP,GACQ;CACR,IAAI,MAAM,QAAQ,CAAM,KAAK,OAAO,KAAW,WAC7C,OAAO;CAET,IAAM,EAAE,SAAM,MAAM,MAAU;CAgB9B,OAdI,MAAS,WAAW,OAAO,EAAO,SAAU,WACvC,WAAW,EAAgB,EAAO,KAAK,MAG5C,IACK,gBAGL,MAAM,QAAQ,CAAI,IACb,EAAK,QACT,GAAqB,MAAa,GAAG,EAAoB,IAAI,KAC9D,EACF,IAEK,KAAQ;AACjB;AAEA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,gBAAa,cAAW,GAE1B,IAAa,EAAgB,CAAM;CAEzC,OACE,kBAAC,GAAD;EAAU,WAAU;EAAoB,IAAI;YAC1C,kBAAC,GAAD;GACE,WAAU;GACV,WAAU;GACV,IAAI,EACF,IAAI,EACN;aAEA,kBAAC,SAAD,EAAA,UAAA,CACG,KACC,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UAAI,cAAe,CAAA,GACnB,kBAAC,MAAD,EAAA,UAAK,EAAgB,CAAA,CACnB,EAAA,CAAA,GAEN,kBAAC,MAAD,EAAA,UAAA,CACE,kBAAC,MAAD,EAAA,UAAI,OAAQ,CAAA,GACZ,kBAAC,MAAD,EAAA,UAAK,EAAe,CAAA,CAClB,EAAA,CAAA,CACC,EAAA,CAAA;EACJ,CAAA;CACG,CAAA;AAEd"}

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

@@ -1 +1 @@
-{"version":3,"file":"FieldErrorTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/FieldErrorTemplate.tsx"],"sourcesContent":["import ListItem from '@mui/material/ListItem'\nimport FormHelperText from '@mui/material/FormHelperText'\nimport List from '@mui/material/List'\nimport {\n  errorId,\n  FieldErrorProps,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\n\n/** The `FieldErrorTemplate` component renders the errors local to the particular field\n *\n * @param props - The `FieldErrorProps` for the errors being rendered\n */\nexport default function FieldErrorTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: FieldErrorProps<T, S, F>) {\n  const { errors = [], idSchema } = props\n  if (errors.length === 0) {\n    return null\n  }\n  const id = errorId<T>(idSchema)\n\n  return (\n    <List dense={true} disablePadding={true}>\n      {errors.map((error, i: number) => {\n        return (\n          <ListItem key={i} disableGutters={true}>\n            <FormHelperText id={id} sx={{ color: 'error.main' }}>\n              {error}\n            </FormHelperText>\n          </ListItem>\n        )\n      })}\n    </List>\n  )\n}\n"],"mappings":";;;;;;AAeA,SAAwB,EAItB,GAAiC;CACjC,IAAM,EAAE,YAAS,EAAE,EAAE,gBAAa;AAClC,KAAI,EAAO,WAAW,EACpB,QAAO;CAET,IAAM,IAAK,EAAW,EAAS;AAE/B,QACE,kBAAC,GAAD;EAAM,OAAO;EAAM,gBAAgB;YAChC,EAAO,KAAK,GAAO,MAEhB,kBAAC,GAAD;GAAkB,gBAAgB;aAChC,kBAAC,GAAD;IAAoB;IAAI,IAAI,EAAE,OAAO,cAAc;cAChD;IACc,CAAA;GACR,EAJI,EAIJ,CAEb;EACG,CAAA"}
+{"version":3,"file":"FieldErrorTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/FieldErrorTemplate.tsx"],"sourcesContent":["import ListItem from '@mui/material/ListItem'\nimport FormHelperText from '@mui/material/FormHelperText'\nimport List from '@mui/material/List'\nimport {\n  errorId,\n  FieldErrorProps,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\n\n/** The `FieldErrorTemplate` component renders the errors local to the particular field\n *\n * @param props - The `FieldErrorProps` for the errors being rendered\n */\nexport default function FieldErrorTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: FieldErrorProps<T, S, F>) {\n  const { errors = [], idSchema } = props\n  if (errors.length === 0) {\n    return null\n  }\n  const id = errorId<T>(idSchema)\n\n  return (\n    <List dense={true} disablePadding={true}>\n      {errors.map((error, i: number) => {\n        return (\n          <ListItem key={i} disableGutters={true}>\n            <FormHelperText id={id} sx={{ color: 'error.main' }}>\n              {error}\n            </FormHelperText>\n          </ListItem>\n        )\n      })}\n    </List>\n  )\n}\n"],"mappings":";;;;;;AAeA,SAAwB,EAItB,GAAiC;CACjC,IAAM,EAAE,YAAS,CAAC,GAAG,gBAAa;CAClC,IAAI,EAAO,WAAW,GACpB,OAAO;CAET,IAAM,IAAK,EAAW,CAAQ;CAE9B,OACE,kBAAC,GAAD;EAAM,OAAO;EAAM,gBAAgB;YAChC,EAAO,KAAK,GAAO,MAEhB,kBAAC,GAAD;GAAkB,gBAAgB;aAChC,kBAAC,GAAD;IAAoB;IAAI,IAAI,EAAE,OAAO,aAAa;cAC/C;GACa,CAAA;EACR,GAJK,CAIL,CAEb;CACG,CAAA;AAEV"}

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

@@ -1 +1 @@
-{"version":3,"file":"FieldTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/FieldTemplate.tsx"],"sourcesContent":["import { RJSFInputLabelWrapper } from '@/components/JsonSchemaForm/templates/RJSFInputLabel'\nimport { GridLegacy as Grid, InputLabel } from '@mui/material'\nimport {\n  FieldTemplateProps,\n  FormContextType,\n  getTemplate,\n  getUiOptions,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\n\nexport function FieldTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: FieldTemplateProps<T, S, F>) {\n  const {\n    id,\n    label,\n    children,\n    errors,\n    help,\n    description,\n    hidden,\n    required,\n    displayLabel,\n    registry,\n    uiSchema,\n    schema,\n    hideError,\n    rawErrors,\n  } = props\n  const uiOptions = getUiOptions<T, S, F>(uiSchema)\n  const WrapIfAdditionalTemplate = getTemplate<\n    'WrapIfAdditionalTemplate',\n    T,\n    S,\n    F\n  >('WrapIfAdditionalTemplate', registry, uiOptions)\n\n  if (hidden) {\n    return <div className=\"hidden\">{children}</div>\n  }\n  const classNamesList: string[] = ['form-group', props.classNames || '']\n  if (!hideError && rawErrors && rawErrors.length > 0) {\n    classNamesList.push('has-error')\n  }\n\n  return (\n    <WrapIfAdditionalTemplate\n      {...props}\n      classNames={classNamesList.join(' ').trim()}\n    >\n      <RJSFInputLabelWrapper<T, S, F>\n        // RJSF hides labels for boolean checkboxes, but since we replaced checkboxes with a custom component, we want to show them\n        hideLabel={!(displayLabel || schema.type === 'boolean')}\n        fieldLabel={\n          <InputLabel htmlFor={id}>\n            {label}\n            {required && <span className=\"required\">*</span>}\n          </InputLabel>\n        }\n        description={description}\n        registry={registry}\n      >\n        {children}\n        <Grid item xs={12}>\n          {errors}\n        </Grid>\n      </RJSFInputLabelWrapper>\n      {help}\n    </WrapIfAdditionalTemplate>\n  )\n}\n"],"mappings":";;;;;AAWA,SAAgB,EAId,GAAoC;CACpC,IAAM,EACJ,OACA,UACA,aACA,WACA,SACA,gBACA,WACA,aACA,iBACA,aACA,aACA,WACA,cACA,iBACE,GAEE,IAA2B,EAK/B,4BAA4B,GANZ,EAAsB,EAMA,CAAU;AAElD,KAAI,EACF,QAAO,kBAAC,OAAD;EAAK,WAAU;EAAU;EAAe,CAAA;CAEjD,IAAM,IAA2B,CAAC,cAAc,EAAM,cAAc,GAAG;AAKvE,QAJI,CAAC,KAAa,KAAa,EAAU,SAAS,KAChD,EAAe,KAAK,YAAY,EAIhC,kBAAC,GAAD;EACE,GAAI;EACJ,YAAY,EAAe,KAAK,IAAI,CAAC,MAAM;YAF7C,CAIE,kBAAC,GAAD;GAEE,WAAW,EAAE,KAAgB,EAAO,SAAS;GAC7C,YACE,kBAAC,GAAD;IAAY,SAAS;cAArB,CACG,GACA,KAAY,kBAAC,QAAD;KAAM,WAAU;eAAW;KAAQ,CAAA,CACrC;;GAEF;GACH;aAVZ,CAYG,GACD,kBAAC,GAAD;IAAM,MAAA;IAAK,IAAI;cACZ;IACI,CAAA,CACe;MACvB,EACwB"}
+{"version":3,"file":"FieldTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/FieldTemplate.tsx"],"sourcesContent":["import { RJSFInputLabelWrapper } from '@/components/JsonSchemaForm/templates/RJSFInputLabel'\nimport { GridLegacy as Grid, InputLabel } from '@mui/material'\nimport {\n  FieldTemplateProps,\n  FormContextType,\n  getTemplate,\n  getUiOptions,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\n\nexport function FieldTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: FieldTemplateProps<T, S, F>) {\n  const {\n    id,\n    label,\n    children,\n    errors,\n    help,\n    description,\n    hidden,\n    required,\n    displayLabel,\n    registry,\n    uiSchema,\n    schema,\n    hideError,\n    rawErrors,\n  } = props\n  const uiOptions = getUiOptions<T, S, F>(uiSchema)\n  const WrapIfAdditionalTemplate = getTemplate<\n    'WrapIfAdditionalTemplate',\n    T,\n    S,\n    F\n  >('WrapIfAdditionalTemplate', registry, uiOptions)\n\n  if (hidden) {\n    return <div className=\"hidden\">{children}</div>\n  }\n  const classNamesList: string[] = ['form-group', props.classNames || '']\n  if (!hideError && rawErrors && rawErrors.length > 0) {\n    classNamesList.push('has-error')\n  }\n\n  return (\n    <WrapIfAdditionalTemplate\n      {...props}\n      classNames={classNamesList.join(' ').trim()}\n    >\n      <RJSFInputLabelWrapper<T, S, F>\n        // RJSF hides labels for boolean checkboxes, but since we replaced checkboxes with a custom component, we want to show them\n        hideLabel={!(displayLabel || schema.type === 'boolean')}\n        fieldLabel={\n          <InputLabel htmlFor={id}>\n            {label}\n            {required && <span className=\"required\">*</span>}\n          </InputLabel>\n        }\n        description={description}\n        registry={registry}\n      >\n        {children}\n        <Grid item xs={12}>\n          {errors}\n        </Grid>\n      </RJSFInputLabelWrapper>\n      {help}\n    </WrapIfAdditionalTemplate>\n  )\n}\n"],"mappings":";;;;;AAWA,SAAgB,EAId,GAAoC;CACpC,IAAM,EACJ,OACA,UACA,aACA,WACA,SACA,gBACA,WACA,aACA,iBACA,aACA,aACA,WACA,cACA,iBACE,GAEE,IAA2B,EAK/B,4BAA4B,GANZ,EAAsB,CAMA,CAAS;CAEjD,IAAI,GACF,OAAO,kBAAC,OAAD;EAAK,WAAU;EAAU;CAAc,CAAA;CAEhD,IAAM,IAA2B,CAAC,cAAc,EAAM,cAAc,EAAE;CAKtE,OAJI,CAAC,KAAa,KAAa,EAAU,SAAS,KAChD,EAAe,KAAK,WAAW,GAI/B,kBAAC,GAAD;EACE,GAAI;EACJ,YAAY,EAAe,KAAK,GAAG,EAAE,KAAK;YAF5C,CAIE,kBAAC,GAAD;GAEE,WAAW,EAAE,KAAgB,EAAO,SAAS;GAC7C,YACE,kBAAC,GAAD;IAAY,SAAS;cAArB,CACG,GACA,KAAY,kBAAC,QAAD;KAAM,WAAU;eAAW;IAAO,CAAA,CACrC;;GAED;GACH;aAVZ,CAYG,GACD,kBAAC,GAAD;IAAM,MAAA;IAAK,IAAI;cACZ;GACG,CAAA,CACe;MACtB,CACuB;;AAE9B"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"BooleanWidget.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/widgets/BooleanWidget.tsx"],"sourcesContent":["import { Widget, WidgetProps } from '@rjsf/utils'\n\n/**\n * Select widget compatible with react-jsonschema-form booleans\n */\nexport const BooleanWidget: Widget = (props: WidgetProps) => {\n  const { SelectWidget } = props.registry.widgets\n\n  const options = {\n    enumOptions: [\n      { value: true, label: 'true' },\n      { value: false, label: 'false' },\n    ],\n  }\n  return <SelectWidget {...props} options={options} />\n}\n"],"mappings":";;AAKA,IAAa,KAAyB,MAAuB;CAC3D,IAAM,EAAE,oBAAiB,EAAM,SAAS,SAElC,IAAU,EACd,aAAa,CACX;EAAE,OAAO;EAAM,OAAO;EAAQ,EAC9B;EAAE,OAAO;EAAO,OAAO;EAAS,CACjC,EACF;AACD,QAAO,kBAAC,GAAD;EAAc,GAAI;EAAgB;EAAW,CAAA"}
+{"version":3,"file":"BooleanWidget.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/widgets/BooleanWidget.tsx"],"sourcesContent":["import { Widget, WidgetProps } from '@rjsf/utils'\n\n/**\n * Select widget compatible with react-jsonschema-form booleans\n */\nexport const BooleanWidget: Widget = (props: WidgetProps) => {\n  const { SelectWidget } = props.registry.widgets\n\n  const options = {\n    enumOptions: [\n      { value: true, label: 'true' },\n      { value: false, label: 'false' },\n    ],\n  }\n  return <SelectWidget {...props} options={options} />\n}\n"],"mappings":";;AAKA,IAAa,KAAyB,MAAuB;CAC3D,IAAM,EAAE,oBAAiB,EAAM,SAAS,SAElC,IAAU,EACd,aAAa,CACX;EAAE,OAAO;EAAM,OAAO;CAAO,GAC7B;EAAE,OAAO;EAAO,OAAO;CAAQ,CACjC,EACF;CACA,OAAO,kBAAC,GAAD;EAAc,GAAI;EAAgB;CAAU,CAAA;AACrD"}

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimeWidget.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/widgets/DateTimeWidget.tsx"],"sourcesContent":["import { Widget, WidgetProps } from '@rjsf/utils'\nimport dayjs, { Dayjs } from 'dayjs'\nimport DateTimePicker from '../../DateTimePicker/DateTimePicker'\n\n/**\n * DateTime picker widget compatible with react-jsonschema-form and Synapse Datetime annotations.\n */\nexport const DateTimeWidget: Widget = ({\n  disabled,\n  value,\n  onChange,\n}: WidgetProps) => {\n  return (\n    <DateTimePicker\n      disabled={disabled}\n      value={value ? dayjs(value) : null}\n      onChange={(newValue: string | Dayjs | null) => {\n        if (newValue == null || typeof newValue === 'string') {\n          onChange(newValue)\n        } else {\n          onChange(newValue.toISOString())\n        }\n      }}\n    />\n  )\n}\n"],"mappings":";;;;AAOA,IAAa,KAA0B,EACrC,aACA,UACA,kBAGE,kBAAC,GAAD;CACY;CACV,OAAO,IAAQ,EAAM,EAAM,GAAG;CAC9B,WAAW,MAAoC;AAC7C,EACE,EADE,KAAY,QAAQ,OAAO,KAAa,WACjC,IAEA,EAAS,aAAa,CAAC;;CAGpC,CAAA"}
+{"version":3,"file":"DateTimeWidget.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/widgets/DateTimeWidget.tsx"],"sourcesContent":["import { Widget, WidgetProps } from '@rjsf/utils'\nimport dayjs, { Dayjs } from 'dayjs'\nimport DateTimePicker from '../../DateTimePicker/DateTimePicker'\n\n/**\n * DateTime picker widget compatible with react-jsonschema-form and Synapse Datetime annotations.\n */\nexport const DateTimeWidget: Widget = ({\n  disabled,\n  value,\n  onChange,\n}: WidgetProps) => {\n  return (\n    <DateTimePicker\n      disabled={disabled}\n      value={value ? dayjs(value) : null}\n      onChange={(newValue: string | Dayjs | null) => {\n        if (newValue == null || typeof newValue === 'string') {\n          onChange(newValue)\n        } else {\n          onChange(newValue.toISOString())\n        }\n      }}\n    />\n  )\n}\n"],"mappings":";;;;AAOA,IAAa,KAA0B,EACrC,aACA,UACA,kBAGE,kBAAC,GAAD;CACY;CACV,OAAO,IAAQ,EAAM,CAAK,IAAI;CAC9B,WAAW,MAAoC;EAC7C,AACE,EADE,KAAY,QAAQ,OAAO,KAAa,WACjC,IAEA,EAAS,YAAY,CAAC;CAEnC;AACD,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"SelectWidget.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/widgets/SelectWidget.tsx"],"sourcesContent":["import { CustomFormContext } from '@/components/JsonSchemaForm/CustomFormContext'\nimport { Widget, WidgetProps, EnumOptionsType } from '@rjsf/utils'\nimport { Autocomplete, TextField } from '@mui/material'\nimport { createFilterOptions } from '@mui/material/Autocomplete'\nimport { isObject } from 'lodash-es'\n\nconst filter = createFilterOptions<EnumOptionsType>()\n\n/**\n * This function finds the enum option that has the corresponding value and returns it.\n *\n * If value is nullish, this fn returns null. If there is no corresponding option, then a new object is returned\n * where the label and value are set to the provided value.\n */\nexport function findValueOption(\n  value: string | null | undefined,\n  options: EnumOptionsType[],\n): EnumOptionsType | string | null {\n  if (value == null) {\n    return null\n  }\n\n  const correspondingOption = options.filter(option => option.value === value)\n  if (correspondingOption.length > 0) {\n    return correspondingOption[0]\n  } else {\n    return { value: value, label: value }\n  }\n}\n\ntype SelectWidgetProps = WidgetProps & {\n  isClearable?: boolean\n}\n\n/**\n * Select widget compatible with react-jsonschema-form enumerations\n */\nexport const SelectWidget: Widget = (props: SelectWidgetProps) => {\n  const {\n    id,\n    options,\n    value,\n    required,\n    disabled,\n    readonly,\n    multiple,\n    autofocus,\n    onChange,\n    onBlur,\n    onFocus,\n    placeholder,\n    isClearable: _isClearable = true,\n    rawErrors,\n    registry,\n  } = props\n\n  const { enumOptions } = options as {\n    enumOptions: EnumOptionsType[]\n  }\n\n  // If the ID includes one of these, then this is a widget used to select a schema in `oneOf` or `anyOf`.\n  // In these cases, we should not allow free solo input.\n  const isAnyOrOneOfOption = ['__oneof_select', '__anyof_select'].some(\n    multiSchemaTag => id.includes(multiSchemaTag),\n  )\n\n  const allowFreeSolo =\n    !isAnyOrOneOfOption &&\n    Boolean((registry.formContext as CustomFormContext).allowFreeSoloEnum)\n\n  // any/oneOf options should not be clearable\n  const isClearable = _isClearable && !isAnyOrOneOfOption\n\n  return (\n    <Autocomplete\n      id={id}\n      value={findValueOption(value, enumOptions)}\n      freeSolo={allowFreeSolo}\n      forcePopupIcon\n      selectOnFocus\n      clearOnBlur\n      handleHomeEndKeys\n      options={enumOptions}\n      readOnly={readonly}\n      disabled={disabled}\n      multiple={multiple}\n      disableClearable={!isClearable}\n      onChange={(event, newValue) => {\n        if (isObject(newValue) && 'inputValue' in newValue) {\n          // Create a new value from the user input\n          onChange(newValue.inputValue)\n        } else if (isObject(newValue) && 'value' in newValue) {\n          onChange(newValue.value)\n        } else if (typeof newValue === 'string') {\n          onChange(newValue)\n        } else {\n          onChange(newValue)\n        }\n      }}\n      renderInput={params => (\n        <TextField\n          {...params}\n          required={required}\n          placeholder={placeholder}\n          error={rawErrors && rawErrors.length > 0}\n          autoFocus={autofocus}\n          onFocus={onFocus && (() => onFocus(id, value?.value))}\n          onBlur={onBlur && (() => onBlur(id, value?.value))}\n        />\n      )}\n      filterOptions={(options, params) => {\n        const filtered = filter(options, params)\n\n        const { inputValue } = params\n        // Suggest the creation of a new value\n        const isExisting = options.some(option => inputValue === option.label)\n        if (allowFreeSolo && inputValue !== '' && !isExisting) {\n          filtered.push({\n            value: inputValue,\n            label: `Set to custom value \"${inputValue}\"`,\n          })\n        }\n\n        return filtered\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;AAMA,IAAM,IAAS,GAAsC;AAQrD,SAAgB,EACd,GACA,GACiC;AACjC,KAAI,KAAS,KACX,QAAO;CAGT,IAAM,IAAsB,EAAQ,QAAO,MAAU,EAAO,UAAU,EAAM;AAI1E,QAHE,EAAoB,SAAS,IACxB,EAAoB,KAEpB;EAAS;EAAO,OAAO;EAAO;;AAWzC,IAAa,KAAwB,MAA6B;CAChE,IAAM,EACJ,OACA,YACA,UACA,aACA,aACA,aACA,aACA,cACA,aACA,WACA,YACA,gBACA,aAAa,IAAe,IAC5B,cACA,gBACE,GAEE,EAAE,mBAAgB,GAMlB,IAAqB,CAAC,kBAAkB,iBAAiB,CAAC,MAC9D,MAAkB,EAAG,SAAS,EAAe,CAC9C,EAEK,IACJ,CAAC,KACD,EAAS,EAAS,YAAkC,mBAGhD,IAAc,KAAgB,CAAC;AAErC,QACE,kBAAC,GAAD;EACM;EACJ,OAAO,EAAgB,GAAO,EAAY;EAC1C,UAAU;EACV,gBAAA;EACA,eAAA;EACA,aAAA;EACA,mBAAA;EACA,SAAS;EACT,UAAU;EACA;EACA;EACV,kBAAkB,CAAC;EACnB,WAAW,GAAO,MAAa;AAC7B,GAAI,EAAS,EAAS,IAAI,gBAAgB,IAExC,EAAS,EAAS,WAAW,GACpB,EAAS,EAAS,IAAI,WAAW,IAC1C,EAAS,EAAS,MAAM,GAExB,EAAS,EAES;;EAGtB,cAAa,MACX,kBAAC,GAAD;GACE,GAAI;GACM;GACG;GACb,OAAO,KAAa,EAAU,SAAS;GACvC,WAAW;GACX,SAAS,YAAkB,EAAQ,GAAI,GAAO,MAAM;GACpD,QAAQ,YAAiB,EAAO,GAAI,GAAO,MAAM;GACjD,CAAA;EAEJ,gBAAgB,GAAS,MAAW;GAClC,IAAM,IAAW,EAAO,GAAS,EAAO,EAElC,EAAE,kBAAe,GAEjB,IAAa,EAAQ,MAAK,MAAU,MAAe,EAAO,MAAM;AAQtE,UAPI,KAAiB,MAAe,MAAM,CAAC,KACzC,EAAS,KAAK;IACZ,OAAO;IACP,OAAO,wBAAwB,EAAW;IAC3C,CAAC,EAGG;;EAET,CAAA"}
+{"version":3,"file":"SelectWidget.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/widgets/SelectWidget.tsx"],"sourcesContent":["import { CustomFormContext } from '@/components/JsonSchemaForm/CustomFormContext'\nimport { Widget, WidgetProps, EnumOptionsType } from '@rjsf/utils'\nimport { Autocomplete, TextField } from '@mui/material'\nimport { createFilterOptions } from '@mui/material/Autocomplete'\nimport { isObject } from 'lodash-es'\n\nconst filter = createFilterOptions<EnumOptionsType>()\n\n/**\n * This function finds the enum option that has the corresponding value and returns it.\n *\n * If value is nullish, this fn returns null. If there is no corresponding option, then a new object is returned\n * where the label and value are set to the provided value.\n */\nexport function findValueOption(\n  value: string | null | undefined,\n  options: EnumOptionsType[],\n): EnumOptionsType | string | null {\n  if (value == null) {\n    return null\n  }\n\n  const correspondingOption = options.filter(option => option.value === value)\n  if (correspondingOption.length > 0) {\n    return correspondingOption[0]\n  } else {\n    return { value: value, label: value }\n  }\n}\n\ntype SelectWidgetProps = WidgetProps & {\n  isClearable?: boolean\n}\n\n/**\n * Select widget compatible with react-jsonschema-form enumerations\n */\nexport const SelectWidget: Widget = (props: SelectWidgetProps) => {\n  const {\n    id,\n    options,\n    value,\n    required,\n    disabled,\n    readonly,\n    multiple,\n    autofocus,\n    onChange,\n    onBlur,\n    onFocus,\n    placeholder,\n    isClearable: _isClearable = true,\n    rawErrors,\n    registry,\n  } = props\n\n  const { enumOptions } = options as {\n    enumOptions: EnumOptionsType[]\n  }\n\n  // If the ID includes one of these, then this is a widget used to select a schema in `oneOf` or `anyOf`.\n  // In these cases, we should not allow free solo input.\n  const isAnyOrOneOfOption = ['__oneof_select', '__anyof_select'].some(\n    multiSchemaTag => id.includes(multiSchemaTag),\n  )\n\n  const allowFreeSolo =\n    !isAnyOrOneOfOption &&\n    Boolean((registry.formContext as CustomFormContext).allowFreeSoloEnum)\n\n  // any/oneOf options should not be clearable\n  const isClearable = _isClearable && !isAnyOrOneOfOption\n\n  return (\n    <Autocomplete\n      id={id}\n      value={findValueOption(value, enumOptions)}\n      freeSolo={allowFreeSolo}\n      forcePopupIcon\n      selectOnFocus\n      clearOnBlur\n      handleHomeEndKeys\n      options={enumOptions}\n      readOnly={readonly}\n      disabled={disabled}\n      multiple={multiple}\n      disableClearable={!isClearable}\n      onChange={(event, newValue) => {\n        if (isObject(newValue) && 'inputValue' in newValue) {\n          // Create a new value from the user input\n          onChange(newValue.inputValue)\n        } else if (isObject(newValue) && 'value' in newValue) {\n          onChange(newValue.value)\n        } else if (typeof newValue === 'string') {\n          onChange(newValue)\n        } else {\n          onChange(newValue)\n        }\n      }}\n      renderInput={params => (\n        <TextField\n          {...params}\n          required={required}\n          placeholder={placeholder}\n          error={rawErrors && rawErrors.length > 0}\n          autoFocus={autofocus}\n          onFocus={onFocus && (() => onFocus(id, value?.value))}\n          onBlur={onBlur && (() => onBlur(id, value?.value))}\n        />\n      )}\n      filterOptions={(options, params) => {\n        const filtered = filter(options, params)\n\n        const { inputValue } = params\n        // Suggest the creation of a new value\n        const isExisting = options.some(option => inputValue === option.label)\n        if (allowFreeSolo && inputValue !== '' && !isExisting) {\n          filtered.push({\n            value: inputValue,\n            label: `Set to custom value \"${inputValue}\"`,\n          })\n        }\n\n        return filtered\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;AAMA,IAAM,IAAS,EAAqC;AAQpD,SAAgB,EACd,GACA,GACiC;CACjC,IAAI,KAAS,MACX,OAAO;CAGT,IAAM,IAAsB,EAAQ,QAAO,MAAU,EAAO,UAAU,CAAK;CAIzE,OAHE,EAAoB,SAAS,IACxB,EAAoB,KAEpB;EAAS;EAAO,OAAO;CAAM;AAExC;AASA,IAAa,KAAwB,MAA6B;CAChE,IAAM,EACJ,OACA,YACA,UACA,aACA,aACA,aACA,aACA,cACA,aACA,WACA,YACA,gBACA,aAAa,IAAe,IAC5B,cACA,gBACE,GAEE,EAAE,mBAAgB,GAMlB,IAAqB,CAAC,kBAAkB,gBAAgB,EAAE,MAC9D,MAAkB,EAAG,SAAS,CAAc,CAC9C,GAEM,IACJ,CAAC,KACD,EAAS,EAAS,YAAkC,mBAGhD,IAAc,KAAgB,CAAC;CAErC,OACE,kBAAC,GAAD;EACM;EACJ,OAAO,EAAgB,GAAO,CAAW;EACzC,UAAU;EACV,gBAAA;EACA,eAAA;EACA,aAAA;EACA,mBAAA;EACA,SAAS;EACT,UAAU;EACA;EACA;EACV,kBAAkB,CAAC;EACnB,WAAW,GAAO,MAAa;GAC7B,AAAI,EAAS,CAAQ,KAAK,gBAAgB,IAExC,EAAS,EAAS,UAAU,IACnB,EAAS,CAAQ,KAAK,WAAW,IAC1C,EAAS,EAAS,KAAK,IAEvB,EAAS,CAEQ;EAErB;EACA,cAAa,MACX,kBAAC,GAAD;GACE,GAAI;GACM;GACG;GACb,OAAO,KAAa,EAAU,SAAS;GACvC,WAAW;GACX,SAAS,YAAkB,EAAQ,GAAI,GAAO,KAAK;GACnD,QAAQ,YAAiB,EAAO,GAAI,GAAO,KAAK;EACjD,CAAA;EAEH,gBAAgB,GAAS,MAAW;GAClC,IAAM,IAAW,EAAO,GAAS,CAAM,GAEjC,EAAE,kBAAe,GAEjB,IAAa,EAAQ,MAAK,MAAU,MAAe,EAAO,KAAK;GAQrE,OAPI,KAAiB,MAAe,MAAM,CAAC,KACzC,EAAS,KAAK;IACZ,OAAO;IACP,OAAO,wBAAwB,EAAW;GAC5C,CAAC,GAGI;EACT;CACD,CAAA;AAEL"}

package/dist/components/LoadingScreen/LoadingScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingScreen.js","names":[],"sources":["../../../src/components/LoadingScreen/LoadingScreen.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport {\n  Backdrop,\n  Box,\n  Button,\n  LinearProgress,\n  Typography,\n} from '@mui/material'\nimport '../../style/components/_spinner.scss'\n\nconst loadingScreen = (\n  <div className=\"bar-loader\">\n    <LinearProgress\n      classes={{\n        colorPrimary: 'bar-background-color',\n        barColorPrimary: 'bar-color',\n      }}\n    />\n  </div>\n)\n\ntype SynapseSpinnerProps = {\n  size?: number // the size in pixels. default 20\n  margin?: string // the margin, default auto\n}\n\nexport function SynapseSpinner({\n  size = 20,\n  margin = 'auto',\n}: SynapseSpinnerProps) {\n  return (\n    <div\n      role={'progressbar'}\n      className=\"spinner\"\n      style={{\n        height: `${size}px`,\n        width: `${size}px`,\n        backgroundSize: `${size}px`,\n        margin: `${margin}`,\n      }}\n    />\n  )\n}\n\nexport type BlockingLoaderProps = {\n  show: boolean\n  currentProgress?: number\n  totalProgress?: number\n  onCancel?: () => void\n  hintText?: string\n  headlineText?: string\n}\nexport function BlockingLoader({\n  show,\n  currentProgress,\n  onCancel,\n  totalProgress,\n  headlineText,\n  hintText,\n}: BlockingLoaderProps) {\n  useEffect(() => {\n    document.body.style.cursor = show ? 'wait' : 'default'\n    return () => {\n      document.body.style.cursor = 'default'\n    }\n  }, [show])\n  const barLoader = (\n    <>\n      <div className=\"bar-loader\">\n        <LinearProgress\n          data-testid=\"progress-bar\"\n          variant=\"determinate\"\n          classes={{\n            colorPrimary: 'bar-background-color',\n            barColorPrimary: 'bar-color',\n          }}\n          value={(currentProgress! / totalProgress!) * 100}\n        />\n      </div>\n      <Typography\n        variant=\"headline3\"\n        sx={{\n          mb: 2,\n        }}\n      >\n        {headlineText}\n      </Typography>\n      <Typography\n        variant=\"hintText\"\n        sx={{\n          mb: 2,\n        }}\n      >\n        {hintText}\n      </Typography>\n    </>\n  )\n  return (\n    <Backdrop\n      open={show}\n      onClick={() => {}}\n      aria-hidden={false}\n      sx={{\n        backgroundColor: 'rgba(255, 255, 255, 0.9)',\n        zIndex: theme => theme.zIndex.modal + 1,\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          flexDirection: 'column',\n        }}\n      >\n        {totalProgress ? (\n          barLoader\n        ) : (\n          <>\n            <SynapseSpinner size={40} margin=\"16px\" />\n            <Typography\n              variant=\"headline3\"\n              data-testid=\"spinner-hint-text\"\n              sx={{\n                mb: 2,\n              }}\n            >\n              {hintText}\n            </Typography>\n          </>\n        )}\n        {onCancel && (\n          <Button variant=\"outlined\" color=\"primary\" onClick={onCancel}>\n            Cancel\n          </Button>\n        )}\n      </Box>\n    </Backdrop>\n  )\n}\n\nexport default loadingScreen\n"],"mappings":";;;;;AAUA,IAAM,IACJ,kBAAC,OAAD;CAAK,WAAU;WACb,kBAAC,GAAD,EACE,SAAS;EACP,cAAc;EACd,iBAAiB;EAClB,EACD,CAAA;CACE,CAAA;AAQR,SAAgB,EAAe,EAC7B,UAAO,IACP,YAAS,UACa;AACtB,QACE,kBAAC,OAAD;EACE,MAAM;EACN,WAAU;EACV,OAAO;GACL,QAAQ,GAAG,EAAK;GAChB,OAAO,GAAG,EAAK;GACf,gBAAgB,GAAG,EAAK;GACxB,QAAQ,GAAG;GACZ;EACD,CAAA;;AAYN,SAAgB,EAAe,EAC7B,SACA,oBACA,aACA,kBACA,iBACA,eACsB;AACtB,UACE,SAAS,KAAK,MAAM,SAAS,IAAO,SAAS,iBAChC;AACX,WAAS,KAAK,MAAM,SAAS;KAE9B,CAAC,EAAK,CAAC;CACV,IAAM,IACJ,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,eAAY;IACZ,SAAQ;IACR,SAAS;KACP,cAAc;KACd,iBAAiB;KAClB;IACD,OAAQ,IAAmB,IAAkB;IAC7C,CAAA;GACE,CAAA;EACN,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,IAAI,GACL;aAEA;GACU,CAAA;EACb,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,IAAI,GACL;aAEA;GACU,CAAA;EACZ,EAAA,CAAA;AAEL,QACE,kBAAC,GAAD;EACE,MAAM;EACN,eAAe;EACf,eAAa;EACb,IAAI;GACF,iBAAiB;GACjB,SAAQ,MAAS,EAAM,OAAO,QAAQ;GACvC;YAED,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;IACZ,gBAAgB;IAChB,eAAe;IAChB;aANH,CAQG,IACC,IAEA,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAgB,MAAM;IAAI,QAAO;IAAS,CAAA,EAC1C,kBAAC,GAAD;IACE,SAAQ;IACR,eAAY;IACZ,IAAI,EACF,IAAI,GACL;cAEA;IACU,CAAA,CACZ,EAAA,CAAA,EAEJ,KACC,kBAAC,GAAD;IAAQ,SAAQ;IAAW,OAAM;IAAU,SAAS;cAAU;IAErD,CAAA,CAEP;;EACG,CAAA"}
+{"version":3,"file":"LoadingScreen.js","names":[],"sources":["../../../src/components/LoadingScreen/LoadingScreen.tsx"],"sourcesContent":["import { useEffect } from 'react'\nimport {\n  Backdrop,\n  Box,\n  Button,\n  LinearProgress,\n  Typography,\n} from '@mui/material'\nimport '../../style/components/_spinner.scss'\n\nconst loadingScreen = (\n  <div className=\"bar-loader\">\n    <LinearProgress\n      classes={{\n        colorPrimary: 'bar-background-color',\n        barColorPrimary: 'bar-color',\n      }}\n    />\n  </div>\n)\n\ntype SynapseSpinnerProps = {\n  size?: number // the size in pixels. default 20\n  margin?: string // the margin, default auto\n}\n\nexport function SynapseSpinner({\n  size = 20,\n  margin = 'auto',\n}: SynapseSpinnerProps) {\n  return (\n    <div\n      role={'progressbar'}\n      className=\"spinner\"\n      style={{\n        height: `${size}px`,\n        width: `${size}px`,\n        backgroundSize: `${size}px`,\n        margin: `${margin}`,\n      }}\n    />\n  )\n}\n\nexport type BlockingLoaderProps = {\n  show: boolean\n  currentProgress?: number\n  totalProgress?: number\n  onCancel?: () => void\n  hintText?: string\n  headlineText?: string\n}\nexport function BlockingLoader({\n  show,\n  currentProgress,\n  onCancel,\n  totalProgress,\n  headlineText,\n  hintText,\n}: BlockingLoaderProps) {\n  useEffect(() => {\n    document.body.style.cursor = show ? 'wait' : 'default'\n    return () => {\n      document.body.style.cursor = 'default'\n    }\n  }, [show])\n  const barLoader = (\n    <>\n      <div className=\"bar-loader\">\n        <LinearProgress\n          data-testid=\"progress-bar\"\n          variant=\"determinate\"\n          classes={{\n            colorPrimary: 'bar-background-color',\n            barColorPrimary: 'bar-color',\n          }}\n          value={(currentProgress! / totalProgress!) * 100}\n        />\n      </div>\n      <Typography\n        variant=\"headline3\"\n        sx={{\n          mb: 2,\n        }}\n      >\n        {headlineText}\n      </Typography>\n      <Typography\n        variant=\"hintText\"\n        sx={{\n          mb: 2,\n        }}\n      >\n        {hintText}\n      </Typography>\n    </>\n  )\n  return (\n    <Backdrop\n      open={show}\n      onClick={() => {}}\n      aria-hidden={false}\n      sx={{\n        backgroundColor: 'rgba(255, 255, 255, 0.9)',\n        zIndex: theme => theme.zIndex.modal + 1,\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'center',\n          flexDirection: 'column',\n        }}\n      >\n        {totalProgress ? (\n          barLoader\n        ) : (\n          <>\n            <SynapseSpinner size={40} margin=\"16px\" />\n            <Typography\n              variant=\"headline3\"\n              data-testid=\"spinner-hint-text\"\n              sx={{\n                mb: 2,\n              }}\n            >\n              {hintText}\n            </Typography>\n          </>\n        )}\n        {onCancel && (\n          <Button variant=\"outlined\" color=\"primary\" onClick={onCancel}>\n            Cancel\n          </Button>\n        )}\n      </Box>\n    </Backdrop>\n  )\n}\n\nexport default loadingScreen\n"],"mappings":";;;;;AAUA,IAAM,IACJ,kBAAC,OAAD;CAAK,WAAU;WACb,kBAAC,GAAD,EACE,SAAS;EACP,cAAc;EACd,iBAAiB;CACnB,EACD,CAAA;AACE,CAAA;AAQP,SAAgB,EAAe,EAC7B,UAAO,IACP,YAAS,UACa;CACtB,OACE,kBAAC,OAAD;EACE,MAAM;EACN,WAAU;EACV,OAAO;GACL,QAAQ,GAAG,EAAK;GAChB,OAAO,GAAG,EAAK;GACf,gBAAgB,GAAG,EAAK;GACxB,QAAQ,GAAG;EACb;CACD,CAAA;AAEL;AAUA,SAAgB,EAAe,EAC7B,SACA,oBACA,aACA,kBACA,iBACA,eACsB;CACtB,SACE,SAAS,KAAK,MAAM,SAAS,IAAO,SAAS,iBAChC;EACX,SAAS,KAAK,MAAM,SAAS;CAC/B,IACC,CAAC,CAAI,CAAC;CACT,IAAM,IACJ,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,eAAY;IACZ,SAAQ;IACR,SAAS;KACP,cAAc;KACd,iBAAiB;IACnB;IACA,OAAQ,IAAmB,IAAkB;GAC9C,CAAA;EACE,CAAA;EACL,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,IAAI,EACN;aAEC;EACS,CAAA;EACZ,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,IAAI,EACN;aAEC;EACS,CAAA;CACZ,EAAA,CAAA;CAEJ,OACE,kBAAC,GAAD;EACE,MAAM;EACN,eAAe,CAAC;EAChB,eAAa;EACb,IAAI;GACF,iBAAiB;GACjB,SAAQ,MAAS,EAAM,OAAO,QAAQ;EACxC;YAEA,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,YAAY;IACZ,gBAAgB;IAChB,eAAe;GACjB;aANF,CAQG,IACC,IAEA,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;IAAgB,MAAM;IAAI,QAAO;GAAQ,CAAA,GACzC,kBAAC,GAAD;IACE,SAAQ;IACR,eAAY;IACZ,IAAI,EACF,IAAI,EACN;cAEC;GACS,CAAA,CACZ,EAAA,CAAA,GAEH,KACC,kBAAC,GAAD;IAAQ,SAAQ;IAAW,OAAM;IAAU,SAAS;cAAU;GAEtD,CAAA,CAEP;;CACG,CAAA;AAEd"}

package/dist/components/MailchimpSubscribeSection/MailchimpSubscribeSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"MailchimpSubscribeSection.js","names":[],"sources":["../../../src/components/MailchimpSubscribeSection/MailchimpSubscribeSection.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport {\n  Box,\n  Button,\n  InputAdornment,\n  Stack,\n  SxProps,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { ReactComponent as EmailWithNotification } from '@/assets/icons/emailWithNotification.svg'\nimport EmailAddressAdornment from '@/assets/icons/EmailAddressAdornment'\nimport MailchimpSubscribe, {\n  EmailFormFields,\n  FormHooks,\n} from 'react-mailchimp-subscribe'\nimport styles from './MailchimpSubscribeSection.module.scss'\n\nexport type MailchimpSubscribeSectionProps = {\n  headline: string\n  description: string\n  mailchimpUrl: string\n  headlineSx?: SxProps\n  background?: string\n}\n\ntype MailchimpFormProps = FormHooks<EmailFormFields>\n\nfunction MailchimpForm({ subscribe, status, message }: MailchimpFormProps) {\n  const emailRef = useRef<HTMLInputElement>(null)\n\n  useEffect(() => {\n    if (status === 'success' && emailRef.current) {\n      emailRef.current.value = ''\n    }\n  }, [status])\n\n  return (\n    <form\n      className={styles.formWrapper}\n      onSubmit={e => {\n        e.preventDefault()\n        if (emailRef.current) {\n          subscribe({ EMAIL: emailRef.current.value })\n        }\n      }}\n    >\n      <div className={styles.formRow}>\n        <TextField\n          inputRef={emailRef}\n          placeholder=\"Your email\"\n          type=\"email\"\n          size=\"small\"\n          required\n          inputProps={{ 'aria-label': 'Email address' }}\n          className={styles.emailInput}\n          slotProps={{\n            input: {\n              startAdornment: (\n                <InputAdornment position=\"start\">\n                  <EmailAddressAdornment color=\"primary\" fontSize=\"small\" />\n                </InputAdornment>\n              ),\n            },\n          }}\n        />\n        <Button\n          type=\"submit\"\n          variant=\"contained\"\n          disableElevation\n          disabled={status === 'sending'}\n          className={styles.submitButton}\n        >\n          Sign Up\n        </Button>\n      </div>\n      {status === 'sending' && (\n        <Typography variant=\"caption\" className={styles.statusMessage}>\n          Sending...\n        </Typography>\n      )}\n      {status === 'error' && (\n        <Typography\n          variant=\"caption\"\n          color=\"error\"\n          className={styles.statusMessage}\n        >\n          {typeof message === 'string' ? message : 'An error occurred.'}\n        </Typography>\n      )}\n      {status === 'success' && (\n        <Typography\n          variant=\"caption\"\n          sx={{ color: 'success.main' }}\n          className={styles.statusMessage}\n        >\n          {message}\n        </Typography>\n      )}\n    </form>\n  )\n}\n\nexport default function MailchimpSubscribeSection({\n  headline,\n  description,\n  mailchimpUrl,\n  headlineSx,\n  background,\n}: MailchimpSubscribeSectionProps) {\n  return (\n    <Stack\n      direction={{ xs: 'column', sm: 'row' }}\n      spacing={4}\n      alignItems=\"center\"\n      sx={theme => ({\n        background: background ? background : theme.palette.lightPrimary.main,\n        borderRadius: '12px',\n        padding: 3,\n      })}\n    >\n      <Box sx={{ flex: 1, minWidth: 0 }}>\n        <Typography variant=\"headline1\" sx={headlineSx}>\n          {headline}\n        </Typography>\n        <Typography variant=\"body1\" className={styles.description}>\n          {description}\n        </Typography>\n        <MailchimpSubscribe\n          url={mailchimpUrl}\n          render={props => <MailchimpForm {...props} />}\n        />\n      </Box>\n      <div className={styles.imageColumn}>\n        <EmailWithNotification />\n      </div>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;AA4BA,SAAS,EAAc,EAAE,cAAW,WAAQ,cAA+B;CACzE,IAAM,IAAW,EAAyB,KAAK;AAQ/C,QANA,QAAgB;AACd,EAAI,MAAW,aAAa,EAAS,YACnC,EAAS,QAAQ,QAAQ;IAE1B,CAAC,EAAO,CAAC,EAGV,kBAAC,QAAD;EACE,WAAW,EAAO;EAClB,WAAU,MAAK;AAEb,GADA,EAAE,gBAAgB,EACd,EAAS,WACX,EAAU,EAAE,OAAO,EAAS,QAAQ,OAAO,CAAC;;YALlD;GASE,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,GAAD;KACE,UAAU;KACV,aAAY;KACZ,MAAK;KACL,MAAK;KACL,UAAA;KACA,YAAY,EAAE,cAAc,iBAAiB;KAC7C,WAAW,EAAO;KAClB,WAAW,EACT,OAAO,EACL,gBACE,kBAAC,GAAD;MAAgB,UAAS;gBACvB,kBAAC,GAAD;OAAuB,OAAM;OAAU,UAAS;OAAU,CAAA;MAC3C,CAAA,EAEpB,EACF;KACD,CAAA,EACF,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,kBAAA;KACA,UAAU,MAAW;KACrB,WAAW,EAAO;eACnB;KAEQ,CAAA,CACL;;GACL,MAAW,aACV,kBAAC,GAAD;IAAY,SAAQ;IAAU,WAAW,EAAO;cAAe;IAElD,CAAA;GAEd,MAAW,WACV,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,WAAW,EAAO;cAEjB,OAAO,KAAY,WAAW,IAAU;IAC9B,CAAA;GAEd,MAAW,aACV,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI,EAAE,OAAO,gBAAgB;IAC7B,WAAW,EAAO;cAEjB;IACU,CAAA;GAEV;;;AAIX,SAAwB,EAA0B,EAChD,aACA,gBACA,iBACA,eACA,iBACiC;AACjC,QACE,kBAAC,GAAD;EACE,WAAW;GAAE,IAAI;GAAU,IAAI;GAAO;EACtC,SAAS;EACT,YAAW;EACX,KAAI,OAAU;GACZ,YAAY,KAA0B,EAAM,QAAQ,aAAa;GACjE,cAAc;GACd,SAAS;GACV;YARH,CAUE,kBAAC,GAAD;GAAK,IAAI;IAAE,MAAM;IAAG,UAAU;IAAG;aAAjC;IACE,kBAAC,GAAD;KAAY,SAAQ;KAAY,IAAI;eACjC;KACU,CAAA;IACb,kBAAC,GAAD;KAAY,SAAQ;KAAQ,WAAW,EAAO;eAC3C;KACU,CAAA;IACb,kBAAC,GAAD;KACE,KAAK;KACL,SAAQ,MAAS,kBAAC,GAAD,EAAe,GAAI,GAAS,CAAA;KAC7C,CAAA;IACE;MACN,kBAAC,OAAD;GAAK,WAAW,EAAO;aACrB,kBAAC,GAAD,EAAyB,CAAA;GACrB,CAAA,CACA"}
+{"version":3,"file":"MailchimpSubscribeSection.js","names":[],"sources":["../../../src/components/MailchimpSubscribeSection/MailchimpSubscribeSection.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport {\n  Box,\n  Button,\n  InputAdornment,\n  Stack,\n  SxProps,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport { ReactComponent as EmailWithNotification } from '@/assets/icons/emailWithNotification.svg'\nimport EmailAddressAdornment from '@/assets/icons/EmailAddressAdornment'\nimport MailchimpSubscribe, {\n  EmailFormFields,\n  FormHooks,\n} from 'react-mailchimp-subscribe'\nimport styles from './MailchimpSubscribeSection.module.scss'\n\nexport type MailchimpSubscribeSectionProps = {\n  headline: string\n  description: string\n  mailchimpUrl: string\n  headlineSx?: SxProps\n  background?: string\n}\n\ntype MailchimpFormProps = FormHooks<EmailFormFields>\n\nfunction MailchimpForm({ subscribe, status, message }: MailchimpFormProps) {\n  const emailRef = useRef<HTMLInputElement>(null)\n\n  useEffect(() => {\n    if (status === 'success' && emailRef.current) {\n      emailRef.current.value = ''\n    }\n  }, [status])\n\n  return (\n    <form\n      className={styles.formWrapper}\n      onSubmit={e => {\n        e.preventDefault()\n        if (emailRef.current) {\n          subscribe({ EMAIL: emailRef.current.value })\n        }\n      }}\n    >\n      <div className={styles.formRow}>\n        <TextField\n          inputRef={emailRef}\n          placeholder=\"Your email\"\n          type=\"email\"\n          size=\"small\"\n          required\n          inputProps={{ 'aria-label': 'Email address' }}\n          className={styles.emailInput}\n          slotProps={{\n            input: {\n              startAdornment: (\n                <InputAdornment position=\"start\">\n                  <EmailAddressAdornment color=\"primary\" fontSize=\"small\" />\n                </InputAdornment>\n              ),\n            },\n          }}\n        />\n        <Button\n          type=\"submit\"\n          variant=\"contained\"\n          disableElevation\n          disabled={status === 'sending'}\n          className={styles.submitButton}\n        >\n          Sign Up\n        </Button>\n      </div>\n      {status === 'sending' && (\n        <Typography variant=\"caption\" className={styles.statusMessage}>\n          Sending...\n        </Typography>\n      )}\n      {status === 'error' && (\n        <Typography\n          variant=\"caption\"\n          color=\"error\"\n          className={styles.statusMessage}\n        >\n          {typeof message === 'string' ? message : 'An error occurred.'}\n        </Typography>\n      )}\n      {status === 'success' && (\n        <Typography\n          variant=\"caption\"\n          sx={{ color: 'success.main' }}\n          className={styles.statusMessage}\n        >\n          {message}\n        </Typography>\n      )}\n    </form>\n  )\n}\n\nexport default function MailchimpSubscribeSection({\n  headline,\n  description,\n  mailchimpUrl,\n  headlineSx,\n  background,\n}: MailchimpSubscribeSectionProps) {\n  return (\n    <Stack\n      direction={{ xs: 'column', sm: 'row' }}\n      spacing={4}\n      alignItems=\"center\"\n      sx={theme => ({\n        background: background ? background : theme.palette.lightPrimary.main,\n        borderRadius: '12px',\n        padding: 3,\n      })}\n    >\n      <Box sx={{ flex: 1, minWidth: 0 }}>\n        <Typography variant=\"headline1\" sx={headlineSx}>\n          {headline}\n        </Typography>\n        <Typography variant=\"body1\" className={styles.description}>\n          {description}\n        </Typography>\n        <MailchimpSubscribe\n          url={mailchimpUrl}\n          render={props => <MailchimpForm {...props} />}\n        />\n      </Box>\n      <div className={styles.imageColumn}>\n        <EmailWithNotification />\n      </div>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;AA4BA,SAAS,EAAc,EAAE,cAAW,WAAQ,cAA+B;CACzE,IAAM,IAAW,EAAyB,IAAI;CAQ9C,OANA,QAAgB;EACd,AAAI,MAAW,aAAa,EAAS,YACnC,EAAS,QAAQ,QAAQ;CAE7B,GAAG,CAAC,CAAM,CAAC,GAGT,kBAAC,QAAD;EACE,WAAW,EAAO;EAClB,WAAU,MAAK;GAEb,AADA,EAAE,eAAe,GACb,EAAS,WACX,EAAU,EAAE,OAAO,EAAS,QAAQ,MAAM,CAAC;EAE/C;YAPF;GASE,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,GAAD;KACE,UAAU;KACV,aAAY;KACZ,MAAK;KACL,MAAK;KACL,UAAA;KACA,YAAY,EAAE,cAAc,gBAAgB;KAC5C,WAAW,EAAO;KAClB,WAAW,EACT,OAAO,EACL,gBACE,kBAAC,GAAD;MAAgB,UAAS;gBACvB,kBAAC,GAAD;OAAuB,OAAM;OAAU,UAAS;MAAS,CAAA;KAC3C,CAAA,EAEpB,EACF;IACD,CAAA,GACD,kBAAC,GAAD;KACE,MAAK;KACL,SAAQ;KACR,kBAAA;KACA,UAAU,MAAW;KACrB,WAAW,EAAO;eACnB;IAEO,CAAA,CACL;;GACJ,MAAW,aACV,kBAAC,GAAD;IAAY,SAAQ;IAAU,WAAW,EAAO;cAAe;GAEnD,CAAA;GAEb,MAAW,WACV,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,WAAW,EAAO;cAEjB,OAAO,KAAY,WAAW,IAAU;GAC/B,CAAA;GAEb,MAAW,aACV,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI,EAAE,OAAO,eAAe;IAC5B,WAAW,EAAO;cAEjB;GACS,CAAA;EAEV;;AAEV;AAEA,SAAwB,EAA0B,EAChD,aACA,gBACA,iBACA,eACA,iBACiC;CACjC,OACE,kBAAC,GAAD;EACE,WAAW;GAAE,IAAI;GAAU,IAAI;EAAM;EACrC,SAAS;EACT,YAAW;EACX,KAAI,OAAU;GACZ,YAAY,KAA0B,EAAM,QAAQ,aAAa;GACjE,cAAc;GACd,SAAS;EACX;YARF,CAUE,kBAAC,GAAD;GAAK,IAAI;IAAE,MAAM;IAAG,UAAU;GAAE;aAAhC;IACE,kBAAC,GAAD;KAAY,SAAQ;KAAY,IAAI;eACjC;IACS,CAAA;IACZ,kBAAC,GAAD;KAAY,SAAQ;KAAQ,WAAW,EAAO;eAC3C;IACS,CAAA;IACZ,kBAAC,GAAD;KACE,KAAK;KACL,SAAQ,MAAS,kBAAC,GAAD,EAAe,GAAI,EAAQ,CAAA;IAC7C,CAAA;GACE;MACL,kBAAC,OAAD;GAAK,WAAW,EAAO;aACrB,kBAAC,GAAD,CAAwB,CAAA;EACrB,CAAA,CACA;;AAEX"}

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

@@ -1 +1 @@
-{"version":3,"file":"GovernanceMarkdownGithub.js","names":[],"sources":["../../../src/components/Markdown/GovernanceMarkdownGithub.tsx"],"sourcesContent":["import { useTermsOfServiceInfo } from '@/synapse-queries/termsOfService/useTermsOfService'\nimport MarkdownGithub, { MarkdownGithubProps } from './MarkdownGithub'\n\n/**\n * Loads the version of the Governance Github Markdown file that the Synapse backend determines is the current version\n * @returns\n */\nexport function GovernanceMarkdownGithub(props: MarkdownGithubProps) {\n  //Get latest ToS tag (from Synapse backend)\n  const { data } = useTermsOfServiceInfo()\n  const tosTag = data?.latestTermsOfServiceVersion\n  return <MarkdownGithub {...props} tagName={tosTag} />\n}\n\nexport default GovernanceMarkdownGithub\n"],"mappings":";;;;AAOA,SAAgB,EAAyB,GAA4B;CAEnE,IAAM,EAAE,YAAS,GAAuB,EAClC,IAAS,GAAM;AACrB,QAAO,kBAAC,GAAD;EAAgB,GAAI;EAAO,SAAS;EAAU,CAAA"}
+{"version":3,"file":"GovernanceMarkdownGithub.js","names":[],"sources":["../../../src/components/Markdown/GovernanceMarkdownGithub.tsx"],"sourcesContent":["import { useTermsOfServiceInfo } from '@/synapse-queries/termsOfService/useTermsOfService'\nimport MarkdownGithub, { MarkdownGithubProps } from './MarkdownGithub'\n\n/**\n * Loads the version of the Governance Github Markdown file that the Synapse backend determines is the current version\n * @returns\n */\nexport function GovernanceMarkdownGithub(props: MarkdownGithubProps) {\n  //Get latest ToS tag (from Synapse backend)\n  const { data } = useTermsOfServiceInfo()\n  const tosTag = data?.latestTermsOfServiceVersion\n  return <MarkdownGithub {...props} tagName={tosTag} />\n}\n\nexport default GovernanceMarkdownGithub\n"],"mappings":";;;;AAOA,SAAgB,EAAyB,GAA4B;CAEnE,IAAM,EAAE,YAAS,EAAsB,GACjC,IAAS,GAAM;CACrB,OAAO,kBAAC,GAAD;EAAgB,GAAI;EAAO,SAAS;CAAS,CAAA;AACtD"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownGithub.js","names":[],"sources":["../../../src/components/Markdown/MarkdownGithub.tsx"],"sourcesContent":["import { useFileContent } from '@/synapse-queries/file/useFiles'\nimport { useLatestTag } from '@/synapse-queries/github/useGithub'\nimport { Box, Button, Container } from '@mui/material'\nimport { SkeletonParagraph } from '../Skeleton'\nimport MarkdownSynapse from './MarkdownSynapse'\nimport { useMemo, useState } from 'react'\nimport { replaceFileExtension } from '@/utils/functions/StringUtils'\n\nexport type MarkdownGithubProps = {\n  repoOwner: string\n  repoName: string\n  filePath: string\n  showDownloadButton?: boolean\n}\n\n/**\n * Loads the latest tagged version of the (presumably MD) file from GitHub\n * @returns\n */\nexport function MarkdownGithubLatestTag(props: MarkdownGithubProps) {\n  const { repoOwner, repoName } = props\n  const { data: latestTag } = useLatestTag(repoOwner, repoName)\n  return <MarkdownGithub {...props} tagName={latestTag} />\n}\n\nconst handleDownload = (htmlContent: string, outputFileHtmlName: string) => {\n  if (!htmlContent) return\n\n  // Wrap in full HTML document structure\n  const fullHtml = `\n      <!DOCTYPE html>\n      <html>\n        <head>\n          <meta charset=\"UTF-8\">\n          <title>${outputFileHtmlName}</title>\n        </head>\n        <body style=\"margin: 0; padding: 20px; font-family: Arial, sans-serif; line-height: 24px;\">\n          ${htmlContent}\n        </body>\n      </html>\n    `\n\n  // Create a Blob and a download link\n  const blob = new Blob([fullHtml], { type: 'text/html' })\n  const url = URL.createObjectURL(blob)\n\n  const a = document.createElement('a')\n  a.href = url\n  a.download = outputFileHtmlName\n  a.click()\n\n  URL.revokeObjectURL(url)\n}\n\n/**\n * Load MD file content from GitHub (using the given tag)\n * @returns\n */\nfunction MarkdownGithub({\n  repoOwner,\n  repoName,\n  filePath,\n  tagName,\n  showDownloadButton = false,\n}: MarkdownGithubProps & {\n  tagName?: string\n}) {\n  const [htmlContent, setHtmlContent] = useState<string | null | undefined>(\n    null,\n  )\n\n  const outputFileHtmlName = useMemo(\n    () => replaceFileExtension(filePath, 'html'),\n    [filePath],\n  )\n\n  const { data: fileContent } = useFileContent(\n    `https://cdn.jsdelivr.net/gh/${repoOwner}/${repoName}@${tagName}/${filePath}`,\n    {\n      enabled: !!tagName,\n    },\n  )\n\n  const loadingUI = (\n    <Box sx={{ width: '100%' }}>\n      <SkeletonParagraph rowHeight=\"30px\" numRows={70} />\n    </Box>\n  )\n  return (\n    <Container\n      sx={{\n        '> .markdown': {\n          px: '10px', //without this, numbered lists in the md overflow left (and are cut off)\n        },\n      }}\n    >\n      {showDownloadButton && htmlContent && (\n        <Box\n          sx={{\n            display: 'flex',\n            float: 'right',\n            mt: '15px',\n          }}\n        >\n          <Button\n            variant={'outlined'}\n            color=\"primary\"\n            sx={{ mb: 1 }}\n            onClick={() => handleDownload(htmlContent, outputFileHtmlName)}\n          >\n            Download\n          </Button>\n        </Box>\n      )}\n      {fileContent ? (\n        <MarkdownSynapse\n          markdown={fileContent}\n          onMarkdownProcessingDone={setHtmlContent}\n        />\n      ) : (\n        loadingUI\n      )}\n    </Container>\n  )\n}\n\nexport default MarkdownGithub\n"],"mappings":";;;;;;;;;;AAmBA,SAAgB,EAAwB,GAA4B;CAClE,IAAM,EAAE,cAAW,gBAAa,GAC1B,EAAE,MAAM,MAAc,EAAa,GAAW,EAAS;AAC7D,QAAO,kBAAC,GAAD;EAAgB,GAAI;EAAO,SAAS;EAAa,CAAA;;AAG1D,IAAM,KAAkB,GAAqB,MAA+B;AAC1E,KAAI,CAAC,EAAa;CAGlB,IAAM,IAAW;;;;;mBAKA,EAAmB;;;YAG1B,EAAY;;;OAMhB,IAAO,IAAI,KAAK,CAAC,EAAS,EAAE,EAAE,MAAM,aAAa,CAAC,EAClD,IAAM,IAAI,gBAAgB,EAAK,EAE/B,IAAI,SAAS,cAAc,IAAI;AAKrC,CAJA,EAAE,OAAO,GACT,EAAE,WAAW,GACb,EAAE,OAAO,EAET,IAAI,gBAAgB,EAAI;;AAO1B,SAAS,EAAe,EACtB,cACA,aACA,aACA,YACA,wBAAqB,MAGpB;CACD,IAAM,CAAC,GAAa,KAAkB,EACpC,KACD,EAEK,IAAqB,QACnB,EAAqB,GAAU,OAAO,EAC5C,CAAC,EAAS,CACX,EAEK,EAAE,MAAM,MAAgB,EAC5B,+BAA+B,EAAU,GAAG,EAAS,GAAG,EAAQ,GAAG,KACnE,EACE,SAAS,CAAC,CAAC,GACZ,CACF;AAOD,QACE,kBAAC,GAAD;EACE,IAAI,EACF,eAAe,EACb,IAAI,QACL,EACF;YALH,CAOG,KAAsB,KACrB,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,OAAO;IACP,IAAI;IACL;aAED,kBAAC,GAAD;IACE,SAAS;IACT,OAAM;IACN,IAAI,EAAE,IAAI,GAAG;IACb,eAAe,EAAe,GAAa,EAAmB;cAC/D;IAEQ,CAAA;GACL,CAAA,EAEP,IACC,kBAAC,GAAD;GACE,UAAU;GACV,0BAA0B;GAC1B,CAAA,GAlCN,kBAAC,GAAD;GAAK,IAAI,EAAE,OAAO,QAAQ;aACxB,kBAAC,GAAD;IAAmB,WAAU;IAAO,SAAS;IAAM,CAAA;GAC/C,CAkCF,CAEQ"}
+{"version":3,"file":"MarkdownGithub.js","names":[],"sources":["../../../src/components/Markdown/MarkdownGithub.tsx"],"sourcesContent":["import { useFileContent } from '@/synapse-queries/file/useFiles'\nimport { useLatestTag } from '@/synapse-queries/github/useGithub'\nimport { Box, Button, Container } from '@mui/material'\nimport { SkeletonParagraph } from '../Skeleton'\nimport MarkdownSynapse from './MarkdownSynapse'\nimport { useMemo, useState } from 'react'\nimport { replaceFileExtension } from '@/utils/functions/StringUtils'\n\nexport type MarkdownGithubProps = {\n  repoOwner: string\n  repoName: string\n  filePath: string\n  showDownloadButton?: boolean\n}\n\n/**\n * Loads the latest tagged version of the (presumably MD) file from GitHub\n * @returns\n */\nexport function MarkdownGithubLatestTag(props: MarkdownGithubProps) {\n  const { repoOwner, repoName } = props\n  const { data: latestTag } = useLatestTag(repoOwner, repoName)\n  return <MarkdownGithub {...props} tagName={latestTag} />\n}\n\nconst handleDownload = (htmlContent: string, outputFileHtmlName: string) => {\n  if (!htmlContent) return\n\n  // Wrap in full HTML document structure\n  const fullHtml = `\n      <!DOCTYPE html>\n      <html>\n        <head>\n          <meta charset=\"UTF-8\">\n          <title>${outputFileHtmlName}</title>\n        </head>\n        <body style=\"margin: 0; padding: 20px; font-family: Arial, sans-serif; line-height: 24px;\">\n          ${htmlContent}\n        </body>\n      </html>\n    `\n\n  // Create a Blob and a download link\n  const blob = new Blob([fullHtml], { type: 'text/html' })\n  const url = URL.createObjectURL(blob)\n\n  const a = document.createElement('a')\n  a.href = url\n  a.download = outputFileHtmlName\n  a.click()\n\n  URL.revokeObjectURL(url)\n}\n\n/**\n * Load MD file content from GitHub (using the given tag)\n * @returns\n */\nfunction MarkdownGithub({\n  repoOwner,\n  repoName,\n  filePath,\n  tagName,\n  showDownloadButton = false,\n}: MarkdownGithubProps & {\n  tagName?: string\n}) {\n  const [htmlContent, setHtmlContent] = useState<string | null | undefined>(\n    null,\n  )\n\n  const outputFileHtmlName = useMemo(\n    () => replaceFileExtension(filePath, 'html'),\n    [filePath],\n  )\n\n  const { data: fileContent } = useFileContent(\n    `https://cdn.jsdelivr.net/gh/${repoOwner}/${repoName}@${tagName}/${filePath}`,\n    {\n      enabled: !!tagName,\n    },\n  )\n\n  const loadingUI = (\n    <Box sx={{ width: '100%' }}>\n      <SkeletonParagraph rowHeight=\"30px\" numRows={70} />\n    </Box>\n  )\n  return (\n    <Container\n      sx={{\n        '> .markdown': {\n          px: '10px', //without this, numbered lists in the md overflow left (and are cut off)\n        },\n      }}\n    >\n      {showDownloadButton && htmlContent && (\n        <Box\n          sx={{\n            display: 'flex',\n            float: 'right',\n            mt: '15px',\n          }}\n        >\n          <Button\n            variant={'outlined'}\n            color=\"primary\"\n            sx={{ mb: 1 }}\n            onClick={() => handleDownload(htmlContent, outputFileHtmlName)}\n          >\n            Download\n          </Button>\n        </Box>\n      )}\n      {fileContent ? (\n        <MarkdownSynapse\n          markdown={fileContent}\n          onMarkdownProcessingDone={setHtmlContent}\n        />\n      ) : (\n        loadingUI\n      )}\n    </Container>\n  )\n}\n\nexport default MarkdownGithub\n"],"mappings":";;;;;;;;;;AAmBA,SAAgB,EAAwB,GAA4B;CAClE,IAAM,EAAE,cAAW,gBAAa,GAC1B,EAAE,MAAM,MAAc,EAAa,GAAW,CAAQ;CAC5D,OAAO,kBAAC,GAAD;EAAgB,GAAI;EAAO,SAAS;CAAY,CAAA;AACzD;AAEA,IAAM,KAAkB,GAAqB,MAA+B;CAC1E,IAAI,CAAC,GAAa;CAGlB,IAAM,IAAW;;;;;mBAKA,EAAmB;;;YAG1B,EAAY;;;OAMhB,IAAO,IAAI,KAAK,CAAC,CAAQ,GAAG,EAAE,MAAM,YAAY,CAAC,GACjD,IAAM,IAAI,gBAAgB,CAAI,GAE9B,IAAI,SAAS,cAAc,GAAG;CAKpC,AAJA,EAAE,OAAO,GACT,EAAE,WAAW,GACb,EAAE,MAAM,GAER,IAAI,gBAAgB,CAAG;AACzB;AAMA,SAAS,EAAe,EACtB,cACA,aACA,aACA,YACA,wBAAqB,MAGpB;CACD,IAAM,CAAC,GAAa,KAAkB,EACpC,IACF,GAEM,IAAqB,QACnB,EAAqB,GAAU,MAAM,GAC3C,CAAC,CAAQ,CACX,GAEM,EAAE,MAAM,MAAgB,EAC5B,+BAA+B,EAAU,GAAG,EAAS,GAAG,EAAQ,GAAG,KACnE,EACE,SAAS,CAAC,CAAC,EACb,CACF;CAOA,OACE,kBAAC,GAAD;EACE,IAAI,EACF,eAAe,EACb,IAAI,OACN,EACF;YALF,CAOG,KAAsB,KACrB,kBAAC,GAAD;GACE,IAAI;IACF,SAAS;IACT,OAAO;IACP,IAAI;GACN;aAEA,kBAAC,GAAD;IACE,SAAS;IACT,OAAM;IACN,IAAI,EAAE,IAAI,EAAE;IACZ,eAAe,EAAe,GAAa,CAAkB;cAC9D;GAEO,CAAA;EACL,CAAA,GAEN,IACC,kBAAC,GAAD;GACE,UAAU;GACV,0BAA0B;EAC3B,CAAA,IAlCL,kBAAC,GAAD;GAAK,IAAI,EAAE,OAAO,OAAO;aACvB,kBAAC,GAAD;IAAmB,WAAU;IAAO,SAAS;GAAK,CAAA;EAC/C,CAkCD,CAEO;;AAEf"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownPopover.js","names":[],"sources":["../../../src/components/Markdown/MarkdownPopover.tsx"],"sourcesContent":["import {\n  StyledPopover,\n  StyledPopoverProps,\n} from '@/components/styled/StyledPopover'\nimport { Typography } from '@mui/material'\nimport MarkdownSynapse, { MarkdownSynapseProps } from './MarkdownSynapse'\n\nexport type MarkdownPopoverProps = Omit<\n  StyledPopoverProps,\n  'popoverContent'\n> & {\n  contentProps: MarkdownSynapseProps\n}\n\nexport function MarkdownPopover(props: MarkdownPopoverProps) {\n  const { contentProps, ...rest } = props\n  return (\n    <StyledPopover\n      {...rest}\n      popoverContent={\n        <Typography variant=\"body1\" component={'div'}>\n          <MarkdownSynapse {...contentProps} />\n        </Typography>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;AAcA,SAAgB,EAAgB,GAA6B;CAC3D,IAAM,EAAE,iBAAc,GAAG,MAAS;AAClC,QACE,kBAAC,GAAD;EACE,GAAI;EACJ,gBACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,WAAW;aACrC,kBAAC,GAAD,EAAiB,GAAI,GAAgB,CAAA;GAC1B,CAAA;EAEf,CAAA"}
+{"version":3,"file":"MarkdownPopover.js","names":[],"sources":["../../../src/components/Markdown/MarkdownPopover.tsx"],"sourcesContent":["import {\n  StyledPopover,\n  StyledPopoverProps,\n} from '@/components/styled/StyledPopover'\nimport { Typography } from '@mui/material'\nimport MarkdownSynapse, { MarkdownSynapseProps } from './MarkdownSynapse'\n\nexport type MarkdownPopoverProps = Omit<\n  StyledPopoverProps,\n  'popoverContent'\n> & {\n  contentProps: MarkdownSynapseProps\n}\n\nexport function MarkdownPopover(props: MarkdownPopoverProps) {\n  const { contentProps, ...rest } = props\n  return (\n    <StyledPopover\n      {...rest}\n      popoverContent={\n        <Typography variant=\"body1\" component={'div'}>\n          <MarkdownSynapse {...contentProps} />\n        </Typography>\n      }\n    />\n  )\n}\n"],"mappings":";;;;;AAcA,SAAgB,EAAgB,GAA6B;CAC3D,IAAM,EAAE,iBAAc,GAAG,MAAS;CAClC,OACE,kBAAC,GAAD;EACE,GAAI;EACJ,gBACE,kBAAC,GAAD;GAAY,SAAQ;GAAQ,WAAW;aACrC,kBAAC,GAAD,EAAiB,GAAI,EAAe,CAAA;EAC1B,CAAA;CAEf,CAAA;AAEL"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownSynapse.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownSynapse.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAoB5D,eAAO,MAAM,eAAe,yBAAyB,CAAA;AAErD,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,wBAAwB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC3E,8BAA8B,CAAC,EAAE,OAAO,CAAA;CACzC,CAAA;AAmTD;;;;;GAKG;AACH,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CA0HnD;AAED,OAAO,EAAE,eAAe,EAAE,eAAe,IAAI,QAAQ,EAAE,CAAA;AAEvD,eAAe,eAAe,CAAA"}
+{"version":3,"file":"MarkdownSynapse.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownSynapse.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AA4B5D,eAAO,MAAM,eAAe,yBAAyB,CAAA;AAErD,MAAM,MAAM,oBAAoB,GAAG;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAChC,wBAAwB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,KAAK,IAAI,CAAA;IAC3E,8BAA8B,CAAC,EAAE,OAAO,CAAA;CACzC,CAAA;AA6QD;;;;;GAKG;AACH,iBAAS,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CA0HnD;AAED,OAAO,EAAE,eAAe,EAAE,eAAe,IAAI,QAAQ,EAAE,CAAA;AAEvD,eAAe,eAAe,CAAA"}

package/dist/components/Markdown/MarkdownSynapse.js

@@ -12,31 +12,32 @@ import { Link as _, Typography as v } from "@mui/material";
 import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
 import { ObjectType as S } from "@sage-bionetworks/synapse-types";
 import C from "markdown-it";
-import w from "@sage-bionetworks/markdown-it-container";
-import T from "markdown-it-br";
-import E from "markdown-it-center-text";
-import D from "markdown-it-inline-comments";
-import O from "markdown-it-strikethrough-alt";
-import k from "markdown-it-sub-alt";
-import A from "markdown-it-sup-alt";
-import * as j from "markdown-it-synapse";
-import M from "markdown-it-synapse";
-import N from "markdown-it-synapse-heading";
-import P from "markdown-it-synapse-math";
-import F from "markdown-it-synapse-table";
+import { Element as w, attributesToProps as T, domToReact as E, htmlToDOM as D } from "html-react-parser";
+import O from "@sage-bionetworks/markdown-it-container";
+import k from "markdown-it-br";
+import A from "markdown-it-center-text";
+import j from "markdown-it-inline-comments";
+import M from "markdown-it-strikethrough-alt";
+import N from "markdown-it-sub-alt";
+import P from "markdown-it-sup-alt";
+import * as F from "markdown-it-synapse";
+import I from "markdown-it-synapse";
+import L from "markdown-it-synapse-heading";
+import R from "markdown-it-synapse-math";
+import z from "markdown-it-synapse-table";
 //#region src/components/Markdown/MarkdownSynapse.tsx
-var I = "There is no content.", L = C({ html: !0 });
-j.init_markdown_it(L, k, A, E, N, F, O, w, D, T);
-var R = "";
-L.use(M, R, "https://synapse.org").use(P, R);
-function z(e) {
-	let { markdown: t, renderInline: n } = e, r = h(() => (j.resetFootnotes(), B(n, t), B(n, j.footnotes()).__html), [t, n]);
+var B = "There is no content.", V = C({ html: !0 });
+F.init_markdown_it(V, N, P, A, L, z, M, O, j, k);
+var H = "";
+V.use(I, H, "https://synapse.org").use(R, H);
+function U(e) {
+	let { markdown: t, renderInline: n } = e, r = h(() => (F.resetFootnotes(), W(n, t), W(n, F.footnotes()).__html), [t, n]);
 	return r.length > 0 ? /* @__PURE__ */ b("div", { children: /* @__PURE__ */ b(p, { footnotes: r }) }) : null;
 }
-function B(t, n) {
-	return n ? { __html: e(t ? L.renderInline(n) : L.render(n)) } : { __html: "" };
+function W(t, n) {
+	return n ? { __html: e(t ? V.renderInline(n) : V.render(n)) } : { __html: "" };
 }
-function V(e) {
+function G(e) {
 	let { widgetParams: t, originalMarkup: n } = e, r = o(t), i = r.indexOf("?");
 	if (i === -1) return /* @__PURE__ */ b(d, {
 		widgetType: r,
@@ -53,104 +54,72 @@ function V(e) {
 		originalMarkup: n
 	}, JSON.stringify(r));
 }
-function H(e) {
-	let { renderInline: t, markdown: n, isLoading: r, showPlaceholderIfNoWikiContent: o } = e, c = h(() => {
-		let e = B(t, n).__html;
-		return e = i(e), e = a(e), e;
-	}, [n, t]), l = h(() => {
-		if (c.length > 0) {
-			let e = new DOMParser().parseFromString(c, "text/html");
-			return s(e.body), e.body;
-		}
-		return null;
-	}, [c]);
-	if (l) return /* @__PURE__ */ b(U, {
-		element: l,
-		markdown: c
-	});
-	if (!r && o && c === "") return /* @__PURE__ */ b(v, {
-		variant: "body1Italic",
-		sx: { mb: 1 },
-		children: I
-	});
-}
-function U(e) {
-	let { element: t, markdown: n } = e;
-	if (t.nodeType === Node.TEXT_NODE) return /* @__PURE__ */ b(y, { children: t.textContent });
-	if (t.nodeType === Node.ELEMENT_NODE && t instanceof HTMLElement) {
-		let e = t.tagName.toLowerCase(), r = t.getAttribute("data-widgetparams");
-		if (r) return /* @__PURE__ */ b(V, {
+function K(e) {
+	let t = { replace: (n) => {
+		if (!(n instanceof w)) return;
+		let r = n.attribs["data-widgetparams"];
+		if (r) return /* @__PURE__ */ b(G, {
 			widgetParams: r,
-			originalMarkup: n
+			originalMarkup: e
 		});
-		let i = t.attributes, a = {};
-		for (let e = 0; e < i.length; e++) {
-			let t = "", n = "", r = i.item(e);
-			r && (t = r.name, n = r.value), t && n && (a[t] = n);
-		}
-		let { style: o, class: s, ...c } = a;
-		if (c.className = s, o && (c.STYLE = o), t.childNodes.length === 0) return /* @__PURE__ */ b(e, { ...c });
-		let l = Array.from(t.childNodes).map((e, t) => /* @__PURE__ */ b(U, {
-			element: e,
-			markdown: n
-		}, t));
-		switch (e) {
-			case "p": return /* @__PURE__ */ b(v, {
-				variant: "body1",
-				...c,
-				component: e,
-				children: l
-			});
-			case "span": return /* @__PURE__ */ b(v, {
+		let i = n.name.toLowerCase(), a = T(n.attribs), o = E(n.children, t);
+		switch (i) {
+			case "p":
+			case "span":
+			case "ol":
+			case "ul": return /* @__PURE__ */ b(v, {
 				variant: "body1",
-				...c,
-				component: e,
-				children: l
+				...a,
+				component: i,
+				children: o
 			});
 			case "h1": return /* @__PURE__ */ b(v, {
 				variant: "headline1",
-				...c,
-				component: e,
-				children: l
+				...a,
+				component: i,
+				children: o
 			});
 			case "h2": return /* @__PURE__ */ b(v, {
 				variant: "headline2",
-				...c,
-				component: e,
-				children: l
+				...a,
+				component: i,
+				children: o
 			});
 			case "h3": return /* @__PURE__ */ b(v, {
 				variant: "headline3",
-				...c,
-				component: e,
-				children: l
-			});
-			case "ol": return /* @__PURE__ */ b(v, {
-				variant: "body1",
-				...c,
-				component: e,
-				children: l
-			});
-			case "ul": return /* @__PURE__ */ b(v, {
-				variant: "body1",
-				...c,
-				component: e,
-				children: l
+				...a,
+				component: i,
+				children: o
 			});
 			case "a": return /* @__PURE__ */ b(_, {
-				...c,
-				component: e,
-				children: l
-			});
-			default: return e === "body" ? l : /* @__PURE__ */ b(e, {
-				...c,
-				children: l
+				...a,
+				component: i,
+				children: o
 			});
+			default: return;
+		}
+	} };
+	return t;
+}
+function q(e) {
+	let { renderInline: t, markdown: n, isLoading: r, showPlaceholderIfNoWikiContent: o } = e, c = h(() => {
+		let e = W(t, n).__html;
+		return e = i(e), e = a(e), e;
+	}, [n, t]), l = h(() => {
+		if (c.length > 0) {
+			let e = D(c);
+			return e.forEach((e) => s(e)), E(e, K(c));
 		}
-	}
-	return null;
+		return null;
+	}, [c]);
+	if (l) return /* @__PURE__ */ b(y, { children: l });
+	if (!r && o && c === "") return /* @__PURE__ */ b(v, {
+		variant: "body1Italic",
+		sx: { mb: 1 },
+		children: B
+	});
 }
-function W(e) {
+function J(e) {
 	let { ownerId: i, wikiId: a, objectType: o = S.ENTITY, markdown: s, onMarkdownProcessingDone: d, renderInline: p = !1, loadingSkeletonRowCount: h, showPlaceholderIfNoWikiContent: _ = !1 } = e, v = g(null), { data: y, isLoading: C, error: w } = r({
 		ownerObjectId: i,
 		wikiPageId: a,
@@ -168,7 +137,7 @@ function W(e) {
 	}, []);
 	let A = s || y?.markdown || "";
 	m(() => {
-		A && d && d(B(p, A).__html);
+		A && d && d(W(p, A).__html);
 	}, [
 		y,
 		d,
@@ -190,13 +159,13 @@ function W(e) {
 		},
 		children: [
 			O && j,
-			(A || _) && /* @__PURE__ */ b(H, {
+			(A || _) && /* @__PURE__ */ b(q, {
 				markdown: A,
 				renderInline: p,
 				isLoading: O,
 				showPlaceholderIfNoWikiContent: _
 			}),
-			A && /* @__PURE__ */ b(z, {
+			A && /* @__PURE__ */ b(U, {
 				renderInline: p,
 				markdown: A
 			})
@@ -215,6 +184,6 @@ function W(e) {
 	});
 }
 //#endregion
-export { W as Markdown, W as MarkdownSynapse, W as default, I as NO_WIKI_CONTENT };
+export { J as Markdown, J as MarkdownSynapse, J as default, B as NO_WIKI_CONTENT };
 
 //# sourceMappingURL=MarkdownSynapse.js.map