synapse-react-client 4.0.19 → 4.0.21

package/dist/components/JSONArrayEditor/JSONArrayEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"JSONArrayEditor.js","names":[],"sources":["../../../src/components/JSONArrayEditor/JSONArrayEditor.tsx"],"sourcesContent":["import { JsonSchemaForm } from '@/components/JsonSchemaForm/JsonSchemaForm'\nimport TextWidget from '@/components/SchemaDrivenAnnotationEditor/widget/TextWidget'\nimport {\n  Alert,\n  AlertTitle,\n  Box,\n  Button,\n  Collapse,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport RJSFForm from '@rjsf/core'\nimport { GenericObjectType, RJSFSchema } from '@rjsf/utils'\nimport { JSONSchema7, JSONSchema7Definition } from 'json-schema'\nimport type { ParseError } from 'papaparse'\nimport { Ref, useCallback, useMemo, useState } from 'react'\nimport { transformErrors } from '../SchemaDrivenAnnotationEditor/AnnotationEditorUtils'\nimport useParseCsv, { UseParseCsvError } from './useParseCsv'\n\nconst DEFAULT_ARRAY_ITEM_DEFINITION: JSONSchema7Definition = { type: 'string' }\n\nexport type JSONArrayEditorProps<T = unknown> = {\n  value?: T[]\n  arrayItemDefinition?: JSONSchema7Definition\n  onChange: (newValue: T[]) => void\n  onSubmit: (formData: T[]) => void\n  formRef?: Ref<RJSFForm<T, RJSFSchema, GenericObjectType>>\n}\n\nfunction getSchema(\n  definition: JSONSchema7Definition = DEFAULT_ARRAY_ITEM_DEFINITION,\n): JSONSchema7 {\n  return {\n    $schema: 'http://json-schema.org/draft-07/schema#',\n    type: 'array',\n    items: definition,\n  }\n}\n\nfunction JSONArrayEditor<T = unknown>(props: JSONArrayEditorProps<T>) {\n  const {\n    value = [],\n    onChange,\n    onSubmit,\n    arrayItemDefinition = DEFAULT_ARRAY_ITEM_DEFINITION,\n    formRef,\n  } = props\n  const [showPasteNewValuesForm, setShowPasteNewValuesForm] = useState(false)\n  const [pastedValues, setPastedValues] = useState('')\n  const [parseErrors, setParseErrors] = useState<ParseError[]>([])\n  const schema = useMemo(\n    () => getSchema(arrayItemDefinition),\n    [arrayItemDefinition],\n  )\n\n  const { parse } = useParseCsv({\n    jsonSchemaDefinition: arrayItemDefinition,\n  })\n  const addPastedValuesToArray = useCallback(async () => {\n    if (pastedValues) {\n      try {\n        const parsedValues = (await parse(pastedValues)) as T[]\n        onChange([...value, ...parsedValues])\n        setParseErrors([])\n        setPastedValues('')\n        setShowPasteNewValuesForm(false)\n      } catch (e) {\n        if (e instanceof UseParseCsvError) {\n          setParseErrors(e.parseErrors)\n        } else {\n          throw e\n        }\n      }\n    }\n  }, [onChange, pastedValues, value, parse])\n\n  return (\n    <Box\n      className=\"JsonSchemaFormContainer\"\n      sx={{\n        // Hide the label/button to show more info\n        '.JsonSchemaForm .LabelContainer': {\n          display: 'none',\n          visibility: 'hidden',\n        },\n      }}\n    >\n      <JsonSchemaForm\n        formRef={formRef}\n        schema={schema}\n        noHtml5Validate\n        uiSchema={{\n          'ui:submitButtonOptions': {\n            norender: true,\n          },\n        }}\n        formData={value}\n        formContext={{\n          allowRemovingLastItemInArray: true,\n        }}\n        onChange={({ formData }) => onChange(formData)}\n        onSubmit={({ formData }) => onSubmit(formData)}\n        transformErrors={transformErrors}\n        widgets={{\n          TextWidget: TextWidget,\n        }}\n      />\n      <Button onClick={() => setShowPasteNewValuesForm(true)}>\n        Paste new values\n      </Button>\n      <Collapse sx={{ mt: 2 }} in={showPasteNewValuesForm}>\n        <TextField\n          multiline\n          rows={5}\n          placeholder={'Place comma or tab delimited values here'}\n          value={pastedValues}\n          onChange={e => setPastedValues(e.target.value)}\n          slotProps={{\n            input: { inputProps: { 'aria-label': 'CSV or TSV to Append' } },\n          }}\n        />\n        <Box\n          sx={{\n            my: 1,\n            display: 'flex',\n            justifyContent: 'flex-end',\n          }}\n        >\n          <Button onClick={() => setShowPasteNewValuesForm(false)}>\n            Cancel\n          </Button>\n          <Button\n            onClick={() => {\n              addPastedValuesToArray()\n            }}\n          >\n            Add\n          </Button>\n        </Box>\n        {parseErrors && parseErrors.length > 0 && (\n          <Alert severity={'error'} sx={{ my: 2 }}>\n            <AlertTitle>Parsing errors encountered:</AlertTitle>\n            <ul>\n              {parseErrors.map((error, index) => {\n                return (\n                  <Typography\n                    component={'li'}\n                    key={index}\n                    variant={'smallText1'}\n                    sx={{\n                      lineHeight: 1.5,\n                    }}\n                  >\n                    {error.row ? `At ${error.row}: ` : ''}\n                    {error.message}\n                  </Typography>\n                )\n              })}\n            </ul>\n          </Alert>\n        )}\n      </Collapse>\n    </Box>\n  )\n}\n\nexport default JSONArrayEditor\n"],"mappings":";;;;;;;;AAmBA,IAAM,IAAuD,EAAE,MAAM,UAAU;AAU/E,SAAS,EACP,IAAoC,GACvB;AACb,QAAO;EACL,SAAS;EACT,MAAM;EACN,OAAO;EACR;;AAGH,SAAS,EAA6B,GAAgC;CACpE,IAAM,EACJ,WAAQ,EAAE,EACV,aACA,aACA,yBAAsB,GACtB,eACE,GACE,CAAC,GAAwB,KAA6B,EAAS,GAAM,EACrE,CAAC,GAAc,KAAmB,EAAS,GAAG,EAC9C,CAAC,GAAa,KAAkB,EAAuB,EAAE,CAAC,EAC1D,IAAS,QACP,EAAU,EAAoB,EACpC,CAAC,EAAoB,CACtB,EAEK,EAAE,aAAU,EAAY,EAC5B,sBAAsB,GACvB,CAAC,EACI,IAAyB,EAAY,YAAY;AACrD,MAAI,EACF,KAAI;GACF,IAAM,IAAgB,MAAM,EAAM,EAAa;AAI/C,GAHA,EAAS,CAAC,GAAG,GAAO,GAAG,EAAa,CAAC,EACrC,EAAe,EAAE,CAAC,EAClB,EAAgB,GAAG,EACnB,EAA0B,GAAM;WACzB,GAAG;AACV,OAAI,aAAa,EACf,GAAe,EAAE,YAAY;OAE7B,OAAM;;IAIX;EAAC;EAAU;EAAc;EAAO;EAAM,CAAC;AAE1C,QACE,kBAAC,GAAD;EACE,WAAU;EACV,IAAI,EAEF,mCAAmC;GACjC,SAAS;GACT,YAAY;GACb,EACF;YARH;GAUE,kBAAC,GAAD;IACW;IACD;IACR,iBAAA;IACA,UAAU,EACR,0BAA0B,EACxB,UAAU,IACX,EACF;IACD,UAAU;IACV,aAAa,EACX,8BAA8B,IAC/B;IACD,WAAW,EAAE,kBAAe,EAAS,EAAS;IAC9C,WAAW,EAAE,kBAAe,EAAS,EAAS;IAC7B;IACjB,SAAS,EACK,eACb;IACD,CAAA;GACF,kBAAC,GAAD;IAAQ,eAAe,EAA0B,GAAK;cAAE;IAE/C,CAAA;GACT,kBAAC,GAAD;IAAU,IAAI,EAAE,IAAI,GAAG;IAAE,IAAI;cAA7B;KACE,kBAAC,GAAD;MACE,WAAA;MACA,MAAM;MACN,aAAa;MACb,OAAO;MACP,WAAU,MAAK,EAAgB,EAAE,OAAO,MAAM;MAC9C,WAAW,EACT,OAAO,EAAE,YAAY,EAAE,cAAc,wBAAwB,EAAE,EAChE;MACD,CAAA;KACF,kBAAC,GAAD;MACE,IAAI;OACF,IAAI;OACJ,SAAS;OACT,gBAAgB;OACjB;gBALH,CAOE,kBAAC,GAAD;OAAQ,eAAe,EAA0B,GAAM;iBAAE;OAEhD,CAAA,EACT,kBAAC,GAAD;OACE,eAAe;AACb,WAAwB;;iBAE3B;OAEQ,CAAA,CACL;;KACL,KAAe,EAAY,SAAS,KACnC,kBAAC,GAAD;MAAO,UAAU;MAAS,IAAI,EAAE,IAAI,GAAG;gBAAvC,CACE,kBAAC,GAAD,EAAA,UAAY,+BAAwC,CAAA,EACpD,kBAAC,MAAD,EAAA,UACG,EAAY,KAAK,GAAO,MAErB,kBAAC,GAAD;OACE,WAAW;OAEX,SAAS;OACT,IAAI,EACF,YAAY,KACb;iBANH,CAQG,EAAM,MAAM,MAAM,EAAM,IAAI,MAAM,IAClC,EAAM,QACI;SARN,EAQM,CAEf,EACC,CAAA,CACC;;KAED;;GACP"}
+{"version":3,"file":"JSONArrayEditor.js","names":[],"sources":["../../../src/components/JSONArrayEditor/JSONArrayEditor.tsx"],"sourcesContent":["import { JsonSchemaForm } from '@/components/JsonSchemaForm/JsonSchemaForm'\nimport TextWidget from '@/components/SchemaDrivenAnnotationEditor/widget/TextWidget'\nimport {\n  Alert,\n  AlertTitle,\n  Box,\n  Button,\n  Collapse,\n  TextField,\n  Typography,\n} from '@mui/material'\nimport RJSFForm from '@rjsf/core'\nimport { GenericObjectType, RJSFSchema } from '@rjsf/utils'\nimport { JSONSchema7, JSONSchema7Definition } from 'json-schema'\nimport type { ParseError } from 'papaparse'\nimport { Ref, useCallback, useMemo, useState } from 'react'\nimport { transformErrors } from '../SchemaDrivenAnnotationEditor/AnnotationEditorUtils'\nimport useParseCsv, { UseParseCsvError } from './useParseCsv'\n\nconst DEFAULT_ARRAY_ITEM_DEFINITION: JSONSchema7Definition = { type: 'string' }\n\nexport type JSONArrayEditorProps<T = unknown> = {\n  value?: T[]\n  arrayItemDefinition?: JSONSchema7Definition\n  onChange: (newValue: T[]) => void\n  onSubmit: (formData: T[]) => void\n  formRef?: Ref<RJSFForm<T, RJSFSchema, GenericObjectType>>\n}\n\nfunction getSchema(\n  definition: JSONSchema7Definition = DEFAULT_ARRAY_ITEM_DEFINITION,\n): JSONSchema7 {\n  return {\n    $schema: 'http://json-schema.org/draft-07/schema#',\n    type: 'array',\n    items: definition,\n  }\n}\n\nfunction JSONArrayEditor<T = unknown>(props: JSONArrayEditorProps<T>) {\n  const {\n    value = [],\n    onChange,\n    onSubmit,\n    arrayItemDefinition = DEFAULT_ARRAY_ITEM_DEFINITION,\n    formRef,\n  } = props\n  const [showPasteNewValuesForm, setShowPasteNewValuesForm] = useState(false)\n  const [pastedValues, setPastedValues] = useState('')\n  const [parseErrors, setParseErrors] = useState<ParseError[]>([])\n  const schema = useMemo(\n    () => getSchema(arrayItemDefinition),\n    [arrayItemDefinition],\n  )\n\n  const { parse } = useParseCsv({\n    jsonSchemaDefinition: arrayItemDefinition,\n  })\n  const addPastedValuesToArray = useCallback(async () => {\n    if (pastedValues) {\n      try {\n        const parsedValues = (await parse(pastedValues)) as T[]\n        onChange([...value, ...parsedValues])\n        setParseErrors([])\n        setPastedValues('')\n        setShowPasteNewValuesForm(false)\n      } catch (e) {\n        if (e instanceof UseParseCsvError) {\n          setParseErrors(e.parseErrors)\n        } else {\n          throw e\n        }\n      }\n    }\n  }, [onChange, pastedValues, value, parse])\n\n  return (\n    <Box\n      className=\"JsonSchemaFormContainer\"\n      sx={{\n        // Hide the label/button to show more info\n        '.JsonSchemaForm .LabelContainer': {\n          display: 'none',\n          visibility: 'hidden',\n        },\n      }}\n    >\n      <JsonSchemaForm\n        formRef={formRef}\n        schema={schema}\n        noHtml5Validate\n        uiSchema={{\n          'ui:submitButtonOptions': {\n            norender: true,\n          },\n        }}\n        formData={value}\n        formContext={{\n          allowRemovingLastItemInArray: true,\n        }}\n        onChange={({ formData }) => onChange(formData)}\n        onSubmit={({ formData }) => onSubmit(formData)}\n        transformErrors={transformErrors}\n        widgets={{\n          TextWidget: TextWidget,\n        }}\n      />\n      <Button onClick={() => setShowPasteNewValuesForm(true)}>\n        Paste new values\n      </Button>\n      <Collapse sx={{ mt: 2 }} in={showPasteNewValuesForm}>\n        <TextField\n          multiline\n          rows={5}\n          placeholder={'Place comma or tab delimited values here'}\n          value={pastedValues}\n          onChange={e => setPastedValues(e.target.value)}\n          slotProps={{\n            input: { inputProps: { 'aria-label': 'CSV or TSV to Append' } },\n          }}\n        />\n        <Box\n          sx={{\n            my: 1,\n            display: 'flex',\n            justifyContent: 'flex-end',\n          }}\n        >\n          <Button onClick={() => setShowPasteNewValuesForm(false)}>\n            Cancel\n          </Button>\n          <Button\n            onClick={() => {\n              addPastedValuesToArray()\n            }}\n          >\n            Add\n          </Button>\n        </Box>\n        {parseErrors && parseErrors.length > 0 && (\n          <Alert severity={'error'} sx={{ my: 2 }}>\n            <AlertTitle>Parsing errors encountered:</AlertTitle>\n            <ul>\n              {parseErrors.map((error, index) => {\n                return (\n                  <Typography\n                    component={'li'}\n                    key={index}\n                    variant={'smallText1'}\n                    sx={{\n                      lineHeight: 1.5,\n                    }}\n                  >\n                    {error.row ? `At ${error.row}: ` : ''}\n                    {error.message}\n                  </Typography>\n                )\n              })}\n            </ul>\n          </Alert>\n        )}\n      </Collapse>\n    </Box>\n  )\n}\n\nexport default JSONArrayEditor\n"],"mappings":";;;;;;;;AAmBA,IAAM,IAAuD,EAAE,MAAM,SAAS;AAU9E,SAAS,EACP,IAAoC,GACvB;CACb,OAAO;EACL,SAAS;EACT,MAAM;EACN,OAAO;CACT;AACF;AAEA,SAAS,EAA6B,GAAgC;CACpE,IAAM,EACJ,WAAQ,CAAC,GACT,aACA,aACA,yBAAsB,GACtB,eACE,GACE,CAAC,GAAwB,KAA6B,EAAS,EAAK,GACpE,CAAC,GAAc,KAAmB,EAAS,EAAE,GAC7C,CAAC,GAAa,KAAkB,EAAuB,CAAC,CAAC,GACzD,IAAS,QACP,EAAU,CAAmB,GACnC,CAAC,CAAmB,CACtB,GAEM,EAAE,aAAU,EAAY,EAC5B,sBAAsB,EACxB,CAAC,GACK,IAAyB,EAAY,YAAY;EACrD,IAAI,GACF,IAAI;GACF,IAAM,IAAgB,MAAM,EAAM,CAAY;GAI9C,AAHA,EAAS,CAAC,GAAG,GAAO,GAAG,CAAY,CAAC,GACpC,EAAe,CAAC,CAAC,GACjB,EAAgB,EAAE,GAClB,EAA0B,EAAK;EACjC,SAAS,GAAG;GACV,IAAI,aAAa,GACf,EAAe,EAAE,WAAW;QAE5B,MAAM;EAEV;CAEJ,GAAG;EAAC;EAAU;EAAc;EAAO;CAAK,CAAC;CAEzC,OACE,kBAAC,GAAD;EACE,WAAU;EACV,IAAI,EAEF,mCAAmC;GACjC,SAAS;GACT,YAAY;EACd,EACF;YARF;GAUE,kBAAC,GAAD;IACW;IACD;IACR,iBAAA;IACA,UAAU,EACR,0BAA0B,EACxB,UAAU,GACZ,EACF;IACA,UAAU;IACV,aAAa,EACX,8BAA8B,GAChC;IACA,WAAW,EAAE,kBAAe,EAAS,CAAQ;IAC7C,WAAW,EAAE,kBAAe,EAAS,CAAQ;IAC5B;IACjB,SAAS,EACK,cACd;GACD,CAAA;GACD,kBAAC,GAAD;IAAQ,eAAe,EAA0B,EAAI;cAAG;GAEhD,CAAA;GACR,kBAAC,GAAD;IAAU,IAAI,EAAE,IAAI,EAAE;IAAG,IAAI;cAA7B;KACE,kBAAC,GAAD;MACE,WAAA;MACA,MAAM;MACN,aAAa;MACb,OAAO;MACP,WAAU,MAAK,EAAgB,EAAE,OAAO,KAAK;MAC7C,WAAW,EACT,OAAO,EAAE,YAAY,EAAE,cAAc,uBAAuB,EAAE,EAChE;KACD,CAAA;KACD,kBAAC,GAAD;MACE,IAAI;OACF,IAAI;OACJ,SAAS;OACT,gBAAgB;MAClB;gBALF,CAOE,kBAAC,GAAD;OAAQ,eAAe,EAA0B,EAAK;iBAAG;MAEjD,CAAA,GACR,kBAAC,GAAD;OACE,eAAe;QACb,EAAuB;OACzB;iBACD;MAEO,CAAA,CACL;;KACJ,KAAe,EAAY,SAAS,KACnC,kBAAC,GAAD;MAAO,UAAU;MAAS,IAAI,EAAE,IAAI,EAAE;gBAAtC,CACE,kBAAC,GAAD,EAAA,UAAY,8BAAuC,CAAA,GACnD,kBAAC,MAAD,EAAA,UACG,EAAY,KAAK,GAAO,MAErB,kBAAC,GAAD;OACE,WAAW;OAEX,SAAS;OACT,IAAI,EACF,YAAY,IACd;iBANF,CAQG,EAAM,MAAM,MAAM,EAAM,IAAI,MAAM,IAClC,EAAM,OACG;SARL,CAQK,CAEf,EACC,CAAA,CACC;;IAED;;EACP;;AAET"}

package/dist/components/JSONArrayEditor/JSONArrayEditorModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"JSONArrayEditorModal.js","names":[],"sources":["../../../src/components/JSONArrayEditor/JSONArrayEditorModal.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport {\n  ConfirmationDialog,\n  ConfirmationDialogProps,\n} from '../ConfirmationDialog'\nimport JSONArrayEditor, { JSONArrayEditorProps } from './JSONArrayEditor'\nimport type RJSFForm from '@rjsf/core'\nimport { RJSFSchema } from '@rjsf/utils'\n\nexport type JSONArrayEditorModalProps<T = unknown> = Pick<\n  JSONArrayEditorProps<T>,\n  'arrayItemDefinition' | 'value'\n> & {\n  dialogTitle?: ConfirmationDialogProps['title']\n  isShowingModal: boolean\n  onConfirm: (value: T[]) => void\n  onCancel: () => void\n}\n\nfunction JSONArrayEditorModal<T = unknown>(\n  props: JSONArrayEditorModalProps<T>,\n) {\n  const {\n    isShowingModal,\n    onConfirm,\n    onCancel,\n    dialogTitle = 'Edit Values',\n    value,\n    ...editorProps\n  } = props\n  const formRef = useRef<RJSFForm<any, RJSFSchema, any>>(null)\n  const [tempValue, setTempValue] = useState<T[]>(value ?? [])\n\n  useEffect(() => {\n    /* If the passed prop changes, reset local component state */\n    if (value) {\n      setTempValue(value)\n    }\n  }, [value])\n\n  return (\n    <ConfirmationDialog\n      open={isShowingModal}\n      title={dialogTitle}\n      onCancel={onCancel}\n      maxWidth=\"md\"\n      content={\n        <JSONArrayEditor<T>\n          formRef={formRef}\n          value={tempValue}\n          onChange={newValue => setTempValue(newValue)}\n          onSubmit={onConfirm}\n          {...editorProps}\n        />\n      }\n      onConfirm={() => {\n        // Workaround for https://github.com/rjsf-team/react-jsonschema-form/issues/3121\n        formRef.current!.formElement.current.requestSubmit()\n      }}\n    ></ConfirmationDialog>\n  )\n}\n\nexport default JSONArrayEditorModal\n"],"mappings":";;;;;;AAmBA,SAAS,EACP,GACA;CACA,IAAM,EACJ,mBACA,cACA,aACA,iBAAc,eACd,UACA,GAAG,MACD,GACE,IAAU,EAAuC,KAAK,EACtD,CAAC,GAAW,KAAgB,EAAc,KAAS,EAAE,CAAC;AAS5D,QAPA,QAAgB;AAEd,EAAI,KACF,EAAa,EAAM;IAEpB,CAAC,EAAM,CAAC,EAGT,kBAAC,GAAD;EACE,MAAM;EACN,OAAO;EACG;EACV,UAAS;EACT,SACE,kBAAC,GAAD;GACW;GACT,OAAO;GACP,WAAU,MAAY,EAAa,EAAS;GAC5C,UAAU;GACV,GAAI;GACJ,CAAA;EAEJ,iBAAiB;AAEf,KAAQ,QAAS,YAAY,QAAQ,eAAe;;EAElC,CAAA"}
+{"version":3,"file":"JSONArrayEditorModal.js","names":[],"sources":["../../../src/components/JSONArrayEditor/JSONArrayEditorModal.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport {\n  ConfirmationDialog,\n  ConfirmationDialogProps,\n} from '../ConfirmationDialog'\nimport JSONArrayEditor, { JSONArrayEditorProps } from './JSONArrayEditor'\nimport type RJSFForm from '@rjsf/core'\nimport { RJSFSchema } from '@rjsf/utils'\n\nexport type JSONArrayEditorModalProps<T = unknown> = Pick<\n  JSONArrayEditorProps<T>,\n  'arrayItemDefinition' | 'value'\n> & {\n  dialogTitle?: ConfirmationDialogProps['title']\n  isShowingModal: boolean\n  onConfirm: (value: T[]) => void\n  onCancel: () => void\n}\n\nfunction JSONArrayEditorModal<T = unknown>(\n  props: JSONArrayEditorModalProps<T>,\n) {\n  const {\n    isShowingModal,\n    onConfirm,\n    onCancel,\n    dialogTitle = 'Edit Values',\n    value,\n    ...editorProps\n  } = props\n  const formRef = useRef<RJSFForm<any, RJSFSchema, any>>(null)\n  const [tempValue, setTempValue] = useState<T[]>(value ?? [])\n\n  useEffect(() => {\n    /* If the passed prop changes, reset local component state */\n    if (value) {\n      setTempValue(value)\n    }\n  }, [value])\n\n  return (\n    <ConfirmationDialog\n      open={isShowingModal}\n      title={dialogTitle}\n      onCancel={onCancel}\n      maxWidth=\"md\"\n      content={\n        <JSONArrayEditor<T>\n          formRef={formRef}\n          value={tempValue}\n          onChange={newValue => setTempValue(newValue)}\n          onSubmit={onConfirm}\n          {...editorProps}\n        />\n      }\n      onConfirm={() => {\n        // Workaround for https://github.com/rjsf-team/react-jsonschema-form/issues/3121\n        formRef.current!.formElement.current.requestSubmit()\n      }}\n    ></ConfirmationDialog>\n  )\n}\n\nexport default JSONArrayEditorModal\n"],"mappings":";;;;;;AAmBA,SAAS,EACP,GACA;CACA,IAAM,EACJ,mBACA,cACA,aACA,iBAAc,eACd,UACA,GAAG,MACD,GACE,IAAU,EAAuC,IAAI,GACrD,CAAC,GAAW,KAAgB,EAAc,KAAS,CAAC,CAAC;CAS3D,OAPA,QAAgB;EAEd,AAAI,KACF,EAAa,CAAK;CAEtB,GAAG,CAAC,CAAK,CAAC,GAGR,kBAAC,GAAD;EACE,MAAM;EACN,OAAO;EACG;EACV,UAAS;EACT,SACE,kBAAC,GAAD;GACW;GACT,OAAO;GACP,WAAU,MAAY,EAAa,CAAQ;GAC3C,UAAU;GACV,GAAI;EACL,CAAA;EAEH,iBAAiB;GAEf,EAAQ,QAAS,YAAY,QAAQ,cAAc;EACrD;CACmB,CAAA;AAEzB"}

package/dist/components/JSONArrayEditor/useParseCsv.js.map

@@ -1 +1 @@
-{"version":3,"file":"useParseCsv.js","names":[],"sources":["../../../src/components/JSONArrayEditor/useParseCsv.ts"],"sourcesContent":["import { JSONSchema7Definition } from 'json-schema'\nimport papaparseLib from 'papaparse'\nimport type { ParseError } from 'papaparse'\n// papaparse is CJS-only; pull named values from the default export.\nconst { parse: papaparse } = papaparseLib\nimport { useCallback, useMemo } from 'react'\nimport { isObject } from 'lodash-es'\n\nexport type ParseCsvOptions = {\n  /* If provided, items will be parsed based on the data type prescribed by the schema */\n  jsonSchemaDefinition?: JSONSchema7Definition\n}\n\nexport type UseParseCsvReturn = {\n  parse: (dataToParse: string) => Promise<unknown[]>\n}\n\nconst DEFAULT_OPTIONS: ParseCsvOptions = {\n  jsonSchemaDefinition: { type: 'string' },\n}\n\nexport class UseParseCsvError extends Error {\n  public parseErrors: ParseError[]\n  constructor(parseErrors: ParseError[]) {\n    super('Error parsing CSV')\n    this.parseErrors = parseErrors\n  }\n}\n\nexport default function useParseCsv(\n  options: ParseCsvOptions = DEFAULT_OPTIONS,\n): UseParseCsvReturn {\n  const { jsonSchemaDefinition } = options\n  const itemsAreString = useMemo(\n    () =>\n      isObject(jsonSchemaDefinition) &&\n      jsonSchemaDefinition.type &&\n      jsonSchemaDefinition.type === 'string',\n    [jsonSchemaDefinition],\n  )\n\n  const parse = useCallback(\n    (dataToParse: string): Promise<unknown[]> => {\n      return new Promise((resolve, reject) => {\n        papaparse(dataToParse, {\n          // If the items are not strings, let papaparse guess the type. Otherwise, always parse as strings.\n          dynamicTyping: !itemsAreString,\n          complete: result => {\n            if (result.errors.length > 0) {\n              reject(new UseParseCsvError(result.errors))\n            } else {\n              resolve(result.data.flat())\n            }\n          },\n        })\n      })\n    },\n    [itemsAreString],\n  )\n\n  return {\n    parse,\n  }\n}\n"],"mappings":";;;;AAIA,IAAM,EAAE,OAAO,MAAc,GAavB,IAAmC,EACvC,sBAAsB,EAAE,MAAM,UAAU,EACzC,EAEY,IAAb,cAAsC,MAAM;CAC1C;CACA,YAAY,GAA2B;AAErC,EADA,MAAM,oBAAoB,EAC1B,KAAK,cAAc;;;AAIvB,SAAwB,EACtB,IAA2B,GACR;CACnB,IAAM,EAAE,4BAAyB,GAC3B,IAAiB,QAEnB,EAAS,EAAqB,IAC9B,EAAqB,QACrB,EAAqB,SAAS,UAChC,CAAC,EAAqB,CACvB;AAqBD,QAAO,EACL,OApBY,GACX,MACQ,IAAI,SAAS,GAAS,MAAW;AACtC,IAAU,GAAa;GAErB,eAAe,CAAC;GAChB,WAAU,MAAU;AAClB,IAAI,EAAO,OAAO,SAAS,IACzB,EAAO,IAAI,EAAiB,EAAO,OAAO,CAAC,GAE3C,EAAQ,EAAO,KAAK,MAAM,CAAC;;GAGhC,CAAC;GACF,EAEJ,CAAC,EAAe,CAIhB,EACD"}
+{"version":3,"file":"useParseCsv.js","names":[],"sources":["../../../src/components/JSONArrayEditor/useParseCsv.ts"],"sourcesContent":["import { JSONSchema7Definition } from 'json-schema'\nimport papaparseLib from 'papaparse'\nimport type { ParseError } from 'papaparse'\n// papaparse is CJS-only; pull named values from the default export.\nconst { parse: papaparse } = papaparseLib\nimport { useCallback, useMemo } from 'react'\nimport { isObject } from 'lodash-es'\n\nexport type ParseCsvOptions = {\n  /* If provided, items will be parsed based on the data type prescribed by the schema */\n  jsonSchemaDefinition?: JSONSchema7Definition\n}\n\nexport type UseParseCsvReturn = {\n  parse: (dataToParse: string) => Promise<unknown[]>\n}\n\nconst DEFAULT_OPTIONS: ParseCsvOptions = {\n  jsonSchemaDefinition: { type: 'string' },\n}\n\nexport class UseParseCsvError extends Error {\n  public parseErrors: ParseError[]\n  constructor(parseErrors: ParseError[]) {\n    super('Error parsing CSV')\n    this.parseErrors = parseErrors\n  }\n}\n\nexport default function useParseCsv(\n  options: ParseCsvOptions = DEFAULT_OPTIONS,\n): UseParseCsvReturn {\n  const { jsonSchemaDefinition } = options\n  const itemsAreString = useMemo(\n    () =>\n      isObject(jsonSchemaDefinition) &&\n      jsonSchemaDefinition.type &&\n      jsonSchemaDefinition.type === 'string',\n    [jsonSchemaDefinition],\n  )\n\n  const parse = useCallback(\n    (dataToParse: string): Promise<unknown[]> => {\n      return new Promise((resolve, reject) => {\n        papaparse(dataToParse, {\n          // If the items are not strings, let papaparse guess the type. Otherwise, always parse as strings.\n          dynamicTyping: !itemsAreString,\n          complete: result => {\n            if (result.errors.length > 0) {\n              reject(new UseParseCsvError(result.errors))\n            } else {\n              resolve(result.data.flat())\n            }\n          },\n        })\n      })\n    },\n    [itemsAreString],\n  )\n\n  return {\n    parse,\n  }\n}\n"],"mappings":";;;;AAIA,IAAM,EAAE,OAAO,MAAc,GAavB,IAAmC,EACvC,sBAAsB,EAAE,MAAM,SAAS,EACzC,GAEa,IAAb,cAAsC,MAAM;CAC1C;CACA,YAAY,GAA2B;EAErC,AADA,MAAM,mBAAmB,GACzB,KAAK,cAAc;CACrB;AACF;AAEA,SAAwB,EACtB,IAA2B,GACR;CACnB,IAAM,EAAE,4BAAyB,GAC3B,IAAiB,QAEnB,EAAS,CAAoB,KAC7B,EAAqB,QACrB,EAAqB,SAAS,UAChC,CAAC,CAAoB,CACvB;CAqBA,OAAO,EACL,OApBY,GACX,MACQ,IAAI,SAAS,GAAS,MAAW;EACtC,EAAU,GAAa;GAErB,eAAe,CAAC;GAChB,WAAU,MAAU;IAClB,AAAI,EAAO,OAAO,SAAS,IACzB,EAAO,IAAI,EAAiB,EAAO,MAAM,CAAC,IAE1C,EAAQ,EAAO,KAAK,KAAK,CAAC;GAE9B;EACF,CAAC;CACH,CAAC,GAEH,CAAC,CAAc,CAIf,EACF;AACF"}

package/dist/components/JsonLdScript.js.map

@@ -1 +1 @@
-{"version":3,"file":"JsonLdScript.js","names":[],"sources":["../../src/components/JsonLdScript.tsx"],"sourcesContent":["import useJsonLdScriptElement from '@/utils/hooks/useJsonLdScriptElement'\nimport React from 'react'\nimport { Thing, WithContext } from 'schema-dts'\n\nexport type JsonLdScriptProps = {\n  thing: WithContext<Thing>\n}\n\n/**\n * This component will add a json ld script tag to the page when rendered.\n */\nexport function JsonLdScript({ thing }: JsonLdScriptProps): React.ReactNode {\n  useJsonLdScriptElement(JSON.stringify(thing))\n  return <></>\n}\n"],"mappings":";;;;AAWA,SAAgB,EAAa,EAAE,YAA6C;AAE1E,QADA,EAAuB,KAAK,UAAU,EAAM,CAAC,EACtC,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"JsonLdScript.js","names":[],"sources":["../../src/components/JsonLdScript.tsx"],"sourcesContent":["import useJsonLdScriptElement from '@/utils/hooks/useJsonLdScriptElement'\nimport React from 'react'\nimport { Thing, WithContext } from 'schema-dts'\n\nexport type JsonLdScriptProps = {\n  thing: WithContext<Thing>\n}\n\n/**\n * This component will add a json ld script tag to the page when rendered.\n */\nexport function JsonLdScript({ thing }: JsonLdScriptProps): React.ReactNode {\n  useJsonLdScriptElement(JSON.stringify(thing))\n  return <></>\n}\n"],"mappings":";;;;AAWA,SAAgB,EAAa,EAAE,YAA6C;CAE1E,OADA,EAAuB,KAAK,UAAU,CAAK,CAAC,GACrC,kBAAA,GAAA,CAAI,CAAA;AACb"}

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

@@ -1 +1 @@
-{"version":3,"file":"JsonSchemaForm.js","names":[],"sources":["../../../src/components/JsonSchemaForm/JsonSchemaForm.tsx"],"sourcesContent":["import ArrayFieldDescriptionTemplate from '@/components/JsonSchemaForm/templates/ArrayFieldDescriptionTemplate'\nimport ArrayFieldItemButtonsTemplate from '@/components/JsonSchemaForm/templates/ArrayFieldItemButtonTemplate'\nimport ArrayFieldItemTemplate from '@/components/JsonSchemaForm/templates/ArrayFieldItemTemplate'\nimport ArrayFieldTemplate from '@/components/JsonSchemaForm/templates/ArrayFieldTemplate'\nimport ArrayFieldTitleTemplate from '@/components/JsonSchemaForm/templates/ArrayFieldTitleTemplate'\nimport BaseInputTemplate from '@/components/JsonSchemaForm/templates/BaseInputTemplate'\nimport ButtonTemplate from '@/components/JsonSchemaForm/templates/ButtonTemplate'\nimport DescriptionFieldTemplate from '@/components/JsonSchemaForm/templates/DescriptionFieldTemplate'\nimport ErrorListTemplate from '@/components/JsonSchemaForm/templates/ErrorListTemplate'\nimport FieldErrorTemplate from '@/components/JsonSchemaForm/templates/FieldErrorTemplate'\nimport { FieldTemplate } from '@/components/JsonSchemaForm/templates/FieldTemplate'\nimport { BooleanWidget } from '@/components/JsonSchemaForm/widgets/BooleanWidget'\nimport { DateTimeWidget } from '@/components/JsonSchemaForm/widgets/DateTimeWidget'\nimport { SelectWidget } from '@/components/JsonSchemaForm/widgets/SelectWidget'\nimport { Optional } from '@/utils/types/Optional'\nimport RJSFForm, { FormProps } from '@rjsf/core'\nimport Form from '@rjsf/mui'\nimport { GenericObjectType, RJSFSchema } from '@rjsf/utils'\nimport validator from '@rjsf/validator-ajv8'\nimport { Ref } from 'react'\n\n/**\n * Wrapper around react-jsonschema-form that supplies default styling/templates/widgets for\n * Synapse/Portals\n */\nexport function JsonSchemaForm<T = any>(\n  props: Optional<FormProps, 'validator'> & {\n    formRef?: Ref<RJSFForm<T, RJSFSchema, GenericObjectType>>\n  },\n) {\n  return (\n    <Form\n      ref={props.formRef}\n      validator={validator}\n      className=\"JsonSchemaForm\"\n      {...props}\n      templates={{\n        ArrayFieldDescriptionTemplate: ArrayFieldDescriptionTemplate,\n        ArrayFieldItemTemplate: ArrayFieldItemTemplate,\n        ArrayFieldItemButtonsTemplate: ArrayFieldItemButtonsTemplate,\n        ArrayFieldTemplate: ArrayFieldTemplate,\n        ArrayFieldTitleTemplate: ArrayFieldTitleTemplate,\n        BaseInputTemplate: BaseInputTemplate,\n        FieldErrorTemplate: FieldErrorTemplate,\n        FieldTemplate: FieldTemplate,\n        ButtonTemplates: ButtonTemplate,\n        DescriptionFieldTemplate: DescriptionFieldTemplate,\n        ErrorListTemplate: ErrorListTemplate,\n        ...props.templates,\n      }}\n      widgets={{\n        DateTimeWidget: DateTimeWidget,\n        CheckboxWidget: BooleanWidget,\n        SelectWidget: SelectWidget,\n        ...props.widgets,\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAyBA,SAAgB,EACd,GAGA;AACA,QACE,kBAAC,GAAD;EACE,KAAK,EAAM;EACA;EACX,WAAU;EACV,GAAI;EACJ,WAAW;GACsB;GACP;GACO;GACX;GACK;GACN;GACC;GACL;GACf,iBAAiB;GACS;GACP;GACnB,GAAG,EAAM;GACV;EACD,SAAS;GACS;GAChB,gBAAgB;GACF;GACd,GAAG,EAAM;GACV;EACD,CAAA"}
+{"version":3,"file":"JsonSchemaForm.js","names":[],"sources":["../../../src/components/JsonSchemaForm/JsonSchemaForm.tsx"],"sourcesContent":["import ArrayFieldDescriptionTemplate from '@/components/JsonSchemaForm/templates/ArrayFieldDescriptionTemplate'\nimport ArrayFieldItemButtonsTemplate from '@/components/JsonSchemaForm/templates/ArrayFieldItemButtonTemplate'\nimport ArrayFieldItemTemplate from '@/components/JsonSchemaForm/templates/ArrayFieldItemTemplate'\nimport ArrayFieldTemplate from '@/components/JsonSchemaForm/templates/ArrayFieldTemplate'\nimport ArrayFieldTitleTemplate from '@/components/JsonSchemaForm/templates/ArrayFieldTitleTemplate'\nimport BaseInputTemplate from '@/components/JsonSchemaForm/templates/BaseInputTemplate'\nimport ButtonTemplate from '@/components/JsonSchemaForm/templates/ButtonTemplate'\nimport DescriptionFieldTemplate from '@/components/JsonSchemaForm/templates/DescriptionFieldTemplate'\nimport ErrorListTemplate from '@/components/JsonSchemaForm/templates/ErrorListTemplate'\nimport FieldErrorTemplate from '@/components/JsonSchemaForm/templates/FieldErrorTemplate'\nimport { FieldTemplate } from '@/components/JsonSchemaForm/templates/FieldTemplate'\nimport { BooleanWidget } from '@/components/JsonSchemaForm/widgets/BooleanWidget'\nimport { DateTimeWidget } from '@/components/JsonSchemaForm/widgets/DateTimeWidget'\nimport { SelectWidget } from '@/components/JsonSchemaForm/widgets/SelectWidget'\nimport { Optional } from '@/utils/types/Optional'\nimport RJSFForm, { FormProps } from '@rjsf/core'\nimport Form from '@rjsf/mui'\nimport { GenericObjectType, RJSFSchema } from '@rjsf/utils'\nimport validator from '@rjsf/validator-ajv8'\nimport { Ref } from 'react'\n\n/**\n * Wrapper around react-jsonschema-form that supplies default styling/templates/widgets for\n * Synapse/Portals\n */\nexport function JsonSchemaForm<T = any>(\n  props: Optional<FormProps, 'validator'> & {\n    formRef?: Ref<RJSFForm<T, RJSFSchema, GenericObjectType>>\n  },\n) {\n  return (\n    <Form\n      ref={props.formRef}\n      validator={validator}\n      className=\"JsonSchemaForm\"\n      {...props}\n      templates={{\n        ArrayFieldDescriptionTemplate: ArrayFieldDescriptionTemplate,\n        ArrayFieldItemTemplate: ArrayFieldItemTemplate,\n        ArrayFieldItemButtonsTemplate: ArrayFieldItemButtonsTemplate,\n        ArrayFieldTemplate: ArrayFieldTemplate,\n        ArrayFieldTitleTemplate: ArrayFieldTitleTemplate,\n        BaseInputTemplate: BaseInputTemplate,\n        FieldErrorTemplate: FieldErrorTemplate,\n        FieldTemplate: FieldTemplate,\n        ButtonTemplates: ButtonTemplate,\n        DescriptionFieldTemplate: DescriptionFieldTemplate,\n        ErrorListTemplate: ErrorListTemplate,\n        ...props.templates,\n      }}\n      widgets={{\n        DateTimeWidget: DateTimeWidget,\n        CheckboxWidget: BooleanWidget,\n        SelectWidget: SelectWidget,\n        ...props.widgets,\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAyBA,SAAgB,EACd,GAGA;CACA,OACE,kBAAC,GAAD;EACE,KAAK,EAAM;EACA;EACX,WAAU;EACV,GAAI;EACJ,WAAW;GACsB;GACP;GACO;GACX;GACK;GACN;GACC;GACL;GACf,iBAAiB;GACS;GACP;GACnB,GAAG,EAAM;EACX;EACA,SAAS;GACS;GAChB,gBAAgB;GACF;GACd,GAAG,EAAM;EACX;CACD,CAAA;AAEL"}

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayFieldDescriptionTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/ArrayFieldDescriptionTemplate.tsx"],"sourcesContent":["import {\n  getTemplate,\n  getUiOptions,\n  ArrayFieldDescriptionProps,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\n\n/** The `ArrayFieldDescriptionTemplate` component renders a `DescriptionFieldTemplate` with an `id` derived from\n * the `idSchema`.\n *\n * Identical to @rjsf/core ArrayFieldDescriptionTemplate except this renders something if there is no description.\n * Our description field also includes the type, so it should always be rendered.\n * @param props - The `ArrayFieldDescriptionProps` for the component\n */\nexport default function ArrayFieldDescriptionTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: ArrayFieldDescriptionProps<T, S, F>) {\n  const { idSchema, description, registry, schema, uiSchema } = props\n  const options = getUiOptions<T, S, F>(uiSchema, registry.globalUiOptions)\n  const { label: displayLabel } = options\n  if (displayLabel === false) {\n    return null\n  }\n\n  const DescriptionFieldTemplate = getTemplate<\n    'DescriptionFieldTemplate',\n    T,\n    S,\n    F\n  >('DescriptionFieldTemplate', registry, options)\n  const id = `${idSchema.$id}__description`\n  return (\n    <DescriptionFieldTemplate\n      id={id}\n      description={description ?? ''}\n      schema={schema}\n      uiSchema={uiSchema}\n      registry={registry}\n    />\n  )\n}\n"],"mappings":";;;AAgBA,SAAwB,EAItB,GAA4C;CAC5C,IAAM,EAAE,aAAU,gBAAa,aAAU,WAAQ,gBAAa,GACxD,IAAU,EAAsB,GAAU,EAAS,gBAAgB,EACnE,EAAE,OAAO,MAAiB;AAYhC,QAXI,MAAiB,KACZ,OAWP,kBAR+B,EAK/B,4BAA4B,GAAU,EAGrC,EAAD;EACM,IAAA,GAHM,EAAS,IAAI;EAIvB,aAAa,KAAe;EACpB;EACE;EACA;EACV,CAAA"}
+{"version":3,"file":"ArrayFieldDescriptionTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/ArrayFieldDescriptionTemplate.tsx"],"sourcesContent":["import {\n  getTemplate,\n  getUiOptions,\n  ArrayFieldDescriptionProps,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\n\n/** The `ArrayFieldDescriptionTemplate` component renders a `DescriptionFieldTemplate` with an `id` derived from\n * the `idSchema`.\n *\n * Identical to @rjsf/core ArrayFieldDescriptionTemplate except this renders something if there is no description.\n * Our description field also includes the type, so it should always be rendered.\n * @param props - The `ArrayFieldDescriptionProps` for the component\n */\nexport default function ArrayFieldDescriptionTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: ArrayFieldDescriptionProps<T, S, F>) {\n  const { idSchema, description, registry, schema, uiSchema } = props\n  const options = getUiOptions<T, S, F>(uiSchema, registry.globalUiOptions)\n  const { label: displayLabel } = options\n  if (displayLabel === false) {\n    return null\n  }\n\n  const DescriptionFieldTemplate = getTemplate<\n    'DescriptionFieldTemplate',\n    T,\n    S,\n    F\n  >('DescriptionFieldTemplate', registry, options)\n  const id = `${idSchema.$id}__description`\n  return (\n    <DescriptionFieldTemplate\n      id={id}\n      description={description ?? ''}\n      schema={schema}\n      uiSchema={uiSchema}\n      registry={registry}\n    />\n  )\n}\n"],"mappings":";;;AAgBA,SAAwB,EAItB,GAA4C;CAC5C,IAAM,EAAE,aAAU,gBAAa,aAAU,WAAQ,gBAAa,GACxD,IAAU,EAAsB,GAAU,EAAS,eAAe,GAClE,EAAE,OAAO,MAAiB;CAYhC,OAXI,MAAiB,KACZ,OAWP,kBAR+B,EAK/B,4BAA4B,GAAU,CAGrC,GAAD;EACM,IAAA,GAHM,EAAS,IAAI;EAIvB,aAAa,KAAe;EACpB;EACE;EACA;CACX,CAAA;AAEL"}

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayFieldItemButtonTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/ArrayFieldItemButtonTemplate.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport {\n  ArrayFieldItemButtonsTemplateType,\n  buttonId,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\n\n/** The `ArrayFieldTemplateItemButtons` component is the template used to render the buttons associate3d with items of\n * an array.\n *\n * @param props - The `ArrayFieldItemButtonsTemplateType` props for the component\n */\nexport default function ArrayFieldItemButtonsTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: ArrayFieldItemButtonsTemplateType<T, S, F>) {\n  const {\n    disabled,\n    hasCopy,\n    hasMoveDown,\n    hasMoveUp,\n    hasRemove,\n    idSchema,\n    index,\n    onCopyIndexClick,\n    onDropIndexClick,\n    onReorderClick,\n    onAddIndexClick,\n    readonly,\n    registry,\n    uiSchema,\n  } = props\n  const { CopyButton, MoveDownButton, MoveUpButton, RemoveButton, AddButton } =\n    registry.templates.ButtonTemplates\n  const onCopyClick = useMemo(\n    () => onCopyIndexClick(index),\n    [index, onCopyIndexClick],\n  )\n  const onRemoveClick = useMemo(\n    () => onDropIndexClick(index),\n    [index, onDropIndexClick],\n  )\n  const onArrowUpClick = useMemo(\n    () => onReorderClick(index, index - 1),\n    [index, onReorderClick],\n  )\n  const onArrowDownClick = useMemo(\n    () => onReorderClick(index, index + 1),\n    [index, onReorderClick],\n  )\n\n  return (\n    <>\n      {(hasMoveUp || hasMoveDown) && (\n        <MoveUpButton\n          id={buttonId<T>(idSchema, 'moveUp')}\n          className=\"rjsf-array-item-move-up\"\n          disabled={disabled || readonly || !hasMoveUp}\n          onClick={onArrowUpClick}\n          uiSchema={uiSchema}\n          registry={registry}\n        />\n      )}\n      {(hasMoveUp || hasMoveDown) && (\n        <MoveDownButton\n          id={buttonId<T>(idSchema, 'moveDown')}\n          className=\"rjsf-array-item-move-down\"\n          disabled={disabled || readonly || !hasMoveDown}\n          onClick={onArrowDownClick}\n          uiSchema={uiSchema}\n          registry={registry}\n        />\n      )}\n      {hasCopy && (\n        <CopyButton\n          id={buttonId<T>(idSchema, 'copy')}\n          className=\"rjsf-array-item-copy\"\n          disabled={disabled || readonly}\n          onClick={onCopyClick}\n          uiSchema={uiSchema}\n          registry={registry}\n        />\n      )}\n      {hasRemove && (\n        <RemoveButton\n          id={buttonId<T>(idSchema, 'remove')}\n          className=\"rjsf-array-item-remove\"\n          disabled={disabled || readonly}\n          onClick={onRemoveClick}\n          uiSchema={uiSchema}\n          registry={registry}\n        />\n      )}\n      <AddButton\n        disabled={disabled || readonly}\n        uiSchema={uiSchema}\n        registry={registry}\n        aria-label={`Add Item`}\n        onClick={onAddIndexClick(index + 1)}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;AAcA,SAAwB,EAItB,GAAmD;CACnD,IAAM,EACJ,aACA,YACA,gBACA,cACA,cACA,aACA,UACA,qBACA,qBACA,mBACA,oBACA,aACA,aACA,gBACE,GACE,EAAE,eAAY,mBAAgB,iBAAc,iBAAc,iBAC9D,EAAS,UAAU,iBACf,IAAc,QACZ,EAAiB,EAAM,EAC7B,CAAC,GAAO,EAAiB,CAC1B,EACK,IAAgB,QACd,EAAiB,EAAM,EAC7B,CAAC,GAAO,EAAiB,CAC1B,EACK,IAAiB,QACf,EAAe,GAAO,IAAQ,EAAE,EACtC,CAAC,GAAO,EAAe,CACxB,EACK,IAAmB,QACjB,EAAe,GAAO,IAAQ,EAAE,EACtC,CAAC,GAAO,EAAe,CACxB;AAED,QACE,kBAAA,GAAA,EAAA,UAAA;GACI,KAAa,MACb,kBAAC,GAAD;GACE,IAAI,EAAY,GAAU,SAAS;GACnC,WAAU;GACV,UAAU,KAAY,KAAY,CAAC;GACnC,SAAS;GACC;GACA;GACV,CAAA;GAEF,KAAa,MACb,kBAAC,GAAD;GACE,IAAI,EAAY,GAAU,WAAW;GACrC,WAAU;GACV,UAAU,KAAY,KAAY,CAAC;GACnC,SAAS;GACC;GACA;GACV,CAAA;EAEH,KACC,kBAAC,GAAD;GACE,IAAI,EAAY,GAAU,OAAO;GACjC,WAAU;GACV,UAAU,KAAY;GACtB,SAAS;GACC;GACA;GACV,CAAA;EAEH,KACC,kBAAC,GAAD;GACE,IAAI,EAAY,GAAU,SAAS;GACnC,WAAU;GACV,UAAU,KAAY;GACtB,SAAS;GACC;GACA;GACV,CAAA;EAEJ,kBAAC,GAAD;GACE,UAAU,KAAY;GACZ;GACA;GACV,cAAY;GACZ,SAAS,EAAgB,IAAQ,EAAE;GACnC,CAAA;EACD,EAAA,CAAA"}
+{"version":3,"file":"ArrayFieldItemButtonTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/ArrayFieldItemButtonTemplate.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport {\n  ArrayFieldItemButtonsTemplateType,\n  buttonId,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\n\n/** The `ArrayFieldTemplateItemButtons` component is the template used to render the buttons associate3d with items of\n * an array.\n *\n * @param props - The `ArrayFieldItemButtonsTemplateType` props for the component\n */\nexport default function ArrayFieldItemButtonsTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: ArrayFieldItemButtonsTemplateType<T, S, F>) {\n  const {\n    disabled,\n    hasCopy,\n    hasMoveDown,\n    hasMoveUp,\n    hasRemove,\n    idSchema,\n    index,\n    onCopyIndexClick,\n    onDropIndexClick,\n    onReorderClick,\n    onAddIndexClick,\n    readonly,\n    registry,\n    uiSchema,\n  } = props\n  const { CopyButton, MoveDownButton, MoveUpButton, RemoveButton, AddButton } =\n    registry.templates.ButtonTemplates\n  const onCopyClick = useMemo(\n    () => onCopyIndexClick(index),\n    [index, onCopyIndexClick],\n  )\n  const onRemoveClick = useMemo(\n    () => onDropIndexClick(index),\n    [index, onDropIndexClick],\n  )\n  const onArrowUpClick = useMemo(\n    () => onReorderClick(index, index - 1),\n    [index, onReorderClick],\n  )\n  const onArrowDownClick = useMemo(\n    () => onReorderClick(index, index + 1),\n    [index, onReorderClick],\n  )\n\n  return (\n    <>\n      {(hasMoveUp || hasMoveDown) && (\n        <MoveUpButton\n          id={buttonId<T>(idSchema, 'moveUp')}\n          className=\"rjsf-array-item-move-up\"\n          disabled={disabled || readonly || !hasMoveUp}\n          onClick={onArrowUpClick}\n          uiSchema={uiSchema}\n          registry={registry}\n        />\n      )}\n      {(hasMoveUp || hasMoveDown) && (\n        <MoveDownButton\n          id={buttonId<T>(idSchema, 'moveDown')}\n          className=\"rjsf-array-item-move-down\"\n          disabled={disabled || readonly || !hasMoveDown}\n          onClick={onArrowDownClick}\n          uiSchema={uiSchema}\n          registry={registry}\n        />\n      )}\n      {hasCopy && (\n        <CopyButton\n          id={buttonId<T>(idSchema, 'copy')}\n          className=\"rjsf-array-item-copy\"\n          disabled={disabled || readonly}\n          onClick={onCopyClick}\n          uiSchema={uiSchema}\n          registry={registry}\n        />\n      )}\n      {hasRemove && (\n        <RemoveButton\n          id={buttonId<T>(idSchema, 'remove')}\n          className=\"rjsf-array-item-remove\"\n          disabled={disabled || readonly}\n          onClick={onRemoveClick}\n          uiSchema={uiSchema}\n          registry={registry}\n        />\n      )}\n      <AddButton\n        disabled={disabled || readonly}\n        uiSchema={uiSchema}\n        registry={registry}\n        aria-label={`Add Item`}\n        onClick={onAddIndexClick(index + 1)}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;AAcA,SAAwB,EAItB,GAAmD;CACnD,IAAM,EACJ,aACA,YACA,gBACA,cACA,cACA,aACA,UACA,qBACA,qBACA,mBACA,oBACA,aACA,aACA,gBACE,GACE,EAAE,eAAY,mBAAgB,iBAAc,iBAAc,iBAC9D,EAAS,UAAU,iBACf,IAAc,QACZ,EAAiB,CAAK,GAC5B,CAAC,GAAO,CAAgB,CAC1B,GACM,IAAgB,QACd,EAAiB,CAAK,GAC5B,CAAC,GAAO,CAAgB,CAC1B,GACM,IAAiB,QACf,EAAe,GAAO,IAAQ,CAAC,GACrC,CAAC,GAAO,CAAc,CACxB,GACM,IAAmB,QACjB,EAAe,GAAO,IAAQ,CAAC,GACrC,CAAC,GAAO,CAAc,CACxB;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA;GACI,KAAa,MACb,kBAAC,GAAD;GACE,IAAI,EAAY,GAAU,QAAQ;GAClC,WAAU;GACV,UAAU,KAAY,KAAY,CAAC;GACnC,SAAS;GACC;GACA;EACX,CAAA;GAED,KAAa,MACb,kBAAC,GAAD;GACE,IAAI,EAAY,GAAU,UAAU;GACpC,WAAU;GACV,UAAU,KAAY,KAAY,CAAC;GACnC,SAAS;GACC;GACA;EACX,CAAA;EAEF,KACC,kBAAC,GAAD;GACE,IAAI,EAAY,GAAU,MAAM;GAChC,WAAU;GACV,UAAU,KAAY;GACtB,SAAS;GACC;GACA;EACX,CAAA;EAEF,KACC,kBAAC,GAAD;GACE,IAAI,EAAY,GAAU,QAAQ;GAClC,WAAU;GACV,UAAU,KAAY;GACtB,SAAS;GACC;GACA;EACX,CAAA;EAEH,kBAAC,GAAD;GACE,UAAU,KAAY;GACZ;GACA;GACV,cAAY;GACZ,SAAS,EAAgB,IAAQ,CAAC;EACnC,CAAA;CACD,EAAA,CAAA;AAEN"}

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayFieldItemTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/ArrayFieldItemTemplate.tsx"],"sourcesContent":["import { Box, GridLegacy as Grid } from '@mui/material'\nimport {\n  ArrayFieldItemTemplateType,\n  FormContextType,\n  getTemplate,\n  getUiOptions,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\n\n/** The `ArrayFieldItemTemplate` component is the template used to render an items of an array.\n *\n * @param props - The `ArrayFieldTemplateItemType` props for the component\n */\nexport default function ArrayFieldItemTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: ArrayFieldItemTemplateType<T, S, F>) {\n  const { children, hasToolbar, uiSchema, registry, buttonsProps } = props\n  const uiOptions = getUiOptions<T, S, F>(uiSchema)\n  const ArrayFieldItemButtonsTemplate = getTemplate<\n    'ArrayFieldItemButtonsTemplate',\n    T,\n    S,\n    F\n  >('ArrayFieldItemButtonsTemplate', registry, uiOptions)\n  return (\n    <Grid\n      container\n      className={`rjsf-array-item`}\n      sx={{\n        gap: 2,\n        justifyContent: 'space-between',\n      }}\n    >\n      <Grid item={true} xs>\n        <Box\n          sx={{\n            mb: 2,\n          }}\n        >\n          {children}\n        </Box>\n      </Grid>\n      {hasToolbar && (\n        <Grid\n          item={true}\n          sx={{\n            display: 'flex',\n            flexDirection: 'row',\n            gap: 1,\n            justifyContent: 'flex-start',\n            alignSelf: 'start',\n            my: 1,\n          }}\n        >\n          <ArrayFieldItemButtonsTemplate {...buttonsProps} />\n        </Grid>\n      )}\n    </Grid>\n  )\n}\n"],"mappings":";;;;AAcA,SAAwB,EAItB,GAA4C;CAC5C,IAAM,EAAE,aAAU,eAAY,aAAU,aAAU,oBAAiB,GAE7D,IAAgC,EAKpC,iCAAiC,GANjB,EAAsB,EAMK,CAAU;AACvD,QACE,kBAAC,GAAD;EACE,WAAA;EACA,WAAW;EACX,IAAI;GACF,KAAK;GACL,gBAAgB;GACjB;YANH,CAQE,kBAAC,GAAD;GAAM,MAAM;GAAM,IAAA;aAChB,kBAAC,GAAD;IACE,IAAI,EACF,IAAI,GACL;IAEA;IACG,CAAA;GACD,CAAA,EACN,KACC,kBAAC,GAAD;GACE,MAAM;GACN,IAAI;IACF,SAAS;IACT,eAAe;IACf,KAAK;IACL,gBAAgB;IAChB,WAAW;IACX,IAAI;IACL;aAED,kBAAC,GAAD,EAA+B,GAAI,GAAgB,CAAA;GAC9C,CAAA,CAEJ"}
+{"version":3,"file":"ArrayFieldItemTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/ArrayFieldItemTemplate.tsx"],"sourcesContent":["import { Box, GridLegacy as Grid } from '@mui/material'\nimport {\n  ArrayFieldItemTemplateType,\n  FormContextType,\n  getTemplate,\n  getUiOptions,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\n\n/** The `ArrayFieldItemTemplate` component is the template used to render an items of an array.\n *\n * @param props - The `ArrayFieldTemplateItemType` props for the component\n */\nexport default function ArrayFieldItemTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: ArrayFieldItemTemplateType<T, S, F>) {\n  const { children, hasToolbar, uiSchema, registry, buttonsProps } = props\n  const uiOptions = getUiOptions<T, S, F>(uiSchema)\n  const ArrayFieldItemButtonsTemplate = getTemplate<\n    'ArrayFieldItemButtonsTemplate',\n    T,\n    S,\n    F\n  >('ArrayFieldItemButtonsTemplate', registry, uiOptions)\n  return (\n    <Grid\n      container\n      className={`rjsf-array-item`}\n      sx={{\n        gap: 2,\n        justifyContent: 'space-between',\n      }}\n    >\n      <Grid item={true} xs>\n        <Box\n          sx={{\n            mb: 2,\n          }}\n        >\n          {children}\n        </Box>\n      </Grid>\n      {hasToolbar && (\n        <Grid\n          item={true}\n          sx={{\n            display: 'flex',\n            flexDirection: 'row',\n            gap: 1,\n            justifyContent: 'flex-start',\n            alignSelf: 'start',\n            my: 1,\n          }}\n        >\n          <ArrayFieldItemButtonsTemplate {...buttonsProps} />\n        </Grid>\n      )}\n    </Grid>\n  )\n}\n"],"mappings":";;;;AAcA,SAAwB,EAItB,GAA4C;CAC5C,IAAM,EAAE,aAAU,eAAY,aAAU,aAAU,oBAAiB,GAE7D,IAAgC,EAKpC,iCAAiC,GANjB,EAAsB,CAMK,CAAS;CACtD,OACE,kBAAC,GAAD;EACE,WAAA;EACA,WAAW;EACX,IAAI;GACF,KAAK;GACL,gBAAgB;EAClB;YANF,CAQE,kBAAC,GAAD;GAAM,MAAM;GAAM,IAAA;aAChB,kBAAC,GAAD;IACE,IAAI,EACF,IAAI,EACN;IAEC;GACE,CAAA;EACD,CAAA,GACL,KACC,kBAAC,GAAD;GACE,MAAM;GACN,IAAI;IACF,SAAS;IACT,eAAe;IACf,KAAK;IACL,gBAAgB;IAChB,WAAW;IACX,IAAI;GACN;aAEA,kBAAC,GAAD,EAA+B,GAAI,EAAe,CAAA;EAC9C,CAAA,CAEJ;;AAEV"}

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayFieldTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/ArrayFieldTemplate.tsx"],"sourcesContent":["import { RJSFInputLabelWrapper } from '@/components/JsonSchemaForm/templates/RJSFInputLabel'\nimport { Box, Button } from '@mui/material'\nimport {\n  ADDITIONAL_PROPERTY_FLAG,\n  ArrayFieldItemTemplateType,\n  ArrayFieldTemplateProps,\n  getTemplate,\n  getUiOptions,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { JSONSchema7 } from 'json-schema'\nimport { isEmpty } from 'lodash-es'\nimport { useEffect } from 'react'\nimport { CustomFormContext } from '../CustomFormContext'\nimport { useAdditionalPropertyContext } from '../../SchemaDrivenAnnotationEditor/template/AdditionalPropertyContext'\n\n/** The `ArrayFieldTemplate` component is the template used to render all items in an array.\n *\n * @param props - The `ArrayFieldTemplateItemType` props for the component\n */\nfunction ArrayFieldTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends CustomFormContext = any,\n>(props: ArrayFieldTemplateProps<T, S, F>) {\n  const { idSchema, uiSchema, items, registry, schema, formContext } = props\n  const uiOptions = getUiOptions<T, S, F>(uiSchema)\n  const ArrayFieldTitleTemplate = getTemplate<\n    'ArrayFieldTitleTemplate',\n    T,\n    S,\n    F\n  >('ArrayFieldTitleTemplate', registry, uiOptions)\n\n  const ArrayFieldDescriptionTemplate = getTemplate<\n    'ArrayFieldDescriptionTemplate',\n    T,\n    S,\n    F\n  >('ArrayFieldDescriptionTemplate', registry, uiOptions)\n  const ArrayFieldItemTemplate = getTemplate<'ArrayFieldItemTemplate', T, S, F>(\n    'ArrayFieldItemTemplate',\n    registry,\n    uiOptions,\n  )\n\n  const isAdditionalProperty = !!(\n    props.schema as JSONSchema7 & Record<typeof ADDITIONAL_PROPERTY_FLAG, any>\n  )[ADDITIONAL_PROPERTY_FLAG]\n  const additionalPropertyContext = useAdditionalPropertyContext()\n\n  /**\n   * If\n   *  - we have an array of 0 items AND\n   *  - we do not permit arrays of 0 items\n   * go ahead and automatically add one.\n   */\n  useEffect(() => {\n    if (\n      // Do not manipulate if the widget is hidden (e.g. 'scopeIds' in an EntityView)\n      // FIXME: We should probably remove this hook and migrate to a design that accommodates empty arrays.\n      uiOptions.widget !== 'hidden' &&\n      props.items.length === 0 &&\n      !formContext?.allowRemovingLastItemInArray\n    ) {\n      props.onAddClick()\n    }\n  }, [props, formContext?.allowRemovingLastItemInArray, uiOptions.widget])\n\n  return (\n    <Box id={idSchema.$id} className={props.className}>\n      <RJSFInputLabelWrapper\n        fieldLabel={\n          <ArrayFieldTitleTemplate\n            idSchema={idSchema}\n            title={uiOptions.title || props.title}\n            schema={schema}\n            uiSchema={uiSchema}\n            required={props.required}\n            registry={registry}\n          />\n        }\n        description={\n          <ArrayFieldDescriptionTemplate\n            idSchema={idSchema}\n            schema={schema}\n            description={(uiOptions.description || schema.description) ?? ''}\n            uiSchema={uiSchema}\n            registry={registry}\n          />\n        }\n        registry={registry}\n      >\n        {(!items || isEmpty(items)) && (\n          <Button variant={'outlined'} onClick={props.onAddClick}>\n            Add item\n          </Button>\n        )}\n        {items && (\n          <>\n            {items.map(\n              ({\n                key,\n                index,\n                ...itemProps\n              }: ArrayFieldItemTemplateType<T, S, F>) => (\n                <ArrayFieldItemTemplate\n                  key={key}\n                  index={index}\n                  {...itemProps}\n                  buttonsProps={{\n                    ...itemProps.buttonsProps,\n                    // Override hasRemove to prevent removing the last item in an array (except additional properties),\n                    // unless overridden by formContext\n                    hasRemove:\n                      isAdditionalProperty ||\n                      items.length > 1 ||\n                      Boolean(formContext?.allowRemovingLastItemInArray),\n                    onDropIndexClick:\n                      isAdditionalProperty &&\n                      items.length == 1 &&\n                      additionalPropertyContext\n                        ? () => {\n                            return e => {\n                              additionalPropertyContext.dropProperty(e)\n                            }\n                          }\n                        : itemProps.buttonsProps.onDropIndexClick,\n                  }}\n                />\n              ),\n            )}\n          </>\n        )}\n      </RJSFInputLabelWrapper>\n    </Box>\n  )\n}\n\nexport default ArrayFieldTemplate\n"],"mappings":";;;;;;;;AAqBA,SAAS,EAIP,GAAyC;CACzC,IAAM,EAAE,aAAU,aAAU,UAAO,aAAU,WAAQ,mBAAgB,GAC/D,IAAY,EAAsB,EAAS,EAC3C,IAA0B,EAK9B,2BAA2B,GAAU,EAAU,EAE3C,IAAgC,EAKpC,iCAAiC,GAAU,EAAU,EACjD,IAAyB,EAC7B,0BACA,GACA,EACD,EAEK,IAAuB,CAAC,CAC5B,EAAM,OACN,IACI,IAA4B,GAA8B;AAoBhE,QAZA,QAAgB;AACd,EAGE,EAAU,WAAW,YACrB,EAAM,MAAM,WAAW,KACvB,CAAC,GAAa,gCAEd,EAAM,YAAY;IAEnB;EAAC;EAAO,GAAa;EAA8B,EAAU;EAAO,CAAC,EAGtE,kBAAC,GAAD;EAAK,IAAI,EAAS;EAAK,WAAW,EAAM;YACtC,kBAAC,GAAD;GACE,YACE,kBAAC,GAAD;IACY;IACV,OAAO,EAAU,SAAS,EAAM;IACxB;IACE;IACV,UAAU,EAAM;IACN;IACV,CAAA;GAEJ,aACE,kBAAC,GAAD;IACY;IACF;IACR,cAAc,EAAU,eAAe,EAAO,gBAAgB;IACpD;IACA;IACV,CAAA;GAEM;aApBZ,EAsBI,CAAC,KAAS,EAAQ,EAAM,KACxB,kBAAC,GAAD;IAAQ,SAAS;IAAY,SAAS,EAAM;cAAY;IAE/C,CAAA,EAEV,KACC,kBAAA,GAAA,EAAA,UACG,EAAM,KACJ,EACC,QACA,UACA,GAAG,QAEH,kBAAC,GAAD;IAES;IACP,GAAI;IACJ,cAAc;KACZ,GAAG,EAAU;KAGb,WACE,KACA,EAAM,SAAS,KACf,EAAQ,GAAa;KACvB,kBACE,KACA,EAAM,UAAU,KAChB,WAEa,MAAK;AACV,QAA0B,aAAa,EAAE;SAG7C,EAAU,aAAa;KAC9B;IACD,EAtBK,EAsBL,CAEL,EACA,CAAA,CAEiB;;EACpB,CAAA"}
+{"version":3,"file":"ArrayFieldTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/ArrayFieldTemplate.tsx"],"sourcesContent":["import { RJSFInputLabelWrapper } from '@/components/JsonSchemaForm/templates/RJSFInputLabel'\nimport { Box, Button } from '@mui/material'\nimport {\n  ADDITIONAL_PROPERTY_FLAG,\n  ArrayFieldItemTemplateType,\n  ArrayFieldTemplateProps,\n  getTemplate,\n  getUiOptions,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { JSONSchema7 } from 'json-schema'\nimport { isEmpty } from 'lodash-es'\nimport { useEffect } from 'react'\nimport { CustomFormContext } from '../CustomFormContext'\nimport { useAdditionalPropertyContext } from '../../SchemaDrivenAnnotationEditor/template/AdditionalPropertyContext'\n\n/** The `ArrayFieldTemplate` component is the template used to render all items in an array.\n *\n * @param props - The `ArrayFieldTemplateItemType` props for the component\n */\nfunction ArrayFieldTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends CustomFormContext = any,\n>(props: ArrayFieldTemplateProps<T, S, F>) {\n  const { idSchema, uiSchema, items, registry, schema, formContext } = props\n  const uiOptions = getUiOptions<T, S, F>(uiSchema)\n  const ArrayFieldTitleTemplate = getTemplate<\n    'ArrayFieldTitleTemplate',\n    T,\n    S,\n    F\n  >('ArrayFieldTitleTemplate', registry, uiOptions)\n\n  const ArrayFieldDescriptionTemplate = getTemplate<\n    'ArrayFieldDescriptionTemplate',\n    T,\n    S,\n    F\n  >('ArrayFieldDescriptionTemplate', registry, uiOptions)\n  const ArrayFieldItemTemplate = getTemplate<'ArrayFieldItemTemplate', T, S, F>(\n    'ArrayFieldItemTemplate',\n    registry,\n    uiOptions,\n  )\n\n  const isAdditionalProperty = !!(\n    props.schema as JSONSchema7 & Record<typeof ADDITIONAL_PROPERTY_FLAG, any>\n  )[ADDITIONAL_PROPERTY_FLAG]\n  const additionalPropertyContext = useAdditionalPropertyContext()\n\n  /**\n   * If\n   *  - we have an array of 0 items AND\n   *  - we do not permit arrays of 0 items\n   * go ahead and automatically add one.\n   */\n  useEffect(() => {\n    if (\n      // Do not manipulate if the widget is hidden (e.g. 'scopeIds' in an EntityView)\n      // FIXME: We should probably remove this hook and migrate to a design that accommodates empty arrays.\n      uiOptions.widget !== 'hidden' &&\n      props.items.length === 0 &&\n      !formContext?.allowRemovingLastItemInArray\n    ) {\n      props.onAddClick()\n    }\n  }, [props, formContext?.allowRemovingLastItemInArray, uiOptions.widget])\n\n  return (\n    <Box id={idSchema.$id} className={props.className}>\n      <RJSFInputLabelWrapper\n        fieldLabel={\n          <ArrayFieldTitleTemplate\n            idSchema={idSchema}\n            title={uiOptions.title || props.title}\n            schema={schema}\n            uiSchema={uiSchema}\n            required={props.required}\n            registry={registry}\n          />\n        }\n        description={\n          <ArrayFieldDescriptionTemplate\n            idSchema={idSchema}\n            schema={schema}\n            description={(uiOptions.description || schema.description) ?? ''}\n            uiSchema={uiSchema}\n            registry={registry}\n          />\n        }\n        registry={registry}\n      >\n        {(!items || isEmpty(items)) && (\n          <Button variant={'outlined'} onClick={props.onAddClick}>\n            Add item\n          </Button>\n        )}\n        {items && (\n          <>\n            {items.map(\n              ({\n                key,\n                index,\n                ...itemProps\n              }: ArrayFieldItemTemplateType<T, S, F>) => (\n                <ArrayFieldItemTemplate\n                  key={key}\n                  index={index}\n                  {...itemProps}\n                  buttonsProps={{\n                    ...itemProps.buttonsProps,\n                    // Override hasRemove to prevent removing the last item in an array (except additional properties),\n                    // unless overridden by formContext\n                    hasRemove:\n                      isAdditionalProperty ||\n                      items.length > 1 ||\n                      Boolean(formContext?.allowRemovingLastItemInArray),\n                    onDropIndexClick:\n                      isAdditionalProperty &&\n                      items.length == 1 &&\n                      additionalPropertyContext\n                        ? () => {\n                            return e => {\n                              additionalPropertyContext.dropProperty(e)\n                            }\n                          }\n                        : itemProps.buttonsProps.onDropIndexClick,\n                  }}\n                />\n              ),\n            )}\n          </>\n        )}\n      </RJSFInputLabelWrapper>\n    </Box>\n  )\n}\n\nexport default ArrayFieldTemplate\n"],"mappings":";;;;;;;;AAqBA,SAAS,EAIP,GAAyC;CACzC,IAAM,EAAE,aAAU,aAAU,UAAO,aAAU,WAAQ,mBAAgB,GAC/D,IAAY,EAAsB,CAAQ,GAC1C,IAA0B,EAK9B,2BAA2B,GAAU,CAAS,GAE1C,IAAgC,EAKpC,iCAAiC,GAAU,CAAS,GAChD,IAAyB,EAC7B,0BACA,GACA,CACF,GAEM,IAAuB,CAAC,CAC5B,EAAM,OACN,IACI,IAA4B,EAA6B;CAoB/D,OAZA,QAAgB;EACd,AAGE,EAAU,WAAW,YACrB,EAAM,MAAM,WAAW,KACvB,CAAC,GAAa,gCAEd,EAAM,WAAW;CAErB,GAAG;EAAC;EAAO,GAAa;EAA8B,EAAU;CAAM,CAAC,GAGrE,kBAAC,GAAD;EAAK,IAAI,EAAS;EAAK,WAAW,EAAM;YACtC,kBAAC,GAAD;GACE,YACE,kBAAC,GAAD;IACY;IACV,OAAO,EAAU,SAAS,EAAM;IACxB;IACE;IACV,UAAU,EAAM;IACN;GACX,CAAA;GAEH,aACE,kBAAC,GAAD;IACY;IACF;IACR,cAAc,EAAU,eAAe,EAAO,gBAAgB;IACpD;IACA;GACX,CAAA;GAEO;aApBZ,EAsBI,CAAC,KAAS,EAAQ,CAAK,MACvB,kBAAC,GAAD;IAAQ,SAAS;IAAY,SAAS,EAAM;cAAY;GAEhD,CAAA,GAET,KACC,kBAAA,GAAA,EAAA,UACG,EAAM,KACJ,EACC,QACA,UACA,GAAG,QAEH,kBAAC,GAAD;IAES;IACP,GAAI;IACJ,cAAc;KACZ,GAAG,EAAU;KAGb,WACE,KACA,EAAM,SAAS,KACf,EAAQ,GAAa;KACvB,kBACE,KACA,EAAM,UAAU,KAChB,WAEa,MAAK;MACV,EAA0B,aAAa,CAAC;KAC1C,IAEF,EAAU,aAAa;IAC/B;GACD,GAtBM,CAsBN,CAEL,EACA,CAAA,CAEiB;;CACpB,CAAA;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"ArrayFieldTitleTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/ArrayFieldTitleTemplate.tsx"],"sourcesContent":["import {\n  ArrayFieldTitleProps,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { InputLabel } from '@mui/material'\n\n/**\n * Custom title template for array fields.\n *\n * @param props\n * @returns\n */\nexport default function ArrayFieldTitleTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: ArrayFieldTitleProps<T, S, F>) {\n  const { title, required } = props\n  return (\n    <InputLabel>\n      {title}\n      {required && <span className=\"required\">*</span>}\n    </InputLabel>\n  )\n}\n"],"mappings":";;;AAcA,SAAwB,EAItB,GAAsC;CACtC,IAAM,EAAE,UAAO,gBAAa;AAC5B,QACE,kBAAC,GAAD,EAAA,UAAA,CACG,GACA,KAAY,kBAAC,QAAD;EAAM,WAAU;YAAW;EAAQ,CAAA,CACrC,EAAA,CAAA"}
+{"version":3,"file":"ArrayFieldTitleTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/ArrayFieldTitleTemplate.tsx"],"sourcesContent":["import {\n  ArrayFieldTitleProps,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\nimport { InputLabel } from '@mui/material'\n\n/**\n * Custom title template for array fields.\n *\n * @param props\n * @returns\n */\nexport default function ArrayFieldTitleTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: ArrayFieldTitleProps<T, S, F>) {\n  const { title, required } = props\n  return (\n    <InputLabel>\n      {title}\n      {required && <span className=\"required\">*</span>}\n    </InputLabel>\n  )\n}\n"],"mappings":";;;AAcA,SAAwB,EAItB,GAAsC;CACtC,IAAM,EAAE,UAAO,gBAAa;CAC5B,OACE,kBAAC,GAAD,EAAA,UAAA,CACG,GACA,KAAY,kBAAC,QAAD;EAAM,WAAU;YAAW;CAAO,CAAA,CACrC,EAAA,CAAA;AAEhB"}

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

@@ -1 +1 @@
-{"version":3,"file":"BaseInputTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/BaseInputTemplate.tsx"],"sourcesContent":["import { CustomFormContext } from '@/components/JsonSchemaForm/CustomFormContext'\nimport { ChangeEvent, FocusEvent } from 'react'\nimport TextField, { TextFieldProps } from '@mui/material/TextField'\nimport {\n  ariaDescribedByIds,\n  BaseInputTemplateProps,\n  examplesId,\n  getInputProps,\n  labelValue,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\n\nconst TYPES_THAT_SHRINK_LABEL = ['date', 'datetime-local', 'file', 'time']\n\n/** The `BaseInputTemplate` is the template to use to render the basic `<input>` component for the `core` theme.\n * It is used as the template for rendering many of the <input> based widgets that differ by `type` and callbacks only.\n * It can be customized/overridden for other themes or individual implementations as needed.\n *\n * @param props - The `WidgetProps` for this template\n */\nexport default function BaseInputTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: BaseInputTemplateProps<T, S, F>) {\n  const {\n    id,\n    name, // remove this from textFieldProps\n    placeholder: placeholderFromProps,\n    required,\n    readonly,\n    disabled,\n    type,\n    label,\n    hideLabel: _hideLabel,\n    hideError: _hideError,\n    value,\n    onChange,\n    onChangeOverride,\n    onBlur,\n    onFocus,\n    autofocus,\n    options,\n    schema,\n    uiSchema,\n    rawErrors = [],\n    formContext,\n    registry,\n    InputLabelProps,\n    ...textFieldProps\n  } = props\n  const hideLabel = true\n  const inputProps = getInputProps<T, S, F>(schema, type, options)\n  // Now we need to pull out the step, min, max into an inner `inputProps` for material-ui\n  const { step, min, max, ...rest } = inputProps\n  const otherProps = {\n    inputProps: {\n      step,\n      min,\n      max,\n      ...(schema.examples ? { list: examplesId<T>(id) } : undefined),\n    },\n    ...rest,\n  }\n  const _onChange = ({ target: { value } }: ChangeEvent<HTMLInputElement>) =>\n    onChange(value === '' ? options.emptyValue : value)\n  const _onBlur = ({ target: { value } }: FocusEvent<HTMLInputElement>) =>\n    onBlur(id, value)\n  const _onFocus = ({ target: { value } }: FocusEvent<HTMLInputElement>) =>\n    onFocus(id, value)\n  const DisplayInputLabelProps = TYPES_THAT_SHRINK_LABEL.includes(type)\n    ? {\n        ...InputLabelProps,\n        shrink: true,\n      }\n    : InputLabelProps\n\n  let derivedValuePlaceholder: string | undefined = undefined\n  if (schema.default || schema.const) {\n    derivedValuePlaceholder =\n      JSON.stringify(schema.default || schema.const) + ' (derived)'\n  }\n\n  const placeholder = (registry.formContext as CustomFormContext)\n    .showDerivedAnnotationPlaceholder\n    ? derivedValuePlaceholder || placeholderFromProps\n    : placeholderFromProps\n\n  return (\n    <>\n      <TextField\n        id={id}\n        name={id}\n        placeholder={placeholder}\n        label={labelValue(label || undefined, hideLabel, false)}\n        autoFocus={autofocus}\n        required={false}\n        disabled={disabled || readonly}\n        {...otherProps}\n        value={value || value === 0 ? value : ''}\n        error={rawErrors.length > 0}\n        onChange={onChangeOverride || _onChange}\n        onBlur={_onBlur}\n        onFocus={_onFocus}\n        {...(textFieldProps as TextFieldProps)}\n        aria-describedby={ariaDescribedByIds<T>(id, !!schema.examples)}\n        slotProps={{\n          htmlInput: {\n            'aria-label': id,\n          },\n\n          inputLabel: DisplayInputLabelProps,\n        }}\n      />\n      {Array.isArray(schema.examples) && (\n        <datalist id={examplesId<T>(id)}>\n          {(schema.examples as string[])\n            .concat(\n              schema.default && !schema.examples.includes(schema.default)\n                ? ([schema.default] as string[])\n                : [],\n            )\n            .map((example: any) => {\n              return <option key={example} value={example} />\n            })}\n        </datalist>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;AAcA,IAAM,IAA0B;CAAC;CAAQ;CAAkB;CAAQ;CAAO;AAQ1E,SAAwB,EAItB,GAAwC;CACxC,IAAM,EACJ,OACA,SACA,aAAa,GACb,aACA,aACA,aACA,SACA,UACA,WAAW,GACX,WAAW,GACX,UACA,aACA,qBACA,WACA,YACA,cACA,YACA,WACA,aACA,eAAY,EAAE,EACd,gBACA,aACA,oBACA,GAAG,MACD,GAIE,EAAE,SAAM,QAAK,QAAK,GAAG,MAFR,EAAuB,GAAQ,GAAM,EAEpB,EAC9B,IAAa;EACjB,YAAY;GACV;GACA;GACA;GACA,GAAI,EAAO,WAAW,EAAE,MAAM,EAAc,EAAG,EAAE,GAAG,KAAA;GACrD;EACD,GAAG;EACJ,EACK,KAAa,EAAE,QAAQ,EAAE,iBAC7B,EAAS,MAAU,KAAK,EAAQ,aAAa,EAAM,EAC/C,KAAW,EAAE,QAAQ,EAAE,iBAC3B,EAAO,GAAI,EAAM,EACb,KAAY,EAAE,QAAQ,EAAE,iBAC5B,EAAQ,GAAI,EAAM,EACd,IAAyB,EAAwB,SAAS,EAAK,GACjE;EACE,GAAG;EACH,QAAQ;EACT,GACD,GAEA;AAWJ,SAVI,EAAO,WAAW,EAAO,WAC3B,IACE,KAAK,UAAU,EAAO,WAAW,EAAO,MAAM,GAAG,eASnD,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACM;EACJ,MAAM;EACO,aAVE,EAAS,YAC3B,oCACC,KACA;EAQE,OAAO,EAAW,KAAS,KAAA,GAAW,IAAW,GAAM;EACvD,WAAW;EACX,UAAU;EACV,UAAU,KAAY;EACtB,GAAI;EACJ,OAAO,KAAS,MAAU,IAAI,IAAQ;EACtC,OAAO,EAAU,SAAS;EAC1B,UAAU,KAAoB;EAC9B,QAAQ;EACR,SAAS;EACT,GAAK;EACL,oBAAkB,EAAsB,GAAI,CAAC,CAAC,EAAO,SAAS;EAC9D,WAAW;GACT,WAAW,EACT,cAAc,GACf;GAED,YAAY;GACb;EACD,CAAA,EACD,MAAM,QAAQ,EAAO,SAAS,IAC7B,kBAAC,YAAD;EAAU,IAAI,EAAc,EAAG;YAC3B,EAAO,SACN,OACC,EAAO,WAAW,CAAC,EAAO,SAAS,SAAS,EAAO,QAAQ,GACtD,CAAC,EAAO,QAAQ,GACjB,EAAE,CACP,CACA,KAAK,MACG,kBAAC,UAAD,EAAsB,OAAO,GAAW,EAA3B,EAA2B,CAC/C;EACK,CAAA,CAEZ,EAAA,CAAA"}
+{"version":3,"file":"BaseInputTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/BaseInputTemplate.tsx"],"sourcesContent":["import { CustomFormContext } from '@/components/JsonSchemaForm/CustomFormContext'\nimport { ChangeEvent, FocusEvent } from 'react'\nimport TextField, { TextFieldProps } from '@mui/material/TextField'\nimport {\n  ariaDescribedByIds,\n  BaseInputTemplateProps,\n  examplesId,\n  getInputProps,\n  labelValue,\n  FormContextType,\n  RJSFSchema,\n  StrictRJSFSchema,\n} from '@rjsf/utils'\n\nconst TYPES_THAT_SHRINK_LABEL = ['date', 'datetime-local', 'file', 'time']\n\n/** The `BaseInputTemplate` is the template to use to render the basic `<input>` component for the `core` theme.\n * It is used as the template for rendering many of the <input> based widgets that differ by `type` and callbacks only.\n * It can be customized/overridden for other themes or individual implementations as needed.\n *\n * @param props - The `WidgetProps` for this template\n */\nexport default function BaseInputTemplate<\n  T = any,\n  S extends StrictRJSFSchema = RJSFSchema,\n  F extends FormContextType = any,\n>(props: BaseInputTemplateProps<T, S, F>) {\n  const {\n    id,\n    name, // remove this from textFieldProps\n    placeholder: placeholderFromProps,\n    required,\n    readonly,\n    disabled,\n    type,\n    label,\n    hideLabel: _hideLabel,\n    hideError: _hideError,\n    value,\n    onChange,\n    onChangeOverride,\n    onBlur,\n    onFocus,\n    autofocus,\n    options,\n    schema,\n    uiSchema,\n    rawErrors = [],\n    formContext,\n    registry,\n    InputLabelProps,\n    ...textFieldProps\n  } = props\n  const hideLabel = true\n  const inputProps = getInputProps<T, S, F>(schema, type, options)\n  // Now we need to pull out the step, min, max into an inner `inputProps` for material-ui\n  const { step, min, max, ...rest } = inputProps\n  const otherProps = {\n    inputProps: {\n      step,\n      min,\n      max,\n      ...(schema.examples ? { list: examplesId<T>(id) } : undefined),\n    },\n    ...rest,\n  }\n  const _onChange = ({ target: { value } }: ChangeEvent<HTMLInputElement>) =>\n    onChange(value === '' ? options.emptyValue : value)\n  const _onBlur = ({ target: { value } }: FocusEvent<HTMLInputElement>) =>\n    onBlur(id, value)\n  const _onFocus = ({ target: { value } }: FocusEvent<HTMLInputElement>) =>\n    onFocus(id, value)\n  const DisplayInputLabelProps = TYPES_THAT_SHRINK_LABEL.includes(type)\n    ? {\n        ...InputLabelProps,\n        shrink: true,\n      }\n    : InputLabelProps\n\n  let derivedValuePlaceholder: string | undefined = undefined\n  if (schema.default || schema.const) {\n    derivedValuePlaceholder =\n      JSON.stringify(schema.default || schema.const) + ' (derived)'\n  }\n\n  const placeholder = (registry.formContext as CustomFormContext)\n    .showDerivedAnnotationPlaceholder\n    ? derivedValuePlaceholder || placeholderFromProps\n    : placeholderFromProps\n\n  return (\n    <>\n      <TextField\n        id={id}\n        name={id}\n        placeholder={placeholder}\n        label={labelValue(label || undefined, hideLabel, false)}\n        autoFocus={autofocus}\n        required={false}\n        disabled={disabled || readonly}\n        {...otherProps}\n        value={value || value === 0 ? value : ''}\n        error={rawErrors.length > 0}\n        onChange={onChangeOverride || _onChange}\n        onBlur={_onBlur}\n        onFocus={_onFocus}\n        {...(textFieldProps as TextFieldProps)}\n        aria-describedby={ariaDescribedByIds<T>(id, !!schema.examples)}\n        slotProps={{\n          htmlInput: {\n            'aria-label': id,\n          },\n\n          inputLabel: DisplayInputLabelProps,\n        }}\n      />\n      {Array.isArray(schema.examples) && (\n        <datalist id={examplesId<T>(id)}>\n          {(schema.examples as string[])\n            .concat(\n              schema.default && !schema.examples.includes(schema.default)\n                ? ([schema.default] as string[])\n                : [],\n            )\n            .map((example: any) => {\n              return <option key={example} value={example} />\n            })}\n        </datalist>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;AAcA,IAAM,IAA0B;CAAC;CAAQ;CAAkB;CAAQ;AAAM;AAQzE,SAAwB,EAItB,GAAwC;CACxC,IAAM,EACJ,OACA,SACA,aAAa,GACb,aACA,aACA,aACA,SACA,UACA,WAAW,GACX,WAAW,GACX,UACA,aACA,qBACA,WACA,YACA,cACA,YACA,WACA,aACA,eAAY,CAAC,GACb,gBACA,aACA,oBACA,GAAG,MACD,GAIE,EAAE,SAAM,QAAK,QAAK,GAAG,MAFR,EAAuB,GAAQ,GAAM,CAEpB,GAC9B,IAAa;EACjB,YAAY;GACV;GACA;GACA;GACA,GAAI,EAAO,WAAW,EAAE,MAAM,EAAc,CAAE,EAAE,IAAI,KAAA;EACtD;EACA,GAAG;CACL,GACM,KAAa,EAAE,QAAQ,EAAE,iBAC7B,EAAS,MAAU,KAAK,EAAQ,aAAa,CAAK,GAC9C,KAAW,EAAE,QAAQ,EAAE,iBAC3B,EAAO,GAAI,CAAK,GACZ,KAAY,EAAE,QAAQ,EAAE,iBAC5B,EAAQ,GAAI,CAAK,GACb,IAAyB,EAAwB,SAAS,CAAI,IAChE;EACE,GAAG;EACH,QAAQ;CACV,IACA,GAEA;CAWJ,QAVI,EAAO,WAAW,EAAO,WAC3B,IACE,KAAK,UAAU,EAAO,WAAW,EAAO,KAAK,IAAI,eASnD,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACM;EACJ,MAAM;EACO,aAVE,EAAS,YAC3B,oCACC,KACA;EAQE,OAAO,EAAW,KAAS,KAAA,GAAW,IAAW,EAAK;EACtD,WAAW;EACX,UAAU;EACV,UAAU,KAAY;EACtB,GAAI;EACJ,OAAO,KAAS,MAAU,IAAI,IAAQ;EACtC,OAAO,EAAU,SAAS;EAC1B,UAAU,KAAoB;EAC9B,QAAQ;EACR,SAAS;EACT,GAAK;EACL,oBAAkB,EAAsB,GAAI,CAAC,CAAC,EAAO,QAAQ;EAC7D,WAAW;GACT,WAAW,EACT,cAAc,EAChB;GAEA,YAAY;EACd;CACD,CAAA,GACA,MAAM,QAAQ,EAAO,QAAQ,KAC5B,kBAAC,YAAD;EAAU,IAAI,EAAc,CAAE;YAC1B,EAAO,SACN,OACC,EAAO,WAAW,CAAC,EAAO,SAAS,SAAS,EAAO,OAAO,IACrD,CAAC,EAAO,OAAO,IAChB,CAAC,CACP,EACC,KAAK,MACG,kBAAC,UAAD,EAAsB,OAAO,EAAU,GAA1B,CAA0B,CAC/C;CACK,CAAA,CAEZ,EAAA,CAAA;AAEN"}

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

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

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"}