@mittwald/flow-react-components 0.2.0-alpha.867 → 0.2.0-alpha.869

package/dist/js/packages/components/src/integrations/nextjs/components/RouterProvider/RouterProvider.mjs

@@ -1,18 +1,14 @@
 "use client"
 /* */
-import { jsx } from "react/jsx-runtime";
-import { RouterProvider } from "react-aria-components";
-import { useRouter } from "next/navigation";
-import { addBasePath } from "next/dist/client/add-base-path";
-//#region src/integrations/nextjs/components/RouterProvider/RouterProvider.tsx
-var RouterProvider$1 = (props) => {
-	return /* @__PURE__ */ jsx(RouterProvider, {
-		navigate: useRouter().push,
-		useHref: addBasePath,
-		children: props.children
-	});
+import { jsx } from 'react/jsx-runtime';
+import { RouterProvider as RouterProvider$1 } from 'react-aria-components';
+import { useRouter } from 'next/navigation';
+import { addBasePath } from 'next/dist/client/add-base-path';
+
+const RouterProvider = (props) => {
+  const router = useRouter();
+  return /* @__PURE__ */ jsx(RouterProvider$1, { navigate: router.push, useHref: addBasePath, children: props.children });
 };
-//#endregion
-export { RouterProvider$1 as default };
 
-//# sourceMappingURL=RouterProvider.mjs.map
+export { RouterProvider };
+//# sourceMappingURL=RouterProvider.mjs.map

package/dist/js/packages/components/src/integrations/nextjs/components/RouterProvider/RouterProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RouterProvider.mjs","names":[],"sources":["../../../../../../../../../src/integrations/nextjs/components/RouterProvider/RouterProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { RouterProvider as BaseRouterProvider } from \"react-aria-components\";\nimport { useRouter } from \"next/navigation\";\nimport { addBasePath } from \"next/dist/client/add-base-path\";\n\nexport const RouterProvider: FC<PropsWithChildren> = (props) => {\n  const router = useRouter();\n  return (\n    <BaseRouterProvider navigate={router.push} useHref={addBasePath}>\n      {props.children}\n    </BaseRouterProvider>\n  );\n};\n\nexport default RouterProvider;\n"],"mappings":";;;;;AAKA,IAAa,oBAAyC,UAAU;CAE9D,OACE,oBAAC,gBAAD;EAAoB,UAFP,UAEiB,EAAO;EAAM,SAAS;YACjD,MAAM;CACW,CAAA;AAExB"}
+{"version":3,"file":"RouterProvider.mjs","sources":["../../../../../../../../../src/integrations/nextjs/components/RouterProvider/RouterProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { RouterProvider as BaseRouterProvider } from \"react-aria-components\";\nimport { useRouter } from \"next/navigation\";\nimport { addBasePath } from \"next/dist/client/add-base-path\";\n\nexport const RouterProvider: FC<PropsWithChildren> = (props) => {\n  const router = useRouter();\n  return (\n    <BaseRouterProvider navigate={router.push} useHref={addBasePath}>\n      {props.children}\n    </BaseRouterProvider>\n  );\n};\n\nexport default RouterProvider;\n"],"names":["BaseRouterProvider"],"mappings":";;;;;AAKO,MAAM,cAAA,GAAwC,CAAC,KAAA,KAAU;AAC9D,EAAA,MAAM,SAAS,SAAA,EAAU;AACzB,EAAA,uBACE,GAAA,CAACA,oBAAmB,QAAA,EAAU,MAAA,CAAO,MAAM,OAAA,EAAS,WAAA,EACjD,gBAAM,QAAA,EACT,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/integrations/react-hook-form/components/Field/Field.mjs

@@ -1,134 +1,144 @@
 "use client"
 /* */
-import PropsContextProvider from "../../../../lib/propsContext/components/PropsContextProvider.mjs";
-import dynamic from "../../../../lib/propsContext/dynamicProps/dynamic.mjs";
-import "../../../../lib/propsContext/index.mjs";
-import { useLocalizedStringFormatter } from "../../../../components/TranslationProvider/useLocalizedStringFormatter.mjs";
-import { useFormContext } from "../FormContextProvider/FormContextProvider.mjs";
-import __locale_default from "../../../../../../../_virtual/_30.locale.mjs";
-import FieldErrorView from "../../../../views/FieldErrorView.mjs";
-import { useUpdateFormDefaultValue } from "./hooks/useUpdateFormDefaultValue.mjs";
-import "react";
-import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import { useController, useWatch } from "react-hook-form";
-//#region src/integrations/react-hook-form/components/Field/Field.tsx
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { useFormContext } from '../FormContextProvider/FormContextProvider.mjs';
+import { dynamic } from '../../../../lib/propsContext/dynamicProps/dynamic.mjs';
+import '../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
+import 'react';
+import { useController, useWatch } from 'react-hook-form';
+import { useLocalizedStringFormatter } from '../../../../components/TranslationProvider/useLocalizedStringFormatter.mjs';
+import locales from '../../../../../../../_virtual/_.locale.json@72ba2ce40f190df671686fec50c04ddf.mjs';
+import FieldErrorView from '../../../../views/FieldErrorView.mjs';
+import { useUpdateFormDefaultValue } from './hooks/useUpdateFormDefaultValue.mjs';
+
 function Field(props) {
-	const { children, name, defaultValue, ...rest } = props;
-	const stringFormatter = useLocalizedStringFormatter(__locale_default, "ReactHookForm.Field");
-	const controller = useController({
-		...props,
-		rules: {
-			...props.rules,
-			min: typeof rest.rules?.min === "number" ? {
-				value: rest.rules.min,
-				message: stringFormatter.format("validation.min", { number: rest.rules.min })
-			} : rest.rules?.min,
-			max: typeof rest.rules?.max === "number" ? {
-				value: rest.rules.max,
-				message: stringFormatter.format("validation.max", { number: rest.rules.max })
-			} : rest.rules?.max,
-			required: typeof rest.rules?.required === "boolean" ? stringFormatter.format("validation.required") : rest.rules?.required,
-			pattern: rest.rules?.pattern instanceof RegExp ? {
-				value: rest.rules.pattern,
-				message: stringFormatter.format("validation.pattern", { pattern: rest.rules.pattern.source })
-			} : rest.rules?.pattern,
-			minLength: typeof rest.rules?.minLength === "number" ? {
-				value: rest.rules.minLength,
-				message: stringFormatter.format("validation.minLength", { number: rest.rules.minLength })
-			} : rest.rules?.minLength,
-			maxLength: typeof rest.rules?.maxLength === "number" ? {
-				value: rest.rules.maxLength,
-				message: stringFormatter.format("validation.maxLength", { number: rest.rules.maxLength })
-			} : rest.rules?.maxLength
-		}
-	});
-	const formContext = useFormContext();
-	useUpdateFormDefaultValue(props, formContext.form);
-	/**
-	* We don't use controller.field.value here, because it doesn't update when
-	* the form value is updated outside of this field (e.g. when setting values
-	* with form.setValue or resetting the form), and the Field unmounts in
-	* between. This is generally a feature of React Hook Form, but this breaks
-	* dynamic forms where fields are conditionally rendered.
-	*
-	* By using formContext.form.watch(name), we ensure that the field value is
-	* always in sync with the form state. See:
-	* https://react-hook-form.com/api/usecontroller/controller/
-	*/
-	const value = useWatch({
-		control: formContext.form.control,
-		name
-	}) ?? controller.field.value;
-	const isFieldInvalid = controller.fieldState.invalid;
-	const fieldProps = {
-		...controller.field,
-		value,
-		name,
-		form: formContext.id,
-		isRequired: !!rest.rules?.required,
-		isReadOnly: formContext.isReadOnly,
-		validationBehavior: "aria",
-		defaultValue,
-		isInvalid: isFieldInvalid,
-		children: dynamic((p) => {
-			return /* @__PURE__ */ jsxs(Fragment$1, { children: [p.children, /* @__PURE__ */ jsx(FieldErrorView, { children: controller.fieldState.error?.message })] });
-		})
-	};
-	return /* @__PURE__ */ jsx(PropsContextProvider, {
-		props: {
-			Autocomplete: {
-				SearchField: fieldProps,
-				TextField: fieldProps
-			},
-			SearchField: fieldProps,
-			TextField: fieldProps,
-			TextArea: fieldProps,
-			MarkdownEditor: fieldProps,
-			CodeEditor: fieldProps,
-			Checkbox: {
-				...fieldProps,
-				isSelected: value
-			},
-			CheckboxGroup: { ...fieldProps },
-			CheckboxButton: {
-				...fieldProps,
-				isSelected: value
-			},
-			FileField: fieldProps,
-			FileDropZone: fieldProps,
-			NumberField: fieldProps,
-			RadioGroup: fieldProps,
-			Switch: {
-				...fieldProps,
-				isSelected: value
-			},
-			Slider: fieldProps,
-			PasswordCreationField: fieldProps,
-			DatePicker: fieldProps,
-			DateRangePicker: fieldProps,
-			TimeField: fieldProps,
-			SegmentedControl: fieldProps,
-			Select: {
-				...fieldProps,
-				selectedKey: value
-			},
-			ComboBox: {
-				...fieldProps,
-				selectedKey: value
-			},
-			Rating: fieldProps
-		},
-		dependencies: [
-			controller.fieldState,
-			controller.field,
-			value,
-			formContext.isReadOnly
-		],
-		children
-	});
+  const { children, name, defaultValue, ...rest } = props;
+  const stringFormatter = useLocalizedStringFormatter(
+    locales,
+    "ReactHookForm.Field"
+  );
+  const controller = useController({
+    ...props,
+    rules: {
+      ...props.rules,
+      min: typeof rest.rules?.min === "number" ? {
+        value: rest.rules.min,
+        message: stringFormatter.format("validation.min", {
+          number: rest.rules.min
+        })
+      } : rest.rules?.min,
+      max: typeof rest.rules?.max === "number" ? {
+        value: rest.rules.max,
+        message: stringFormatter.format("validation.max", {
+          number: rest.rules.max
+        })
+      } : rest.rules?.max,
+      required: typeof rest.rules?.required === "boolean" ? stringFormatter.format("validation.required") : rest.rules?.required,
+      pattern: rest.rules?.pattern instanceof RegExp ? {
+        value: rest.rules.pattern,
+        message: stringFormatter.format("validation.pattern", {
+          pattern: rest.rules.pattern.source
+        })
+      } : rest.rules?.pattern,
+      minLength: typeof rest.rules?.minLength === "number" ? {
+        value: rest.rules.minLength,
+        message: stringFormatter.format("validation.minLength", {
+          number: rest.rules.minLength
+        })
+      } : rest.rules?.minLength,
+      maxLength: typeof rest.rules?.maxLength === "number" ? {
+        value: rest.rules.maxLength,
+        message: stringFormatter.format("validation.maxLength", {
+          number: rest.rules.maxLength
+        })
+      } : rest.rules?.maxLength
+    }
+  });
+  const formContext = useFormContext();
+  useUpdateFormDefaultValue(props, formContext.form);
+  const value = useWatch({
+    control: formContext.form.control,
+    name
+  }) ?? controller.field.value;
+  const isFieldInvalid = controller.fieldState.invalid;
+  const fieldProps = {
+    ...controller.field,
+    value,
+    name,
+    form: formContext.id,
+    isRequired: !!rest.rules?.required,
+    isReadOnly: formContext.isReadOnly,
+    validationBehavior: "aria",
+    defaultValue,
+    isInvalid: isFieldInvalid,
+    children: dynamic((p) => {
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        p.children,
+        /* @__PURE__ */ jsx(FieldErrorView, { children: controller.fieldState.error?.message })
+      ] });
+    })
+  };
+  const propsContext = {
+    Autocomplete: {
+      SearchField: fieldProps,
+      TextField: fieldProps
+    },
+    SearchField: fieldProps,
+    TextField: fieldProps,
+    TextArea: fieldProps,
+    MarkdownEditor: fieldProps,
+    CodeEditor: fieldProps,
+    Checkbox: {
+      ...fieldProps,
+      isSelected: value
+    },
+    CheckboxGroup: {
+      ...fieldProps
+    },
+    CheckboxButton: {
+      ...fieldProps,
+      isSelected: value
+    },
+    FileField: fieldProps,
+    FileDropZone: fieldProps,
+    NumberField: fieldProps,
+    RadioGroup: fieldProps,
+    Switch: {
+      ...fieldProps,
+      isSelected: value
+    },
+    Slider: fieldProps,
+    PasswordCreationField: fieldProps,
+    DatePicker: fieldProps,
+    DateRangePicker: fieldProps,
+    TimeField: fieldProps,
+    SegmentedControl: fieldProps,
+    Select: {
+      ...fieldProps,
+      selectedKey: value
+    },
+    ComboBox: {
+      ...fieldProps,
+      selectedKey: value
+    },
+    Rating: fieldProps
+  };
+  return /* @__PURE__ */ jsx(
+    PropsContextProvider,
+    {
+      props: propsContext,
+      dependencies: [
+        controller.fieldState,
+        controller.field,
+        value,
+        formContext.isReadOnly
+      ],
+      children
+    }
+  );
 }
-var typedField = (ignoredForm) => Field;
-//#endregion
-export { Field as default, typedField };
+const typedField = (ignoredForm) => Field;
 
-//# sourceMappingURL=Field.mjs.map
+export { Field, typedField };
+//# sourceMappingURL=Field.mjs.map

package/dist/js/packages/components/src/integrations/react-hook-form/components/Field/Field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Field.mjs","names":[],"sources":["../../../../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"sourcesContent":["import { useFormContext } from \"@/integrations/react-hook-form/components/FormContextProvider/FormContextProvider\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { type PropsWithChildren } from \"react\";\nimport {\n  type ControllerProps,\n  type FieldValues,\n  useController,\n  type UseFormReturn,\n  useWatch,\n} from \"react-hook-form\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"./locales/*.locale.json\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\nimport { useUpdateFormDefaultValue } from \"@/integrations/react-hook-form/components/Field/hooks/useUpdateFormDefaultValue\";\n\nexport interface FieldProps<T extends FieldValues>\n  extends Omit<ControllerProps<T>, \"render\">, PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n  const { children, name, defaultValue, ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(\n    locales,\n    \"ReactHookForm.Field\",\n  );\n\n  const controller = useController({\n    ...props,\n    rules: {\n      ...props.rules,\n      min:\n        typeof rest.rules?.min === \"number\"\n          ? {\n              value: rest.rules.min,\n              message: stringFormatter.format(\"validation.min\", {\n                number: rest.rules.min,\n              }),\n            }\n          : rest.rules?.min,\n      max:\n        typeof rest.rules?.max === \"number\"\n          ? {\n              value: rest.rules.max,\n              message: stringFormatter.format(\"validation.max\", {\n                number: rest.rules.max,\n              }),\n            }\n          : rest.rules?.max,\n      required:\n        typeof rest.rules?.required === \"boolean\"\n          ? stringFormatter.format(\"validation.required\")\n          : rest.rules?.required,\n      pattern:\n        rest.rules?.pattern instanceof RegExp\n          ? {\n              value: rest.rules.pattern,\n              message: stringFormatter.format(\"validation.pattern\", {\n                pattern: rest.rules.pattern.source,\n              }),\n            }\n          : rest.rules?.pattern,\n      minLength:\n        typeof rest.rules?.minLength === \"number\"\n          ? {\n              value: rest.rules.minLength,\n              message: stringFormatter.format(\"validation.minLength\", {\n                number: rest.rules.minLength,\n              }),\n            }\n          : rest.rules?.minLength,\n      maxLength:\n        typeof rest.rules?.maxLength === \"number\"\n          ? {\n              value: rest.rules.maxLength,\n              message: stringFormatter.format(\"validation.maxLength\", {\n                number: rest.rules.maxLength,\n              }),\n            }\n          : rest.rules?.maxLength,\n    },\n  });\n  const formContext = useFormContext<T>();\n\n  useUpdateFormDefaultValue(props, formContext.form);\n\n  /**\n   * We don't use controller.field.value here, because it doesn't update when\n   * the form value is updated outside of this field (e.g. when setting values\n   * with form.setValue or resetting the form), and the Field unmounts in\n   * between. This is generally a feature of React Hook Form, but this breaks\n   * dynamic forms where fields are conditionally rendered.\n   *\n   * By using formContext.form.watch(name), we ensure that the field value is\n   * always in sync with the form state. See:\n   * https://react-hook-form.com/api/usecontroller/controller/\n   */\n  const value =\n    useWatch({\n      control: formContext.form.control,\n      name,\n    }) ?? controller.field.value;\n\n  const isFieldInvalid = controller.fieldState.invalid;\n\n  const fieldProps = {\n    ...controller.field,\n    value,\n    name,\n    form: formContext.id,\n    isRequired: !!rest.rules?.required,\n    isReadOnly: formContext.isReadOnly,\n    validationBehavior: \"aria\" as const,\n    defaultValue,\n    isInvalid: isFieldInvalid,\n    children: dynamic((p) => {\n      return (\n        <>\n          {p.children}\n          <FieldErrorView>\n            {controller.fieldState.error?.message}\n          </FieldErrorView>\n        </>\n      );\n    }),\n  };\n\n  const propsContext: PropsContext = {\n    Autocomplete: {\n      SearchField: fieldProps,\n      TextField: fieldProps,\n    },\n    SearchField: fieldProps,\n    TextField: fieldProps,\n    TextArea: fieldProps,\n    MarkdownEditor: fieldProps,\n    CodeEditor: fieldProps,\n    Checkbox: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    CheckboxGroup: {\n      ...fieldProps,\n    },\n    CheckboxButton: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    FileField: fieldProps,\n    FileDropZone: fieldProps,\n    NumberField: fieldProps,\n    RadioGroup: fieldProps,\n    Switch: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    Slider: fieldProps,\n    PasswordCreationField: fieldProps,\n    DatePicker: fieldProps,\n    DateRangePicker: fieldProps,\n    TimeField: fieldProps,\n    SegmentedControl: fieldProps,\n    Select: {\n      ...fieldProps,\n      selectedKey: value,\n    },\n    ComboBox: {\n      ...fieldProps,\n      selectedKey: value,\n    },\n    Rating: fieldProps,\n  };\n\n  return (\n    <PropsContextProvider\n      props={propsContext}\n      dependencies={[\n        controller.fieldState,\n        controller.field,\n        value,\n        formContext.isReadOnly,\n      ]}\n    >\n      {children}\n    </PropsContextProvider>\n  );\n}\n\nexport const typedField = <T extends FieldValues>(\n  ignoredForm: UseFormReturn<T> | UseFormReturn<T>[\"control\"],\n): typeof Field<T> => Field;\n\nexport default Field;\n"],"mappings":";;;;;;;;;;;;AAsBA,SAAgB,MAA6B,OAAsB;CACjE,MAAM,EAAE,UAAU,MAAM,cAAc,GAAG,SAAS;CAElD,MAAM,kBAAkB,4BACtB,kBACA,qBACF;CAEA,MAAM,aAAa,cAAc;EAC/B,GAAG;EACH,OAAO;GACL,GAAG,MAAM;GACT,KACE,OAAO,KAAK,OAAO,QAAQ,WACvB;IACE,OAAO,KAAK,MAAM;IAClB,SAAS,gBAAgB,OAAO,kBAAkB,EAChD,QAAQ,KAAK,MAAM,IACrB,CAAC;GACH,IACA,KAAK,OAAO;GAClB,KACE,OAAO,KAAK,OAAO,QAAQ,WACvB;IACE,OAAO,KAAK,MAAM;IAClB,SAAS,gBAAgB,OAAO,kBAAkB,EAChD,QAAQ,KAAK,MAAM,IACrB,CAAC;GACH,IACA,KAAK,OAAO;GAClB,UACE,OAAO,KAAK,OAAO,aAAa,YAC5B,gBAAgB,OAAO,qBAAqB,IAC5C,KAAK,OAAO;GAClB,SACE,KAAK,OAAO,mBAAmB,SAC3B;IACE,OAAO,KAAK,MAAM;IAClB,SAAS,gBAAgB,OAAO,sBAAsB,EACpD,SAAS,KAAK,MAAM,QAAQ,OAC9B,CAAC;GACH,IACA,KAAK,OAAO;GAClB,WACE,OAAO,KAAK,OAAO,cAAc,WAC7B;IACE,OAAO,KAAK,MAAM;IAClB,SAAS,gBAAgB,OAAO,wBAAwB,EACtD,QAAQ,KAAK,MAAM,UACrB,CAAC;GACH,IACA,KAAK,OAAO;GAClB,WACE,OAAO,KAAK,OAAO,cAAc,WAC7B;IACE,OAAO,KAAK,MAAM;IAClB,SAAS,gBAAgB,OAAO,wBAAwB,EACtD,QAAQ,KAAK,MAAM,UACrB,CAAC;GACH,IACA,KAAK,OAAO;EACpB;CACF,CAAC;CACD,MAAM,cAAc,eAAkB;CAEtC,0BAA0B,OAAO,YAAY,IAAI;;;;;;;;;;;;CAajD,MAAM,QACJ,SAAS;EACP,SAAS,YAAY,KAAK;EAC1B;CACF,CAAC,KAAK,WAAW,MAAM;CAEzB,MAAM,iBAAiB,WAAW,WAAW;CAE7C,MAAM,aAAa;EACjB,GAAG,WAAW;EACd;EACA;EACA,MAAM,YAAY;EAClB,YAAY,CAAC,CAAC,KAAK,OAAO;EAC1B,YAAY,YAAY;EACxB,oBAAoB;EACpB;EACA,WAAW;EACX,UAAU,SAAS,MAAM;GACvB,OACE,qBAAA,YAAA,EAAA,UAAA,CACG,EAAE,UACH,oBAAC,gBAAD,EAAA,UACG,WAAW,WAAW,OAAO,QAChB,CAAA,CAChB,EAAA,CAAA;EAEN,CAAC;CACH;CAgDA,OACE,oBAAC,sBAAD;EACE,OAAO;GA/CT,cAAc;IACZ,aAAa;IACb,WAAW;GACb;GACA,aAAa;GACb,WAAW;GACX,UAAU;GACV,gBAAgB;GAChB,YAAY;GACZ,UAAU;IACR,GAAG;IACH,YAAY;GACd;GACA,eAAe,EACb,GAAG,WACL;GACA,gBAAgB;IACd,GAAG;IACH,YAAY;GACd;GACA,WAAW;GACX,cAAc;GACd,aAAa;GACb,YAAY;GACZ,QAAQ;IACN,GAAG;IACH,YAAY;GACd;GACA,QAAQ;GACR,uBAAuB;GACvB,YAAY;GACZ,iBAAiB;GACjB,WAAW;GACX,kBAAkB;GAClB,QAAQ;IACN,GAAG;IACH,aAAa;GACf;GACA,UAAU;IACR,GAAG;IACH,aAAa;GACf;GACA,QAAQ;EAKC;EACP,cAAc;GACZ,WAAW;GACX,WAAW;GACX;GACA,YAAY;EACd;EAEC;CACmB,CAAA;AAE1B;AAEA,IAAa,cACX,gBACoB"}
+{"version":3,"file":"Field.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"sourcesContent":["import { useFormContext } from \"@/integrations/react-hook-form/components/FormContextProvider/FormContextProvider\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { type PropsWithChildren } from \"react\";\nimport {\n  type ControllerProps,\n  type FieldValues,\n  useController,\n  type UseFormReturn,\n  useWatch,\n} from \"react-hook-form\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"./locales/*.locale.json\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\nimport { useUpdateFormDefaultValue } from \"@/integrations/react-hook-form/components/Field/hooks/useUpdateFormDefaultValue\";\n\nexport interface FieldProps<T extends FieldValues>\n  extends Omit<ControllerProps<T>, \"render\">, PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n  const { children, name, defaultValue, ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(\n    locales,\n    \"ReactHookForm.Field\",\n  );\n\n  const controller = useController({\n    ...props,\n    rules: {\n      ...props.rules,\n      min:\n        typeof rest.rules?.min === \"number\"\n          ? {\n              value: rest.rules.min,\n              message: stringFormatter.format(\"validation.min\", {\n                number: rest.rules.min,\n              }),\n            }\n          : rest.rules?.min,\n      max:\n        typeof rest.rules?.max === \"number\"\n          ? {\n              value: rest.rules.max,\n              message: stringFormatter.format(\"validation.max\", {\n                number: rest.rules.max,\n              }),\n            }\n          : rest.rules?.max,\n      required:\n        typeof rest.rules?.required === \"boolean\"\n          ? stringFormatter.format(\"validation.required\")\n          : rest.rules?.required,\n      pattern:\n        rest.rules?.pattern instanceof RegExp\n          ? {\n              value: rest.rules.pattern,\n              message: stringFormatter.format(\"validation.pattern\", {\n                pattern: rest.rules.pattern.source,\n              }),\n            }\n          : rest.rules?.pattern,\n      minLength:\n        typeof rest.rules?.minLength === \"number\"\n          ? {\n              value: rest.rules.minLength,\n              message: stringFormatter.format(\"validation.minLength\", {\n                number: rest.rules.minLength,\n              }),\n            }\n          : rest.rules?.minLength,\n      maxLength:\n        typeof rest.rules?.maxLength === \"number\"\n          ? {\n              value: rest.rules.maxLength,\n              message: stringFormatter.format(\"validation.maxLength\", {\n                number: rest.rules.maxLength,\n              }),\n            }\n          : rest.rules?.maxLength,\n    },\n  });\n  const formContext = useFormContext<T>();\n\n  useUpdateFormDefaultValue(props, formContext.form);\n\n  /**\n   * We don't use controller.field.value here, because it doesn't update when\n   * the form value is updated outside of this field (e.g. when setting values\n   * with form.setValue or resetting the form), and the Field unmounts in\n   * between. This is generally a feature of React Hook Form, but this breaks\n   * dynamic forms where fields are conditionally rendered.\n   *\n   * By using formContext.form.watch(name), we ensure that the field value is\n   * always in sync with the form state. See:\n   * https://react-hook-form.com/api/usecontroller/controller/\n   */\n  const value =\n    useWatch({\n      control: formContext.form.control,\n      name,\n    }) ?? controller.field.value;\n\n  const isFieldInvalid = controller.fieldState.invalid;\n\n  const fieldProps = {\n    ...controller.field,\n    value,\n    name,\n    form: formContext.id,\n    isRequired: !!rest.rules?.required,\n    isReadOnly: formContext.isReadOnly,\n    validationBehavior: \"aria\" as const,\n    defaultValue,\n    isInvalid: isFieldInvalid,\n    children: dynamic((p) => {\n      return (\n        <>\n          {p.children}\n          <FieldErrorView>\n            {controller.fieldState.error?.message}\n          </FieldErrorView>\n        </>\n      );\n    }),\n  };\n\n  const propsContext: PropsContext = {\n    Autocomplete: {\n      SearchField: fieldProps,\n      TextField: fieldProps,\n    },\n    SearchField: fieldProps,\n    TextField: fieldProps,\n    TextArea: fieldProps,\n    MarkdownEditor: fieldProps,\n    CodeEditor: fieldProps,\n    Checkbox: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    CheckboxGroup: {\n      ...fieldProps,\n    },\n    CheckboxButton: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    FileField: fieldProps,\n    FileDropZone: fieldProps,\n    NumberField: fieldProps,\n    RadioGroup: fieldProps,\n    Switch: {\n      ...fieldProps,\n      isSelected: value,\n    },\n    Slider: fieldProps,\n    PasswordCreationField: fieldProps,\n    DatePicker: fieldProps,\n    DateRangePicker: fieldProps,\n    TimeField: fieldProps,\n    SegmentedControl: fieldProps,\n    Select: {\n      ...fieldProps,\n      selectedKey: value,\n    },\n    ComboBox: {\n      ...fieldProps,\n      selectedKey: value,\n    },\n    Rating: fieldProps,\n  };\n\n  return (\n    <PropsContextProvider\n      props={propsContext}\n      dependencies={[\n        controller.fieldState,\n        controller.field,\n        value,\n        formContext.isReadOnly,\n      ]}\n    >\n      {children}\n    </PropsContextProvider>\n  );\n}\n\nexport const typedField = <T extends FieldValues>(\n  ignoredForm: UseFormReturn<T> | UseFormReturn<T>[\"control\"],\n): typeof Field<T> => Field;\n\nexport default Field;\n"],"names":[],"mappings":";;;;;;;;;;;;AAsBO,SAAS,MAA6B,KAAA,EAAsB;AACjE,EAAA,MAAM,EAAE,QAAA,EAAU,IAAA,EAAM,YAAA,EAAc,GAAG,MAAK,GAAI,KAAA;AAElD,EAAA,MAAM,eAAA,GAAkB,2BAAA;AAAA,IACtB,OAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,MAAM,aAAa,aAAA,CAAc;AAAA,IAC/B,GAAG,KAAA;AAAA,IACH,KAAA,EAAO;AAAA,MACL,GAAG,KAAA,CAAM,KAAA;AAAA,MACT,GAAA,EACE,OAAO,IAAA,CAAK,KAAA,EAAO,QAAQ,QAAA,GACvB;AAAA,QACE,KAAA,EAAO,KAAK,KAAA,CAAM,GAAA;AAAA,QAClB,OAAA,EAAS,eAAA,CAAgB,MAAA,CAAO,gBAAA,EAAkB;AAAA,UAChD,MAAA,EAAQ,KAAK,KAAA,CAAM;AAAA,SACpB;AAAA,OACH,GACA,KAAK,KAAA,EAAO,GAAA;AAAA,MAClB,GAAA,EACE,OAAO,IAAA,CAAK,KAAA,EAAO,QAAQ,QAAA,GACvB;AAAA,QACE,KAAA,EAAO,KAAK,KAAA,CAAM,GAAA;AAAA,QAClB,OAAA,EAAS,eAAA,CAAgB,MAAA,CAAO,gBAAA,EAAkB;AAAA,UAChD,MAAA,EAAQ,KAAK,KAAA,CAAM;AAAA,SACpB;AAAA,OACH,GACA,KAAK,KAAA,EAAO,GAAA;AAAA,MAClB,QAAA,EACE,OAAO,IAAA,CAAK,KAAA,EAAO,QAAA,KAAa,SAAA,GAC5B,eAAA,CAAgB,MAAA,CAAO,qBAAqB,CAAA,GAC5C,IAAA,CAAK,KAAA,EAAO,QAAA;AAAA,MAClB,OAAA,EACE,IAAA,CAAK,KAAA,EAAO,OAAA,YAAmB,MAAA,GAC3B;AAAA,QACE,KAAA,EAAO,KAAK,KAAA,CAAM,OAAA;AAAA,QAClB,OAAA,EAAS,eAAA,CAAgB,MAAA,CAAO,oBAAA,EAAsB;AAAA,UACpD,OAAA,EAAS,IAAA,CAAK,KAAA,CAAM,OAAA,CAAQ;AAAA,SAC7B;AAAA,OACH,GACA,KAAK,KAAA,EAAO,OAAA;AAAA,MAClB,SAAA,EACE,OAAO,IAAA,CAAK,KAAA,EAAO,cAAc,QAAA,GAC7B;AAAA,QACE,KAAA,EAAO,KAAK,KAAA,CAAM,SAAA;AAAA,QAClB,OAAA,EAAS,eAAA,CAAgB,MAAA,CAAO,sBAAA,EAAwB;AAAA,UACtD,MAAA,EAAQ,KAAK,KAAA,CAAM;AAAA,SACpB;AAAA,OACH,GACA,KAAK,KAAA,EAAO,SAAA;AAAA,MAClB,SAAA,EACE,OAAO,IAAA,CAAK,KAAA,EAAO,cAAc,QAAA,GAC7B;AAAA,QACE,KAAA,EAAO,KAAK,KAAA,CAAM,SAAA;AAAA,QAClB,OAAA,EAAS,eAAA,CAAgB,MAAA,CAAO,sBAAA,EAAwB;AAAA,UACtD,MAAA,EAAQ,KAAK,KAAA,CAAM;AAAA,SACpB;AAAA,OACH,GACA,KAAK,KAAA,EAAO;AAAA;AACpB,GACD,CAAA;AACD,EAAA,MAAM,cAAc,cAAA,EAAkB;AAEtC,EAAA,yBAAA,CAA0B,KAAA,EAAO,YAAY,IAAI,CAAA;AAajD,EAAA,MAAM,QACJ,QAAA,CAAS;AAAA,IACP,OAAA,EAAS,YAAY,IAAA,CAAK,OAAA;AAAA,IAC1B;AAAA,GACD,CAAA,IAAK,UAAA,CAAW,KAAA,CAAM,KAAA;AAEzB,EAAA,MAAM,cAAA,GAAiB,WAAW,UAAA,CAAW,OAAA;AAE7C,EAAA,MAAM,UAAA,GAAa;AAAA,IACjB,GAAG,UAAA,CAAW,KAAA;AAAA,IACd,KAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAM,WAAA,CAAY,EAAA;AAAA,IAClB,UAAA,EAAY,CAAC,CAAC,IAAA,CAAK,KAAA,EAAO,QAAA;AAAA,IAC1B,YAAY,WAAA,CAAY,UAAA;AAAA,IACxB,kBAAA,EAAoB,MAAA;AAAA,IACpB,YAAA;AAAA,IACA,SAAA,EAAW,cAAA;AAAA,IACX,QAAA,EAAU,OAAA,CAAQ,CAAC,CAAA,KAAM;AACvB,MAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,QAAA,CAAA,CAAE,QAAA;AAAA,wBACH,GAAA,CAAC,cAAA,EAAA,EACE,QAAA,EAAA,UAAA,CAAW,UAAA,CAAW,OAAO,OAAA,EAChC;AAAA,OAAA,EACF,CAAA;AAAA,IAEJ,CAAC;AAAA,GACH;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,YAAA,EAAc;AAAA,MACZ,WAAA,EAAa,UAAA;AAAA,MACb,SAAA,EAAW;AAAA,KACb;AAAA,IACA,WAAA,EAAa,UAAA;AAAA,IACb,SAAA,EAAW,UAAA;AAAA,IACX,QAAA,EAAU,UAAA;AAAA,IACV,cAAA,EAAgB,UAAA;AAAA,IAChB,UAAA,EAAY,UAAA;AAAA,IACZ,QAAA,EAAU;AAAA,MACR,GAAG,UAAA;AAAA,MACH,UAAA,EAAY;AAAA,KACd;AAAA,IACA,aAAA,EAAe;AAAA,MACb,GAAG;AAAA,KACL;AAAA,IACA,cAAA,EAAgB;AAAA,MACd,GAAG,UAAA;AAAA,MACH,UAAA,EAAY;AAAA,KACd;AAAA,IACA,SAAA,EAAW,UAAA;AAAA,IACX,YAAA,EAAc,UAAA;AAAA,IACd,WAAA,EAAa,UAAA;AAAA,IACb,UAAA,EAAY,UAAA;AAAA,IACZ,MAAA,EAAQ;AAAA,MACN,GAAG,UAAA;AAAA,MACH,UAAA,EAAY;AAAA,KACd;AAAA,IACA,MAAA,EAAQ,UAAA;AAAA,IACR,qBAAA,EAAuB,UAAA;AAAA,IACvB,UAAA,EAAY,UAAA;AAAA,IACZ,eAAA,EAAiB,UAAA;AAAA,IACjB,SAAA,EAAW,UAAA;AAAA,IACX,gBAAA,EAAkB,UAAA;AAAA,IAClB,MAAA,EAAQ;AAAA,MACN,GAAG,UAAA;AAAA,MACH,WAAA,EAAa;AAAA,KACf;AAAA,IACA,QAAA,EAAU;AAAA,MACR,GAAG,UAAA;AAAA,MACH,WAAA,EAAa;AAAA,KACf;AAAA,IACA,MAAA,EAAQ;AAAA,GACV;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,YAAA;AAAA,MACP,YAAA,EAAc;AAAA,QACZ,UAAA,CAAW,UAAA;AAAA,QACX,UAAA,CAAW,KAAA;AAAA,QACX,KAAA;AAAA,QACA,WAAA,CAAY;AAAA,OACd;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,UAAA,GAAa,CACxB,WAAA,KACoB;;;;"}

package/dist/js/packages/components/src/integrations/react-hook-form/components/Field/hooks/useUpdateFormDefaultValue.mjs

@@ -1,23 +1,20 @@
 "use client"
 /* */
-import { useLayoutEffect } from "react";
-//#region src/integrations/react-hook-form/components/Field/hooks/useUpdateFormDefaultValue.ts
-var useUpdateFormDefaultValue = (fieldProps, form) => {
-	const { defaultValue, name } = fieldProps;
-	useLayoutEffect(() => {
-		if (defaultValue !== void 0) form.resetField(name, {
-			defaultValue,
-			keepDirty: true,
-			keepError: true,
-			keepTouched: true
-		});
-	}, [
-		form,
-		defaultValue,
-		name
-	]);
+import { useLayoutEffect } from 'react';
+
+const useUpdateFormDefaultValue = (fieldProps, form) => {
+  const { defaultValue, name } = fieldProps;
+  useLayoutEffect(() => {
+    if (defaultValue !== void 0) {
+      form.resetField(name, {
+        defaultValue,
+        keepDirty: true,
+        keepError: true,
+        keepTouched: true
+      });
+    }
+  }, [form, defaultValue, name]);
 };
-//#endregion
-export { useUpdateFormDefaultValue };
 
-//# sourceMappingURL=useUpdateFormDefaultValue.mjs.map
+export { useUpdateFormDefaultValue };
+//# sourceMappingURL=useUpdateFormDefaultValue.mjs.map

package/dist/js/packages/components/src/integrations/react-hook-form/components/Field/hooks/useUpdateFormDefaultValue.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useUpdateFormDefaultValue.mjs","names":[],"sources":["../../../../../../../../../../src/integrations/react-hook-form/components/Field/hooks/useUpdateFormDefaultValue.ts"],"sourcesContent":["import type { FieldProps } from \"@/integrations/react-hook-form/components/Field/Field\";\nimport { useLayoutEffect } from \"react\";\nimport type { FieldValues, UseFormReturn } from \"react-hook-form\";\n\nexport const useUpdateFormDefaultValue = <T extends FieldValues>(\n  fieldProps: FieldProps<T>,\n  form: UseFormReturn<T>,\n) => {\n  const { defaultValue, name } = fieldProps;\n\n  useLayoutEffect(() => {\n    if (defaultValue !== undefined) {\n      form.resetField(name, {\n        defaultValue,\n        keepDirty: true,\n        keepError: true,\n        keepTouched: true,\n      });\n    }\n  }, [form, defaultValue, name]);\n};\n"],"mappings":";;AAIA,IAAa,6BACX,YACA,SACG;CACH,MAAM,EAAE,cAAc,SAAS;CAE/B,sBAAsB;EACpB,IAAI,iBAAiB,KAAA,GACnB,KAAK,WAAW,MAAM;GACpB;GACA,WAAW;GACX,WAAW;GACX,aAAa;EACf,CAAC;CAEL,GAAG;EAAC;EAAM;EAAc;CAAI,CAAC;AAC/B"}
+{"version":3,"file":"useUpdateFormDefaultValue.mjs","sources":["../../../../../../../../../../src/integrations/react-hook-form/components/Field/hooks/useUpdateFormDefaultValue.ts"],"sourcesContent":["import type { FieldProps } from \"@/integrations/react-hook-form/components/Field/Field\";\nimport { useLayoutEffect } from \"react\";\nimport type { FieldValues, UseFormReturn } from \"react-hook-form\";\n\nexport const useUpdateFormDefaultValue = <T extends FieldValues>(\n  fieldProps: FieldProps<T>,\n  form: UseFormReturn<T>,\n) => {\n  const { defaultValue, name } = fieldProps;\n\n  useLayoutEffect(() => {\n    if (defaultValue !== undefined) {\n      form.resetField(name, {\n        defaultValue,\n        keepDirty: true,\n        keepError: true,\n        keepTouched: true,\n      });\n    }\n  }, [form, defaultValue, name]);\n};\n"],"names":[],"mappings":";;AAIO,MAAM,yBAAA,GAA4B,CACvC,UAAA,EACA,IAAA,KACG;AACH,EAAA,MAAM,EAAE,YAAA,EAAc,IAAA,EAAK,GAAI,UAAA;AAE/B,EAAA,eAAA,CAAgB,MAAM;AACpB,IAAA,IAAI,iBAAiB,MAAA,EAAW;AAC9B,MAAA,IAAA,CAAK,WAAW,IAAA,EAAM;AAAA,QACpB,YAAA;AAAA,QACA,SAAA,EAAW,IAAA;AAAA,QACX,SAAA,EAAW,IAAA;AAAA,QACX,WAAA,EAAa;AAAA,OACd,CAAA;AAAA,IACH;AAAA,EACF,CAAA,EAAG,CAAC,IAAA,EAAM,YAAA,EAAc,IAAI,CAAC,CAAA;AAC/B;;;;"}

package/dist/js/packages/components/src/integrations/react-hook-form/components/Field/lib/debounceValidate.mjs

@@ -1,16 +1,16 @@
 "use client"
 /* */
-//#region src/integrations/react-hook-form/components/Field/lib/debounceValidate.ts
-var debounceValidate = (validateFunction, waitMs = 500) => {
-	let timeoutId = null;
-	return (value, formValues) => new Promise((resolve, reject) => {
-		if (timeoutId) clearTimeout(timeoutId);
-		timeoutId = setTimeout(() => {
-			Promise.resolve(validateFunction(value, formValues)).then(resolve).catch(reject);
-		}, waitMs);
-	});
+const debounceValidate = (validateFunction, waitMs = 500) => {
+  let timeoutId = null;
+  return (value, formValues) => new Promise((resolve, reject) => {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+    }
+    timeoutId = setTimeout(() => {
+      Promise.resolve(validateFunction(value, formValues)).then(resolve).catch(reject);
+    }, waitMs);
+  });
 };
-//#endregion
-export { debounceValidate };
 
-//# sourceMappingURL=debounceValidate.mjs.map
+export { debounceValidate };
+//# sourceMappingURL=debounceValidate.mjs.map

package/dist/js/packages/components/src/integrations/react-hook-form/components/Field/lib/debounceValidate.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"debounceValidate.mjs","names":[],"sources":["../../../../../../../../../../src/integrations/react-hook-form/components/Field/lib/debounceValidate.ts"],"sourcesContent":["import type {\n  FieldPath,\n  FieldPathValue,\n  FieldValues,\n  Validate,\n  ValidateResult,\n} from \"react-hook-form\";\n\nexport const debounceValidate = <\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n  validateFunction: Validate<\n    FieldPathValue<TFieldValues, TFieldName>,\n    TFieldValues\n  >,\n  waitMs = 500,\n) => {\n  let timeoutId: ReturnType<typeof setTimeout> | null = null;\n\n  return (\n    value: FieldPathValue<TFieldValues, TFieldName>,\n    formValues: TFieldValues,\n  ) =>\n    new Promise<ValidateResult>((resolve, reject) => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n\n      timeoutId = setTimeout(() => {\n        Promise.resolve(validateFunction(value, formValues))\n          .then(resolve)\n          .catch(reject);\n      }, waitMs);\n    });\n};\n"],"mappings":";AAQA,IAAa,oBAIX,kBAIA,SAAS,QACN;CACH,IAAI,YAAkD;CAEtD,QACE,OACA,eAEA,IAAI,SAAyB,SAAS,WAAW;EAC/C,IAAI,WACF,aAAa,SAAS;EAGxB,YAAY,iBAAiB;GAC3B,QAAQ,QAAQ,iBAAiB,OAAO,UAAU,CAAC,EAChD,KAAK,OAAO,EACZ,MAAM,MAAM;EACjB,GAAG,MAAM;CACX,CAAC;AACL"}
+{"version":3,"file":"debounceValidate.mjs","sources":["../../../../../../../../../../src/integrations/react-hook-form/components/Field/lib/debounceValidate.ts"],"sourcesContent":["import type {\n  FieldPath,\n  FieldPathValue,\n  FieldValues,\n  Validate,\n  ValidateResult,\n} from \"react-hook-form\";\n\nexport const debounceValidate = <\n  TFieldValues extends FieldValues = FieldValues,\n  TFieldName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>,\n>(\n  validateFunction: Validate<\n    FieldPathValue<TFieldValues, TFieldName>,\n    TFieldValues\n  >,\n  waitMs = 500,\n) => {\n  let timeoutId: ReturnType<typeof setTimeout> | null = null;\n\n  return (\n    value: FieldPathValue<TFieldValues, TFieldName>,\n    formValues: TFieldValues,\n  ) =>\n    new Promise<ValidateResult>((resolve, reject) => {\n      if (timeoutId) {\n        clearTimeout(timeoutId);\n      }\n\n      timeoutId = setTimeout(() => {\n        Promise.resolve(validateFunction(value, formValues))\n          .then(resolve)\n          .catch(reject);\n      }, waitMs);\n    });\n};\n"],"names":[],"mappings":"AAQO,MAAM,gBAAA,GAAmB,CAI9B,gBAAA,EAIA,MAAA,GAAS,GAAA,KACN;AACH,EAAA,IAAI,SAAA,GAAkD,IAAA;AAEtD,EAAA,OAAO,CACL,KAAA,EACA,UAAA,KAEA,IAAI,OAAA,CAAwB,CAAC,SAAS,MAAA,KAAW;AAC/C,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,YAAA,CAAa,SAAS,CAAA;AAAA,IACxB;AAEA,IAAA,SAAA,GAAY,WAAW,MAAM;AAC3B,MAAA,OAAA,CAAQ,OAAA,CAAQ,gBAAA,CAAiB,KAAA,EAAO,UAAU,CAAC,EAChD,IAAA,CAAK,OAAO,CAAA,CACZ,KAAA,CAAM,MAAM,CAAA;AAAA,IACjB,GAAG,MAAM,CAAA;AAAA,EACX,CAAC,CAAA;AACL;;;;"}