@contember/react-form 2.1.0-alpha.30 → 2.1.0-alpha.35

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@contember/react-form",
   "license": "Apache-2.0",
-  "version": "2.1.0-alpha.30",
+  "version": "2.1.0-alpha.35",
   "type": "module",
   "sideEffects": false,
   "main": "./dist/production/index.js",
@@ -30,21 +30,21 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/contember/interface.git",
+    "url": "git+https://github.com/contember/contember.git",
     "directory": "packages/react-form"
   },
   "dependencies": {
-    "@contember/react-binding": "2.1.0-alpha.30",
-    "@contember/react-utils": "2.1.0-alpha.30",
-    "@contember/utilities": "2.1.0-alpha.30",
-    "@radix-ui/react-slot": "^1.1.0"
+    "@contember/react-binding": "workspace:*",
+    "@contember/react-utils": "workspace:*",
+    "@contember/utilities": "workspace:*",
+    "@radix-ui/react-slot": "catalog:"
   },
   "peerDependencies": {
-    "react": "^18 || ^19",
-    "react-dom": "^18 || ^19"
+    "react": "catalog:",
+    "react-dom": "catalog:"
   },
   "devDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "catalog:",
+    "react-dom": "catalog:"
   }
 }

package/src/components/FormCheckbox.tsx

@@ -34,6 +34,7 @@ export const FormCheckbox = Component<FormCheckboxProps>(({ field, isNonbearing,
 	const { ref, onFocus, onBlur } = useFormInputValidationHandler(accessor)
 	const [checkboxRef, setCheckboxRef] = React.useState<HTMLInputElement | null>(null)
 
+	// biome-ignore lint/correctness/useExhaustiveDependencies: intentional
 	useEffect(() => {
 		if (!checkboxRef) {
 			return
@@ -44,7 +45,7 @@ export const FormCheckbox = Component<FormCheckboxProps>(({ field, isNonbearing,
 	return (
 		<SlotInput
 			ref={it => {
-				(ref as any).current = checkboxRef
+				;(ref as any).current = checkboxRef
 				setCheckboxRef(it)
 			}}
 			type="checkbox"

package/src/components/FormError.tsx

@@ -4,7 +4,7 @@ import { BindingError, ErrorAccessor } from '@contember/react-binding'
 
 export const FormError = ({ children, formatter }: {
 	formatter: (errors: ErrorAccessor.Error[]) => ReactNode[]
-	children: ReactElement
+	children: ReactElement<any>
 }) => {
 	const formState = useFormFieldState()
 	if (!formState) {

package/src/components/FormFieldStateProvider.tsx

@@ -34,7 +34,6 @@ export const FormFieldIdContext = {
 	Provider: ({ children, value }: { children: React.ReactNode; value: string }) => {
 		const state = useFormFieldState()
 		if (import.meta.env.DEV) {
-			// eslint-disable-next-line react-hooks/rules-of-hooks
 			useEffect(() => {
 				console.warn('FormFieldIdContext.Provider is deprecated, use FormFieldStateProvider instead')
 			}, [])
@@ -57,7 +56,6 @@ export const FormErrorContext = {
 	Provider: ({ children, value }: { children: React.ReactNode; value: ErrorAccessor.Error[] }) => {
 		const state = useFormFieldState()
 		if (import.meta.env.DEV) {
-			// eslint-disable-next-line react-hooks/rules-of-hooks
 			useEffect(() => {
 				console.warn('FormErrorContext.Provider is deprecated, use FormFieldStateProvider instead')
 			}, [])

package/src/components/FormInput.tsx

@@ -21,39 +21,42 @@ export interface FormInputProps {
 	parseValue?: FormInputHandler['parseValue']
 }
 
-export const FormInput = Component<FormInputProps>(({ field, isNonbearing, defaultValue, formatValue: formatValueIn, parseValue: parseValueIn, ...props }) => {
-	const accessor = useField(field)
+export const FormInput = Component<FormInputProps>(
+	({ field, isNonbearing, defaultValue, formatValue: formatValueIn, parseValue: parseValueIn, ...props }) => {
+		const accessor = useField(field)
 
-	const formState = useFormFieldState()
-	const id = formState?.htmlId
-	const hasErrors = (formState?.errors.length ?? accessor.errors?.errors?.length ?? 0) > 0
-	const dirty = formState?.dirty ?? accessor.hasUnpersistedChanges
-	const required = formState?.required ?? !accessor.schema.nullable
+		const formState = useFormFieldState()
+		const id = formState?.htmlId
+		const hasErrors = (formState?.errors.length ?? accessor.errors?.errors?.length ?? 0) > 0
+		const dirty = formState?.dirty ?? accessor.hasUnpersistedChanges
+		const required = formState?.required ?? !accessor.schema.nullable
 
-	const [state, setState] = useState<any>(undefined)
+		const [state, setState] = useState<any>(undefined)
 
-	const { parseValue, formatValue, defaultInputProps } = useFormInputHandler(accessor, { formatValue: formatValueIn, parseValue: parseValueIn })
-	const accessorGetter = accessor.getAccessor
-	const { ref, onFocus, onBlur } = useFormInputValidationHandler(accessor)
+		const { parseValue, formatValue, defaultInputProps } = useFormInputHandler(accessor, { formatValue: formatValueIn, parseValue: parseValueIn })
+		const accessorGetter = accessor.getAccessor
+		const { ref, onFocus, onBlur } = useFormInputValidationHandler(accessor)
 
-	return (
-		<SlotInput
-			ref={ref}
-			value={formatValue(accessor.value, { state, setState })}
-			data-invalid={dataAttribute(hasErrors)}
-			data-dirty={dataAttribute(dirty)}
-			data-required={dataAttribute(required)}
-			onFocus={onFocus}
-			onBlur={onBlur}
-			onChange={useReferentiallyStableCallback<ChangeEventHandler<HTMLInputElement>>(e => {
-				accessorGetter().updateValue(parseValue(e.target.value, { state, setState }))
-			})}
-			{...defaultInputProps}
-			id={id ? `${id}-input` : undefined}
-			required={required}
-			{...props}
-		/>
-	)
-}, ({ field, isNonbearing, defaultValue }) => {
-	return <Field field={field} isNonbearing={isNonbearing} defaultValue={defaultValue} />
-})
+		return (
+			<SlotInput
+				ref={ref}
+				value={formatValue(accessor.value, { state, setState })}
+				data-invalid={dataAttribute(hasErrors)}
+				data-dirty={dataAttribute(dirty)}
+				data-required={dataAttribute(required)}
+				onFocus={onFocus}
+				onBlur={onBlur}
+				onChange={useReferentiallyStableCallback<ChangeEventHandler<HTMLInputElement>>(e => {
+					accessorGetter().updateValue(parseValue(e.target.value, { state, setState }))
+				})}
+				{...defaultInputProps}
+				id={id ? `${id}-input` : undefined}
+				required={required}
+				{...props}
+			/>
+		)
+	},
+	({ field, isNonbearing, defaultValue }) => {
+		return <Field field={field} isNonbearing={isNonbearing} defaultValue={defaultValue} />
+	},
+)

package/src/components/FormRadioInput.tsx

@@ -48,5 +48,5 @@ export const FormRadioInput = Component<FormRadioItemProps>(({ field, value, def
 		/>
 	)
 }, ({ field, isNonbearing, defaultValue }) => {
-	return <Field field={field} isNonbearing={isNonbearing} defaultValue={defaultValue}/>
+	return <Field field={field} isNonbearing={isNonbearing} defaultValue={defaultValue} />
 })

package/src/contexts.tsx

@@ -1,12 +1,10 @@
 import { createContext } from '@contember/react-utils'
 import { FormFieldState } from './types'
 
-
 const FormFieldStateContext_ = createContext<FormFieldState | undefined>('FormFieldStateContext', undefined)
 export const FormFieldStateContext = FormFieldStateContext_[0]
 export const useFormFieldState = FormFieldStateContext_[1]
 
-
 /**
  * @deprecated use `useFormState` instead
  */

package/src/hooks/useFormInputValidationHandler.tsx

@@ -4,7 +4,7 @@ import { FieldAccessor, useEntityBeforePersist } from '@contember/react-binding'
 
 export const useFormInputValidationHandler = (field: FieldAccessor<any>) => {
 	const accessorGetter = field.getAccessor
-	const validationMessage = useRef<string>()
+	const validationMessage = useRef<string>(undefined)
 	const [focus, setFocus] = React.useState(false)
 	const inputRef = React.useRef<HTMLInputElement>(null)
 	useEntityBeforePersist(useCallback(() => {

package/src/internal/useFormInputHandler.ts

@@ -125,10 +125,10 @@ const toLocalDate = (date: Date) => {
 		return '0'.repeat(Math.max(0, length - str.length)) + str
 	}
 
-	return pad(date.getFullYear(), 4) +
-		'-' + pad(date.getMonth() + 1) +
-		'-' + pad(date.getDate()) +
-		'T' + pad(date.getHours()) +
-		':' + pad(date.getMinutes()) +
-		':' + pad(date.getSeconds())
+	return pad(date.getFullYear(), 4)
+		+ '-' + pad(date.getMonth() + 1)
+		+ '-' + pad(date.getDate())
+		+ 'T' + pad(date.getHours())
+		+ ':' + pad(date.getMinutes())
+		+ ':' + pad(date.getSeconds())
 }

package/dist/development/index.cjs

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const contexts = require("./src/contexts.cjs");
-const FormError = require("./src/components/FormError.cjs");
-const FormCheckbox = require("./src/components/FormCheckbox.cjs");
-const FormFieldScope = require("./src/components/FormFieldScope.cjs");
-const FormFieldStateProvider = require("./src/components/FormFieldStateProvider.cjs");
-const FormHasOneRelationScope = require("./src/components/FormHasOneRelationScope.cjs");
-const FormHasManyRelationScope = require("./src/components/FormHasManyRelationScope.cjs");
-const FormInput = require("./src/components/FormInput.cjs");
-const FormLabel = require("./src/components/FormLabel.cjs");
-const FormRadioInput = require("./src/components/FormRadioInput.cjs");
-const useFormInputValidationHandler = require("./src/hooks/useFormInputValidationHandler.cjs");
-exports.FormFieldStateContext = contexts.FormFieldStateContext;
-exports.useFormError = contexts.useFormError;
-exports.useFormFieldId = contexts.useFormFieldId;
-exports.useFormFieldState = contexts.useFormFieldState;
-exports.FormError = FormError.FormError;
-exports.FormCheckbox = FormCheckbox.FormCheckbox;
-exports.FormFieldScope = FormFieldScope.FormFieldScope;
-exports.FormErrorContext = FormFieldStateProvider.FormErrorContext;
-exports.FormFieldIdContext = FormFieldStateProvider.FormFieldIdContext;
-exports.FormFieldStateProvider = FormFieldStateProvider.FormFieldStateProvider;
-exports.FormHasOneRelationScope = FormHasOneRelationScope.FormHasOneRelationScope;
-exports.FormHasManyRelationScope = FormHasManyRelationScope.FormHasManyRelationScope;
-exports.FormInput = FormInput.FormInput;
-exports.FormLabel = FormLabel.FormLabel;
-exports.FormRadioInput = FormRadioInput.FormRadioInput;
-exports.useFormInputValidationHandler = useFormInputValidationHandler.useFormInputValidationHandler;
-//# sourceMappingURL=index.cjs.map

package/dist/development/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/development/index.js

@@ -1,30 +0,0 @@
-import { FormFieldStateContext, useFormError, useFormFieldId, useFormFieldState } from "./src/contexts.js";
-import { FormError } from "./src/components/FormError.js";
-import { FormCheckbox } from "./src/components/FormCheckbox.js";
-import { FormFieldScope } from "./src/components/FormFieldScope.js";
-import { FormErrorContext, FormFieldIdContext, FormFieldStateProvider } from "./src/components/FormFieldStateProvider.js";
-import { FormHasOneRelationScope } from "./src/components/FormHasOneRelationScope.js";
-import { FormHasManyRelationScope } from "./src/components/FormHasManyRelationScope.js";
-import { FormInput } from "./src/components/FormInput.js";
-import { FormLabel } from "./src/components/FormLabel.js";
-import { FormRadioInput } from "./src/components/FormRadioInput.js";
-import { useFormInputValidationHandler } from "./src/hooks/useFormInputValidationHandler.js";
-export {
-  FormCheckbox,
-  FormError,
-  FormErrorContext,
-  FormFieldIdContext,
-  FormFieldScope,
-  FormFieldStateContext,
-  FormFieldStateProvider,
-  FormHasManyRelationScope,
-  FormHasOneRelationScope,
-  FormInput,
-  FormLabel,
-  FormRadioInput,
-  useFormError,
-  useFormFieldId,
-  useFormFieldState,
-  useFormInputValidationHandler
-};
-//# sourceMappingURL=index.js.map

package/dist/development/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/development/src/components/FormCheckbox.cjs

@@ -1,83 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxDevRuntime = require("react/jsx-dev-runtime");
-const React = require("react");
-const reactBinding = require("@contember/react-binding");
-const contexts = require("../contexts.cjs");
-const utilities = require("@contember/utilities");
-const reactSlot = require("@radix-ui/react-slot");
-const useFormInputValidationHandler = require("../hooks/useFormInputValidationHandler.cjs");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
-const SlotInput = reactSlot.Slot;
-const FormCheckbox = reactBinding.Component(({ field, isNonbearing, defaultValue, ...props }) => {
-  const accessor = reactBinding.useField(field);
-  const formState = contexts.useFormFieldState();
-  const id = formState?.htmlId;
-  const hasErrors = (formState?.errors.length ?? accessor.errors?.errors?.length ?? 0) > 0;
-  const dirty = formState?.dirty ?? accessor.hasUnpersistedChanges;
-  const value = accessor.value;
-  const accessorGetter = accessor.getAccessor;
-  const { ref, onFocus, onBlur } = useFormInputValidationHandler.useFormInputValidationHandler(accessor);
-  const [checkboxRef, setCheckboxRef] = React__namespace.useState(null);
-  React.useEffect(() => {
-    if (!checkboxRef) {
-      return;
-    }
-    checkboxRef.indeterminate = value === null;
-  }, [checkboxRef, ref, value]);
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
-    SlotInput,
-    {
-      ref: (it) => {
-        ref.current = checkboxRef;
-        setCheckboxRef(it);
-      },
-      type: "checkbox",
-      checked: accessor.value === true,
-      "data-state": value === null ? "indeterminate" : value ? "checked" : "unchecked",
-      "data-invalid": utilities.dataAttribute(hasErrors),
-      "data-dirty": utilities.dataAttribute(dirty),
-      id: id ? `${id}-input` : void 0,
-      onFocus,
-      onBlur,
-      onChange: React.useCallback((e) => {
-        accessorGetter().updateValue(e.target.checked);
-      }, [accessorGetter]),
-      ...props
-    },
-    void 0,
-    false,
-    {
-      fileName: "/home/runner/work/contember/contember/packages/react-form/src/components/FormCheckbox.tsx",
-      lineNumber: 45,
-      columnNumber: 3
-    },
-    void 0
-  );
-}, ({ field, isNonbearing, defaultValue }, env) => {
-  const node = reactBinding.TreeNodeEnvironmentFactory.createEnvironmentForField(env, { field }).getSubTreeNode();
-  const resolvedDefaultValue = defaultValue !== void 0 ? defaultValue : node.field.defaultValue ?? (node.field.nullable ? null : false);
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(reactBinding.Field, { field, isNonbearing, defaultValue: resolvedDefaultValue }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-form/src/components/FormCheckbox.tsx",
-    lineNumber: 68,
-    columnNumber: 9
-  }, void 0);
-});
-exports.FormCheckbox = FormCheckbox;
-//# sourceMappingURL=FormCheckbox.cjs.map

package/dist/development/src/components/FormCheckbox.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormCheckbox.cjs","sources":["../../../../../packages/react-form/src/components/FormCheckbox.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ChangeEventHandler, ReactElement, useCallback, useEffect } from 'react'\nimport {\n\tComponent,\n\tField,\n\tOptionallyVariableFieldValue,\n\tSugaredRelativeSingleField,\n\tTreeNodeEnvironmentFactory,\n\tuseField,\n} from '@contember/react-binding'\nimport { useFormFieldState } from '../contexts'\nimport { dataAttribute } from '@contember/utilities'\nimport { useFormInputValidationHandler } from '../hooks'\nimport { Slot } from '@radix-ui/react-slot'\n\nconst SlotInput = Slot as React.ForwardRefExoticComponent<React.RefAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement>>\n\nexport interface FormCheckboxProps {\n\tfield: SugaredRelativeSingleField['field']\n\tisNonbearing?: boolean\n\tdefaultValue?: OptionallyVariableFieldValue\n\tchildren: ReactElement<HTMLInputElement, 'input'>\n}\n\nexport const FormCheckbox = Component<FormCheckboxProps>(({ field, isNonbearing, defaultValue, ...props }) => {\n\tconst accessor = useField<boolean>(field)\n\n\tconst formState = useFormFieldState()\n\tconst id = formState?.htmlId\n\tconst hasErrors = (formState?.errors.length ?? accessor.errors?.errors?.length ?? 0) > 0\n\tconst dirty = formState?.dirty ?? accessor.hasUnpersistedChanges\n\tconst value = accessor.value\n\tconst accessorGetter = accessor.getAccessor\n\tconst { ref, onFocus, onBlur } = useFormInputValidationHandler(accessor)\n\tconst [checkboxRef, setCheckboxRef] = React.useState<HTMLInputElement | null>(null)\n\n\tuseEffect(() => {\n\t\tif (!checkboxRef) {\n\t\t\treturn\n\t\t}\n\t\tcheckboxRef.indeterminate = value === null\n\t}, [checkboxRef, ref, value])\n\n\treturn (\n\t\t<SlotInput\n\t\t\tref={it => {\n\t\t\t\t(ref as any).current = checkboxRef\n\t\t\t\tsetCheckboxRef(it)\n\t\t\t}}\n\t\t\ttype=\"checkbox\"\n\t\t\tchecked={accessor.value === true}\n\t\t\tdata-state={value === null ? 'indeterminate' : (value ? 'checked' : 'unchecked')}\n\t\t\tdata-invalid={dataAttribute(hasErrors)}\n\t\t\tdata-dirty={dataAttribute(dirty)}\n\t\t\tid={id ? `${id}-input` : undefined}\n\t\t\tonFocus={onFocus}\n\t\t\tonBlur={onBlur}\n\t\t\tonChange={useCallback<ChangeEventHandler<HTMLInputElement>>(e => {\n\t\t\t\taccessorGetter().updateValue(e.target.checked)\n\t\t\t}, [accessorGetter])}\n\t\t\t{...props}\n\t\t/>\n\t)\n}, ({ field, isNonbearing, defaultValue }, env) => {\n\tconst node = TreeNodeEnvironmentFactory.createEnvironmentForField(env, { field }).getSubTreeNode()\n\tconst resolvedDefaultValue = defaultValue !== undefined ? defaultValue : (node.field.defaultValue ?? (node.field.nullable ? null : false))\n\n\treturn <Field field={field} isNonbearing={isNonbearing} defaultValue={resolvedDefaultValue} />\n})\n"],"names":["Slot","Component","useField","useFormFieldState","useFormInputValidationHandler","React","useEffect","jsxDEV","dataAttribute","useCallback","this","TreeNodeEnvironmentFactory","Field"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,MAAM,YAAYA,UAAA;AASL,MAAA,eAAeC,uBAA6B,CAAC,EAAE,OAAO,cAAc,cAAc,GAAG,YAAY;AACvG,QAAA,WAAWC,sBAAkB,KAAK;AAExC,QAAM,YAAYC,SAAAA,kBAAkB;AACpC,QAAM,KAAK,WAAW;AAChB,QAAA,aAAa,WAAW,OAAO,UAAU,SAAS,QAAQ,QAAQ,UAAU,KAAK;AACjF,QAAA,QAAQ,WAAW,SAAS,SAAS;AAC3C,QAAM,QAAQ,SAAS;AACvB,QAAM,iBAAiB,SAAS;AAChC,QAAM,EAAE,KAAK,SAAS,OAAO,IAAIC,8BAAAA,8BAA8B,QAAQ;AACvE,QAAM,CAAC,aAAa,cAAc,IAAIC,iBAAM,SAAkC,IAAI;AAElFC,QAAAA,UAAU,MAAM;AACf,QAAI,CAAC,aAAa;AACjB;AAAA,IAAA;AAED,gBAAY,gBAAgB,UAAU;AAAA,EACpC,GAAA,CAAC,aAAa,KAAK,KAAK,CAAC;AAG3B,SAAAC,8BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,KAAK,CAAM,OAAA;AACT,YAAY,UAAU;AACvB,uBAAe,EAAE;AAAA,MAClB;AAAA,MACA,MAAK;AAAA,MACL,SAAS,SAAS,UAAU;AAAA,MAC5B,cAAY,UAAU,OAAO,kBAAmB,QAAQ,YAAY;AAAA,MACpE,gBAAcC,wBAAc,SAAS;AAAA,MACrC,cAAYA,wBAAc,KAAK;AAAA,MAC/B,IAAI,KAAK,GAAG,EAAE,WAAW;AAAA,MACzB;AAAA,MACA;AAAA,MACA,UAAUC,MAAAA,YAAkD,CAAK,MAAA;AAChE,uBAAiB,EAAA,YAAY,EAAE,OAAO,OAAO;AAAA,MAAA,GAC3C,CAAC,cAAc,CAAC;AAAA,MAClB,GAAG;AAAA,IAAA;AAAA,IAhBL;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAC;AAAAA,EAiBA;AAEF,GAAG,CAAC,EAAE,OAAO,cAAc,aAAA,GAAgB,QAAQ;AAC5C,QAAA,OAAOC,aAAAA,2BAA2B,0BAA0B,KAAK,EAAE,MAAM,CAAC,EAAE,eAAe;AAC3F,QAAA,uBAAuB,iBAAiB,SAAY,eAAgB,KAAK,MAAM,iBAAiB,KAAK,MAAM,WAAW,OAAO;AAEnI,SAAQJ,8BAAA,OAAAK,oBAAA,EAAM,OAAc,cAA4B,cAAc,qBAA/D,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAqF,GAAAF,MAAA;AAC7F,CAAC;;"}

package/dist/development/src/components/FormCheckbox.js

@@ -1,67 +0,0 @@
-import { jsxDEV } from "react/jsx-dev-runtime";
-import * as React from "react";
-import { useEffect, useCallback } from "react";
-import { Component, useField, TreeNodeEnvironmentFactory, Field } from "@contember/react-binding";
-import { useFormFieldState } from "../contexts.js";
-import { dataAttribute } from "@contember/utilities";
-import { Slot } from "@radix-ui/react-slot";
-import { useFormInputValidationHandler } from "../hooks/useFormInputValidationHandler.js";
-const SlotInput = Slot;
-const FormCheckbox = Component(({ field, isNonbearing, defaultValue, ...props }) => {
-  const accessor = useField(field);
-  const formState = useFormFieldState();
-  const id = formState?.htmlId;
-  const hasErrors = (formState?.errors.length ?? accessor.errors?.errors?.length ?? 0) > 0;
-  const dirty = formState?.dirty ?? accessor.hasUnpersistedChanges;
-  const value = accessor.value;
-  const accessorGetter = accessor.getAccessor;
-  const { ref, onFocus, onBlur } = useFormInputValidationHandler(accessor);
-  const [checkboxRef, setCheckboxRef] = React.useState(null);
-  useEffect(() => {
-    if (!checkboxRef) {
-      return;
-    }
-    checkboxRef.indeterminate = value === null;
-  }, [checkboxRef, ref, value]);
-  return /* @__PURE__ */ jsxDEV(
-    SlotInput,
-    {
-      ref: (it) => {
-        ref.current = checkboxRef;
-        setCheckboxRef(it);
-      },
-      type: "checkbox",
-      checked: accessor.value === true,
-      "data-state": value === null ? "indeterminate" : value ? "checked" : "unchecked",
-      "data-invalid": dataAttribute(hasErrors),
-      "data-dirty": dataAttribute(dirty),
-      id: id ? `${id}-input` : void 0,
-      onFocus,
-      onBlur,
-      onChange: useCallback((e) => {
-        accessorGetter().updateValue(e.target.checked);
-      }, [accessorGetter]),
-      ...props
-    },
-    void 0,
-    false,
-    {
-      fileName: "/home/runner/work/contember/contember/packages/react-form/src/components/FormCheckbox.tsx",
-      lineNumber: 45,
-      columnNumber: 3
-    },
-    void 0
-  );
-}, ({ field, isNonbearing, defaultValue }, env) => {
-  const node = TreeNodeEnvironmentFactory.createEnvironmentForField(env, { field }).getSubTreeNode();
-  const resolvedDefaultValue = defaultValue !== void 0 ? defaultValue : node.field.defaultValue ?? (node.field.nullable ? null : false);
-  return /* @__PURE__ */ jsxDEV(Field, { field, isNonbearing, defaultValue: resolvedDefaultValue }, void 0, false, {
-    fileName: "/home/runner/work/contember/contember/packages/react-form/src/components/FormCheckbox.tsx",
-    lineNumber: 68,
-    columnNumber: 9
-  }, void 0);
-});
-export {
-  FormCheckbox
-};
-//# sourceMappingURL=FormCheckbox.js.map

package/dist/development/src/components/FormCheckbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormCheckbox.js","sources":["../../../../../packages/react-form/src/components/FormCheckbox.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ChangeEventHandler, ReactElement, useCallback, useEffect } from 'react'\nimport {\n\tComponent,\n\tField,\n\tOptionallyVariableFieldValue,\n\tSugaredRelativeSingleField,\n\tTreeNodeEnvironmentFactory,\n\tuseField,\n} from '@contember/react-binding'\nimport { useFormFieldState } from '../contexts'\nimport { dataAttribute } from '@contember/utilities'\nimport { useFormInputValidationHandler } from '../hooks'\nimport { Slot } from '@radix-ui/react-slot'\n\nconst SlotInput = Slot as React.ForwardRefExoticComponent<React.RefAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement>>\n\nexport interface FormCheckboxProps {\n\tfield: SugaredRelativeSingleField['field']\n\tisNonbearing?: boolean\n\tdefaultValue?: OptionallyVariableFieldValue\n\tchildren: ReactElement<HTMLInputElement, 'input'>\n}\n\nexport const FormCheckbox = Component<FormCheckboxProps>(({ field, isNonbearing, defaultValue, ...props }) => {\n\tconst accessor = useField<boolean>(field)\n\n\tconst formState = useFormFieldState()\n\tconst id = formState?.htmlId\n\tconst hasErrors = (formState?.errors.length ?? accessor.errors?.errors?.length ?? 0) > 0\n\tconst dirty = formState?.dirty ?? accessor.hasUnpersistedChanges\n\tconst value = accessor.value\n\tconst accessorGetter = accessor.getAccessor\n\tconst { ref, onFocus, onBlur } = useFormInputValidationHandler(accessor)\n\tconst [checkboxRef, setCheckboxRef] = React.useState<HTMLInputElement | null>(null)\n\n\tuseEffect(() => {\n\t\tif (!checkboxRef) {\n\t\t\treturn\n\t\t}\n\t\tcheckboxRef.indeterminate = value === null\n\t}, [checkboxRef, ref, value])\n\n\treturn (\n\t\t<SlotInput\n\t\t\tref={it => {\n\t\t\t\t(ref as any).current = checkboxRef\n\t\t\t\tsetCheckboxRef(it)\n\t\t\t}}\n\t\t\ttype=\"checkbox\"\n\t\t\tchecked={accessor.value === true}\n\t\t\tdata-state={value === null ? 'indeterminate' : (value ? 'checked' : 'unchecked')}\n\t\t\tdata-invalid={dataAttribute(hasErrors)}\n\t\t\tdata-dirty={dataAttribute(dirty)}\n\t\t\tid={id ? `${id}-input` : undefined}\n\t\t\tonFocus={onFocus}\n\t\t\tonBlur={onBlur}\n\t\t\tonChange={useCallback<ChangeEventHandler<HTMLInputElement>>(e => {\n\t\t\t\taccessorGetter().updateValue(e.target.checked)\n\t\t\t}, [accessorGetter])}\n\t\t\t{...props}\n\t\t/>\n\t)\n}, ({ field, isNonbearing, defaultValue }, env) => {\n\tconst node = TreeNodeEnvironmentFactory.createEnvironmentForField(env, { field }).getSubTreeNode()\n\tconst resolvedDefaultValue = defaultValue !== undefined ? defaultValue : (node.field.defaultValue ?? (node.field.nullable ? null : false))\n\n\treturn <Field field={field} isNonbearing={isNonbearing} defaultValue={resolvedDefaultValue} />\n})\n"],"names":["this"],"mappings":";;;;;;;;AAeA,MAAM,YAAY;AASL,MAAA,eAAe,UAA6B,CAAC,EAAE,OAAO,cAAc,cAAc,GAAG,YAAY;AACvG,QAAA,WAAW,SAAkB,KAAK;AAExC,QAAM,YAAY,kBAAkB;AACpC,QAAM,KAAK,WAAW;AAChB,QAAA,aAAa,WAAW,OAAO,UAAU,SAAS,QAAQ,QAAQ,UAAU,KAAK;AACjF,QAAA,QAAQ,WAAW,SAAS,SAAS;AAC3C,QAAM,QAAQ,SAAS;AACvB,QAAM,iBAAiB,SAAS;AAChC,QAAM,EAAE,KAAK,SAAS,OAAO,IAAI,8BAA8B,QAAQ;AACvE,QAAM,CAAC,aAAa,cAAc,IAAI,MAAM,SAAkC,IAAI;AAElF,YAAU,MAAM;AACf,QAAI,CAAC,aAAa;AACjB;AAAA,IAAA;AAED,gBAAY,gBAAgB,UAAU;AAAA,EACpC,GAAA,CAAC,aAAa,KAAK,KAAK,CAAC;AAG3B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,KAAK,CAAM,OAAA;AACT,YAAY,UAAU;AACvB,uBAAe,EAAE;AAAA,MAClB;AAAA,MACA,MAAK;AAAA,MACL,SAAS,SAAS,UAAU;AAAA,MAC5B,cAAY,UAAU,OAAO,kBAAmB,QAAQ,YAAY;AAAA,MACpE,gBAAc,cAAc,SAAS;AAAA,MACrC,cAAY,cAAc,KAAK;AAAA,MAC/B,IAAI,KAAK,GAAG,EAAE,WAAW;AAAA,MACzB;AAAA,MACA;AAAA,MACA,UAAU,YAAkD,CAAK,MAAA;AAChE,uBAAiB,EAAA,YAAY,EAAE,OAAO,OAAO;AAAA,MAAA,GAC3C,CAAC,cAAc,CAAC;AAAA,MAClB,GAAG;AAAA,IAAA;AAAA,IAhBL;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAiBA;AAEF,GAAG,CAAC,EAAE,OAAO,cAAc,aAAA,GAAgB,QAAQ;AAC5C,QAAA,OAAO,2BAA2B,0BAA0B,KAAK,EAAE,MAAM,CAAC,EAAE,eAAe;AAC3F,QAAA,uBAAuB,iBAAiB,SAAY,eAAgB,KAAK,MAAM,iBAAiB,KAAK,MAAM,WAAW,OAAO;AAEnI,SAAQ,uBAAA,OAAA,EAAM,OAAc,cAA4B,cAAc,qBAA/D,GAAA,QAAA,OAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAqF,GAAAA,MAAA;AAC7F,CAAC;"}

package/dist/development/src/components/FormError.cjs

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const contexts = require("../contexts.cjs");
-const reactBinding = require("@contember/react-binding");
-const FormError = ({ children, formatter }) => {
-  const formState = contexts.useFormFieldState();
-  if (!formState) {
-    throw new reactBinding.BindingError("FormError must be used inside a FormField");
-  }
-  const { errors, htmlId } = formState;
-  const formatted = React.useMemo(() => formatter(errors ?? []).filter((it, index, arr) => arr.indexOf(it) === index), [errors, formatter]);
-  return formatted.map((it, index) => {
-    return React.cloneElement(children, {
-      key: index,
-      ...htmlId ? { id: `${htmlId}-error-${index}` } : {},
-      children: it
-    });
-  });
-};
-exports.FormError = FormError;
-//# sourceMappingURL=FormError.cjs.map

package/dist/development/src/components/FormError.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormError.cjs","sources":["../../../../../packages/react-form/src/components/FormError.tsx"],"sourcesContent":["import { cloneElement, ReactElement, ReactNode, useMemo } from 'react'\nimport { useFormFieldState } from '../contexts'\nimport { BindingError, ErrorAccessor } from '@contember/react-binding'\n\nexport const FormError = ({ children, formatter }: {\n\tformatter: (errors: ErrorAccessor.Error[]) => ReactNode[]\n\tchildren: ReactElement\n}) => {\n\tconst formState = useFormFieldState()\n\tif (!formState) {\n\t\tthrow new BindingError('FormError must be used inside a FormField')\n\t}\n\tconst { errors, htmlId } = formState\n\tconst formatted = useMemo(() => formatter(errors ?? []).filter((it, index, arr) => arr.indexOf(it) === index), [errors, formatter])\n\treturn formatted.map((it, index) => {\n\t\treturn cloneElement(children, {\n\t\t\tkey: index,\n\t\t\t...(htmlId ? { id: `${htmlId}-error-${index}` } : {}),\n\t\t\tchildren: it,\n\t\t})\n\t})\n}\n"],"names":["useFormFieldState","BindingError","useMemo","cloneElement"],"mappings":";;;;;AAIO,MAAM,YAAY,CAAC,EAAE,UAAU,gBAGhC;AACL,QAAM,YAAYA,SAAAA,kBAAkB;AACpC,MAAI,CAAC,WAAW;AACT,UAAA,IAAIC,0BAAa,2CAA2C;AAAA,EAAA;AAE7D,QAAA,EAAE,QAAQ,OAAA,IAAW;AACrB,QAAA,YAAYC,cAAQ,MAAM,UAAU,UAAU,EAAE,EAAE,OAAO,CAAC,IAAI,OAAO,QAAQ,IAAI,QAAQ,EAAE,MAAM,KAAK,GAAG,CAAC,QAAQ,SAAS,CAAC;AAClI,SAAO,UAAU,IAAI,CAAC,IAAI,UAAU;AACnC,WAAOC,MAAAA,aAAa,UAAU;AAAA,MAC7B,KAAK;AAAA,MACL,GAAI,SAAS,EAAE,IAAI,GAAG,MAAM,UAAU,KAAK,GAAG,IAAI,CAAC;AAAA,MACnD,UAAU;AAAA,IAAA,CACV;AAAA,EAAA,CACD;AACF;;"}

package/dist/development/src/components/FormError.js

@@ -1,22 +0,0 @@
-import { useMemo, cloneElement } from "react";
-import { useFormFieldState } from "../contexts.js";
-import { BindingError } from "@contember/react-binding";
-const FormError = ({ children, formatter }) => {
-  const formState = useFormFieldState();
-  if (!formState) {
-    throw new BindingError("FormError must be used inside a FormField");
-  }
-  const { errors, htmlId } = formState;
-  const formatted = useMemo(() => formatter(errors ?? []).filter((it, index, arr) => arr.indexOf(it) === index), [errors, formatter]);
-  return formatted.map((it, index) => {
-    return cloneElement(children, {
-      key: index,
-      ...htmlId ? { id: `${htmlId}-error-${index}` } : {},
-      children: it
-    });
-  });
-};
-export {
-  FormError
-};
-//# sourceMappingURL=FormError.js.map

package/dist/development/src/components/FormError.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormError.js","sources":["../../../../../packages/react-form/src/components/FormError.tsx"],"sourcesContent":["import { cloneElement, ReactElement, ReactNode, useMemo } from 'react'\nimport { useFormFieldState } from '../contexts'\nimport { BindingError, ErrorAccessor } from '@contember/react-binding'\n\nexport const FormError = ({ children, formatter }: {\n\tformatter: (errors: ErrorAccessor.Error[]) => ReactNode[]\n\tchildren: ReactElement\n}) => {\n\tconst formState = useFormFieldState()\n\tif (!formState) {\n\t\tthrow new BindingError('FormError must be used inside a FormField')\n\t}\n\tconst { errors, htmlId } = formState\n\tconst formatted = useMemo(() => formatter(errors ?? []).filter((it, index, arr) => arr.indexOf(it) === index), [errors, formatter])\n\treturn formatted.map((it, index) => {\n\t\treturn cloneElement(children, {\n\t\t\tkey: index,\n\t\t\t...(htmlId ? { id: `${htmlId}-error-${index}` } : {}),\n\t\t\tchildren: it,\n\t\t})\n\t})\n}\n"],"names":[],"mappings":";;;AAIO,MAAM,YAAY,CAAC,EAAE,UAAU,gBAGhC;AACL,QAAM,YAAY,kBAAkB;AACpC,MAAI,CAAC,WAAW;AACT,UAAA,IAAI,aAAa,2CAA2C;AAAA,EAAA;AAE7D,QAAA,EAAE,QAAQ,OAAA,IAAW;AACrB,QAAA,YAAY,QAAQ,MAAM,UAAU,UAAU,EAAE,EAAE,OAAO,CAAC,IAAI,OAAO,QAAQ,IAAI,QAAQ,EAAE,MAAM,KAAK,GAAG,CAAC,QAAQ,SAAS,CAAC;AAClI,SAAO,UAAU,IAAI,CAAC,IAAI,UAAU;AACnC,WAAO,aAAa,UAAU;AAAA,MAC7B,KAAK;AAAA,MACL,GAAI,SAAS,EAAE,IAAI,GAAG,MAAM,UAAU,KAAK,GAAG,IAAI,CAAC;AAAA,MACnD,UAAU;AAAA,IAAA,CACV;AAAA,EAAA,CACD;AACF;"}

package/dist/development/src/components/FormFieldScope.cjs

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxDevRuntime = require("react/jsx-dev-runtime");
-const React = require("react");
-const reactBinding = require("@contember/react-binding");
-const FormFieldStateProvider = require("./FormFieldStateProvider.cjs");
-const FormFieldScope = ({ field, children, required }) => {
-  const fieldAccessor = reactBinding.useField({ field });
-  const entityName = fieldAccessor.getParent().name;
-  const fieldName = fieldAccessor.fieldName;
-  const enumName = fieldAccessor.schema.enumName ?? void 0;
-  const fieldInfo = React.useMemo(() => ({ entityName, fieldName, enumName }), [entityName, fieldName, enumName]);
-  return /* @__PURE__ */ jsxDevRuntime.jsxDEV(
-    FormFieldStateProvider.FormFieldStateProvider,
-    {
-      errors: fieldAccessor.errors?.errors,
-      required: required ?? !fieldAccessor.schema.nullable,
-      dirty: fieldAccessor.hasUnpersistedChanges,
-      field: fieldInfo,
-      children
-    },
-    void 0,
-    false,
-    {
-      fileName: "/home/runner/work/contember/contember/packages/react-form/src/components/FormFieldScope.tsx",
-      lineNumber: 20,
-      columnNumber: 3
-    },
-    void 0
-  );
-};
-exports.FormFieldScope = FormFieldScope;
-//# sourceMappingURL=FormFieldScope.cjs.map

package/dist/development/src/components/FormFieldScope.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldScope.cjs","sources":["../../../../../packages/react-form/src/components/FormFieldScope.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useMemo } from 'react'\nimport { SugaredRelativeSingleField, useField } from '@contember/react-binding'\nimport { FormFieldStateProvider } from './FormFieldStateProvider'\n\nexport type FormFieldScopeProps = {\n\tfield: SugaredRelativeSingleField['field']\n\tchildren: React.ReactNode\n\trequired?: boolean\n}\n\nexport const FormFieldScope = ({ field, children, required }: FormFieldScopeProps) => {\n\tconst fieldAccessor = useField({ field })\n\tconst entityName = fieldAccessor.getParent().name\n\tconst fieldName = fieldAccessor.fieldName\n\tconst enumName = fieldAccessor.schema.enumName ?? undefined\n\tconst fieldInfo = useMemo(() => ({ entityName, fieldName, enumName }), [entityName, fieldName, enumName])\n\n\treturn (\n\t\t<FormFieldStateProvider\n\t\t\terrors={fieldAccessor.errors?.errors}\n\t\t\trequired={required ?? !fieldAccessor.schema.nullable}\n\t\t\tdirty={fieldAccessor.hasUnpersistedChanges}\n\t\t\tfield={fieldInfo}\n\t\t>\n\t\t\t{children}\n\t\t</FormFieldStateProvider>\n\t)\n}\n"],"names":["useField","useMemo","jsxDEV","FormFieldStateProvider","this"],"mappings":";;;;;;AAWO,MAAM,iBAAiB,CAAC,EAAE,OAAO,UAAU,eAAoC;AACrF,QAAM,gBAAgBA,aAAAA,SAAS,EAAE,OAAO;AAClC,QAAA,aAAa,cAAc,UAAA,EAAY;AAC7C,QAAM,YAAY,cAAc;AAC1B,QAAA,WAAW,cAAc,OAAO,YAAY;AAClD,QAAM,YAAYC,MAAAA,QAAQ,OAAO,EAAE,YAAY,WAAW,SAAS,IAAI,CAAC,YAAY,WAAW,QAAQ,CAAC;AAGvG,SAAAC,8BAAA;AAAA,IAACC,uBAAA;AAAA,IAAA;AAAA,MACA,QAAQ,cAAc,QAAQ;AAAA,MAC9B,UAAU,YAAY,CAAC,cAAc,OAAO;AAAA,MAC5C,OAAO,cAAc;AAAA,MACrB,OAAO;AAAA,MAEN;AAAA,IAAA;AAAA,IANF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAC;AAAAA,EAOA;AAEF;;"}

package/dist/development/src/components/FormFieldScope.js

@@ -1,33 +0,0 @@
-import { jsxDEV } from "react/jsx-dev-runtime";
-import { useMemo } from "react";
-import { useField } from "@contember/react-binding";
-import { FormFieldStateProvider } from "./FormFieldStateProvider.js";
-const FormFieldScope = ({ field, children, required }) => {
-  const fieldAccessor = useField({ field });
-  const entityName = fieldAccessor.getParent().name;
-  const fieldName = fieldAccessor.fieldName;
-  const enumName = fieldAccessor.schema.enumName ?? void 0;
-  const fieldInfo = useMemo(() => ({ entityName, fieldName, enumName }), [entityName, fieldName, enumName]);
-  return /* @__PURE__ */ jsxDEV(
-    FormFieldStateProvider,
-    {
-      errors: fieldAccessor.errors?.errors,
-      required: required ?? !fieldAccessor.schema.nullable,
-      dirty: fieldAccessor.hasUnpersistedChanges,
-      field: fieldInfo,
-      children
-    },
-    void 0,
-    false,
-    {
-      fileName: "/home/runner/work/contember/contember/packages/react-form/src/components/FormFieldScope.tsx",
-      lineNumber: 20,
-      columnNumber: 3
-    },
-    void 0
-  );
-};
-export {
-  FormFieldScope
-};
-//# sourceMappingURL=FormFieldScope.js.map

package/dist/development/src/components/FormFieldScope.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormFieldScope.js","sources":["../../../../../packages/react-form/src/components/FormFieldScope.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useMemo } from 'react'\nimport { SugaredRelativeSingleField, useField } from '@contember/react-binding'\nimport { FormFieldStateProvider } from './FormFieldStateProvider'\n\nexport type FormFieldScopeProps = {\n\tfield: SugaredRelativeSingleField['field']\n\tchildren: React.ReactNode\n\trequired?: boolean\n}\n\nexport const FormFieldScope = ({ field, children, required }: FormFieldScopeProps) => {\n\tconst fieldAccessor = useField({ field })\n\tconst entityName = fieldAccessor.getParent().name\n\tconst fieldName = fieldAccessor.fieldName\n\tconst enumName = fieldAccessor.schema.enumName ?? undefined\n\tconst fieldInfo = useMemo(() => ({ entityName, fieldName, enumName }), [entityName, fieldName, enumName])\n\n\treturn (\n\t\t<FormFieldStateProvider\n\t\t\terrors={fieldAccessor.errors?.errors}\n\t\t\trequired={required ?? !fieldAccessor.schema.nullable}\n\t\t\tdirty={fieldAccessor.hasUnpersistedChanges}\n\t\t\tfield={fieldInfo}\n\t\t>\n\t\t\t{children}\n\t\t</FormFieldStateProvider>\n\t)\n}\n"],"names":["this"],"mappings":";;;;AAWO,MAAM,iBAAiB,CAAC,EAAE,OAAO,UAAU,eAAoC;AACrF,QAAM,gBAAgB,SAAS,EAAE,OAAO;AAClC,QAAA,aAAa,cAAc,UAAA,EAAY;AAC7C,QAAM,YAAY,cAAc;AAC1B,QAAA,WAAW,cAAc,OAAO,YAAY;AAClD,QAAM,YAAY,QAAQ,OAAO,EAAE,YAAY,WAAW,SAAS,IAAI,CAAC,YAAY,WAAW,QAAQ,CAAC;AAGvG,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACA,QAAQ,cAAc,QAAQ;AAAA,MAC9B,UAAU,YAAY,CAAC,cAAc,OAAO;AAAA,MAC5C,OAAO,cAAc;AAAA,MACrB,OAAO;AAAA,MAEN;AAAA,IAAA;AAAA,IANF;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAOA;AAEF;"}