@mittwald/flow-react-components 0.2.0-experimental.751 → 0.2.0-experimental.773

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

@@ -0,0 +1,141 @@
+"use client"
+/* */
+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 'react-aria';
+import locales from '../../../../../../../_virtual/_.locale.json@35fb6294562ffa3610aa309f0081d83e.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(locales);
+  const controller = useController({
+    ...props,
+    rules: {
+      ...props.rules,
+      min: typeof rest.rules?.min === "number" ? {
+        value: rest.rules.min,
+        message: stringFormatter.format("min", {
+          number: rest.rules.min
+        })
+      } : rest.rules?.min,
+      max: typeof rest.rules?.max === "number" ? {
+        value: rest.rules.max,
+        message: stringFormatter.format("max", {
+          number: rest.rules.max
+        })
+      } : rest.rules?.max,
+      required: typeof rest.rules?.required === "boolean" ? stringFormatter.format("required") : rest.rules?.required,
+      pattern: rest.rules?.pattern instanceof RegExp ? {
+        value: rest.rules.pattern,
+        message: stringFormatter.format("pattern", {
+          pattern: rest.rules.pattern.source
+        })
+      } : rest.rules?.pattern,
+      minLength: typeof rest.rules?.minLength === "number" ? {
+        value: rest.rules.minLength,
+        message: stringFormatter.format("minLength", {
+          number: rest.rules.minLength
+        })
+      } : rest.rules?.minLength,
+      maxLength: typeof rest.rules?.maxLength === "number" ? {
+        value: rest.rules.maxLength,
+        message: stringFormatter.format("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
+    }
+  );
+}
+const typedField = (ignoredForm) => Field;
+
+export { Field, typedField };
+//# sourceMappingURL=Field.mjs.map

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

@@ -0,0 +1 @@
+{"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 \"react-aria\";\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(locales);\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(\"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(\"max\", {\n                number: rest.rules.max,\n              }),\n            }\n          : rest.rules?.max,\n      required:\n        typeof rest.rules?.required === \"boolean\"\n          ? stringFormatter.format(\"required\")\n          : rest.rules?.required,\n      pattern:\n        rest.rules?.pattern instanceof RegExp\n          ? {\n              value: rest.rules.pattern,\n              message: stringFormatter.format(\"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(\"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(\"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":"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"}

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

@@ -0,0 +1 @@
+{"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/Form/Form.mjs

@@ -0,0 +1,110 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { ConfirmUnsavedChangesModal } from '../../../../components/Modal/components/ConfirmUnsavedChangesModal/ConfirmUnsavedChangesModal.mjs';
+import { FormContextProvider } from '../FormContextProvider/FormContextProvider.mjs';
+import { flags } from '../../flags.mjs';
+import 'mobx';
+import { useId, useMemo, useRef } from 'react';
+import { useModalController } from '../../../../lib/controller/overlay/useModalController.mjs';
+import '../../../../lib/controller/overlay/context.mjs';
+import { FormProvider } from 'react-hook-form';
+import { useFormRootErrorController } from '../FormRootError/useFormRootErrorController.mjs';
+import { FormRootError } from '../../lib/FormRootError.mjs';
+import { useFormSettings } from '../FormSettingsProvider/FormSettingsProvider.mjs';
+import { useFormSubmitController } from './hooks/useFormSubmitController.mjs';
+import { useHotkeySubmit } from './hooks/useHotkeySubmit.mjs';
+
+const DefaultFormComponent = (p) => /* @__PURE__ */ jsx("form", { ...p });
+function Form(props) {
+  const {
+    form,
+    children,
+    onSubmit: onSubmitProp,
+    formComponent = DefaultFormComponent,
+    isReadOnly,
+    ref,
+    id: idProp,
+    autoReset = true,
+    submitController: submitControllerFromProps,
+    ...formProps
+  } = props;
+  const newFormId = useId();
+  const formId = idProp ?? newFormId;
+  const FormComponent = useMemo(() => formComponent, [formId]);
+  const afterSubmitCallback = useRef(void 0);
+  const { isSubmitting, isValidating, isDirty } = form.formState;
+  const rootErrorController = useFormRootErrorController();
+  const defaultSubmitController = useFormSubmitController();
+  const submitController = submitControllerFromProps ? submitControllerFromProps.submit.extend(defaultSubmitController) : defaultSubmitController;
+  const autoResetOptions = typeof autoReset === "boolean" ? { onAfterModalClose: autoReset } : autoReset;
+  const modalController = useModalController();
+  modalController.useUpdateOptions({
+    confirmOnClose: flags.requireCloseModalConfirmationOnUnsavedChanges && isDirty,
+    onClose: () => {
+      if (autoResetOptions?.onAfterModalClose) {
+        form.reset();
+      }
+    }
+  });
+  const { submitInterceptor } = useFormSettings();
+  const onSubmit = submitInterceptor ? (values) => submitInterceptor(onSubmitProp, values, { form }) : onSubmitProp;
+  const handleSubmitResult = (result) => {
+    if (typeof result === "function") {
+      afterSubmitCallback.current = result;
+    }
+    const rootError = form.getFieldState("root")?.error;
+    if (rootError && !rootErrorController.errorComponentMounted) {
+      throw new FormRootError(rootError);
+    }
+  };
+  const handleSubmit = (e) => {
+    const formEvent = e && "nativeEvent" in e ? e : void 0;
+    formEvent?.stopPropagation();
+    if (isSubmitting || isValidating) {
+      return;
+    }
+    modalController.confirmClose();
+    return form.handleSubmit((values, event) => {
+      const submitResult = onSubmit(values, event);
+      if (submitResult instanceof Promise) {
+        return submitResult.then(handleSubmitResult);
+      }
+      handleSubmitResult(submitResult);
+    })(formEvent);
+  };
+  submitController.submit.set(handleSubmit);
+  const onAfterSuccessFeedback = () => {
+    afterSubmitCallback.current?.();
+  };
+  const refWithHotkeySubmit = useHotkeySubmit({
+    ref,
+    submitController
+  });
+  return /* @__PURE__ */ jsxs(FormProvider, { ...form, children: [
+    /* @__PURE__ */ jsx(
+      FormContextProvider,
+      {
+        form,
+        isReadOnly,
+        id: formId,
+        onAfterSuccessFeedback,
+        rootErrorController,
+        children: /* @__PURE__ */ jsx(
+          FormComponent,
+          {
+            ...formProps,
+            ref: refWithHotkeySubmit,
+            id: formId,
+            onSubmit: handleSubmit,
+            children
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(ConfirmUnsavedChangesModal, {})
+  ] });
+}
+
+export { Form };
+//# sourceMappingURL=Form.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Form.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/Form/Form.tsx"],"sourcesContent":["import ConfirmUnsavedChangesModal from \"@/components/Modal/components/ConfirmUnsavedChangesModal\";\nimport { FormContextProvider } from \"@/integrations/react-hook-form/components/FormContextProvider/FormContextProvider\";\nimport { flags } from \"@/integrations/react-hook-form/flags\";\nimport { useModalController } from \"@/lib/controller\";\nimport {\n  type BaseSyntheticEvent,\n  type ComponentProps,\n  type FC,\n  type PropsWithChildren,\n  type Ref,\n  type SubmitEventHandler,\n  useId,\n  useMemo,\n  useRef,\n} from \"react\";\nimport type {\n  FieldValues,\n  Path,\n  SubmitHandler,\n  UseFormReturn,\n} from \"react-hook-form\";\nimport { FormProvider as RhfFormContextProvider } from \"react-hook-form\";\nimport { useFormRootErrorController } from \"../FormRootError/useFormRootErrorController\";\nimport { FormRootError } from \"../../lib/FormRootError\";\nimport { useFormSettings } from \"../FormSettingsProvider/FormSettingsProvider\";\nimport {\n  useFormSubmitController,\n  type WithFormSubmitControllerProps,\n} from \"@/integrations/react-hook-form/components/Form/hooks/useFormSubmitController\";\nimport { useHotkeySubmit } from \"@/integrations/react-hook-form/components/Form/hooks/useHotkeySubmit\";\n\nexport type FormOnSubmitHandler<F extends FieldValues> = SubmitHandler<F>;\n\nexport type AfterFormSubmitCallback = (...unknownArgs: unknown[]) => unknown;\n\nexport interface FormAutoResetOptions {\n  onAfterModalClose?: boolean;\n}\n\ntype FormComponentType = FC<\n  PropsWithChildren<{\n    id: string;\n    onSubmit?: SubmitEventHandler | FormOnSubmitHandler<never>;\n    ref?: Ref<HTMLFormElement>;\n  }>\n>;\n\nexport interface FormProps<F extends FieldValues>\n  extends\n    Omit<ComponentProps<\"form\">, \"onSubmit\">,\n    PropsWithChildren,\n    WithFormSubmitControllerProps {\n  form: UseFormReturn<F>;\n  onSubmit: FormOnSubmitHandler<F>;\n  formComponent?: FC<Omit<FormComponentType, \"ref\">>;\n  isReadOnly?: boolean;\n  autoReset?: FormAutoResetOptions | boolean;\n}\n\nconst DefaultFormComponent: FormComponentType = (p) => <form {...p} />;\n\nexport function Form<F extends FieldValues>(props: FormProps<F>) {\n  const {\n    form,\n    children,\n    onSubmit: onSubmitProp,\n    formComponent = DefaultFormComponent,\n    isReadOnly,\n    ref,\n    id: idProp,\n    autoReset = true,\n    submitController: submitControllerFromProps,\n    ...formProps\n  } = props;\n\n  const newFormId = useId();\n  const formId = idProp ?? newFormId;\n  const FormComponent = useMemo(() => formComponent, [formId]);\n  const afterSubmitCallback = useRef<AfterFormSubmitCallback>(undefined);\n  const { isSubmitting, isValidating, isDirty } = form.formState;\n  const rootErrorController = useFormRootErrorController();\n\n  const defaultSubmitController = useFormSubmitController();\n  const submitController = submitControllerFromProps\n    ? submitControllerFromProps.submit.extend(defaultSubmitController)\n    : defaultSubmitController;\n\n  const autoResetOptions =\n    typeof autoReset === \"boolean\"\n      ? { onAfterModalClose: autoReset }\n      : autoReset;\n\n  const modalController = useModalController();\n  modalController.useUpdateOptions({\n    confirmOnClose:\n      flags.requireCloseModalConfirmationOnUnsavedChanges && isDirty,\n    onClose: () => {\n      if (autoResetOptions?.onAfterModalClose) {\n        form.reset();\n      }\n    },\n  });\n\n  const { submitInterceptor } = useFormSettings();\n  const onSubmit = submitInterceptor\n    ? (values: F) => submitInterceptor<F>(onSubmitProp, values, { form })\n    : onSubmitProp;\n\n  const handleSubmitResult = (result: unknown) => {\n    if (typeof result === \"function\") {\n      afterSubmitCallback.current = result as AfterFormSubmitCallback;\n    }\n    const rootError = form.getFieldState(\"root\" as Path<F>)?.error;\n    if (rootError && !rootErrorController.errorComponentMounted) {\n      throw new FormRootError(rootError);\n    }\n  };\n\n  const handleSubmit = (e?: BaseSyntheticEvent | F) => {\n    const formEvent =\n      e && \"nativeEvent\" in e ? (e as BaseSyntheticEvent) : undefined;\n\n    formEvent?.stopPropagation();\n\n    if (isSubmitting || isValidating) {\n      return;\n    }\n\n    modalController.confirmClose();\n\n    return form.handleSubmit((values, event) => {\n      const submitResult = onSubmit(values, event);\n      if (submitResult instanceof Promise) {\n        return submitResult.then(handleSubmitResult);\n      }\n      handleSubmitResult(submitResult);\n    })(formEvent);\n  };\n  submitController.submit.set(handleSubmit);\n\n  const onAfterSuccessFeedback = () => {\n    afterSubmitCallback.current?.();\n  };\n\n  const refWithHotkeySubmit = useHotkeySubmit({\n    ref,\n    submitController,\n  });\n\n  return (\n    <RhfFormContextProvider {...form}>\n      <FormContextProvider\n        form={form as UseFormReturn}\n        isReadOnly={isReadOnly}\n        id={formId}\n        onAfterSuccessFeedback={onAfterSuccessFeedback}\n        rootErrorController={rootErrorController}\n      >\n        <FormComponent\n          {...formProps}\n          ref={refWithHotkeySubmit}\n          id={formId}\n          onSubmit={handleSubmit}\n        >\n          {children}\n        </FormComponent>\n      </FormContextProvider>\n      <ConfirmUnsavedChangesModal />\n    </RhfFormContextProvider>\n  );\n}\n\nexport default Form;\n"],"names":["RhfFormContextProvider"],"mappings":"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"}

package/dist/js/packages/components/src/integrations/react-hook-form/components/Form/hooks/useFormSubmitController.mjs

@@ -0,0 +1,29 @@
+"use client"
+/* */
+import { useRef } from 'react';
+
+const useFormSubmitController = () => {
+  const submitHandler = useRef(async () => {
+  });
+  const fn = async () => {
+    await submitHandler.current();
+  };
+  const formSubmitControllerReturn = {
+    submit: fn
+  };
+  fn.set = (newSubmitHandler) => {
+    submitHandler.current = newSubmitHandler;
+  };
+  fn.extend = (submitController) => {
+    const previous = submitHandler.current;
+    submitHandler.current = async () => {
+      await previous();
+      await submitController.submit();
+    };
+    return formSubmitControllerReturn;
+  };
+  return formSubmitControllerReturn;
+};
+
+export { useFormSubmitController };
+//# sourceMappingURL=useFormSubmitController.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFormSubmitController.mjs","sources":["../../../../../../../../../../src/integrations/react-hook-form/components/Form/hooks/useFormSubmitController.ts"],"sourcesContent":["import { useRef } from \"react\";\n\nexport type FormSubmitController = ReturnType<typeof useFormSubmitController>;\n\nexport interface WithFormSubmitControllerProps {\n  submitController?: FormSubmitController;\n}\n\nexport const useFormSubmitController = () => {\n  const submitHandler = useRef<() => Promise<void> | void>(async () => {\n    /* empty */\n  });\n\n  const fn = async () => {\n    await submitHandler.current();\n  };\n\n  const formSubmitControllerReturn = {\n    submit: fn,\n  };\n\n  fn.set = (newSubmitHandler: () => Promise<void> | void) => {\n    submitHandler.current = newSubmitHandler;\n  };\n\n  fn.extend = (submitController: FormSubmitController) => {\n    const previous = submitHandler.current;\n\n    submitHandler.current = async () => {\n      await previous();\n      await submitController.submit();\n    };\n\n    return formSubmitControllerReturn;\n  };\n\n  return formSubmitControllerReturn;\n};\n"],"names":[],"mappings":";;AAQO,MAAM,0BAA0B,MAAM;AAC3C,EAAA,MAAM,aAAA,GAAgB,OAAmC,YAAY;AAAA,EAErE,CAAC,CAAA;AAED,EAAA,MAAM,KAAK,YAAY;AACrB,IAAA,MAAM,cAAc,OAAA,EAAQ;AAAA,EAC9B,CAAA;AAEA,EAAA,MAAM,0BAAA,GAA6B;AAAA,IACjC,MAAA,EAAQ;AAAA,GACV;AAEA,EAAA,EAAA,CAAG,GAAA,GAAM,CAAC,gBAAA,KAAiD;AACzD,IAAA,aAAA,CAAc,OAAA,GAAU,gBAAA;AAAA,EAC1B,CAAA;AAEA,EAAA,EAAA,CAAG,MAAA,GAAS,CAAC,gBAAA,KAA2C;AACtD,IAAA,MAAM,WAAW,aAAA,CAAc,OAAA;AAE/B,IAAA,aAAA,CAAc,UAAU,YAAY;AAClC,MAAA,MAAM,QAAA,EAAS;AACf,MAAA,MAAM,iBAAiB,MAAA,EAAO;AAAA,IAChC,CAAA;AAEA,IAAA,OAAO,0BAAA;AAAA,EACT,CAAA;AAEA,EAAA,OAAO,0BAAA;AACT;;;;"}

package/dist/js/packages/components/src/integrations/react-hook-form/components/Form/hooks/useHotkeySubmit.mjs

@@ -0,0 +1,19 @@
+"use client"
+/* */
+import { useObjectRef } from 'react-aria';
+import { useHotkeys } from 'react-hotkeys-hook';
+import { useMergeRefs } from 'use-callback-ref';
+
+const useHotkeySubmit = (options) => {
+  const { ref, submitController } = options;
+  return useMergeRefs([
+    useObjectRef(ref),
+    useHotkeys("mod+enter", submitController.submit, {
+      enableOnFormTags: true,
+      enableOnContentEditable: true
+    })
+  ]);
+};
+
+export { useHotkeySubmit };
+//# sourceMappingURL=useHotkeySubmit.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useHotkeySubmit.mjs","sources":["../../../../../../../../../../src/integrations/react-hook-form/components/Form/hooks/useHotkeySubmit.ts"],"sourcesContent":["import type { Ref } from \"react\";\nimport { useObjectRef } from \"react-aria\";\nimport { useHotkeys } from \"react-hotkeys-hook\";\nimport { useMergeRefs } from \"use-callback-ref\";\nimport type { WithFormSubmitControllerProps } from \"@/integrations/react-hook-form\";\n\ninterface Options extends Required<WithFormSubmitControllerProps> {\n  ref: Ref<HTMLFormElement> | undefined;\n}\n\nexport const useHotkeySubmit = (options: Options) => {\n  const { ref, submitController } = options;\n\n  return useMergeRefs([\n    useObjectRef(ref),\n    useHotkeys<never>(\"mod+enter\", submitController.submit, {\n      enableOnFormTags: true,\n      enableOnContentEditable: true,\n    }),\n  ]);\n};\n"],"names":[],"mappings":";;;;AAUO,MAAM,eAAA,GAAkB,CAAC,OAAA,KAAqB;AACnD,EAAA,MAAM,EAAE,GAAA,EAAK,gBAAA,EAAiB,GAAI,OAAA;AAElC,EAAA,OAAO,YAAA,CAAa;AAAA,IAClB,aAAa,GAAG,CAAA;AAAA,IAChB,UAAA,CAAkB,WAAA,EAAa,gBAAA,CAAiB,MAAA,EAAQ;AAAA,MACtD,gBAAA,EAAkB,IAAA;AAAA,MAClB,uBAAA,EAAyB;AAAA,KAC1B;AAAA,GACF,CAAA;AACH;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormAction.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormAction/FormAction.tsx"],"sourcesContent":["import type { ActionProps } from \"@/components/Action/types\";\nimport { FormResetAction } from \"@/integrations/react-hook-form/components/FormAction/FormResetAction\";\nimport FormSubmitAction from \"@/integrations/react-hook-form/components/FormAction/FormSubmitAction\";\nimport type { FC, PropsWithChildren } from \"react\";\n\ntype SupportedActionProps = Pick<ActionProps, \"showFeedback\">;\n\nexport interface FormActionProps\n  extends PropsWithChildren, SupportedActionProps {\n  reset?: boolean;\n  submit?: boolean;\n}\n\nexport const FormAction: FC<FormActionProps> = (props) => {\n  const { children, reset, submit, ...actionProps } = props;\n\n  if (submit) {\n    return <FormSubmitAction {...actionProps}>{children}</FormSubmitAction>;\n  }\n\n  if (reset) {\n    return <FormResetAction {...actionProps}>{children}</FormResetAction>;\n  }\n\n  return <>{children}</>;\n};\n\nexport default FormAction;\n"],"names":[],"mappings":";;;;AAaO,MAAM,UAAA,GAAkC,CAAC,KAAA,KAAU;AACxD,EAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,MAAA,EAAQ,GAAG,aAAY,GAAI,KAAA;AAEpD,EAAA,IAAI,MAAA,EAAQ;AACV,IAAA,uBAAO,GAAA,CAAC,gBAAA,EAAA,EAAkB,GAAG,WAAA,EAAc,QAAA,EAAS,CAAA;AAAA,EACtD;AAEA,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,uBAAO,GAAA,CAAC,eAAA,EAAA,EAAiB,GAAG,WAAA,EAAc,QAAA,EAAS,CAAA;AAAA,EACrD;AAEA,EAAA,uCAAU,QAAA,EAAS,CAAA;AACrB;;;;"}

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

@@ -0,0 +1,35 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { Action } from '../../../../components/Action/Action.mjs';
+import 'react-aria';
+import 'react';
+import '@react-aria/live-announcer';
+import { useFormContext } from '../FormContextProvider/FormContextProvider.mjs';
+import '../../../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
+
+const FormResetAction = (props) => {
+  const { children, ...actionProps } = props;
+  const { form, isReadOnly, id } = useFormContext();
+  const propsContext = {
+    Button: {
+      isReadOnly,
+      form: id,
+      color: "secondary",
+      variant: "soft",
+      type: "button"
+    }
+  };
+  return /* @__PURE__ */ jsx(Action, { onAction: () => form.reset(), ...actionProps, children: /* @__PURE__ */ jsx(
+    PropsContextProvider,
+    {
+      props: propsContext,
+      dependencies: [isReadOnly, id],
+      children
+    }
+  ) });
+};
+
+export { FormResetAction };
+//# sourceMappingURL=FormResetAction.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormResetAction.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormAction/FormResetAction.tsx"],"sourcesContent":["import Action, { type ActionProps } from \"@/components/Action\";\nimport { useFormContext } from \"@/integrations/react-hook-form/components/FormContextProvider\";\nimport { PropsContextProvider, type PropsContext } from \"@/lib/propsContext\";\nimport type { FC, PropsWithChildren } from \"react\";\n\ntype SupportedActionProps = Pick<ActionProps, \"showFeedback\">;\n\nexport const FormResetAction: FC<PropsWithChildren<SupportedActionProps>> = (\n  props,\n) => {\n  const { children, ...actionProps } = props;\n\n  const { form, isReadOnly, id } = useFormContext();\n\n  const propsContext: PropsContext = {\n    Button: {\n      isReadOnly,\n      form: id,\n      color: \"secondary\",\n      variant: \"soft\",\n      type: \"button\",\n    },\n  };\n\n  return (\n    <Action onAction={() => form.reset()} {...actionProps}>\n      <PropsContextProvider\n        props={propsContext}\n        dependencies={[isReadOnly, id]}\n      >\n        {children}\n      </PropsContextProvider>\n    </Action>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAOO,MAAM,eAAA,GAA+D,CAC1E,KAAA,KACG;AACH,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,WAAA,EAAY,GAAI,KAAA;AAErC,EAAA,MAAM,EAAE,IAAA,EAAM,UAAA,EAAY,EAAA,KAAO,cAAA,EAAe;AAEhD,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,MAAA,EAAQ;AAAA,MACN,UAAA;AAAA,MACA,IAAA,EAAM,EAAA;AAAA,MACN,KAAA,EAAO,WAAA;AAAA,MACP,OAAA,EAAS,MAAA;AAAA,MACT,IAAA,EAAM;AAAA;AACR,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,UAAO,QAAA,EAAU,MAAM,KAAK,KAAA,EAAM,EAAI,GAAG,WAAA,EACxC,QAAA,kBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,YAAA;AAAA,MACP,YAAA,EAAc,CAAC,UAAA,EAAY,EAAE,CAAA;AAAA,MAE5B;AAAA;AAAA,GACH,EACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSubmitAction.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormAction/FormSubmitAction.tsx"],"sourcesContent":["import Action, { ActionBatch, type ActionProps } from \"@/components/Action\";\nimport { useFormContext } from \"@/integrations/react-hook-form/components/FormContextProvider\";\nimport { useFormSubmitAction } from \"@/integrations/react-hook-form/components/FormContextProvider/useFormSubmitAction\";\nimport { PropsContextProvider, type PropsContext } from \"@/lib/propsContext\";\nimport type { FC, PropsWithChildren } from \"react\";\n\nconst InnerFormSubmitAction: FC<PropsWithChildren<SupportedActionProps>> = (\n  props,\n) => {\n  const { children, ...actionProps } = props;\n  const { form } = useFormContext();\n  const formSubmitAction = useFormSubmitAction(form.formState, actionProps);\n  return (\n    <Action actionModel={formSubmitAction} {...actionProps}>\n      {children}\n    </Action>\n  );\n};\n\ntype SupportedActionProps = Pick<ActionProps, \"showFeedback\">;\n\nexport const FormSubmitAction: FC<PropsWithChildren<SupportedActionProps>> = (\n  props,\n) => {\n  const { children, ...actionProps } = props;\n\n  const { onAfterSuccessFeedback, isReadOnly, id } = useFormContext();\n\n  const propsContext: PropsContext = {\n    Button: {\n      isReadOnly,\n      type: \"submit\",\n      form: id,\n    },\n  };\n\n  const innerSubmitAction = (\n    <InnerFormSubmitAction {...actionProps}>\n      <PropsContextProvider\n        props={propsContext}\n        dependencies={[isReadOnly, id]}\n      >\n        {children}\n      </PropsContextProvider>\n    </InnerFormSubmitAction>\n  );\n\n  if (onAfterSuccessFeedback) {\n    return (\n      <Action onAction={onAfterSuccessFeedback}>\n        <ActionBatch>{innerSubmitAction}</ActionBatch>\n      </Action>\n    );\n  }\n\n  return innerSubmitAction;\n};\n\nexport default FormSubmitAction;\n"],"names":[],"mappings":";;;;;;;;;;;AAMA,MAAM,qBAAA,GAAqE,CACzE,KAAA,KACG;AACH,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,WAAA,EAAY,GAAI,KAAA;AACrC,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,cAAA,EAAe;AAChC,EAAA,MAAM,gBAAA,GAAmB,mBAAA,CAAoB,IAAA,CAAK,SAAA,EAAW,WAAW,CAAA;AACxE,EAAA,2BACG,MAAA,EAAA,EAAO,WAAA,EAAa,gBAAA,EAAmB,GAAG,aACxC,QAAA,EACH,CAAA;AAEJ,CAAA;AAIO,MAAM,gBAAA,GAAgE,CAC3E,KAAA,KACG;AACH,EAAA,MAAM,EAAE,QAAA,EAAU,GAAG,WAAA,EAAY,GAAI,KAAA;AAErC,EAAA,MAAM,EAAE,sBAAA,EAAwB,UAAA,EAAY,EAAA,KAAO,cAAA,EAAe;AAElE,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,MAAA,EAAQ;AAAA,MACN,UAAA;AAAA,MACA,IAAA,EAAM,QAAA;AAAA,MACN,IAAA,EAAM;AAAA;AACR,GACF;AAEA,EAAA,MAAM,iBAAA,mBACJ,GAAA,CAAC,qBAAA,EAAA,EAAuB,GAAG,WAAA,EACzB,QAAA,kBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,YAAA;AAAA,MACP,YAAA,EAAc,CAAC,UAAA,EAAY,EAAE,CAAA;AAAA,MAE5B;AAAA;AAAA,GACH,EACF,CAAA;AAGF,EAAA,IAAI,sBAAA,EAAwB;AAC1B,IAAA,2BACG,MAAA,EAAA,EAAO,QAAA,EAAU,wBAChB,QAAA,kBAAA,GAAA,CAAC,WAAA,EAAA,EAAa,6BAAkB,CAAA,EAClC,CAAA;AAAA,EAEJ;AAEA,EAAA,OAAO,iBAAA;AACT;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormContextProvider.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormContextProvider/FormContextProvider.tsx"],"sourcesContent":["import type { FieldValues, UseFormReturn } from \"react-hook-form\";\nimport {\n  createContext,\n  useContext,\n  useState,\n  type Dispatch,\n  type PropsWithChildren,\n  type SetStateAction,\n} from \"react\";\nimport invariant from \"invariant\";\nimport type { AfterFormSubmitCallback } from \"@/integrations/react-hook-form/components/Form/Form\";\nimport { useUpdateReadOnly } from \"@/integrations/react-hook-form/components/FormContextProvider/useUpdateReadOnly\";\nimport { type FormRootErrorController } from \"../FormRootError/useFormRootErrorController\";\n\ninterface FormContext<F extends FieldValues> {\n  form: UseFormReturn<F>;\n  id: string;\n  isReadOnly: boolean;\n  setReadOnly: Dispatch<SetStateAction<boolean>>;\n  onAfterSuccessFeedback?: AfterFormSubmitCallback;\n  rootErrorController: FormRootErrorController;\n}\n\nexport const FormContext = createContext<FormContext<FieldValues> | undefined>(\n  undefined,\n);\n\nexport interface FormContextProviderProps extends PropsWithChildren {\n  form: UseFormReturn;\n  id: string;\n  isReadOnly?: boolean;\n  onAfterSuccessFeedback?: AfterFormSubmitCallback;\n  rootErrorController: FormRootErrorController;\n}\n\nexport const FormContextProvider = (props: FormContextProviderProps) => {\n  const {\n    form,\n    id,\n    isReadOnly: isReadOnlyProp = false,\n    onAfterSuccessFeedback,\n    children,\n    rootErrorController,\n  } = props;\n  const [isReadOnlyState, setReadOnly] = useState(isReadOnlyProp);\n  const isReadOnly = isReadOnlyProp || isReadOnlyState;\n\n  useUpdateReadOnly({\n    formState: form.formState,\n    setReadOnly,\n  });\n\n  return (\n    <FormContext\n      value={{\n        isReadOnly,\n        setReadOnly,\n        id,\n        form,\n        onAfterSuccessFeedback,\n        rootErrorController,\n      }}\n    >\n      {children}\n    </FormContext>\n  );\n};\n\nexport const useFormContext = <F extends FieldValues>() => {\n  const ctx = useOptionalFormContext<F>();\n  invariant(\n    !!ctx,\n    \"Could not useFormContext() outside a Form, or multiple versions of Flow installed.\",\n  );\n  return ctx;\n};\n\nexport const useOptionalFormContext = <F extends FieldValues>() =>\n  useContext(FormContext) as FormContext<F> | undefined;\n\nexport default FormContextProvider;\n"],"names":[],"mappings":";;;;;AAuBO,MAAM,WAAA,GAAc,aAAA;AAAA,EACzB;AACF;AAUO,MAAM,mBAAA,GAAsB,CAAC,KAAA,KAAoC;AACtE,EAAA,MAAM;AAAA,IACJ,IAAA;AAAA,IACA,EAAA;AAAA,IACA,YAAY,cAAA,GAAiB,KAAA;AAAA,IAC7B,sBAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACF,GAAI,KAAA;AACJ,EAAA,MAAM,CAAC,eAAA,EAAiB,WAAW,CAAA,GAAI,SAAS,cAAc,CAAA;AAC9D,EAAA,MAAM,aAAa,cAAA,IAAkB,eAAA;AAErC,EAAA,iBAAA,CAAkB;AAAA,IAChB,WAAW,IAAA,CAAK,SAAA;AAAA,IAChB;AAAA,GACD,CAAA;AAED,EAAA,uBACE,GAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO;AAAA,QACL,UAAA;AAAA,QACA,WAAA;AAAA,QACA,EAAA;AAAA,QACA,IAAA;AAAA,QACA,sBAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;AAEO,MAAM,iBAAiB,MAA6B;AACzD,EAAA,MAAM,MAAM,sBAAA,EAA0B;AACtC,EAAA,SAAA;AAAA,IACE,CAAC,CAAC,GAAA;AAAA,IACF;AAAA,GACF;AACA,EAAA,OAAO,GAAA;AACT;AAEO,MAAM,sBAAA,GAAyB,MACpC,UAAA,CAAW,WAAW;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFormSubmitAction.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormContextProvider/useFormSubmitAction.ts"],"sourcesContent":["import { AbortActionError, type ActionProps } from \"@/components/Action\";\nimport { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { useEffect, useRef } from \"react\";\nimport type { FieldValues, FormState } from \"react-hook-form\";\n\nexport const useFormSubmitAction = (\n  formState: FormState<FieldValues>,\n  actionProps?: ActionProps,\n) => {\n  const { isSubmitting, isSubmitSuccessful } = formState;\n\n  const submitPromise = useRef<PromiseWithResolvers<void>>(undefined);\n\n  const formSubmitAction = ActionModel.useNew({\n    ...actionProps,\n    onAction: () => {\n      submitPromise.current = Promise.withResolvers<void>();\n      actionProps?.onAction?.();\n      return submitPromise.current.promise;\n    },\n  });\n\n  useEffect(() => {\n    if (isSubmitting) {\n      if (!formSubmitAction.state.isBusy) {\n        /**\n         * Manually start execution. This happens if the form submission was\n         * triggered by other means than the submit button, e.g. by pressing\n         * Enter in a text field.\n         */\n        formSubmitAction.execute();\n      }\n      return;\n    }\n\n    if (isSubmitSuccessful) {\n      submitPromise.current?.resolve();\n      return;\n    }\n\n    submitPromise.current?.reject(\n      new AbortActionError(\"Form submission failed\"),\n    );\n  }, [isSubmitting, isSubmitSuccessful, submitPromise]);\n\n  return formSubmitAction;\n};\n"],"names":[],"mappings":";;;;;;;;AAKO,MAAM,mBAAA,GAAsB,CACjC,SAAA,EACA,WAAA,KACG;AACH,EAAA,MAAM,EAAE,YAAA,EAAc,kBAAA,EAAmB,GAAI,SAAA;AAE7C,EAAA,MAAM,aAAA,GAAgB,OAAmC,MAAS,CAAA;AAElE,EAAA,MAAM,gBAAA,GAAmB,YAAY,MAAA,CAAO;AAAA,IAC1C,GAAG,WAAA;AAAA,IACH,UAAU,MAAM;AACd,MAAA,aAAA,CAAc,OAAA,GAAU,QAAQ,aAAA,EAAoB;AACpD,MAAA,WAAA,EAAa,QAAA,IAAW;AACxB,MAAA,OAAO,cAAc,OAAA,CAAQ,OAAA;AAAA,IAC/B;AAAA,GACD,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,YAAA,EAAc;AAChB,MAAA,IAAI,CAAC,gBAAA,CAAiB,KAAA,CAAM,MAAA,EAAQ;AAMlC,QAAA,gBAAA,CAAiB,OAAA,EAAQ;AAAA,MAC3B;AACA,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,kBAAA,EAAoB;AACtB,MAAA,aAAA,CAAc,SAAS,OAAA,EAAQ;AAC/B,MAAA;AAAA,IACF;AAEA,IAAA,aAAA,CAAc,OAAA,EAAS,MAAA;AAAA,MACrB,IAAI,iBAAiB,wBAAwB;AAAA,KAC/C;AAAA,EACF,CAAA,EAAG,CAAC,YAAA,EAAc,kBAAA,EAAoB,aAAa,CAAC,CAAA;AAEpD,EAAA,OAAO,gBAAA;AACT;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdateReadOnly.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormContextProvider/useUpdateReadOnly.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { FieldValues, FormState } from \"react-hook-form\";\n\ninterface Options {\n  formState: FormState<FieldValues>;\n  setReadOnly: (isReadOnly: boolean) => void;\n}\n\nexport const useUpdateReadOnly = (options: Options) => {\n  const { formState, setReadOnly } = options;\n\n  const { isSubmitting } = formState;\n\n  useEffect(() => {\n    setReadOnly(isSubmitting);\n  }, [isSubmitting, setReadOnly]);\n};\n"],"names":[],"mappings":";;AAQO,MAAM,iBAAA,GAAoB,CAAC,OAAA,KAAqB;AACrD,EAAA,MAAM,EAAE,SAAA,EAAW,WAAA,EAAY,GAAI,OAAA;AAEnC,EAAA,MAAM,EAAE,cAAa,GAAI,SAAA;AAEzB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,WAAA,CAAY,YAAY,CAAA;AAAA,EAC1B,CAAA,EAAG,CAAC,YAAA,EAAc,WAAW,CAAC,CAAA;AAChC;;;;"}

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

@@ -0,0 +1,16 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { useFormContext } from '../FormContextProvider/FormContextProvider.mjs';
+import FieldErrorView from '../../../../views/FieldErrorView.mjs';
+import { useMountedFormRootErrorComponent } from './useMountedFormRootErrorComponent.mjs';
+
+const FormRootError = () => {
+  const form = useFormContext().form;
+  useMountedFormRootErrorComponent();
+  const error = form.formState.errors.root;
+  return /* @__PURE__ */ jsx(FieldErrorView, { renderAlert: true, children: error?.message });
+};
+
+export { FormRootError };
+//# sourceMappingURL=FormRootError.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormRootError.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormRootError/FormRootError.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useFormContext } from \"../FormContextProvider\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\nimport { useMountedFormRootErrorComponent } from \"./useMountedFormRootErrorComponent\";\n\nexport const FormRootError: FC = () => {\n  const form = useFormContext().form;\n  useMountedFormRootErrorComponent();\n  const error = form.formState.errors.root;\n  return <FieldErrorView renderAlert>{error?.message}</FieldErrorView>;\n};\n\nexport default FormRootError;\n"],"names":[],"mappings":";;;;;AAKO,MAAM,gBAAoB,MAAM;AACrC,EAAA,MAAM,IAAA,GAAO,gBAAe,CAAE,IAAA;AAC9B,EAAA,gCAAA,EAAiC;AACjC,EAAA,MAAM,KAAA,GAAQ,IAAA,CAAK,SAAA,CAAU,MAAA,CAAO,IAAA;AACpC,EAAA,uBAAO,GAAA,CAAC,cAAA,EAAA,EAAe,WAAA,EAAW,IAAA,EAAE,iBAAO,OAAA,EAAQ,CAAA;AACrD;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFormRootErrorController.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormRootError/useFormRootErrorController.ts"],"sourcesContent":["import { useMemo, useState, type Dispatch, type SetStateAction } from \"react\";\n\nexport interface FormRootErrorController {\n  errorComponentMounted: boolean;\n  updateErrorComponentMounted: Dispatch<SetStateAction<boolean>>;\n}\n\nexport const useFormRootErrorController = (): FormRootErrorController => {\n  const [errorComponentMounted, updateErrorComponentMounted] = useState(false);\n\n  return useMemo(\n    () => ({\n      errorComponentMounted,\n      updateErrorComponentMounted,\n    }),\n    [errorComponentMounted, updateErrorComponentMounted],\n  );\n};\n"],"names":[],"mappings":";;AAOO,MAAM,6BAA6B,MAA+B;AACvE,EAAA,MAAM,CAAC,qBAAA,EAAuB,2BAA2B,CAAA,GAAI,SAAS,KAAK,CAAA;AAE3E,EAAA,OAAO,OAAA;AAAA,IACL,OAAO;AAAA,MACL,qBAAA;AAAA,MACA;AAAA,KACF,CAAA;AAAA,IACA,CAAC,uBAAuB,2BAA2B;AAAA,GACrD;AACF;;;;"}

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

@@ -0,0 +1,17 @@
+"use client"
+/* */
+import { useEffect } from 'react';
+import { useFormContext } from '../FormContextProvider/FormContextProvider.mjs';
+
+const useMountedFormRootErrorComponent = () => {
+  const controller = useFormContext().rootErrorController;
+  useEffect(() => {
+    controller.updateErrorComponentMounted(true);
+    return () => {
+      controller.updateErrorComponentMounted(false);
+    };
+  }, [controller]);
+};
+
+export { useMountedFormRootErrorComponent };
+//# sourceMappingURL=useMountedFormRootErrorComponent.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMountedFormRootErrorComponent.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormRootError/useMountedFormRootErrorComponent.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport { useFormContext } from \"../FormContextProvider\";\n\nexport const useMountedFormRootErrorComponent = () => {\n  const controller = useFormContext().rootErrorController;\n\n  useEffect(() => {\n    controller.updateErrorComponentMounted(true);\n    return () => {\n      controller.updateErrorComponentMounted(false);\n    };\n  }, [controller]);\n};\n"],"names":[],"mappings":";;;AAGO,MAAM,mCAAmC,MAAM;AACpD,EAAA,MAAM,UAAA,GAAa,gBAAe,CAAE,mBAAA;AAEpC,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,4BAA4B,IAAI,CAAA;AAC3C,IAAA,OAAO,MAAM;AACX,MAAA,UAAA,CAAW,4BAA4B,KAAK,CAAA;AAAA,IAC9C,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,UAAU,CAAC,CAAA;AACjB;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormSettingsProvider.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/FormSettingsProvider/FormSettingsProvider.tsx"],"sourcesContent":["import { createContext, useContext, type PropsWithChildren } from \"react\";\nimport type { FieldValues, UseFormReturn } from \"react-hook-form\";\nimport type { FormOnSubmitHandler } from \"../Form/Form\";\n\nexport interface SubmitInterceptorContext<F extends FieldValues = FieldValues> {\n  form: UseFormReturn<F>;\n}\n\nexport type SubmitInterceptor = <F extends FieldValues = FieldValues>(\n  submit: FormOnSubmitHandler<F>,\n  values: F,\n  context: SubmitInterceptorContext<F>,\n) => ReturnType<FormOnSubmitHandler<F>>;\n\ninterface Context {\n  submitInterceptor?: SubmitInterceptor;\n}\n\nconst context = createContext<Context>({});\n\nexport type FormSettingsProviderProps = Context & PropsWithChildren;\n\nexport function FormSettingsProvider(props: FormSettingsProviderProps) {\n  return (\n    <context.Provider value={props as Context}>\n      {props.children}\n    </context.Provider>\n  );\n}\n\nexport const useFormSettings = () => useContext(context);\n"],"names":[],"mappings":";;;AAkBA,MAAM,OAAA,GAAU,aAAA,CAAuB,EAAE,CAAA;AAIlC,SAAS,qBAAqB,KAAA,EAAkC;AACrE,EAAA,2BACG,OAAA,CAAQ,QAAA,EAAR,EAAiB,KAAA,EAAO,KAAA,EACtB,gBAAM,QAAA,EACT,CAAA;AAEJ;AAEO,MAAM,eAAA,GAAkB,MAAM,UAAA,CAAW,OAAO;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"ResetButton.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/ResetButton/ResetButton.tsx"],"sourcesContent":["import { type ButtonProps } from \"@/components/Button\";\nimport FormAction from \"@/integrations/react-hook-form/components/FormAction\";\nimport ButtonView from \"@/views/ButtonView\";\nimport type { FC } from \"react\";\n\nexport const ResetButton: FC<ButtonProps> = (props) => {\n  return (\n    <FormAction reset>\n      <ButtonView {...props} />\n    </FormAction>\n  );\n};\n\nexport default ResetButton;\n"],"names":[],"mappings":";;;;;AAKO,MAAM,WAAA,GAA+B,CAAC,KAAA,KAAU;AACrD,EAAA,uBACE,GAAA,CAAC,cAAW,KAAA,EAAK,IAAA,EACf,8BAAC,UAAA,EAAA,EAAY,GAAG,OAAO,CAAA,EACzB,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubmitButton.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/SubmitButton/SubmitButton.tsx"],"sourcesContent":["import type { ActionProps } from \"@/components/Action\";\nimport { type ButtonProps } from \"@/components/Button\";\nimport FormAction from \"@/integrations/react-hook-form/components/FormAction\";\nimport ButtonView from \"@/views/ButtonView\";\nimport type { FC } from \"react\";\n\ntype SupportedActionProps = Pick<ActionProps, \"showFeedback\">;\n\nexport type SubmitButtonProps = ButtonProps & SupportedActionProps;\n\nexport const SubmitButton: FC<SubmitButtonProps> = (props) => {\n  const { showFeedback, ...buttonProps } = props;\n  return (\n    <FormAction submit showFeedback={showFeedback}>\n      <ButtonView {...buttonProps} />\n    </FormAction>\n  );\n};\n\nexport default SubmitButton;\n"],"names":[],"mappings":";;;;;AAUO,MAAM,YAAA,GAAsC,CAAC,KAAA,KAAU;AAC5D,EAAA,MAAM,EAAE,YAAA,EAAc,GAAG,WAAA,EAAY,GAAI,KAAA;AACzC,EAAA,uBACE,GAAA,CAAC,cAAW,MAAA,EAAM,IAAA,EAAC,cACjB,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAY,GAAG,WAAA,EAAa,CAAA,EAC/B,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"flags.mjs","sources":["../../../../../../../src/integrations/react-hook-form/flags.ts"],"sourcesContent":["export const flags = {\n  requireCloseModalConfirmationOnUnsavedChanges: false,\n};\n\nconst defaultFlags = { ...flags };\n\nexport const resetFlags = () => {\n  Object.assign(flags, defaultFlags);\n};\n"],"names":[],"mappings":"AAAO,MAAM,KAAA,GAAQ;AAAA,EACnB,6CAAA,EAA+C;AACjD;CAEqB,EAAE,GAAG,KAAA;;;;"}

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

@@ -0,0 +1 @@
+{"version":3,"file":"FormRootError.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/lib/FormRootError.ts"],"sourcesContent":["import type { FieldError } from \"react-hook-form\";\n\nexport class FormRootError extends Error {\n  public readonly type: string;\n\n  public constructor(fieldError: FieldError) {\n    super(fieldError.message);\n    this.name = \"FormRootError\";\n    this.type = fieldError.type;\n  }\n}\n"],"names":[],"mappings":"AAEO,MAAM,sBAAsB,KAAA,CAAM;AAAA,EACvB,IAAA;AAAA,EAET,YAAY,UAAA,EAAwB;AACzC,IAAA,KAAA,CAAM,WAAW,OAAO,CAAA;AACxB,IAAA,IAAA,CAAK,IAAA,GAAO,eAAA;AACZ,IAAA,IAAA,CAAK,OAAO,UAAA,CAAW,IAAA;AAAA,EACzB;AACF;;;;"}

package/dist/js/packages/components/src/lib/array/toArray.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toArray.mjs","sources":["../../../../../../../src/lib/array/toArray.ts"],"sourcesContent":["export const toArray = <T>(val: T | T[]): T[] =>\n  Array.isArray(val) ? val : [val];\n"],"names":[],"mappings":"AAAO,MAAM,OAAA,GAAU,CAAI,GAAA,KACzB,KAAA,CAAM,QAAQ,GAAG,CAAA,GAAI,GAAA,GAAM,CAAC,GAAG;;;;"}

package/dist/js/packages/components/src/lib/componentFactory/flowComponent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flowComponent.mjs","sources":["../../../../../../../src/lib/componentFactory/flowComponent.tsx"],"sourcesContent":["import type {\n  FlowComponentName,\n  FlowComponentProps as FlowComponentPropsOfName,\n} from \"@/components/propTypes\";\nimport type {\n  ComponentProps,\n  ComponentType,\n  FunctionComponent,\n  ReactElement,\n  ReactNode,\n  RefAttributes,\n} from \"react\";\nimport { cloneElement, memo } from \"react\";\nimport type { PropsWithTunnel } from \"@/lib/types/props\";\nimport { TunnelEntry } from \"@mittwald/react-tunnel\";\nimport SlotContextProvider from \"@/lib/slotContext/SlotContextProvider\";\nimport { useProps } from \"@/lib/hooks/useProps\";\nimport { useComponentPropsContext } from \"@/lib/propsContext/propsContext\";\nimport { ComponentPropsContextProvider } from \"@/components/ComponentPropsContextProvider\";\nimport { ClearPropsContext } from \"@/components/ClearPropsContext\";\nimport ClearPropsContextView from \"@/views/ClearPropsContextView\";\n\ntype RefType<T> = T extends RefAttributes<infer R> ? R : undefined;\n\nexport interface FlowComponentProps<R = HTMLDivElement>\n  extends PropsWithTunnel, RefAttributes<R> {\n  wrapWith?: ReactElement;\n}\n\nexport type FlowComponentImplementationProps<C extends FlowComponentName> =\n  Omit<FlowComponentPropsOfName<C>, keyof FlowComponentProps> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>;\n\ntype FlowComponentImplementationType<C extends FlowComponentName> =\n  ComponentType<FlowComponentImplementationProps<C>>;\n\ntype FlowComponentType<C extends FlowComponentName> = FunctionComponent<\n  FlowComponentPropsOfName<C> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>\n>;\n\nexport type FlowComponentProvisionType = \"provider\" | \"ui\" | \"layout\";\n\ninterface Options {\n  type?: FlowComponentProvisionType;\n  isRemoteComponent?: boolean;\n}\n\nexport function flowComponent<C extends FlowComponentName>(\n  componentName: C,\n  ImplementationComponentType: FlowComponentImplementationType<C>,\n  options: Options = {},\n): FlowComponentType<C> {\n  type Props = FlowComponentPropsOfName<C> &\n    RefAttributes<RefType<FlowComponentPropsOfName<C>>>;\n\n  const { type = \"ui\", isRemoteComponent = false } = options;\n\n  const MemoizedImplementationComponentType = memo(ImplementationComponentType);\n\n  function Component(props: Props) {\n    const { tunnelId, wrapWith, ...propsWithContext } = useProps(\n      componentName,\n      props as FlowComponentPropsOfName<C>,\n    ) as FlowComponentProps<RefType<FlowComponentPropsOfName<C>>>;\n\n    const implementationTypeProps = propsWithContext as ComponentProps<\n      typeof ImplementationComponentType\n    >;\n\n    const componentProps = useComponentPropsContext(componentName);\n\n    ImplementationComponentType.displayName = `FlowComponentImpl(${componentName})`;\n\n    let element: ReactNode = (\n      <MemoizedImplementationComponentType {...implementationTypeProps} />\n    );\n\n    element = (\n      <ComponentPropsContextProvider componentProps={componentProps}>\n        {element}\n      </ComponentPropsContextProvider>\n    );\n\n    if (type === \"ui\") {\n      /**\n       * Protect the inside of UI components for accidental prop changes through\n       * the Props Context.\n       */\n      if (isRemoteComponent) {\n        element = <ClearPropsContext>{element}</ClearPropsContext>;\n      } else {\n        /**\n         * In case of a UI component that does not have a remote counterpart\n         * (like the Modal component), the <ClearPropsContext> must be\n         * additionally applied on the host side by using the\n         * <ClearPropsContextView>.\n         *\n         * This prevents Props Contexts created by parent components on the host\n         * side affecting the children of this UI component.\n         */\n        element = (\n          <ClearPropsContext>\n            <ClearPropsContextView>{element}</ClearPropsContextView>\n          </ClearPropsContext>\n        );\n      }\n    }\n\n    if (\"slot\" in props && !!props.slot && typeof props.slot === \"string\") {\n      element = (\n        <SlotContextProvider slot={props.slot} component={componentName}>\n          {element}\n        </SlotContextProvider>\n      );\n    }\n\n    if (wrapWith) {\n      element = cloneElement(wrapWith, undefined, element);\n    }\n\n    if (tunnelId) {\n      element = <TunnelEntry id={tunnelId}>{element}</TunnelEntry>;\n    }\n    return element;\n  }\n\n  Component.displayName = `FlowComponent(${componentName})`;\n  return memo(Component);\n}\n"],"names":[],"mappings":";;;;;;;;;;AAgDO,SAAS,aAAA,CACd,aAAA,EACA,2BAAA,EACA,OAAA,GAAmB,EAAC,EACE;AAItB,EAAA,MAAM,EAAE,IAAA,GAAO,IAAA,EAAM,iBAAA,GAAoB,OAAM,GAAI,OAAA;AAEnD,EAAA,MAAM,mCAAA,GAAsC,KAAK,2BAA2B,CAAA;AAE5E,EAAA,SAAS,UAAU,KAAA,EAAc;AAC/B,IAAA,MAAM,EAAE,QAAA,EAAU,QAAA,EAAU,GAAG,kBAAiB,GAAI,QAAA;AAAA,MAClD,aAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,uBAAA,GAA0B,gBAAA;AAIhC,IAAA,MAAM,cAAA,GAAiB,yBAAyB,aAAa,CAAA;AAE7D,IAAA,2BAAA,CAA4B,WAAA,GAAc,qBAAqB,aAAa,CAAA,CAAA,CAAA;AAE5E,IAAA,IAAI,OAAA,mBACF,GAAA,CAAC,mCAAA,EAAA,EAAqC,GAAG,uBAAA,EAAyB,CAAA;AAGpE,IAAA,OAAA,mBACE,GAAA,CAAC,6BAAA,EAAA,EAA8B,cAAA,EAC5B,QAAA,EAAA,OAAA,EACH,CAAA;AAGF,IAAA,IAAI,SAAS,IAAA,EAAM;AAKjB,MAAA,IAAI,iBAAA,EAAmB;AACrB,QAAA,OAAA,mBAAU,GAAA,CAAC,qBAAmB,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,MACxC,CAAA,MAAO;AAUL,QAAA,OAAA,mBACE,GAAA,CAAC,iBAAA,EAAA,EACC,QAAA,kBAAA,GAAA,CAAC,qBAAA,EAAA,EAAuB,mBAAQ,CAAA,EAClC,CAAA;AAAA,MAEJ;AAAA,IACF;AAEA,IAAA,IAAI,MAAA,IAAU,SAAS,CAAC,CAAC,MAAM,IAAA,IAAQ,OAAO,KAAA,CAAM,IAAA,KAAS,QAAA,EAAU;AACrE,MAAA,OAAA,uBACG,mBAAA,EAAA,EAAoB,IAAA,EAAM,MAAM,IAAA,EAAM,SAAA,EAAW,eAC/C,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,IAEJ;AAEA,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,OAAA,GAAU,YAAA,CAAa,QAAA,EAAU,MAAA,EAAW,OAAO,CAAA;AAAA,IACrD;AAEA,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,OAAA,mBAAU,GAAA,CAAC,WAAA,EAAA,EAAY,EAAA,EAAI,QAAA,EAAW,QAAA,EAAA,OAAA,EAAQ,CAAA;AAAA,IAChD;AACA,IAAA,OAAO,OAAA;AAAA,EACT;AAEA,EAAA,SAAA,CAAU,WAAA,GAAc,iBAAiB,aAAa,CAAA,CAAA,CAAA;AACtD,EAAA,OAAO,KAAK,SAAS,CAAA;AACvB;;;;"}

package/dist/js/packages/components/src/lib/controller/overlay/OverlayContextProvider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayContextProvider.mjs","sources":["../../../../../../../../src/lib/controller/overlay/OverlayContextProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport {\n  overlayContext,\n  useOverlayContext,\n} from \"@/lib/controller/overlay/context\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport type { OverlayController } from \"@/lib/controller\";\n\ninterface Props extends PropsWithChildren {\n  type: FlowComponentName;\n  controller: OverlayController;\n}\n\nexport const OverlayContextProvider: FC<Props> = (props) => {\n  const { type, controller, children } = props;\n  const parentContext = useOverlayContext();\n\n  return (\n    <overlayContext.Provider\n      value={{\n        ...parentContext,\n        [type]: controller,\n      }}\n    >\n      {children}\n    </overlayContext.Provider>\n  );\n};\n\nexport default OverlayContextProvider;\n"],"names":[],"mappings":";;;;AAcO,MAAM,sBAAA,GAAoC,CAAC,KAAA,KAAU;AAC1D,EAAA,MAAM,EAAE,IAAA,EAAM,UAAA,EAAY,QAAA,EAAS,GAAI,KAAA;AACvC,EAAA,MAAM,gBAAgB,iBAAA,EAAkB;AAExC,EAAA,uBACE,GAAA;AAAA,IAAC,cAAA,CAAe,QAAA;AAAA,IAAf;AAAA,MACC,KAAA,EAAO;AAAA,QACL,GAAG,aAAA;AAAA,QACH,CAAC,IAAI,GAAG;AAAA,OACV;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ;;;;"}

package/dist/js/packages/components/src/lib/controller/overlay/OverlayController.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayController.mjs","sources":["../../../../../../../../src/lib/controller/overlay/OverlayController.ts"],"sourcesContent":["import { action, makeObservable, observable } from \"mobx\";\nimport useSelector from \"@/lib/mobx/useSelector\";\nimport { useStatic } from \"@/lib/hooks/useStatic\";\nimport { useEffect } from \"react\";\nimport { useCloseOverlayConfirmationController } from \"@/lib/controller/overlay/useCloseOverlayConfirmationController\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\nexport type OverlayOpenHandler = () => unknown;\nexport type OverlayCloseHandler = () => unknown;\nexport type OverlayOpenStateHandler = (isOpen: boolean) => unknown;\ntype AnyOverlayOpenStateHandler =\n  | OverlayOpenHandler\n  | OverlayCloseHandler\n  | OverlayOpenStateHandler;\n\ntype DisposerFn = () => void;\n\nexport interface CloseOverlayOptions {\n  overlay: FlowComponentName | OverlayController;\n  bypassConfirmation?: boolean;\n}\n\nexport type CloseModalOptions = Omit<CloseOverlayOptions, \"overlay\">;\n\ntype CloseOptions = CloseOverlayOptions | CloseModalOptions;\n\nexport interface OverlayControllerOptions {\n  isDefaultOpen?: boolean;\n  onOpen?: OverlayOpenHandler;\n  onClose?: OverlayCloseHandler;\n  onOpenChange?: OverlayOpenStateHandler;\n  confirmOnClose?: boolean;\n}\n\ntype ConstructorOptions = Pick<\n  OverlayControllerOptions,\n  \"isDefaultOpen\" | \"confirmOnClose\"\n>;\n\nexport class OverlayController {\n  public isOpen = false;\n  private onOpenHandlers = new Set<OverlayOpenHandler>();\n  private onCloseHandlers = new Set<OverlayCloseHandler>();\n  private onOpenChangeHandlers = new Set<OverlayOpenStateHandler>();\n\n  public showConfirmationModal = false;\n  public closeIsConfirmed = false;\n  public confirmOnCloseEnabled: boolean;\n\n  public constructor(options: ConstructorOptions = {}) {\n    makeObservable(this, {\n      isOpen: observable,\n      showConfirmationModal: observable,\n      open: action.bound,\n      close: action.bound,\n      toggle: action.bound,\n      setOpen: action.bound,\n      confirmClose: action.bound,\n    });\n    const { isDefaultOpen = false, confirmOnClose = false } = options;\n    this.isOpen = isDefaultOpen;\n    this.confirmOnCloseEnabled = confirmOnClose;\n  }\n\n  public useUpdateOptions(options: OverlayControllerOptions = {}): void {\n    const {\n      onOpen,\n      onClose,\n      onOpenChange,\n      confirmOnClose = this.confirmOnCloseEnabled,\n    } = options;\n\n    this.useOnHandler(onOpen, (h) =>\n      this.addOpenStateHandler(h, this.onOpenHandlers),\n    );\n    this.useOnHandler(onClose, (h) =>\n      this.addOpenStateHandler(h, this.onCloseHandlers),\n    );\n    this.useOnHandler(onOpenChange, (h) =>\n      this.addOpenStateHandler(h, this.onOpenChangeHandlers),\n    );\n\n    this.confirmOnCloseEnabled = confirmOnClose;\n  }\n\n  public static useNew(\n    options: OverlayControllerOptions = {},\n  ): OverlayController {\n    const controller = useStatic(() => new OverlayController(options));\n    controller.useUpdateOptions(options);\n    return controller;\n  }\n\n  private addOpenStateHandler<T extends AnyOverlayOpenStateHandler>(\n    handler: T,\n    handlersSet: Set<T>,\n  ): DisposerFn {\n    handlersSet.add(handler);\n    return () => {\n      handlersSet.delete(handler);\n    };\n  }\n\n  private useOnHandler<T extends AnyOverlayOpenStateHandler>(\n    handler: T | undefined,\n    addHandlerFn: (handler: T) => DisposerFn,\n  ) {\n    useEffect(\n      () => (handler ? addHandlerFn(handler) : undefined),\n      [handler, this],\n    );\n  }\n\n  private executeHandlers(\n    isOpen: boolean,\n    handlers: Set<\n      OverlayOpenHandler | OverlayCloseHandler | OverlayOpenStateHandler\n    >,\n  ): boolean {\n    const handlerResult = Array.from(handlers).map((handler) =>\n      handler(isOpen),\n    );\n    return handlerResult.some((result) => result === false);\n  }\n\n  private executeOnClose(): boolean {\n    return this.executeHandlers(false, this.onCloseHandlers);\n  }\n\n  private executeOnOpen(): boolean {\n    return this.executeHandlers(true, this.onOpenHandlers);\n  }\n\n  private executeOnOpenChange(isOpen: boolean): boolean {\n    return this.executeHandlers(isOpen, this.onOpenChangeHandlers);\n  }\n\n  public addOnClose(handler: OverlayCloseHandler) {\n    return this.addOpenStateHandler(handler, this.onCloseHandlers);\n  }\n\n  public addOnOpen(handler: OverlayOpenHandler) {\n    return this.addOpenStateHandler(handler, this.onOpenHandlers);\n  }\n\n  public addOnOpenChange(handler: OverlayOpenStateHandler) {\n    return this.addOpenStateHandler(handler, this.onOpenChangeHandlers);\n  }\n\n  public open(): void {\n    this.setOpen(true);\n  }\n\n  public close(options?: CloseOptions): void {\n    this.setOpen(false, options);\n  }\n\n  public toggle(): void {\n    this.setOpen(!this.isOpen);\n  }\n\n  public setOpen(toOpen: boolean, options: CloseOptions = {}): void {\n    if (this.isOpen === toOpen) {\n      return;\n    }\n\n    const { bypassConfirmation = false } = options;\n\n    if (\n      toOpen === false &&\n      this.confirmOnCloseEnabled &&\n      !this.closeIsConfirmed &&\n      !bypassConfirmation\n    ) {\n      this.showConfirmationModal = true;\n      return;\n    }\n\n    let aborted = false;\n    if (toOpen) {\n      aborted = this.executeOnOpen();\n    } else {\n      aborted = this.executeOnClose();\n    }\n    if (!aborted) {\n      aborted = this.executeOnOpenChange(toOpen);\n    }\n\n    if (!aborted) {\n      this.isOpen = toOpen;\n      this.closeIsConfirmed = false;\n    }\n  }\n\n  public useIsOpen() {\n    return useSelector(() => this.isOpen);\n  }\n\n  public useShowConfirmationModal() {\n    return useSelector(() => this.showConfirmationModal);\n  }\n\n  public useConfirmationController() {\n    return useCloseOverlayConfirmationController(this);\n  }\n\n  public confirmClose(): void {\n    this.closeIsConfirmed = true;\n    this.showConfirmationModal = false;\n  }\n\n  public cancelConfirmation(): void {\n    this.showConfirmationModal = false;\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/js/packages/components/src/lib/controller/overlay/context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.mjs","sources":["../../../../../../../../src/lib/controller/overlay/context.ts"],"sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { OverlayController } from \"@/lib/controller/overlay/OverlayController\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\nexport type OverlayContext = Partial<\n  Record<FlowComponentName, OverlayController | undefined>\n>;\n\nexport const overlayContext = createContext<OverlayContext>({});\n\nexport const useOverlayContext = (): OverlayContext =>\n  useContext(overlayContext);\n"],"names":[],"mappings":";;AAQO,MAAM,cAAA,GAAiB,aAAA,CAA8B,EAAE;AAEvD,MAAM,iBAAA,GAAoB,MAC/B,UAAA,CAAW,cAAc;;;;"}

package/dist/js/packages/components/src/lib/controller/overlay/useCloseOverlayConfirmationController.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCloseOverlayConfirmationController.mjs","sources":["../../../../../../../../src/lib/controller/overlay/useCloseOverlayConfirmationController.ts"],"sourcesContent":["import type { OverlayController } from \"@/lib/controller/overlay/OverlayController\";\nimport { useModalController } from \"@/lib/controller/overlay/useModalController\";\nimport { useEffect } from \"react\";\n\nexport const useCloseOverlayConfirmationController = (\n  parentController: OverlayController,\n) => {\n  const showConfirmationModal = parentController.useShowConfirmationModal();\n\n  const confirmationModalController = useModalController({\n    reuseControllerFromContext: false,\n    onClose: () => {\n      if (showConfirmationModal) {\n        parentController.cancelConfirmation();\n      }\n    },\n  });\n\n  useEffect(() => {\n    if (showConfirmationModal) {\n      confirmationModalController.open();\n    }\n  }, [confirmationModalController, showConfirmationModal]);\n\n  if (parentController.confirmClose) {\n    return {\n      controller: confirmationModalController,\n      cancel: () => parentController.cancelConfirmation(),\n      confirm: () => {\n        parentController.confirmClose();\n        parentController.close();\n      },\n    } as const;\n  }\n};\n"],"names":[],"mappings":";;;AAIO,MAAM,qCAAA,GAAwC,CACnD,gBAAA,KACG;AACH,EAAA,MAAM,qBAAA,GAAwB,iBAAiB,wBAAA,EAAyB;AAExE,EAAA,MAAM,8BAA8B,kBAAA,CAAmB;AAAA,IACrD,0BAAA,EAA4B,KAAA;AAAA,IAC5B,SAAS,MAAM;AACb,MAAA,IAAI,qBAAA,EAAuB;AACzB,QAAA,gBAAA,CAAiB,kBAAA,EAAmB;AAAA,MACtC;AAAA,IACF;AAAA,GACD,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,qBAAA,EAAuB;AACzB,MAAA,2BAAA,CAA4B,IAAA,EAAK;AAAA,IACnC;AAAA,EACF,CAAA,EAAG,CAAC,2BAAA,EAA6B,qBAAqB,CAAC,CAAA;AAEvD,EAAA,IAAI,iBAAiB,YAAA,EAAc;AACjC,IAAA,OAAO;AAAA,MACL,UAAA,EAAY,2BAAA;AAAA,MACZ,MAAA,EAAQ,MAAM,gBAAA,CAAiB,kBAAA,EAAmB;AAAA,MAClD,SAAS,MAAM;AACb,QAAA,gBAAA,CAAiB,YAAA,EAAa;AAC9B,QAAA,gBAAA,CAAiB,KAAA,EAAM;AAAA,MACzB;AAAA,KACF;AAAA,EACF;AACF;;;;"}

package/dist/js/packages/components/src/lib/controller/overlay/useModalController.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModalController.mjs","sources":["../../../../../../../../src/lib/controller/overlay/useModalController.ts"],"sourcesContent":["import { useOverlayController } from \"@/lib/hooks\";\n\ntype UseModalControllerArgs = Parameters<typeof useOverlayController>;\n\nexport const useModalController = (options?: UseModalControllerArgs[1]) =>\n  useOverlayController(\"Modal\", options);\n"],"names":[],"mappings":";;;;;;;;AAIO,MAAM,kBAAA,GAAqB,CAAC,OAAA,KACjC,oBAAA,CAAqB,SAAS,OAAO;;;;"}

package/dist/js/packages/components/src/lib/controller/overlay/useOverlayController.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayController.mjs","sources":["../../../../../../../../src/lib/controller/overlay/useOverlayController.ts"],"sourcesContent":["import { useOverlayContext } from \"@/lib/controller/overlay/context\";\nimport type { OverlayControllerOptions } from \"@/lib/controller/overlay/OverlayController\";\nimport { OverlayController } from \"@/lib/controller/overlay/OverlayController\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\nexport interface UseOverlayControllerOptions extends OverlayControllerOptions {\n  reuseControllerFromContext?: boolean;\n}\n\nexport const useOverlayController = (\n  overlayType: FlowComponentName,\n  options: UseOverlayControllerOptions = {},\n): OverlayController => {\n  const { reuseControllerFromContext = true, ...restControllerOptions } =\n    options;\n\n  const newController = OverlayController.useNew(restControllerOptions);\n  const controllerFromContext = useOverlayContext()[overlayType];\n\n  const controller =\n    reuseControllerFromContext && controllerFromContext\n      ? controllerFromContext\n      : newController;\n\n  if (controller === controllerFromContext) {\n    controller.useUpdateOptions(restControllerOptions);\n  }\n\n  return controller;\n};\n"],"names":[],"mappings":";;;AASO,MAAM,oBAAA,GAAuB,CAClC,WAAA,EACA,OAAA,GAAuC,EAAC,KAClB;AACtB,EAAA,MAAM,EAAE,0BAAA,GAA6B,IAAA,EAAM,GAAG,uBAAsB,GAClE,OAAA;AAEF,EAAA,MAAM,aAAA,GAAgB,iBAAA,CAAkB,MAAA,CAAO,qBAAqB,CAAA;AACpE,EAAA,MAAM,qBAAA,GAAwB,iBAAA,EAAkB,CAAE,WAAW,CAAA;AAE7D,EAAA,MAAM,UAAA,GACJ,0BAAA,IAA8B,qBAAA,GAC1B,qBAAA,GACA,aAAA;AAEN,EAAA,IAAI,eAAe,qBAAA,EAAuB;AACxC,IAAA,UAAA,CAAW,iBAAiB,qBAAqB,CAAA;AAAA,EACnD;AAEA,EAAA,OAAO,UAAA;AACT;;;;"}