synapse-react-client 4.0.35 → 4.0.37

package/dist/components/JSONArrayEditor/JSONArrayEditor.js

@@ -1,89 +1,89 @@
 import { transformErrors as e } from "../SchemaDrivenAnnotationEditor/AnnotationEditorUtils.js";
-import { JsonSchemaForm as t } from "../JsonSchemaForm/JsonSchemaForm.js";
-import { TextWidget as n } from "../SchemaDrivenAnnotationEditor/widget/TextWidget.js";
-import r, { UseParseCsvError as i } from "./useParseCsv.js";
-import { useCallback as a, useMemo as o, useState as s } from "react";
-import { Alert as c, AlertTitle as l, Box as u, Button as d, Collapse as f, TextField as p, Typography as m } from "@mui/material";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import t from "../JsonSchemaForm/JsonSchemaForm.module.js";
+import { JsonSchemaForm as n } from "../JsonSchemaForm/JsonSchemaForm.js";
+import { TextWidget as r } from "../SchemaDrivenAnnotationEditor/widget/TextWidget.js";
+import i, { UseParseCsvError as a } from "./useParseCsv.js";
+import { useCallback as o, useMemo as s, useState as c } from "react";
+import { Alert as l, AlertTitle as u, Box as d, Button as f, Collapse as p, TextField as m, Typography as h } from "@mui/material";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 //#region src/components/JSONArrayEditor/JSONArrayEditor.tsx
-var _ = { type: "string" };
-function v(e = _) {
+var v = { type: "string" };
+function y(e = v) {
 	return {
 		$schema: "http://json-schema.org/draft-07/schema#",
 		type: "array",
 		items: e
 	};
 }
-function y(y) {
-	let { value: b = [], onChange: x, onSubmit: S, arrayItemDefinition: C = _, formRef: w } = y, [T, E] = s(!1), [D, O] = s(""), [k, A] = s([]), j = o(() => v(C), [C]), { parse: M } = r({ jsonSchemaDefinition: C }), N = a(async () => {
-		if (D) try {
-			let e = await M(D);
-			x([...b, ...e]), A([]), O(""), E(!1);
+function b(b) {
+	let { value: x = [], onChange: S, onSubmit: C, arrayItemDefinition: w = v, formRef: T } = b, [E, D] = c(!1), [O, k] = c(""), [A, j] = c([]), M = s(() => y(w), [w]), { parse: N } = i({ jsonSchemaDefinition: w }), P = o(async () => {
+		if (O) try {
+			let e = await N(O);
+			S([...x, ...e]), j([]), k(""), D(!1);
 		} catch (e) {
-			if (e instanceof i) A(e.parseErrors);
+			if (e instanceof a) j(e.parseErrors);
 			else throw e;
 		}
 	}, [
+		S,
+		O,
 		x,
-		D,
-		b,
-		M
+		N
 	]);
-	return /* @__PURE__ */ g(u, {
-		className: "JsonSchemaFormContainer",
-		sx: { ".JsonSchemaForm .LabelContainer": {
+	return /* @__PURE__ */ _(d, {
+		sx: { [`.${t.jsonSchemaForm} .LabelContainer`]: {
 			display: "none",
 			visibility: "hidden"
 		} },
 		children: [
-			/* @__PURE__ */ h(t, {
-				formRef: w,
-				schema: j,
+			/* @__PURE__ */ g(n, {
+				formRef: T,
+				schema: M,
 				noHtml5Validate: !0,
 				uiSchema: { "ui:submitButtonOptions": { norender: !0 } },
-				formData: b,
+				formData: x,
 				formContext: { allowRemovingLastItemInArray: !0 },
-				onChange: ({ formData: e }) => x(e),
-				onSubmit: ({ formData: e }) => S(e),
+				onChange: ({ formData: e }) => S(e),
+				onSubmit: ({ formData: e }) => C(e),
 				transformErrors: e,
-				widgets: { TextWidget: n }
+				widgets: { TextWidget: r }
 			}),
-			/* @__PURE__ */ h(d, {
-				onClick: () => E(!0),
+			/* @__PURE__ */ g(f, {
+				onClick: () => D(!0),
 				children: "Paste new values"
 			}),
-			/* @__PURE__ */ g(f, {
+			/* @__PURE__ */ _(p, {
 				sx: { mt: 2 },
-				in: T,
+				in: E,
 				children: [
-					/* @__PURE__ */ h(p, {
+					/* @__PURE__ */ g(m, {
 						multiline: !0,
 						rows: 5,
 						placeholder: "Place comma or tab delimited values here",
-						value: D,
-						onChange: (e) => O(e.target.value),
+						value: O,
+						onChange: (e) => k(e.target.value),
 						slotProps: { input: { inputProps: { "aria-label": "CSV or TSV to Append" } } }
 					}),
-					/* @__PURE__ */ g(u, {
+					/* @__PURE__ */ _(d, {
 						sx: {
 							my: 1,
 							display: "flex",
 							justifyContent: "flex-end"
 						},
-						children: [/* @__PURE__ */ h(d, {
-							onClick: () => E(!1),
+						children: [/* @__PURE__ */ g(f, {
+							onClick: () => D(!1),
 							children: "Cancel"
-						}), /* @__PURE__ */ h(d, {
+						}), /* @__PURE__ */ g(f, {
 							onClick: () => {
-								N();
+								P();
 							},
 							children: "Add"
 						})]
 					}),
-					k && k.length > 0 && /* @__PURE__ */ g(c, {
+					A && A.length > 0 && /* @__PURE__ */ _(l, {
 						severity: "error",
 						sx: { my: 2 },
-						children: [/* @__PURE__ */ h(l, { children: "Parsing errors encountered:" }), /* @__PURE__ */ h("ul", { children: k.map((e, t) => /* @__PURE__ */ g(m, {
+						children: [/* @__PURE__ */ g(u, { children: "Parsing errors encountered:" }), /* @__PURE__ */ g("ul", { children: A.map((e, t) => /* @__PURE__ */ _(h, {
 							component: "li",
 							variant: "smallText1",
 							sx: { lineHeight: 1.5 },
@@ -96,6 +96,6 @@ function y(y) {
 	});
 }
 //#endregion
-export { y as default };
+export { b as default };
 
 //# sourceMappingURL=JSONArrayEditor.js.map

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,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"}
+{"version":3,"file":"JSONArrayEditor.js","names":[],"sources":["../../../src/components/JSONArrayEditor/JSONArrayEditor.tsx"],"sourcesContent":["import { JsonSchemaForm } from '@/components/JsonSchemaForm/JsonSchemaForm'\nimport jsonSchemaFormStyles from '@/components/JsonSchemaForm/JsonSchemaForm.module.scss'\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      sx={{\n        // Hide the label/button to show more info\n        [`.${jsonSchemaFormStyles.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":";;;;;;;;;AAoBA,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,IAAI,GAED,IAAI,EAAqB,eAAe,oBAAoB;GAC3D,SAAS;GACT,YAAY;EACd,EACF;YAPF;GASE,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/JsonSchemaForm/CustomFormContext.d.ts

@@ -27,5 +27,14 @@ export interface CustomFormContext extends FormContextType {
      * If true, the SelectWidget (used for enums) allows free text input in addition to the enum values.
      */
     allowFreeSoloEnum?: boolean;
+    /**
+     * Controls how `boolean` schema properties render.
+     *
+     * - `'yesNoSelect'` (default) — a Yes/No dropdown. Used by the annotations editor, where a
+     *   boolean annotation needs an explicit "unset" state distinct from false.
+     * - `'checkbox'` — a real checkbox (RJSF/MUI's own `CheckboxWidget`), for forms where the
+     *   source schema is a genuine yes/no toggle with no meaningful "unset" state.
+     */
+    booleanWidget?: 'yesNoSelect' | 'checkbox';
 }
 //# sourceMappingURL=CustomFormContext.d.ts.map

package/dist/components/JsonSchemaForm/CustomFormContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomFormContext.d.ts","sourceRoot":"","sources":["../../../src/components/JsonSchemaForm/CustomFormContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAE7C,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD;;;;;;;;OAQG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAA;IAEtC;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAEzC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAEtC;;OAEG;IACH,gCAAgC,CAAC,EAAE,OAAO,CAAA;IAE1C;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B"}
+{"version":3,"file":"CustomFormContext.d.ts","sourceRoot":"","sources":["../../../src/components/JsonSchemaForm/CustomFormContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AAE7C,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD;;;;;;;;OAQG;IACH,4BAA4B,CAAC,EAAE,OAAO,CAAA;IAEtC;;OAEG;IACH,kBAAkB,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAA;IAEzC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAEtC;;OAEG;IACH,gCAAgC,CAAC,EAAE,OAAO,CAAA;IAE1C;;OAEG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAE3B;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,aAAa,GAAG,UAAU,CAAA;CAC3C"}

package/dist/components/JsonSchemaForm/JsonSchemaForm.css

@@ -0,0 +1 @@
+._jsonSchemaForm_sosz4_1{grid-template-rows:auto auto auto auto auto;margin-bottom:15px;display:grid}._jsonSchemaForm_sosz4_1 .react-select-container>.form-control{height:53.33px}._jsonSchemaForm_sosz4_1 .form-group.rjsf-field-array{margin-bottom:0}._jsonSchemaForm_sosz4_1 .form-control{height:unset}._jsonSchemaForm_sosz4_1 .MuiTextField-root:not(.datetime-picker){display:flex}._jsonSchemaForm_sosz4_1 .rjsf-array-item .LabelContainer{display:none!important}._jsonSchemaForm_sosz4_1>.form-group{grid-row-start:1}._jsonSchemaForm_sosz4_1>hr{grid-row-start:4;width:100%}._jsonSchemaForm_sosz4_1 .row{padding:0 10px}._jsonSchemaForm_sosz4_1 .rjsf-field-array>.field-description{margin-top:0;margin-bottom:8px}._jsonSchemaForm_sosz4_1 .rjsf-array-item .field-description,._jsonSchemaForm_sosz4_1 .rjsf-array-item .HelpButton{display:none}._jsonSchemaForm_sosz4_1 .rjsf-array-item .form-control,._jsonSchemaForm_sosz4_1 .rjsf-array-item .react-select-container{grid-row-start:widget}._jsonSchemaForm_sosz4_1 .rjsf-array-item div{grid-row-start:errors}._jsonSchemaForm_sosz4_1 .LabelContainer{display:flex}._jsonSchemaForm_sosz4_1 .LabelContainer label{flex-grow:1}._jsonSchemaForm_sosz4_1 .LabelContainer label span.required{color:var(--synapse-red-required);margin-left:2px}._jsonSchemaForm_sosz4_1 select{background-color:var(--synapse-gray-light)}._jsonSchemaForm_sosz4_1 .rjsf-field-array>.rjsf-array-item>label.form-label{display:none}._jsonSchemaForm_sosz4_1 .HelpButton{float:right;cursor:pointer;margin:0 0 .5rem}._jsonSchemaForm_sosz4_1 table.FieldDescriptionTable tr th,._jsonSchemaForm_sosz4_1 table.FieldDescriptionTable tr td{vertical-align:middle;padding:3px 0}._jsonSchemaForm_sosz4_1 table.FieldDescriptionTable tr th .field-description,._jsonSchemaForm_sosz4_1 table.FieldDescriptionTable tr td .field-description{margin-bottom:0}._jsonSchemaForm_sosz4_1 table.FieldDescriptionTable tr th{color:var(--synapse-text-color-disabled);padding-right:25px;font-weight:400}

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

@@ -1 +1 @@
-{"version":3,"file":"JsonSchemaForm.d.ts","sourceRoot":"","sources":["../../../src/components/JsonSchemaForm/JsonSchemaForm.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACjD,OAAO,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAEhD,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE3D,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAE3B;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,GAAG,GAAG,EACpC,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG;IACxC,OAAO,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC,CAAA;CAC1D,2CA8BF"}
+{"version":3,"file":"JsonSchemaForm.d.ts","sourceRoot":"","sources":["../../../src/components/JsonSchemaForm/JsonSchemaForm.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACjD,OAAO,QAAQ,EAAE,EAAE,SAAS,EAAE,MAAM,YAAY,CAAA;AAEhD,OAAO,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE3D,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAG3B;;;GAGG;AACH,wBAAgB,cAAc,CAAC,CAAC,GAAG,GAAG,EACpC,KAAK,EAAE,QAAQ,CAAC,SAAS,EAAE,WAAW,CAAC,GAAG;IACxC,OAAO,CAAC,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,EAAE,UAAU,EAAE,iBAAiB,CAAC,CAAC,CAAA;CAC1D,2CAiCF"}

package/dist/components/JsonSchemaForm/JsonSchemaForm.js

@@ -12,16 +12,18 @@ import { FieldTemplate as u } from "./templates/FieldTemplate.js";
 import { BooleanWidget as d } from "./widgets/BooleanWidget.js";
 import { DateTimeWidget as f } from "./widgets/DateTimeWidget.js";
 import { SelectWidget as p } from "./widgets/SelectWidget.js";
-import { jsx as m } from "react/jsx-runtime";
-import h from "@rjsf/mui";
-import g from "@rjsf/validator-ajv8";
+import m from "./JsonSchemaForm.module.js";
+import { jsx as h } from "react/jsx-runtime";
+import g from "@rjsf/mui";
+import _ from "@rjsf/validator-ajv8";
 //#region src/components/JsonSchemaForm/JsonSchemaForm.tsx
-function _(_) {
-	return /* @__PURE__ */ m(h, {
-		ref: _.formRef,
-		validator: g,
-		className: "JsonSchemaForm",
-		..._,
+function v(v) {
+	let y = v.formContext?.booleanWidget !== "checkbox";
+	return /* @__PURE__ */ h(g, {
+		ref: v.formRef,
+		validator: _,
+		className: m.jsonSchemaForm,
+		...v,
 		templates: {
 			ArrayFieldDescriptionTemplate: e,
 			ArrayFieldItemTemplate: n,
@@ -34,17 +36,17 @@ function _(_) {
 			ButtonTemplates: o,
 			DescriptionFieldTemplate: s,
 			ErrorListTemplate: c,
-			..._.templates
+			...v.templates
 		},
 		widgets: {
+			...y ? { CheckboxWidget: d } : {},
 			DateTimeWidget: f,
-			CheckboxWidget: d,
 			SelectWidget: p,
-			..._.widgets
+			...v.widgets
 		}
 	});
 }
 //#endregion
-export { _ as JsonSchemaForm };
+export { v as JsonSchemaForm };
 
 //# sourceMappingURL=JsonSchemaForm.js.map

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;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"}
+{"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 { CustomFormContext } from '@/components/JsonSchemaForm/CustomFormContext'\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'\nimport styles from './JsonSchemaForm.module.scss'\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  const useCustomBooleanWidget =\n    (props.formContext as CustomFormContext | undefined)?.booleanWidget !==\n    'checkbox'\n  return (\n    <Form\n      ref={props.formRef}\n      validator={validator}\n      className={styles.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        ...(useCustomBooleanWidget ? { CheckboxWidget: BooleanWidget } : {}),\n        DateTimeWidget: DateTimeWidget,\n        SelectWidget: SelectWidget,\n        ...props.widgets,\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA2BA,SAAgB,EACd,GAGA;CACA,IAAM,IACH,EAAM,aAA+C,kBACtD;CACF,OACE,kBAAC,GAAD;EACE,KAAK,EAAM;EACA;EACX,WAAW,EAAO;EAClB,GAAI;EACJ,WAAW;GACsB;GACP;GACO;GACX;GACK;GACN;GACC;GACL;GACf,iBAAiB;GACS;GACP;GACnB,GAAG,EAAM;EACX;EACA,SAAS;GACP,GAAI,IAAyB,EAAE,gBAAgB,EAAc,IAAI,CAAC;GAClD;GACF;GACd,GAAG,EAAM;EACX;CACD,CAAA;AAEL"}

package/dist/components/JsonSchemaForm/JsonSchemaForm.module.js

@@ -0,0 +1,5 @@
+import './JsonSchemaForm.css';var e = { jsonSchemaForm: "_jsonSchemaForm_sosz4_1" };
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=JsonSchemaForm.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"JsonSchemaForm.module.js","names":[],"sources":["../../../src/components/JsonSchemaForm/JsonSchemaForm.module.scss"],"sourcesContent":[".jsonSchemaForm {\n  display: grid;\n  // We can't rearrange the order of the HTML elements, so we use grid rows to reorder them.\n  grid-template-rows: auto auto auto auto auto;\n  margin-bottom: 15px;\n\n  :global(.react-select-container) > :global(.form-control) {\n    height: 53.33px;\n  }\n\n  :global(.form-group.rjsf-field-array) {\n    margin-bottom: 0px;\n  }\n\n  :global(.form-control) {\n    height: unset;\n  }\n\n  :global(.MuiTextField-root):not(:global(.datetime-picker)) {\n    display: flex;\n  }\n\n  :global(.rjsf-array-item) :global(.LabelContainer) {\n    display: none !important;\n  }\n\n  > :global(.form-group) {\n    grid-row-start: 1;\n  }\n\n  > hr {\n    grid-row-start: 4;\n    width: 100%;\n  }\n\n  :global(.row) {\n    padding: 0px 10px;\n  }\n\n  :global(.rjsf-field-array) > :global(.field-description) {\n    margin-top: 0px;\n    margin-bottom: 8px;\n  }\n\n  :global(.rjsf-array-item) {\n    :global(.field-description) {\n      display: none;\n    }\n\n    :global(.HelpButton) {\n      display: none;\n    }\n\n    :global(.form-control),\n    :global(.react-select-container) {\n      grid-row-start: widget;\n    }\n\n    div {\n      grid-row-start: errors;\n    }\n  }\n\n  :global(.LabelContainer) {\n    display: flex;\n    label {\n      flex-grow: 1;\n      span:global(.required) {\n        color: var(--synapse-red-required);\n        margin-left: 2px;\n      }\n    }\n  }\n\n  select {\n    background-color: var(--synapse-gray-light);\n  }\n\n  :global(.rjsf-field-array)\n    > :global(.rjsf-array-item)\n    > label:global(.form-label) {\n    display: none;\n  }\n\n  :global(.HelpButton) {\n    float: right;\n    margin: 0 0 0.5rem;\n    cursor: pointer;\n  }\n\n  table:global(.FieldDescriptionTable) {\n    tr {\n      th,\n      td {\n        padding: 3px 0px;\n        vertical-align: middle;\n\n        :global(.field-description) {\n          margin-bottom: 0;\n        }\n      }\n      th {\n        padding-right: 25px;\n        font-weight: 400;\n        color: var(--synapse-text-color-disabled);\n      }\n    }\n  }\n}\n"],"mappings":""}

package/dist/components/JsonSchemaForm/JsonSchemaForm.module.scss

@@ -0,0 +1,109 @@
+.jsonSchemaForm {
+  display: grid;
+  // We can't rearrange the order of the HTML elements, so we use grid rows to reorder them.
+  grid-template-rows: auto auto auto auto auto;
+  margin-bottom: 15px;
+
+  :global(.react-select-container) > :global(.form-control) {
+    height: 53.33px;
+  }
+
+  :global(.form-group.rjsf-field-array) {
+    margin-bottom: 0px;
+  }
+
+  :global(.form-control) {
+    height: unset;
+  }
+
+  :global(.MuiTextField-root):not(:global(.datetime-picker)) {
+    display: flex;
+  }
+
+  :global(.rjsf-array-item) :global(.LabelContainer) {
+    display: none !important;
+  }
+
+  > :global(.form-group) {
+    grid-row-start: 1;
+  }
+
+  > hr {
+    grid-row-start: 4;
+    width: 100%;
+  }
+
+  :global(.row) {
+    padding: 0px 10px;
+  }
+
+  :global(.rjsf-field-array) > :global(.field-description) {
+    margin-top: 0px;
+    margin-bottom: 8px;
+  }
+
+  :global(.rjsf-array-item) {
+    :global(.field-description) {
+      display: none;
+    }
+
+    :global(.HelpButton) {
+      display: none;
+    }
+
+    :global(.form-control),
+    :global(.react-select-container) {
+      grid-row-start: widget;
+    }
+
+    div {
+      grid-row-start: errors;
+    }
+  }
+
+  :global(.LabelContainer) {
+    display: flex;
+    label {
+      flex-grow: 1;
+      span:global(.required) {
+        color: var(--synapse-red-required);
+        margin-left: 2px;
+      }
+    }
+  }
+
+  select {
+    background-color: var(--synapse-gray-light);
+  }
+
+  :global(.rjsf-field-array)
+    > :global(.rjsf-array-item)
+    > label:global(.form-label) {
+    display: none;
+  }
+
+  :global(.HelpButton) {
+    float: right;
+    margin: 0 0 0.5rem;
+    cursor: pointer;
+  }
+
+  table:global(.FieldDescriptionTable) {
+    tr {
+      th,
+      td {
+        padding: 3px 0px;
+        vertical-align: middle;
+
+        :global(.field-description) {
+          margin-bottom: 0;
+        }
+      }
+      th {
+        padding-right: 25px;
+        font-weight: 400;
+        color: var(--synapse-text-color-disabled);
+      }
+    }
+  }
+}

package/dist/components/JsonSchemaForm/templates/ArrayFieldTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArrayFieldTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/templates/ArrayFieldTemplate.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,uBAAuB,EAGvB,UAAU,EACV,gBAAgB,EACjB,MAAM,aAAa,CAAA;AAIpB,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAGxD;;;GAGG;AACH,iBAAS,kBAAkB,CACzB,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,iBAAiB,GAAG,GAAG,EACjC,KAAK,EAAE,uBAAuB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAiHxC;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"ArrayFieldTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/templates/ArrayFieldTemplate.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,uBAAuB,EAGvB,UAAU,EACV,gBAAgB,EACjB,MAAM,aAAa,CAAA;AAIpB,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AAGxD;;;GAGG;AACH,iBAAS,kBAAkB,CACzB,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,iBAAiB,GAAG,GAAG,EACjC,KAAK,EAAE,uBAAuB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAqHxC;AAED,eAAe,kBAAkB,CAAA"}

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

@@ -26,7 +26,7 @@ function f(f) {
 				required: f.required,
 				registry: g
 			}),
-			description: /* @__PURE__ */ s(x, {
+			description: (y.description || _.description) && /* @__PURE__ */ s(x, {
 				idSchema: p,
 				schema: _,
 				description: (y.description || _.description) ?? "",

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,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"}
+{"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          // RJSF always renders `description` as a DescriptionFieldTemplate node, even when\n          // there's no description text, so gate on the raw text instead of the rendered node.\n          (uiOptions.description || schema.description) && (\n            <ArrayFieldDescriptionTemplate\n              idSchema={idSchema}\n              schema={schema}\n              description={(uiOptions.description || schema.description) ?? ''}\n              uiSchema={uiSchema}\n              registry={registry}\n            />\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,cAGG,EAAU,eAAe,EAAO,gBAC/B,kBAAC,GAAD;IACY;IACF;IACR,cAAc,EAAU,eAAe,EAAO,gBAAgB;IACpD;IACA;GACX,CAAA;GAGK;aAxBZ,EA0BI,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/FieldTemplate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/templates/FieldTemplate.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,kBAAkB,EAClB,eAAe,EAGf,UAAU,EACV,gBAAgB,EACjB,MAAM,aAAa,CAAA;AAEpB,wBAAgB,aAAa,CAC3B,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAC/B,KAAK,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CA0DnC"}
+{"version":3,"file":"FieldTemplate.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/templates/FieldTemplate.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,kBAAkB,EAClB,eAAe,EAGf,UAAU,EACV,gBAAgB,EACjB,MAAM,aAAa,CAAA;AAEpB,wBAAgB,aAAa,CAC3B,CAAC,GAAG,GAAG,EACP,CAAC,SAAS,gBAAgB,GAAG,UAAU,EACvC,CAAC,SAAS,eAAe,GAAG,GAAG,EAC/B,KAAK,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,2CAqEnC"}

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

@@ -4,17 +4,17 @@ import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { getTemplate as a, getUiOptions as o } from "@rjsf/utils";
 //#region src/components/JsonSchemaForm/templates/FieldTemplate.tsx
 function s(s) {
-	let { id: c, label: l, children: u, errors: d, help: f, description: p, hidden: m, required: h, displayLabel: g, registry: _, uiSchema: v, schema: y, hideError: b, rawErrors: x } = s, S = a("WrapIfAdditionalTemplate", _, o(v));
+	let { id: c, label: l, children: u, errors: d, help: f, description: p, hidden: m, required: h, displayLabel: g, registry: _, uiSchema: v, schema: y, hideError: b, rawErrors: x } = s, S = o(v), C = !!(S.description ?? y.description), w = _.formContext?.booleanWidget === "checkbox", T = a("WrapIfAdditionalTemplate", _, S);
 	if (m) return /* @__PURE__ */ r("div", {
 		className: "hidden",
 		children: u
 	});
-	let C = ["form-group", s.classNames || ""];
-	return !b && x && x.length > 0 && C.push("has-error"), /* @__PURE__ */ i(S, {
+	let E = ["form-group", s.classNames || ""];
+	return !b && x && x.length > 0 && E.push("has-error"), /* @__PURE__ */ i(T, {
 		...s,
-		classNames: C.join(" ").trim(),
+		classNames: E.join(" ").trim(),
 		children: [/* @__PURE__ */ i(e, {
-			hideLabel: !(g || y.type === "boolean"),
+			hideLabel: !(g || y.type === "boolean" && !w),
 			fieldLabel: /* @__PURE__ */ i(n, {
 				htmlFor: c,
 				children: [l, h && /* @__PURE__ */ r("span", {
@@ -22,7 +22,7 @@ function s(s) {
 					children: "*"
 				})]
 			}),
-			description: p,
+			description: C ? p : void 0,
 			registry: _,
 			children: [u, /* @__PURE__ */ r(t, {
 				item: !0,

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,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"}
+{"version":3,"file":"FieldTemplate.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/templates/FieldTemplate.tsx"],"sourcesContent":["import { RJSFInputLabelWrapper } from '@/components/JsonSchemaForm/templates/RJSFInputLabel'\nimport { CustomFormContext } from '@/components/JsonSchemaForm/CustomFormContext'\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 hasDescription = Boolean(uiOptions.description ?? schema.description)\n\n  // The real checkbox widget (formContext.booleanWidget === 'checkbox') renders its own label\n  // via MUI's FormControlLabel; only the Yes/No select needs FieldTemplate to force one, since\n  // RJSF hides labels for boolean schemas by default.\n  const usesRealCheckbox =\n    (registry.formContext as CustomFormContext | undefined)?.booleanWidget ===\n    'checkbox'\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 schemas by default; the Yes/No select widget doesn't\n        // render its own label, so force one on — the real checkbox widget does, so don't.\n        hideLabel={\n          !(displayLabel || (schema.type === 'boolean' && !usesRealCheckbox))\n        }\n        fieldLabel={\n          <InputLabel htmlFor={id}>\n            {label}\n            {required && <span className=\"required\">*</span>}\n          </InputLabel>\n        }\n        description={hasDescription ? description : undefined}\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":";;;;;AAYA,SAAgB,EAId,GAAoC;CACpC,IAAM,EACJ,OACA,UACA,aACA,WACA,SACA,gBACA,WACA,aACA,iBACA,aACA,aACA,WACA,cACA,iBACE,GACE,IAAY,EAAsB,CAAQ,GAC1C,IAAiB,GAAQ,EAAU,eAAe,EAAO,cAKzD,IACH,EAAS,aAA+C,kBACzD,YACI,IAA2B,EAK/B,4BAA4B,GAAU,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;GAGE,WACE,EAAE,KAAiB,EAAO,SAAS,aAAa,CAAC;GAEnD,YACE,kBAAC,GAAD;IAAY,SAAS;cAArB,CACG,GACA,KAAY,kBAAC,QAAD;KAAM,WAAU;eAAW;IAAO,CAAA,CACrC;;GAEd,aAAa,IAAiB,IAAc,KAAA;GAClC;aAbZ,CAeG,GACD,kBAAC,GAAD;IAAM,MAAA;IAAK,IAAI;cACZ;GACG,CAAA,CACe;MACtB,CACuB;;AAE9B"}

package/dist/components/JsonSchemaForm/widgets/DateWidget.d.ts

@@ -0,0 +1,9 @@
+import { Widget } from '@rjsf/utils';
+/**
+ * Date-only picker widget for schema fields with `format: 'date-time'` where the form UI
+ * does not need to collect the time-of-day. Unlike `DateTimeWidget`, this never
+ * prompts for a time of day, but its stored value is a full ISO 8601 UTC-midnight string,
+ * matching `format: 'date-time'`.
+ */
+export declare const DateWidget: Widget;
+//# sourceMappingURL=DateWidget.d.ts.map

package/dist/components/JsonSchemaForm/widgets/DateWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateWidget.d.ts","sourceRoot":"","sources":["../../../../src/components/JsonSchemaForm/widgets/DateWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAe,MAAM,aAAa,CAAA;AAMjD;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,MA0BxB,CAAA"}

package/dist/components/JsonSchemaForm/widgets/DateWidget.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+import t from "dayjs";
+import { AdapterDayjs as n } from "@mui/x-date-pickers/AdapterDayjs";
+import { LocalizationProvider as r } from "@mui/x-date-pickers/LocalizationProvider";
+import { DatePicker as i } from "@mui/x-date-pickers/DatePicker";
+//#region src/components/JsonSchemaForm/widgets/DateWidget.tsx
+var a = ({ id: a, disabled: o, value: s, onChange: c }) => {
+	let l = typeof s == "string" ? s.slice(0, 10) : void 0;
+	return /* @__PURE__ */ e(r, {
+		dateAdapter: n,
+		children: /* @__PURE__ */ e(i, {
+			enableAccessibleFieldDOMStructure: !1,
+			disabled: o,
+			slotProps: { textField: { id: a } },
+			value: l ? t(l) : null,
+			onChange: (e) => c(e ? `${e.format("YYYY-MM-DD")}T00:00:00.000Z` : null)
+		})
+	});
+};
+//#endregion
+export { a as DateWidget };
+
+//# sourceMappingURL=DateWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateWidget.js","names":[],"sources":["../../../../src/components/JsonSchemaForm/widgets/DateWidget.tsx"],"sourcesContent":["import { Widget, WidgetProps } from '@rjsf/utils'\nimport dayjs, { Dayjs } from 'dayjs'\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'\nimport { DatePicker } from '@mui/x-date-pickers/DatePicker'\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'\n\n/**\n * Date-only picker widget for schema fields with `format: 'date-time'` where the form UI\n * does not need to collect the time-of-day. Unlike `DateTimeWidget`, this never\n * prompts for a time of day, but its stored value is a full ISO 8601 UTC-midnight string,\n * matching `format: 'date-time'`.\n */\nexport const DateWidget: Widget = ({\n  id,\n  disabled,\n  value,\n  onChange,\n}: WidgetProps) => {\n  // Build/read the UTC-midnight timestamp via string slicing rather than dayjs's timezone-\n  // aware parsing, which would anchor the calendar date to the browser's local timezone and\n  // could shift it onto the adjacent day.\n  const dateOnly = typeof value === 'string' ? value.slice(0, 10) : undefined\n  return (\n    <LocalizationProvider dateAdapter={AdapterDayjs}>\n      <DatePicker\n        enableAccessibleFieldDOMStructure={false}\n        disabled={disabled}\n        // Carries RJSF's field id onto the input so the form's own `<label for>` applies.\n        slotProps={{ textField: { id } }}\n        value={dateOnly ? dayjs(dateOnly) : null}\n        onChange={(newValue: Dayjs | null) =>\n          onChange(\n            newValue ? `${newValue.format('YYYY-MM-DD')}T00:00:00.000Z` : null,\n          )\n        }\n      />\n    </LocalizationProvider>\n  )\n}\n"],"mappings":";;;;;;AAYA,IAAa,KAAsB,EACjC,OACA,aACA,UACA,kBACiB;CAIjB,IAAM,IAAW,OAAO,KAAU,WAAW,EAAM,MAAM,GAAG,EAAE,IAAI,KAAA;CAClE,OACE,kBAAC,GAAD;EAAsB,aAAa;YACjC,kBAAC,GAAD;GACE,mCAAmC;GACzB;GAEV,WAAW,EAAE,WAAW,EAAE,MAAG,EAAE;GAC/B,OAAO,IAAW,EAAM,CAAQ,IAAI;GACpC,WAAW,MACT,EACE,IAAW,GAAG,EAAS,OAAO,YAAY,EAAE,kBAAkB,IAChE;EAEH,CAAA;CACmB,CAAA;AAE1B"}

package/dist/components/MailchimpSubscribeSection/MailchimpSubscribeSection.css

@@ -1 +1 @@
-._formRow_r0gup_1{align-items:stretch;gap:8px;display:flex}._emailInput_r0gup_7.MuiTextField-root{width:100%}@media (width>=600px){._emailInput_r0gup_7.MuiTextField-root{width:auto;min-width:350px}}._emailInput_r0gup_7.MuiTextField-root .MuiOutlinedInput-root{background-color:#fff;border-radius:4px}._emailInput_r0gup_7.MuiTextField-root .MuiOutlinedInput-root fieldset{border:1px solid #e4e4e4}._submitButton_r0gup_24.MuiButton-root{white-space:nowrap;border-radius:8px}._formWrapper_r0gup_29{margin-top:16px}._description_r0gup_33{margin-top:8px}._statusMessage_r0gup_37{margin-top:4px;display:block}._imageColumn_r0gup_42{flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex}@media (width>=600px){._imageColumn_r0gup_42{width:200px}}
+._formRow_1yz5z_1{align-items:stretch;gap:8px;display:flex}._emailInput_1yz5z_7.MuiTextField-root{width:100%}@media (width>=600px){._emailInput_1yz5z_7.MuiTextField-root{min-width:0}}._emailInput_1yz5z_7.MuiTextField-root .MuiOutlinedInput-root{background-color:#fff;border-radius:4px}._emailInput_1yz5z_7.MuiTextField-root .MuiOutlinedInput-root fieldset{border:1px solid #e4e4e4}._submitButton_1yz5z_23.MuiButton-root{white-space:nowrap;border-radius:8px}._formWrapper_1yz5z_28{flex:1;margin-top:16px}._description_1yz5z_33{margin-top:8px}._statusMessage_1yz5z_37{margin-top:4px;display:block}._imageColumn_1yz5z_42{flex-shrink:0;justify-content:center;align-items:center;width:100%;display:flex}@media (width>=600px){._imageColumn_1yz5z_42{width:200px}}._formContainer_1yz5z_55{align-items:flex-end;gap:16px;display:flex}._formContainer_1yz5z_55 svg{flex-shrink:0}

package/dist/components/MailchimpSubscribeSection/MailchimpSubscribeSection.d.ts

@@ -1,7 +1,8 @@
+import { ReactNode } from 'react';
 import { SxProps } from '@mui/material';
 export type MailchimpSubscribeSectionProps = {
-    headline: string;
-    description: string;
+    headline?: string;
+    description: ReactNode;
     mailchimpUrl: string;
     headlineSx?: SxProps;
     background?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"MailchimpSubscribeSection.d.ts","sourceRoot":"","sources":["../../../src/components/MailchimpSubscribeSection/MailchimpSubscribeSection.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,OAAO,EAGR,MAAM,eAAe,CAAA;AAStB,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AA+ED,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,UAAU,EACV,UAAU,GACX,EAAE,8BAA8B,2CA6BhC"}
+{"version":3,"file":"MailchimpSubscribeSection.d.ts","sourceRoot":"","sources":["../../../src/components/MailchimpSubscribeSection/MailchimpSubscribeSection.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAA;AACpD,OAAO,EAKL,OAAO,EAGR,MAAM,eAAe,CAAA;AAStB,MAAM,MAAM,8BAA8B,GAAG;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,SAAS,CAAA;IACtB,YAAY,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,CAAA;AA+ED,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,UAAU,EACV,UAAU,GACX,EAAE,8BAA8B,2CA2BhC"}