@contember/react-form 2.1.0-alpha.36 → 2.1.0-alpha.39

package/dist/production/src/hooks/useFormInputValidationHandler.cjs

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const reactBinding = require("@contember/react-binding");
+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 useFormInputValidationHandler = (field) => {
+  const accessorGetter = field.getAccessor;
+  const validationMessage = React.useRef(void 0);
+  const [focus, setFocus] = React__namespace.useState(false);
+  const inputRef = React__namespace.useRef(null);
+  reactBinding.useEntityBeforePersist(React.useCallback(() => {
+    if (validationMessage.current) {
+      accessorGetter().addError(validationMessage.current);
+    }
+  }, [accessorGetter]));
+  React.useEffect(() => {
+    if (!inputRef.current) {
+      return;
+    }
+    const input = inputRef.current;
+    const valid = input.validity?.valid;
+    const message = valid ? void 0 : input?.validationMessage;
+    const previousMessage = validationMessage.current;
+    validationMessage.current = message;
+    const accessor = accessorGetter();
+    if (!message) {
+      if (previousMessage) {
+        clearSpecificError(accessor, previousMessage);
+      }
+      return;
+    }
+    if (message === previousMessage) {
+      return;
+    }
+    if (!field.isTouched) {
+      return;
+    }
+    if (!focus || !!previousMessage) {
+      accessor.clearErrors();
+      accessor.addError(message);
+    }
+  });
+  return {
+    ref: inputRef,
+    onFocus: React.useCallback(() => {
+      setFocus(true);
+    }, []),
+    onBlur: React.useCallback(() => {
+      setFocus(false);
+      accessorGetter().clearErrors();
+      if (validationMessage.current) {
+        accessorGetter().addError(validationMessage.current);
+      }
+    }, [accessorGetter])
+  };
+};
+const clearSpecificError = (field, message) => {
+  const errors = field.errors?.errors ?? [];
+  const error = errors.filter((e) => !(e.type === "validation" && e.message === message));
+  field.clearErrors();
+  error.forEach((e) => field.addError(e));
+};
+exports.useFormInputValidationHandler = useFormInputValidationHandler;
+//# sourceMappingURL=useFormInputValidationHandler.cjs.map

package/dist/production/src/hooks/useFormInputValidationHandler.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormInputValidationHandler.cjs","sources":["../../../../../packages/react-form/src/hooks/useFormInputValidationHandler.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useCallback, useEffect, useRef } from 'react'\nimport { FieldAccessor, useEntityBeforePersist } from '@contember/react-binding'\n\nexport const useFormInputValidationHandler = (field: FieldAccessor<any>) => {\n\tconst accessorGetter = field.getAccessor\n\tconst validationMessage = useRef<string>(undefined)\n\tconst [focus, setFocus] = React.useState(false)\n\tconst inputRef = React.useRef<HTMLInputElement>(null)\n\tuseEntityBeforePersist(useCallback(() => {\n\t\tif (validationMessage.current) {\n\t\t\taccessorGetter().addError(validationMessage.current)\n\t\t}\n\t}, [accessorGetter]))\n\n\tuseEffect(() => {\n\t\tif (!inputRef.current) {\n\t\t\treturn\n\t\t}\n\n\t\tconst input = inputRef.current\n\t\tconst valid = input.validity?.valid\n\n\t\tconst message = valid ? undefined : input?.validationMessage\n\t\tconst previousMessage = validationMessage.current\n\t\tvalidationMessage.current = message\n\n\t\tconst accessor = accessorGetter()\n\t\t// if there is no message, we want to clear the error\n\t\tif (!message) {\n\t\t\tif (previousMessage) {\n\t\t\t\tclearSpecificError(accessor, previousMessage)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\t\tif (message === previousMessage) {\n\t\t\treturn\n\t\t}\n\t\t// if the input is not touched, we don't want to show the error message\n\t\tif (!field.isTouched) {\n\t\t\treturn\n\t\t}\n\n\t\t// if the input is not focused, we want to show the error message\n\t\t// also, even the input is focused, we want to replace the previous message\n\t\tif (!focus || !!previousMessage) {\n\t\t\taccessor.clearErrors()\n\t\t\taccessor.addError(message)\n\t\t}\n\t})\n\n\treturn {\n\t\tref: inputRef,\n\t\tonFocus: useCallback(() => {\n\t\t\tsetFocus(true)\n\t\t}, []),\n\t\tonBlur: useCallback(() => {\n\t\t\tsetFocus(false)\n\t\t\taccessorGetter().clearErrors()\n\t\t\tif (validationMessage.current) {\n\t\t\t\taccessorGetter().addError(validationMessage.current)\n\t\t\t}\n\t\t}, [accessorGetter]),\n\t}\n}\n\nconst clearSpecificError = (field: FieldAccessor<any>, message: string) => {\n\tconst errors = field.errors?.errors ?? []\n\tconst error = errors.filter(e => !(e.type === 'validation' && e.message === message))\n\tfield.clearErrors()\n\terror.forEach(e => field.addError(e))\n}\n"],"names":["useRef","React","useEntityBeforePersist","useCallback","useEffect"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAIO,MAAM,gCAAgC,CAAC,UAA8B;AAC3E,QAAM,iBAAiB,MAAM;AAC7B,QAAM,oBAAoBA,MAAAA,OAAe,MAAS;AAClD,QAAM,CAAC,OAAO,QAAQ,IAAIC,iBAAM,SAAS,KAAK;AAC9C,QAAM,WAAWA,iBAAM,OAAyB,IAAI;AACpDC,eAAAA,uBAAuBC,MAAAA,YAAY,MAAM;AACxC,QAAI,kBAAkB,SAAS;AAC9B,uBAAiB,SAAS,kBAAkB,OAAO;AAAA,IACpD;AAAA,EACD,GAAG,CAAC,cAAc,CAAC,CAAC;AAEpBC,QAAAA,UAAU,MAAM;AACf,QAAI,CAAC,SAAS,SAAS;AACtB;AAAA,IACD;AAEA,UAAM,QAAQ,SAAS;AACvB,UAAM,QAAQ,MAAM,UAAU;AAE9B,UAAM,UAAU,QAAQ,SAAY,OAAO;AAC3C,UAAM,kBAAkB,kBAAkB;AAC1C,sBAAkB,UAAU;AAE5B,UAAM,WAAW,eAAA;AAEjB,QAAI,CAAC,SAAS;AACb,UAAI,iBAAiB;AACpB,2BAAmB,UAAU,eAAe;AAAA,MAC7C;AACA;AAAA,IACD;AACA,QAAI,YAAY,iBAAiB;AAChC;AAAA,IACD;AAEA,QAAI,CAAC,MAAM,WAAW;AACrB;AAAA,IACD;AAIA,QAAI,CAAC,SAAS,CAAC,CAAC,iBAAiB;AAChC,eAAS,YAAA;AACT,eAAS,SAAS,OAAO;AAAA,IAC1B;AAAA,EACD,CAAC;AAED,SAAO;AAAA,IACN,KAAK;AAAA,IACL,SAASD,MAAAA,YAAY,MAAM;AAC1B,eAAS,IAAI;AAAA,IACd,GAAG,CAAA,CAAE;AAAA,IACL,QAAQA,MAAAA,YAAY,MAAM;AACzB,eAAS,KAAK;AACd,qBAAA,EAAiB,YAAA;AACjB,UAAI,kBAAkB,SAAS;AAC9B,yBAAiB,SAAS,kBAAkB,OAAO;AAAA,MACpD;AAAA,IACD,GAAG,CAAC,cAAc,CAAC;AAAA,EAAA;AAErB;AAEA,MAAM,qBAAqB,CAAC,OAA2B,YAAoB;AAC1E,QAAM,SAAS,MAAM,QAAQ,UAAU,CAAA;AACvC,QAAM,QAAQ,OAAO,OAAO,CAAA,MAAK,EAAE,EAAE,SAAS,gBAAgB,EAAE,YAAY,QAAQ;AACpF,QAAM,YAAA;AACN,QAAM,QAAQ,CAAA,MAAK,MAAM,SAAS,CAAC,CAAC;AACrC;;"}

package/dist/production/src/hooks/useFormInputValidationHandler.js

@@ -0,0 +1,64 @@
+import * as React from "react";
+import { useRef, useCallback, useEffect } from "react";
+import { useEntityBeforePersist } from "@contember/react-binding";
+const useFormInputValidationHandler = (field) => {
+  const accessorGetter = field.getAccessor;
+  const validationMessage = useRef(void 0);
+  const [focus, setFocus] = React.useState(false);
+  const inputRef = React.useRef(null);
+  useEntityBeforePersist(useCallback(() => {
+    if (validationMessage.current) {
+      accessorGetter().addError(validationMessage.current);
+    }
+  }, [accessorGetter]));
+  useEffect(() => {
+    if (!inputRef.current) {
+      return;
+    }
+    const input = inputRef.current;
+    const valid = input.validity?.valid;
+    const message = valid ? void 0 : input?.validationMessage;
+    const previousMessage = validationMessage.current;
+    validationMessage.current = message;
+    const accessor = accessorGetter();
+    if (!message) {
+      if (previousMessage) {
+        clearSpecificError(accessor, previousMessage);
+      }
+      return;
+    }
+    if (message === previousMessage) {
+      return;
+    }
+    if (!field.isTouched) {
+      return;
+    }
+    if (!focus || !!previousMessage) {
+      accessor.clearErrors();
+      accessor.addError(message);
+    }
+  });
+  return {
+    ref: inputRef,
+    onFocus: useCallback(() => {
+      setFocus(true);
+    }, []),
+    onBlur: useCallback(() => {
+      setFocus(false);
+      accessorGetter().clearErrors();
+      if (validationMessage.current) {
+        accessorGetter().addError(validationMessage.current);
+      }
+    }, [accessorGetter])
+  };
+};
+const clearSpecificError = (field, message) => {
+  const errors = field.errors?.errors ?? [];
+  const error = errors.filter((e) => !(e.type === "validation" && e.message === message));
+  field.clearErrors();
+  error.forEach((e) => field.addError(e));
+};
+export {
+  useFormInputValidationHandler
+};
+//# sourceMappingURL=useFormInputValidationHandler.js.map

package/dist/production/src/hooks/useFormInputValidationHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormInputValidationHandler.js","sources":["../../../../../packages/react-form/src/hooks/useFormInputValidationHandler.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useCallback, useEffect, useRef } from 'react'\nimport { FieldAccessor, useEntityBeforePersist } from '@contember/react-binding'\n\nexport const useFormInputValidationHandler = (field: FieldAccessor<any>) => {\n\tconst accessorGetter = field.getAccessor\n\tconst validationMessage = useRef<string>(undefined)\n\tconst [focus, setFocus] = React.useState(false)\n\tconst inputRef = React.useRef<HTMLInputElement>(null)\n\tuseEntityBeforePersist(useCallback(() => {\n\t\tif (validationMessage.current) {\n\t\t\taccessorGetter().addError(validationMessage.current)\n\t\t}\n\t}, [accessorGetter]))\n\n\tuseEffect(() => {\n\t\tif (!inputRef.current) {\n\t\t\treturn\n\t\t}\n\n\t\tconst input = inputRef.current\n\t\tconst valid = input.validity?.valid\n\n\t\tconst message = valid ? undefined : input?.validationMessage\n\t\tconst previousMessage = validationMessage.current\n\t\tvalidationMessage.current = message\n\n\t\tconst accessor = accessorGetter()\n\t\t// if there is no message, we want to clear the error\n\t\tif (!message) {\n\t\t\tif (previousMessage) {\n\t\t\t\tclearSpecificError(accessor, previousMessage)\n\t\t\t}\n\t\t\treturn\n\t\t}\n\t\tif (message === previousMessage) {\n\t\t\treturn\n\t\t}\n\t\t// if the input is not touched, we don't want to show the error message\n\t\tif (!field.isTouched) {\n\t\t\treturn\n\t\t}\n\n\t\t// if the input is not focused, we want to show the error message\n\t\t// also, even the input is focused, we want to replace the previous message\n\t\tif (!focus || !!previousMessage) {\n\t\t\taccessor.clearErrors()\n\t\t\taccessor.addError(message)\n\t\t}\n\t})\n\n\treturn {\n\t\tref: inputRef,\n\t\tonFocus: useCallback(() => {\n\t\t\tsetFocus(true)\n\t\t}, []),\n\t\tonBlur: useCallback(() => {\n\t\t\tsetFocus(false)\n\t\t\taccessorGetter().clearErrors()\n\t\t\tif (validationMessage.current) {\n\t\t\t\taccessorGetter().addError(validationMessage.current)\n\t\t\t}\n\t\t}, [accessorGetter]),\n\t}\n}\n\nconst clearSpecificError = (field: FieldAccessor<any>, message: string) => {\n\tconst errors = field.errors?.errors ?? []\n\tconst error = errors.filter(e => !(e.type === 'validation' && e.message === message))\n\tfield.clearErrors()\n\terror.forEach(e => field.addError(e))\n}\n"],"names":[],"mappings":";;;AAIO,MAAM,gCAAgC,CAAC,UAA8B;AAC3E,QAAM,iBAAiB,MAAM;AAC7B,QAAM,oBAAoB,OAAe,MAAS;AAClD,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,KAAK;AAC9C,QAAM,WAAW,MAAM,OAAyB,IAAI;AACpD,yBAAuB,YAAY,MAAM;AACxC,QAAI,kBAAkB,SAAS;AAC9B,uBAAiB,SAAS,kBAAkB,OAAO;AAAA,IACpD;AAAA,EACD,GAAG,CAAC,cAAc,CAAC,CAAC;AAEpB,YAAU,MAAM;AACf,QAAI,CAAC,SAAS,SAAS;AACtB;AAAA,IACD;AAEA,UAAM,QAAQ,SAAS;AACvB,UAAM,QAAQ,MAAM,UAAU;AAE9B,UAAM,UAAU,QAAQ,SAAY,OAAO;AAC3C,UAAM,kBAAkB,kBAAkB;AAC1C,sBAAkB,UAAU;AAE5B,UAAM,WAAW,eAAA;AAEjB,QAAI,CAAC,SAAS;AACb,UAAI,iBAAiB;AACpB,2BAAmB,UAAU,eAAe;AAAA,MAC7C;AACA;AAAA,IACD;AACA,QAAI,YAAY,iBAAiB;AAChC;AAAA,IACD;AAEA,QAAI,CAAC,MAAM,WAAW;AACrB;AAAA,IACD;AAIA,QAAI,CAAC,SAAS,CAAC,CAAC,iBAAiB;AAChC,eAAS,YAAA;AACT,eAAS,SAAS,OAAO;AAAA,IAC1B;AAAA,EACD,CAAC;AAED,SAAO;AAAA,IACN,KAAK;AAAA,IACL,SAAS,YAAY,MAAM;AAC1B,eAAS,IAAI;AAAA,IACd,GAAG,CAAA,CAAE;AAAA,IACL,QAAQ,YAAY,MAAM;AACzB,eAAS,KAAK;AACd,qBAAA,EAAiB,YAAA;AACjB,UAAI,kBAAkB,SAAS;AAC9B,yBAAiB,SAAS,kBAAkB,OAAO;AAAA,MACpD;AAAA,IACD,GAAG,CAAC,cAAc,CAAC;AAAA,EAAA;AAErB;AAEA,MAAM,qBAAqB,CAAC,OAA2B,YAAoB;AAC1E,QAAM,SAAS,MAAM,QAAQ,UAAU,CAAA;AACvC,QAAM,QAAQ,OAAO,OAAO,CAAA,MAAK,EAAE,EAAE,SAAS,gBAAgB,EAAE,YAAY,QAAQ;AACpF,QAAM,YAAA;AACN,QAAM,QAAQ,CAAA,MAAK,MAAM,SAAS,CAAC,CAAC;AACrC;"}

package/dist/production/src/internal/useFormInputHandler.cjs

@@ -0,0 +1,122 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const useFormInputHandler = (field, { formatValue, parseValue }) => {
+  return React.useMemo(() => {
+    const schema = field.schema;
+    const columnType = schema.type;
+    const handlerFactory = ColumnTypeHandlerFactories[columnType] ?? defaultHandlerFactory;
+    const handler = handlerFactory(schema, field.getAccessor);
+    return {
+      defaultInputProps: handler.defaultInputProps,
+      formatValue: formatValue ?? handler.formatValue,
+      parseValue: parseValue ?? handler.parseValue
+    };
+  }, [field.getAccessor, field.schema, formatValue, parseValue]);
+};
+const defaultHandlerFactory = (schema, field) => ({
+  parseValue: (value) => {
+    if (value === "" && schema.nullable && field().valueOnServer === null) {
+      return null;
+    }
+    return value;
+  },
+  formatValue: (value) => value ?? ""
+});
+const ColumnTypeHandlerFactories = {
+  String: defaultHandlerFactory,
+  Integer: () => ({
+    parseValue: (value) => {
+      if (value === "") {
+        return null;
+      }
+      const parsed = parseInt(value, 10);
+      return isNaN(parsed) ? null : parsed;
+    },
+    formatValue: (value) => {
+      return value === null ? "" : value.toString(10);
+    },
+    defaultInputProps: {
+      type: "number"
+    }
+  }),
+  Double: () => ({
+    parseValue: (value, ctx) => {
+      if (value === "") {
+        ctx.setState({ rawValue: "", parsedValue: null });
+        return null;
+      }
+      const parsed = parseFloat(value);
+      const parsedValue = isNaN(parsed) ? null : parsed;
+      ctx.setState({ rawValue: value, parsedValue });
+      return parsedValue;
+    },
+    formatValue: (value, ctx) => {
+      if (value === ctx.state?.parsedValue) {
+        return ctx.state.rawValue;
+      }
+      return value === null ? "" : value.toString(10);
+    },
+    defaultInputProps: {
+      type: "number"
+    }
+  }),
+  Date: () => ({
+    parseValue: (value) => {
+      if (value === "") {
+        return null;
+      }
+      const parsed = Date.parse(value);
+      return isNaN(parsed) ? null : new Date(parsed).toISOString().split("T")[0];
+    },
+    formatValue: (value) => {
+      const parsed = value ? Date.parse(value) : null;
+      return !parsed || isNaN(parsed) ? "" : new Date(parsed).toISOString().split("T")[0];
+    },
+    defaultInputProps: {
+      type: "date"
+    }
+  }),
+  DateTime: () => ({
+    parseValue: (value) => {
+      if (value === "") {
+        return null;
+      }
+      const parsed = Date.parse(value);
+      return isNaN(parsed) ? null : new Date(parsed).toISOString();
+    },
+    formatValue: (value) => {
+      const parsed = value ? Date.parse(value) : null;
+      return !parsed || isNaN(parsed) ? "" : toLocalDate(new Date(parsed));
+    },
+    defaultInputProps: {
+      type: "datetime-local"
+    }
+  }),
+  Time: () => ({
+    parseValue: (value) => {
+      if (value === "") {
+        return null;
+      }
+      return value;
+    },
+    formatValue: (value) => {
+      return value ?? "";
+    },
+    defaultInputProps: {
+      type: "time"
+    }
+  }),
+  Bool: void 0,
+  Enum: void 0,
+  Uuid: void 0
+};
+const toLocalDate = (date) => {
+  const pad = (num, length = 2) => {
+    const str = num.toString();
+    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());
+};
+exports.useFormInputHandler = useFormInputHandler;
+//# sourceMappingURL=useFormInputHandler.cjs.map

package/dist/production/src/internal/useFormInputHandler.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormInputHandler.cjs","sources":["../../../../../packages/react-form/src/internal/useFormInputHandler.ts"],"sourcesContent":["import { FieldAccessor, SchemaColumn, SchemaKnownColumnType } from '@contember/react-binding'\nimport { useMemo } from 'react'\nimport { FormInputHandler } from '../types'\n\nexport const useFormInputHandler = (field: FieldAccessor, { formatValue, parseValue }: Partial<FormInputHandler>): FormInputHandler => {\n\treturn useMemo(() => {\n\t\tconst schema = field.schema\n\t\tconst columnType = schema.type\n\t\tconst handlerFactory = ColumnTypeHandlerFactories[columnType as SchemaKnownColumnType] ?? defaultHandlerFactory\n\t\tconst handler = handlerFactory(schema, field.getAccessor)\n\t\treturn {\n\t\t\tdefaultInputProps: handler.defaultInputProps,\n\t\t\tformatValue: formatValue ?? handler.formatValue,\n\t\t\tparseValue: parseValue ?? handler.parseValue,\n\t\t}\n\t}, [field.getAccessor, field.schema, formatValue, parseValue])\n}\n\ntype ColumnTypeHandlerFactory = (column: SchemaColumn, getAccessor: FieldAccessor.GetFieldAccessor) => FormInputHandler<any>\n\nconst defaultHandlerFactory: ColumnTypeHandlerFactory = (schema, field) => ({\n\tparseValue: (value: string) => {\n\t\tif (value === '' && schema.nullable && field().valueOnServer === null) {\n\t\t\treturn null\n\t\t}\n\t\treturn value\n\t},\n\tformatValue: (value: string | null) => value ?? '',\n})\n\nconst ColumnTypeHandlerFactories: Record<SchemaKnownColumnType, ColumnTypeHandlerFactory | undefined> = {\n\tString: defaultHandlerFactory,\n\tInteger: () => ({\n\t\tparseValue: (value: string) => {\n\t\t\tif (value === '') {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst parsed = parseInt(value, 10)\n\t\t\treturn isNaN(parsed) ? null : parsed\n\t\t},\n\t\tformatValue: (value: number | null) => {\n\t\t\treturn value === null ? '' : value.toString(10)\n\t\t},\n\t\tdefaultInputProps: {\n\t\t\ttype: 'number',\n\t\t},\n\t}),\n\tDouble: (): FormInputHandler<{ rawValue: string; parsedValue: number | null }> => ({\n\t\tparseValue: (value: string, ctx) => {\n\t\t\tif (value === '') {\n\t\t\t\tctx.setState({ rawValue: '', parsedValue: null })\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst parsed = parseFloat(value)\n\t\t\tconst parsedValue = isNaN(parsed) ? null : parsed\n\t\t\tctx.setState({ rawValue: value, parsedValue })\n\t\t\treturn parsedValue\n\t\t},\n\t\tformatValue: (value: number | null, ctx) => {\n\t\t\tif (value === ctx.state?.parsedValue) {\n\t\t\t\treturn ctx.state.rawValue\n\t\t\t}\n\t\t\treturn value === null ? '' : value.toString(10)\n\t\t},\n\t\tdefaultInputProps: {\n\t\t\ttype: 'number',\n\t\t},\n\t}),\n\n\tDate: () => ({\n\t\tparseValue: (value: string) => {\n\t\t\tif (value === '') {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst parsed = Date.parse(value)\n\t\t\treturn isNaN(parsed) ? null : (new Date(parsed)).toISOString().split('T')[0]\n\t\t},\n\t\tformatValue: (value: string | null) => {\n\t\t\tconst parsed = value ? Date.parse(value) : null\n\t\t\treturn !parsed || isNaN(parsed) ? '' : new Date(parsed).toISOString().split('T')[0]\n\t\t},\n\t\tdefaultInputProps: {\n\t\t\ttype: 'date',\n\t\t},\n\t}),\n\tDateTime: () => ({\n\t\tparseValue: (value: string) => {\n\t\t\tif (value === '') {\n\t\t\t\treturn null\n\t\t\t}\n\n\t\t\tconst parsed = Date.parse(value)\n\t\t\treturn isNaN(parsed) ? null : (new Date(parsed)).toISOString()\n\t\t},\n\t\tformatValue: (value: string | null) => {\n\t\t\tconst parsed = value ? Date.parse(value) : null\n\t\t\treturn !parsed || isNaN(parsed) ? '' : toLocalDate(new Date(parsed))\n\t\t},\n\t\tdefaultInputProps: {\n\t\t\ttype: 'datetime-local',\n\t\t},\n\t}),\n\tTime: () => ({\n\t\tparseValue: (value: string) => {\n\t\t\tif (value === '') {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\treturn value\n\t\t},\n\t\tformatValue: (value: string | null) => {\n\t\t\treturn value ?? ''\n\t\t},\n\t\tdefaultInputProps: {\n\t\t\ttype: 'time',\n\t\t},\n\t}),\n\tBool: undefined,\n\tEnum: undefined,\n\tUuid: undefined,\n}\n\nconst toLocalDate = (date: Date) => {\n\tconst pad = (num: number, length: number = 2) => {\n\t\tconst str = num.toString()\n\t\treturn '0'.repeat(Math.max(0, length - str.length)) + str\n\t}\n\n\treturn pad(date.getFullYear(), 4)\n\t\t+ '-' + pad(date.getMonth() + 1)\n\t\t+ '-' + pad(date.getDate())\n\t\t+ 'T' + pad(date.getHours())\n\t\t+ ':' + pad(date.getMinutes())\n\t\t+ ':' + pad(date.getSeconds())\n}\n"],"names":["useMemo"],"mappings":"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"}

package/dist/production/src/internal/useFormInputHandler.js

@@ -0,0 +1,122 @@
+import { useMemo } from "react";
+const useFormInputHandler = (field, { formatValue, parseValue }) => {
+  return useMemo(() => {
+    const schema = field.schema;
+    const columnType = schema.type;
+    const handlerFactory = ColumnTypeHandlerFactories[columnType] ?? defaultHandlerFactory;
+    const handler = handlerFactory(schema, field.getAccessor);
+    return {
+      defaultInputProps: handler.defaultInputProps,
+      formatValue: formatValue ?? handler.formatValue,
+      parseValue: parseValue ?? handler.parseValue
+    };
+  }, [field.getAccessor, field.schema, formatValue, parseValue]);
+};
+const defaultHandlerFactory = (schema, field) => ({
+  parseValue: (value) => {
+    if (value === "" && schema.nullable && field().valueOnServer === null) {
+      return null;
+    }
+    return value;
+  },
+  formatValue: (value) => value ?? ""
+});
+const ColumnTypeHandlerFactories = {
+  String: defaultHandlerFactory,
+  Integer: () => ({
+    parseValue: (value) => {
+      if (value === "") {
+        return null;
+      }
+      const parsed = parseInt(value, 10);
+      return isNaN(parsed) ? null : parsed;
+    },
+    formatValue: (value) => {
+      return value === null ? "" : value.toString(10);
+    },
+    defaultInputProps: {
+      type: "number"
+    }
+  }),
+  Double: () => ({
+    parseValue: (value, ctx) => {
+      if (value === "") {
+        ctx.setState({ rawValue: "", parsedValue: null });
+        return null;
+      }
+      const parsed = parseFloat(value);
+      const parsedValue = isNaN(parsed) ? null : parsed;
+      ctx.setState({ rawValue: value, parsedValue });
+      return parsedValue;
+    },
+    formatValue: (value, ctx) => {
+      if (value === ctx.state?.parsedValue) {
+        return ctx.state.rawValue;
+      }
+      return value === null ? "" : value.toString(10);
+    },
+    defaultInputProps: {
+      type: "number"
+    }
+  }),
+  Date: () => ({
+    parseValue: (value) => {
+      if (value === "") {
+        return null;
+      }
+      const parsed = Date.parse(value);
+      return isNaN(parsed) ? null : new Date(parsed).toISOString().split("T")[0];
+    },
+    formatValue: (value) => {
+      const parsed = value ? Date.parse(value) : null;
+      return !parsed || isNaN(parsed) ? "" : new Date(parsed).toISOString().split("T")[0];
+    },
+    defaultInputProps: {
+      type: "date"
+    }
+  }),
+  DateTime: () => ({
+    parseValue: (value) => {
+      if (value === "") {
+        return null;
+      }
+      const parsed = Date.parse(value);
+      return isNaN(parsed) ? null : new Date(parsed).toISOString();
+    },
+    formatValue: (value) => {
+      const parsed = value ? Date.parse(value) : null;
+      return !parsed || isNaN(parsed) ? "" : toLocalDate(new Date(parsed));
+    },
+    defaultInputProps: {
+      type: "datetime-local"
+    }
+  }),
+  Time: () => ({
+    parseValue: (value) => {
+      if (value === "") {
+        return null;
+      }
+      return value;
+    },
+    formatValue: (value) => {
+      return value ?? "";
+    },
+    defaultInputProps: {
+      type: "time"
+    }
+  }),
+  Bool: void 0,
+  Enum: void 0,
+  Uuid: void 0
+};
+const toLocalDate = (date) => {
+  const pad = (num, length = 2) => {
+    const str = num.toString();
+    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());
+};
+export {
+  useFormInputHandler
+};
+//# sourceMappingURL=useFormInputHandler.js.map

package/dist/production/src/internal/useFormInputHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFormInputHandler.js","sources":["../../../../../packages/react-form/src/internal/useFormInputHandler.ts"],"sourcesContent":["import { FieldAccessor, SchemaColumn, SchemaKnownColumnType } from '@contember/react-binding'\nimport { useMemo } from 'react'\nimport { FormInputHandler } from '../types'\n\nexport const useFormInputHandler = (field: FieldAccessor, { formatValue, parseValue }: Partial<FormInputHandler>): FormInputHandler => {\n\treturn useMemo(() => {\n\t\tconst schema = field.schema\n\t\tconst columnType = schema.type\n\t\tconst handlerFactory = ColumnTypeHandlerFactories[columnType as SchemaKnownColumnType] ?? defaultHandlerFactory\n\t\tconst handler = handlerFactory(schema, field.getAccessor)\n\t\treturn {\n\t\t\tdefaultInputProps: handler.defaultInputProps,\n\t\t\tformatValue: formatValue ?? handler.formatValue,\n\t\t\tparseValue: parseValue ?? handler.parseValue,\n\t\t}\n\t}, [field.getAccessor, field.schema, formatValue, parseValue])\n}\n\ntype ColumnTypeHandlerFactory = (column: SchemaColumn, getAccessor: FieldAccessor.GetFieldAccessor) => FormInputHandler<any>\n\nconst defaultHandlerFactory: ColumnTypeHandlerFactory = (schema, field) => ({\n\tparseValue: (value: string) => {\n\t\tif (value === '' && schema.nullable && field().valueOnServer === null) {\n\t\t\treturn null\n\t\t}\n\t\treturn value\n\t},\n\tformatValue: (value: string | null) => value ?? '',\n})\n\nconst ColumnTypeHandlerFactories: Record<SchemaKnownColumnType, ColumnTypeHandlerFactory | undefined> = {\n\tString: defaultHandlerFactory,\n\tInteger: () => ({\n\t\tparseValue: (value: string) => {\n\t\t\tif (value === '') {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst parsed = parseInt(value, 10)\n\t\t\treturn isNaN(parsed) ? null : parsed\n\t\t},\n\t\tformatValue: (value: number | null) => {\n\t\t\treturn value === null ? '' : value.toString(10)\n\t\t},\n\t\tdefaultInputProps: {\n\t\t\ttype: 'number',\n\t\t},\n\t}),\n\tDouble: (): FormInputHandler<{ rawValue: string; parsedValue: number | null }> => ({\n\t\tparseValue: (value: string, ctx) => {\n\t\t\tif (value === '') {\n\t\t\t\tctx.setState({ rawValue: '', parsedValue: null })\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst parsed = parseFloat(value)\n\t\t\tconst parsedValue = isNaN(parsed) ? null : parsed\n\t\t\tctx.setState({ rawValue: value, parsedValue })\n\t\t\treturn parsedValue\n\t\t},\n\t\tformatValue: (value: number | null, ctx) => {\n\t\t\tif (value === ctx.state?.parsedValue) {\n\t\t\t\treturn ctx.state.rawValue\n\t\t\t}\n\t\t\treturn value === null ? '' : value.toString(10)\n\t\t},\n\t\tdefaultInputProps: {\n\t\t\ttype: 'number',\n\t\t},\n\t}),\n\n\tDate: () => ({\n\t\tparseValue: (value: string) => {\n\t\t\tif (value === '') {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\tconst parsed = Date.parse(value)\n\t\t\treturn isNaN(parsed) ? null : (new Date(parsed)).toISOString().split('T')[0]\n\t\t},\n\t\tformatValue: (value: string | null) => {\n\t\t\tconst parsed = value ? Date.parse(value) : null\n\t\t\treturn !parsed || isNaN(parsed) ? '' : new Date(parsed).toISOString().split('T')[0]\n\t\t},\n\t\tdefaultInputProps: {\n\t\t\ttype: 'date',\n\t\t},\n\t}),\n\tDateTime: () => ({\n\t\tparseValue: (value: string) => {\n\t\t\tif (value === '') {\n\t\t\t\treturn null\n\t\t\t}\n\n\t\t\tconst parsed = Date.parse(value)\n\t\t\treturn isNaN(parsed) ? null : (new Date(parsed)).toISOString()\n\t\t},\n\t\tformatValue: (value: string | null) => {\n\t\t\tconst parsed = value ? Date.parse(value) : null\n\t\t\treturn !parsed || isNaN(parsed) ? '' : toLocalDate(new Date(parsed))\n\t\t},\n\t\tdefaultInputProps: {\n\t\t\ttype: 'datetime-local',\n\t\t},\n\t}),\n\tTime: () => ({\n\t\tparseValue: (value: string) => {\n\t\t\tif (value === '') {\n\t\t\t\treturn null\n\t\t\t}\n\t\t\treturn value\n\t\t},\n\t\tformatValue: (value: string | null) => {\n\t\t\treturn value ?? ''\n\t\t},\n\t\tdefaultInputProps: {\n\t\t\ttype: 'time',\n\t\t},\n\t}),\n\tBool: undefined,\n\tEnum: undefined,\n\tUuid: undefined,\n}\n\nconst toLocalDate = (date: Date) => {\n\tconst pad = (num: number, length: number = 2) => {\n\t\tconst str = num.toString()\n\t\treturn '0'.repeat(Math.max(0, length - str.length)) + str\n\t}\n\n\treturn pad(date.getFullYear(), 4)\n\t\t+ '-' + pad(date.getMonth() + 1)\n\t\t+ '-' + pad(date.getDate())\n\t\t+ 'T' + pad(date.getHours())\n\t\t+ ':' + pad(date.getMinutes())\n\t\t+ ':' + pad(date.getSeconds())\n}\n"],"names":[],"mappings":"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"}

package/dist/types/components/FormCheckbox.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ReactElement } from 'react';
+import { OptionallyVariableFieldValue, SugaredRelativeSingleField } from '@contember/react-binding';
+export interface FormCheckboxProps {
+    field: SugaredRelativeSingleField['field'];
+    isNonbearing?: boolean;
+    defaultValue?: OptionallyVariableFieldValue;
+    children: ReactElement<HTMLInputElement, 'input'>;
+}
+export declare const FormCheckbox: React.NamedExoticComponent<FormCheckboxProps>;
+//# sourceMappingURL=FormCheckbox.d.ts.map

package/dist/types/components/FormCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/FormCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAsB,YAAY,EAA0B,MAAM,OAAO,CAAA;AAChF,OAAO,EAGN,4BAA4B,EAC5B,0BAA0B,EAG1B,MAAM,0BAA0B,CAAA;AAQjC,MAAM,WAAW,iBAAiB;IACjC,KAAK,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAA;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,4BAA4B,CAAA;IAC3C,QAAQ,EAAE,YAAY,CAAC,gBAAgB,EAAE,OAAO,CAAC,CAAA;CACjD;AAED,eAAO,MAAM,YAAY,+CA6CvB,CAAA"}

package/dist/types/components/FormError.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement, ReactNode } from 'react';
+import { ErrorAccessor } from '@contember/react-binding';
+export declare const FormError: ({ children, formatter }: {
+    formatter: (errors: ErrorAccessor.Error[]) => ReactNode[];
+    children: ReactElement<any>;
+}) => ReactElement<any, string | import("react").JSXElementConstructor<any>>[];
+//# sourceMappingURL=FormError.d.ts.map

package/dist/types/components/FormError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormError.d.ts","sourceRoot":"","sources":["../../../src/components/FormError.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,YAAY,EAAE,SAAS,EAAW,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAgB,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAEtE,eAAO,MAAM,SAAS,GAAI,yBAAyB;IAClD,SAAS,EAAE,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,EAAE,KAAK,SAAS,EAAE,CAAA;IACzD,QAAQ,EAAE,YAAY,CAAC,GAAG,CAAC,CAAA;CAC3B,6EAcA,CAAA"}

package/dist/types/components/FormFieldScope.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { SugaredRelativeSingleField } from '@contember/react-binding';
+export type FormFieldScopeProps = {
+    field: SugaredRelativeSingleField['field'];
+    children: React.ReactNode;
+    required?: boolean;
+};
+export declare const FormFieldScope: ({ field, children, required }: FormFieldScopeProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormFieldScope.d.ts.map

package/dist/types/components/FormFieldScope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldScope.d.ts","sourceRoot":"","sources":["../../../src/components/FormFieldScope.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,0BAA0B,EAAY,MAAM,0BAA0B,CAAA;AAG/E,MAAM,MAAM,mBAAmB,GAAG;IACjC,KAAK,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAA;IAC1C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,cAAc,GAAI,+BAA+B,mBAAmB,4CAiBhF,CAAA"}

package/dist/types/components/FormFieldStateProvider.d.ts

@@ -0,0 +1,36 @@
+import { ErrorAccessor } from '@contember/react-binding';
+import { FormFieldState } from '../types';
+export type FormFieldStateProvider = Partial<FormFieldState> & {
+    children: React.ReactNode;
+};
+export declare const FormFieldStateProvider: ({ children, required, errors, dirty, htmlId, field }: FormFieldStateProvider) => import("react/jsx-runtime").JSX.Element;
+/**
+ * BC for
+ * 	<FormFieldIdContext.Provider value={id}>
+ * 	<FormErrorContext.Provider value={[]}>
+ */
+/**
+ * @deprecated use `FormFieldStateProvider` instead
+ */
+export declare const FormFieldIdContext: {
+    /**
+     * @deprecated use `FormFieldStateProvider` instead
+     */
+    Provider: ({ children, value }: {
+        children: React.ReactNode;
+        value: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+/**
+ * @deprecated use `FormFieldStateProvider` instead
+ */
+export declare const FormErrorContext: {
+    /**
+     * @deprecated use `FormFieldStateProvider` instead
+     */
+    Provider: ({ children, value }: {
+        children: React.ReactNode;
+        value: ErrorAccessor.Error[];
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=FormFieldStateProvider.d.ts.map

package/dist/types/components/FormFieldStateProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldStateProvider.d.ts","sourceRoot":"","sources":["../../../src/components/FormFieldStateProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAGxD,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAIzC,MAAM,MAAM,sBAAsB,GAC/B,OAAO,CAAC,cAAc,CAAC,GACvB;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB,CAAA;AAEF,eAAO,MAAM,sBAAsB,GAAI,sDAAiF,sBAAsB,4CAK7I,CAAA;AAED;;;;GAIG;AAEH;;GAEG;AACH,eAAO,MAAM,kBAAkB;IAC9B;;OAEG;oCAC6B;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE;CAa5E,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,gBAAgB;IAC5B;;OAEG;oCAC6B;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;QAAC,KAAK,EAAE,aAAa,CAAC,KAAK,EAAE,CAAA;KAAE;CAa3F,CAAA"}

package/dist/types/components/FormHasManyRelationScope.d.ts

@@ -0,0 +1,12 @@
+import { SugaredRelativeEntityList } from '@contember/react-binding';
+import * as React from 'react';
+export type FormHasManyRelationScopeProps = {
+    field: SugaredRelativeEntityList['field'];
+    orderBy?: SugaredRelativeEntityList['orderBy'];
+    limit?: SugaredRelativeEntityList['limit'];
+    offset?: SugaredRelativeEntityList['offset'];
+    children: React.ReactNode;
+    required?: boolean;
+};
+export declare const FormHasManyRelationScope: ({ children, required, ...props }: FormHasManyRelationScopeProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormHasManyRelationScope.d.ts.map

package/dist/types/components/FormHasManyRelationScope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormHasManyRelationScope.d.ts","sourceRoot":"","sources":["../../../src/components/FormHasManyRelationScope.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,yBAAyB,EAAiB,MAAM,0BAA0B,CAAA;AAC1G,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,MAAM,6BAA6B,GAAG;IAC3C,KAAK,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAA;IACzC,OAAO,CAAC,EAAE,yBAAyB,CAAC,SAAS,CAAC,CAAA;IAC9C,KAAK,CAAC,EAAE,yBAAyB,CAAC,OAAO,CAAC,CAAA;IAC1C,MAAM,CAAC,EAAE,yBAAyB,CAAC,QAAQ,CAAC,CAAA;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,wBAAwB,GAAI,kCAAkC,6BAA6B,4CAiBvG,CAAA"}

package/dist/types/components/FormHasOneRelationScope.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { SugaredRelativeSingleEntity } from '@contember/react-binding';
+export type FormHasOneRelationScopeProps = {
+    field: SugaredRelativeSingleEntity['field'];
+    children: React.ReactNode;
+    required?: boolean;
+};
+export declare const FormHasOneRelationScope: ({ field, children, required }: FormHasOneRelationScopeProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormHasOneRelationScope.d.ts.map

package/dist/types/components/FormHasOneRelationScope.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormHasOneRelationScope.d.ts","sourceRoot":"","sources":["../../../src/components/FormHasOneRelationScope.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAwB,2BAA2B,EAAa,MAAM,0BAA0B,CAAA;AAIvG,MAAM,MAAM,4BAA4B,GAAG;IAC1C,KAAK,EAAE,2BAA2B,CAAC,OAAO,CAAC,CAAA;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,uBAAuB,GAAI,+BAA+B,4BAA4B,4CAgBlG,CAAA"}

package/dist/types/components/FormInput.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { OptionallyVariableFieldValue, SugaredRelativeSingleField } from '@contember/react-binding';
+import { FormInputHandler } from '../types';
+export interface FormInputProps {
+    field: SugaredRelativeSingleField['field'];
+    isNonbearing?: boolean;
+    defaultValue?: OptionallyVariableFieldValue;
+    children: React.ReactElement;
+    formatValue?: FormInputHandler['formatValue'];
+    parseValue?: FormInputHandler['parseValue'];
+}
+export declare const FormInput: React.NamedExoticComponent<FormInputProps>;
+//# sourceMappingURL=FormInput.d.ts.map

package/dist/types/components/FormInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormInput.d.ts","sourceRoot":"","sources":["../../../src/components/FormInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAAoB,4BAA4B,EAAE,0BAA0B,EAAY,MAAM,0BAA0B,CAAA;AAK/H,OAAO,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA;AAM3C,MAAM,WAAW,cAAc;IAC9B,KAAK,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAA;IAC1C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,4BAA4B,CAAA;IAC3C,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;IAC5B,WAAW,CAAC,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAC7C,UAAU,CAAC,EAAE,gBAAgB,CAAC,YAAY,CAAC,CAAA;CAC3C;AAED,eAAO,MAAM,SAAS,4CAsCrB,CAAA"}

package/dist/types/components/FormLabel.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export declare const FormLabel: (props: {
+    children: React.ReactElement;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FormLabel.d.ts.map

package/dist/types/components/FormLabel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.d.ts","sourceRoot":"","sources":["../../../src/components/FormLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,eAAO,MAAM,SAAS,GAAI,OAAO;IAChC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAA;CAC5B,4CAeA,CAAA"}

package/dist/types/components/FormRadioInput.d.ts

@@ -0,0 +1,11 @@
+import { OptionallyVariableFieldValue, SugaredRelativeSingleField } from '@contember/react-binding';
+import * as React from 'react';
+export interface FormRadioItemProps {
+    field: SugaredRelativeSingleField['field'];
+    value: string | null | number | boolean;
+    isNonbearing?: boolean;
+    defaultValue?: OptionallyVariableFieldValue;
+    children: React.ReactNode;
+}
+export declare const FormRadioInput: React.NamedExoticComponent<FormRadioItemProps>;
+//# sourceMappingURL=FormRadioInput.d.ts.map

package/dist/types/components/FormRadioInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormRadioInput.d.ts","sourceRoot":"","sources":["../../../src/components/FormRadioInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAoB,4BAA4B,EAAE,0BAA0B,EAAY,MAAM,0BAA0B,CAAA;AAG/H,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,WAAW,kBAAkB;IAClC,KAAK,EAAE,0BAA0B,CAAC,OAAO,CAAC,CAAA;IAC1C,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,GAAG,OAAO,CAAA;IACvC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,CAAC,EAAE,4BAA4B,CAAA;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,eAAO,MAAM,cAAc,gDAiCzB,CAAA"}

package/dist/types/components/index.d.ts

@@ -0,0 +1,10 @@
+export * from './FormError';
+export * from './FormCheckbox';
+export * from './FormFieldScope';
+export * from './FormFieldStateProvider';
+export * from './FormHasOneRelationScope';
+export * from './FormHasManyRelationScope';
+export * from './FormInput';
+export * from './FormLabel';
+export * from './FormRadioInput';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,aAAa,CAAA;AAC3B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA"}

package/dist/types/contexts.d.ts

@@ -0,0 +1,12 @@
+import { FormFieldState } from './types';
+export declare const FormFieldStateContext: import("react").Context<FormFieldState | undefined>;
+export declare const useFormFieldState: () => FormFieldState | undefined;
+/**
+ * @deprecated use `useFormState` instead
+ */
+export declare const useFormFieldId: () => string | undefined;
+/**
+ * @deprecated use `useFormState` instead
+ */
+export declare const useFormError: () => import("@contember/binding-common").ErrorAccessor.Error[] | undefined;
+//# sourceMappingURL=contexts.d.ts.map

package/dist/types/contexts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contexts.d.ts","sourceRoot":"","sources":["../../src/contexts.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAGxC,eAAO,MAAM,qBAAqB,qDAA4B,CAAA;AAC9D,eAAO,MAAM,iBAAiB,kCAA4B,CAAA;AAE1D;;GAEG;AACH,eAAO,MAAM,cAAc,0BAAoC,CAAA;AAE/D;;GAEG;AACH,eAAO,MAAM,YAAY,6EAAoC,CAAA"}

package/dist/types/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useFormInputValidationHandler';
+//# sourceMappingURL=index.d.ts.map