@mittwald/flow-react-components 0.2.0-alpha.992 → 0.2.0-alpha.994

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

@@ -1 +1 @@
-{"version":3,"file":"Form.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/Form/Form.tsx"],"sourcesContent":["import { FormContextProvider } from \"@/integrations/react-hook-form/components/FormContextProvider/FormContextProvider\";\nimport { flags } from \"@/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 { 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    // Only contribute to the surrounding Modal's close confirmation while the\n    // flag is enabled – otherwise a `<Modal confirmOnClose>` around this Form\n    // would be overruled. The Modal renders the confirmation dialog itself.\n    confirmOnClose: flags.requireCloseModalConfirmationOnUnsavedChanges\n      ? isDirty\n      : undefined,\n  });\n  modalController.useOnClosed(() => {\n    if (autoResetOptions?.onAfterModalClose) {\n      form.reset();\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    formEvent?.stopPropagation();\n\n    return form.handleSubmit((values, event) => {\n      modalController.confirmClose();\n\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    </RhfFormContextProvider>\n  );\n}\n\nexport default Form;\n"],"names":["RhfFormContextProvider"],"mappings":"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"}
+{"version":3,"file":"Form.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/Form/Form.tsx"],"sourcesContent":["import { FormContextProvider } from \"@/integrations/react-hook-form/components/FormContextProvider/FormContextProvider\";\nimport { flags } from \"@/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 { 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    // Only contribute to the surrounding Modal's close confirmation while the\n    // flag is enabled – otherwise a `<Modal confirmOnClose>` around this Form\n    // would be overruled. The Modal renders the confirmation dialog itself.\n    confirmOnClose: flags.requireCloseModalConfirmationOnUnsavedChanges\n      ? isDirty\n      : undefined,\n  });\n  modalController.useOnClosed(() => {\n    if (autoResetOptions?.onAfterModalClose) {\n      form.reset();\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    formEvent?.stopPropagation();\n\n    return form.handleSubmit((values, event) => {\n      modalController.confirmClose();\n\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    </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/FormAction/FormResetAction.mjs

@@ -2,16 +2,8 @@
 /* */
 import { jsx } from 'react/jsx-runtime';
 import { Action } from '../../../../components/Action/Action.mjs';
-import '../../../../components/TranslationProvider/TranslationProvider.mjs';
-import 'remeda';
-import 'intl-messageformat';
-import '@react-aria/i18n';
-import 'react';
-import 'react-aria';
-import '@react-aria/live-announcer';
-import { useFormContext } from '../FormContextProvider/FormContextProvider.mjs';
-import '../../../../lib/propsContext/propsContext.mjs';
 import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
+import { useFormContext } from '../FormContextProvider/FormContextProvider.mjs';
 
 const FormResetAction = (props) => {
   const { children, ...actionProps } = props;

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

@@ -1 +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;;;;"}
+{"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

@@ -3,17 +3,9 @@
 import { jsx } from 'react/jsx-runtime';
 import { Action } from '../../../../components/Action/Action.mjs';
 import { ActionBatch } from '../../../../components/Action/ActionBatch.mjs';
-import '../../../../components/TranslationProvider/TranslationProvider.mjs';
-import 'remeda';
-import 'intl-messageformat';
-import '@react-aria/i18n';
-import 'react';
-import 'react-aria';
-import '@react-aria/live-announcer';
-import { useFormContext } from '../FormContextProvider/FormContextProvider.mjs';
 import { useFormSubmitAction } from '../FormContextProvider/useFormSubmitAction.mjs';
-import '../../../../lib/propsContext/propsContext.mjs';
 import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
+import { useFormContext } from '../FormContextProvider/FormContextProvider.mjs';
 
 const InnerFormSubmitAction = (props) => {
   const { children, ...actionProps } = props;

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

@@ -1 +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;;;;"}
+{"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

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState } from 'react';
+import { useContext, useState, createContext } from 'react';
 import invariant from 'invariant';
 import { useUpdateReadOnly } from './useUpdateReadOnly.mjs';
 

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

@@ -1,16 +1,8 @@
 "use client"
 /* */
-import '../../../../components/Action/Action.mjs';
 import { AbortActionError } from '../../../../components/Action/AbortActionError.mjs';
-import 'react/jsx-runtime';
-import '../../../../components/TranslationProvider/TranslationProvider.mjs';
-import 'remeda';
-import 'intl-messageformat';
-import '@react-aria/i18n';
-import { useRef, useEffect } from 'react';
-import 'react-aria';
-import '@react-aria/live-announcer';
 import { ActionModel } from '../../../../components/Action/models/ActionModel.mjs';
+import { useRef, useEffect } from 'react';
 
 const useFormSubmitAction = (formState, actionProps) => {
   const { isSubmitting, isSubmitSuccessful } = formState;

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

@@ -1 +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;;;;"}
+{"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/FormRootError/FormRootError.mjs

@@ -1,9 +1,9 @@
 "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';
+import { useFormContext } from '../FormContextProvider/FormContextProvider.mjs';
 
 const FormRootError = () => {
   const form = useFormContext().form;

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

@@ -1,7 +1,7 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext } from 'react';
+import { useContext, createContext } from 'react';
 
 const context = createContext({});
 function FormSettingsProvider(props) {

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

@@ -1,9 +1,8 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import '../../../../components/Button/Button.mjs';
-import { FormAction } from '../FormAction/FormAction.mjs';
 import ButtonView from '../../../../views/ButtonView.mjs';
+import { FormAction } from '../FormAction/FormAction.mjs';
 
 const ResetButton = (props) => {
   return /* @__PURE__ */ jsx(FormAction, { reset: true, children: /* @__PURE__ */ jsx(ButtonView, { ...props }) });

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

@@ -1 +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;;;;"}
+{"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

@@ -1,9 +1,8 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import '../../../../components/Button/Button.mjs';
-import { FormAction } from '../FormAction/FormAction.mjs';
 import ButtonView from '../../../../views/ButtonView.mjs';
+import { FormAction } from '../FormAction/FormAction.mjs';
 
 const SubmitButton = (props) => {
   const { showFeedback, ...buttonProps } = props;

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

@@ -1 +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 color=\"accent\" {...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,UAAA,EAAA,EAAW,MAAA,EAAM,IAAA,EAAC,YAAA,EACjB,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAM,QAAA,EAAU,GAAG,WAAA,EAAa,CAAA,EAC9C,CAAA;AAEJ;;;;"}
+{"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 color=\"accent\" {...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,UAAA,EAAA,EAAW,MAAA,EAAM,IAAA,EAAC,YAAA,EACjB,QAAA,kBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAM,QAAA,EAAU,GAAG,WAAA,EAAa,CAAA,EAC9C,CAAA;AAEJ;;;;"}

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

@@ -5,11 +5,11 @@ import { memo, cloneElement } from 'react';
 import { SlotContextProvider } from '../slotContext/SlotContextProvider.mjs';
 import { useProps } from '../hooks/useProps.mjs';
 import { useComponentPropsContext } from '../propsContext/propsContext.mjs';
-import { ComponentPropsContextProvider } from '../propsContext/components/ComponentPropsContextProvider.mjs';
-import { ClearPropsContext } from '../propsContext/components/ClearPropsContext.mjs';
 import ClearPropsContextView from '../../views/ClearPropsContextView.mjs';
 import { UiComponentTunnelProvider } from '../../components/UiComponentTunnel/UiComponentTunnelProvider.mjs';
 import { UiComponentTunnelEntry } from '../../components/UiComponentTunnel/UiComponentTunnelEntry.mjs';
+import { ComponentPropsContextProvider } from '../propsContext/components/ComponentPropsContextProvider.mjs';
+import { ClearPropsContext } from '../propsContext/components/ClearPropsContext.mjs';
 
 function flowComponent(componentName, ImplementationComponentType, options = {}) {
   const { type = "ui", isRemoteComponent = false } = options;

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

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { createContext, useContext } from 'react';
+import { useContext, createContext } from 'react';
 
 const overlayContext = createContext({});
 const useOverlayContext = () => useContext(overlayContext);

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

@@ -1,12 +1,10 @@
 "use client"
 /* */
-import 'mobx';
 import 'react';
-import { useOverlayController } from './useOverlayController.mjs';
-import '../../propsContext/propsContext.mjs';
 import 'remeda';
 import '@react-aria/utils';
 import 'dot-prop';
+import { useOverlayController } from './useOverlayController.mjs';
 
 const useModalController = (options) => useOverlayController("Modal", options);
 

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

@@ -1 +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;;;;"}
+{"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/hooks/useFieldComponent.mjs

@@ -1,8 +1,6 @@
 "use client"
 /* */
 import { useId } from 'react';
-import '../propsContext/propsContext.mjs';
-import '../propsContext/components/PropsContextProvider.mjs';
 import formFieldStyles from '../../components/FormField/FormField.module.scss.mjs';
 import { useFieldError } from './useFieldError.mjs';
 import clsx from 'clsx';

package/dist/js/packages/components/src/lib/hooks/useFieldComponent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFieldComponent.mjs","sources":["../../../../../../../src/lib/hooks/useFieldComponent.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, useId } from \"react\";\nimport { type PropsContext } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { useFieldError } from \"@/lib/hooks/useFieldError\";\nimport clsx, { type ClassValue } from \"clsx\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\ninterface FieldComponentProps {\n  className?: ClassValue;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  \"aria-describedby\"?: string;\n}\n\nexport interface UseFieldComponent {\n  FieldErrorCaptureContext: FC<PropsWithChildren>;\n  FieldErrorView: FC;\n  fieldPropsContext: PropsContext;\n  fieldProps: {\n    \"aria-describedby\"?: string;\n    className?: ReturnType<typeof clsx>;\n  };\n}\n\nexport const useFieldComponent = (\n  props: FieldComponentProps,\n  component: FlowComponentName,\n): UseFieldComponent => {\n  const fieldErrorId = useId();\n  const { FieldErrorView, FieldErrorCaptureContext } = useFieldError({\n    fieldErrorId,\n    component,\n  });\n\n  // setting up the props context for all components that\n  // are part of a form control\n  const fieldPropsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n      optional: !props.isRequired,\n      isDisabled: !!props.isDisabled,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n    },\n  };\n\n  return {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps: {\n      \"aria-describedby\": props.isInvalid\n        ? fieldErrorId\n        : props[\"aria-describedby\"],\n      className: clsx(formFieldStyles.formField),\n    },\n  } as const;\n};\n"],"names":[],"mappings":";;;;;;;AAyBO,MAAM,iBAAA,GAAoB,CAC/B,KAAA,EACA,SAAA,KACsB;AACtB,EAAA,MAAM,eAAe,KAAA,EAAM;AAC3B,EAAA,MAAM,EAAE,cAAA,EAAgB,wBAAA,EAAyB,GAAI,aAAA,CAAc;AAAA,IACjE,YAAA;AAAA,IACA;AAAA,GACD,CAAA;AAID,EAAA,MAAM,iBAAA,GAAkC;AAAA,IACtC,KAAA,EAAO;AAAA,MACL,WAAW,eAAA,CAAgB,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAA,CAAM,UAAA;AAAA,MACjB,UAAA,EAAY,CAAC,CAAC,KAAA,CAAM;AAAA,KACtB;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB,WAAW,eAAA,CAAgB;AAAA;AAC7B,GACF;AAEA,EAAA,OAAO;AAAA,IACL,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,iBAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,kBAAA,EAAoB,KAAA,CAAM,SAAA,GACtB,YAAA,GACA,MAAM,kBAAkB,CAAA;AAAA,MAC5B,SAAA,EAAW,IAAA,CAAK,eAAA,CAAgB,SAAS;AAAA;AAC3C,GACF;AACF;;;;"}
+{"version":3,"file":"useFieldComponent.mjs","sources":["../../../../../../../src/lib/hooks/useFieldComponent.tsx"],"sourcesContent":["import { type FC, type PropsWithChildren, useId } from \"react\";\nimport { type PropsContext } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport { useFieldError } from \"@/lib/hooks/useFieldError\";\nimport clsx, { type ClassValue } from \"clsx\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\ninterface FieldComponentProps {\n  className?: ClassValue;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  \"aria-describedby\"?: string;\n}\n\nexport interface UseFieldComponent {\n  FieldErrorCaptureContext: FC<PropsWithChildren>;\n  FieldErrorView: FC;\n  fieldPropsContext: PropsContext;\n  fieldProps: {\n    \"aria-describedby\"?: string;\n    className?: ReturnType<typeof clsx>;\n  };\n}\n\nexport const useFieldComponent = (\n  props: FieldComponentProps,\n  component: FlowComponentName,\n): UseFieldComponent => {\n  const fieldErrorId = useId();\n  const { FieldErrorView, FieldErrorCaptureContext } = useFieldError({\n    fieldErrorId,\n    component,\n  });\n\n  // setting up the props context for all components that\n  // are part of a form control\n  const fieldPropsContext: PropsContext = {\n    Label: {\n      className: formFieldStyles.label,\n      optional: !props.isRequired,\n      isDisabled: !!props.isDisabled,\n    },\n    FieldDescription: {\n      className: formFieldStyles.fieldDescription,\n    },\n  };\n\n  return {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps: {\n      \"aria-describedby\": props.isInvalid\n        ? fieldErrorId\n        : props[\"aria-describedby\"],\n      className: clsx(formFieldStyles.formField),\n    },\n  } as const;\n};\n"],"names":[],"mappings":";;;;;AAyBO,MAAM,iBAAA,GAAoB,CAC/B,KAAA,EACA,SAAA,KACsB;AACtB,EAAA,MAAM,eAAe,KAAA,EAAM;AAC3B,EAAA,MAAM,EAAE,cAAA,EAAgB,wBAAA,EAAyB,GAAI,aAAA,CAAc;AAAA,IACjE,YAAA;AAAA,IACA;AAAA,GACD,CAAA;AAID,EAAA,MAAM,iBAAA,GAAkC;AAAA,IACtC,KAAA,EAAO;AAAA,MACL,WAAW,eAAA,CAAgB,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAA,CAAM,UAAA;AAAA,MACjB,UAAA,EAAY,CAAC,CAAC,KAAA,CAAM;AAAA,KACtB;AAAA,IACA,gBAAA,EAAkB;AAAA,MAChB,WAAW,eAAA,CAAgB;AAAA;AAC7B,GACF;AAEA,EAAA,OAAO;AAAA,IACL,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,iBAAA;AAAA,IACA,UAAA,EAAY;AAAA,MACV,kBAAA,EAAoB,KAAA,CAAM,SAAA,GACtB,YAAA,GACA,MAAM,kBAAkB,CAAA;AAAA,MAC5B,SAAA,EAAW,IAAA,CAAK,eAAA,CAAgB,SAAS;AAAA;AAC3C,GACF;AACF;;;;"}

package/dist/js/packages/components/src/lib/hooks/useFieldError.mjs

@@ -2,7 +2,6 @@
 /* */
 import { jsx } from 'react/jsx-runtime';
 import React, { useMemo } from 'react';
-import '../propsContext/propsContext.mjs';
 import { PropsContextProvider } from '../propsContext/components/PropsContextProvider.mjs';
 import formFieldStyles from '../../components/FormField/FormField.module.scss.mjs';
 import { ClearPropsContext } from '../propsContext/components/ClearPropsContext.mjs';

package/dist/js/packages/components/src/lib/hooks/useFieldError.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useFieldError.mjs","sources":["../../../../../../../src/lib/hooks/useFieldError.tsx"],"sourcesContent":["import React, { type FC, type PropsWithChildren, useMemo } from \"react\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport ClearPropsContext from \"@/lib/propsContext/components/ClearPropsContext\";\nimport { useProps } from \"@/lib/hooks/useProps\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\nexport interface UseFieldErrorOptions {\n  fieldErrorId: string;\n  tunnelId?: string;\n  component: FlowComponentName;\n}\n\nexport const useFieldError = (options: UseFieldErrorOptions) => {\n  const fieldErrorProps = useProps(\"FieldError\", {});\n  const currentTunnelId = fieldErrorProps.tunnel?.id;\n  const tunnelId =\n    options.tunnelId ?? currentTunnelId ?? `${options.fieldErrorId}.fieldError`;\n\n  const fieldErrorCapturePropsContext: PropsContext = {\n    FieldError: {\n      id: options.fieldErrorId,\n      tunnel: { id: tunnelId, component: options.component },\n      className: formFieldStyles.fieldError,\n    },\n  };\n\n  const FieldErrorCaptureContext: FC<PropsWithChildren> = useMemo(\n    () => (props) => {\n      return (\n        <PropsContextProvider\n          props={fieldErrorCapturePropsContext}\n          dependencies={[tunnelId]}\n        >\n          {props.children}\n        </PropsContextProvider>\n      );\n    },\n    [tunnelId],\n  );\n\n  const FieldErrorView = () => {\n    if (currentTunnelId) {\n      return null;\n    }\n\n    return (\n      <UiComponentTunnelExit id={tunnelId} component={options.component}>\n        {(children) => {\n          const childrenArray = React.Children.toArray(children);\n          return <ClearPropsContext>{childrenArray[0]}</ClearPropsContext>;\n        }}\n      </UiComponentTunnelExit>\n    );\n  };\n\n  return {\n    FieldErrorCaptureContext,\n    FieldErrorView,\n  } as const;\n};\n"],"names":[],"mappings":";;;;;;;;;AAcO,MAAM,aAAA,GAAgB,CAAC,OAAA,KAAkC;AAC9D,EAAA,MAAM,eAAA,GAAkB,QAAA,CAAS,YAAA,EAAc,EAAE,CAAA;AACjD,EAAA,MAAM,eAAA,GAAkB,gBAAgB,MAAA,EAAQ,EAAA;AAChD,EAAA,MAAM,WACJ,OAAA,CAAQ,QAAA,IAAY,eAAA,IAAmB,CAAA,EAAG,QAAQ,YAAY,CAAA,WAAA,CAAA;AAEhE,EAAA,MAAM,6BAAA,GAA8C;AAAA,IAClD,UAAA,EAAY;AAAA,MACV,IAAI,OAAA,CAAQ,YAAA;AAAA,MACZ,QAAQ,EAAE,EAAA,EAAI,QAAA,EAAU,SAAA,EAAW,QAAQ,SAAA,EAAU;AAAA,MACrD,WAAW,eAAA,CAAgB;AAAA;AAC7B,GACF;AAEA,EAAA,MAAM,wBAAA,GAAkD,OAAA;AAAA,IACtD,MAAM,CAAC,KAAA,KAAU;AACf,MAAA,uBACE,GAAA;AAAA,QAAC,oBAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,6BAAA;AAAA,UACP,YAAA,EAAc,CAAC,QAAQ,CAAA;AAAA,UAEtB,QAAA,EAAA,KAAA,CAAM;AAAA;AAAA,OACT;AAAA,IAEJ,CAAA;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAA,IAAI,eAAA,EAAiB;AACnB,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,uBACE,GAAA,CAAC,yBAAsB,EAAA,EAAI,QAAA,EAAU,WAAW,OAAA,CAAQ,SAAA,EACrD,WAAC,QAAA,KAAa;AACb,MAAA,MAAM,aAAA,GAAgB,KAAA,CAAM,QAAA,CAAS,OAAA,CAAQ,QAAQ,CAAA;AACrD,MAAA,uBAAO,GAAA,CAAC,iBAAA,EAAA,EAAmB,QAAA,EAAA,aAAA,CAAc,CAAC,CAAA,EAAE,CAAA;AAAA,IAC9C,CAAA,EACF,CAAA;AAAA,EAEJ,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,wBAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}
+{"version":3,"file":"useFieldError.mjs","sources":["../../../../../../../src/lib/hooks/useFieldError.tsx"],"sourcesContent":["import React, { type FC, type PropsWithChildren, useMemo } from \"react\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport ClearPropsContext from \"@/lib/propsContext/components/ClearPropsContext\";\nimport { useProps } from \"@/lib/hooks/useProps\";\nimport { UiComponentTunnelExit } from \"@/components/UiComponentTunnel/UiComponentTunnelExit\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\n\nexport interface UseFieldErrorOptions {\n  fieldErrorId: string;\n  tunnelId?: string;\n  component: FlowComponentName;\n}\n\nexport const useFieldError = (options: UseFieldErrorOptions) => {\n  const fieldErrorProps = useProps(\"FieldError\", {});\n  const currentTunnelId = fieldErrorProps.tunnel?.id;\n  const tunnelId =\n    options.tunnelId ?? currentTunnelId ?? `${options.fieldErrorId}.fieldError`;\n\n  const fieldErrorCapturePropsContext: PropsContext = {\n    FieldError: {\n      id: options.fieldErrorId,\n      tunnel: { id: tunnelId, component: options.component },\n      className: formFieldStyles.fieldError,\n    },\n  };\n\n  const FieldErrorCaptureContext: FC<PropsWithChildren> = useMemo(\n    () => (props) => {\n      return (\n        <PropsContextProvider\n          props={fieldErrorCapturePropsContext}\n          dependencies={[tunnelId]}\n        >\n          {props.children}\n        </PropsContextProvider>\n      );\n    },\n    [tunnelId],\n  );\n\n  const FieldErrorView = () => {\n    if (currentTunnelId) {\n      return null;\n    }\n\n    return (\n      <UiComponentTunnelExit id={tunnelId} component={options.component}>\n        {(children) => {\n          const childrenArray = React.Children.toArray(children);\n          return <ClearPropsContext>{childrenArray[0]}</ClearPropsContext>;\n        }}\n      </UiComponentTunnelExit>\n    );\n  };\n\n  return {\n    FieldErrorCaptureContext,\n    FieldErrorView,\n  } as const;\n};\n"],"names":[],"mappings":";;;;;;;;AAcO,MAAM,aAAA,GAAgB,CAAC,OAAA,KAAkC;AAC9D,EAAA,MAAM,eAAA,GAAkB,QAAA,CAAS,YAAA,EAAc,EAAE,CAAA;AACjD,EAAA,MAAM,eAAA,GAAkB,gBAAgB,MAAA,EAAQ,EAAA;AAChD,EAAA,MAAM,WACJ,OAAA,CAAQ,QAAA,IAAY,eAAA,IAAmB,CAAA,EAAG,QAAQ,YAAY,CAAA,WAAA,CAAA;AAEhE,EAAA,MAAM,6BAAA,GAA8C;AAAA,IAClD,UAAA,EAAY;AAAA,MACV,IAAI,OAAA,CAAQ,YAAA;AAAA,MACZ,QAAQ,EAAE,EAAA,EAAI,QAAA,EAAU,SAAA,EAAW,QAAQ,SAAA,EAAU;AAAA,MACrD,WAAW,eAAA,CAAgB;AAAA;AAC7B,GACF;AAEA,EAAA,MAAM,wBAAA,GAAkD,OAAA;AAAA,IACtD,MAAM,CAAC,KAAA,KAAU;AACf,MAAA,uBACE,GAAA;AAAA,QAAC,oBAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAO,6BAAA;AAAA,UACP,YAAA,EAAc,CAAC,QAAQ,CAAA;AAAA,UAEtB,QAAA,EAAA,KAAA,CAAM;AAAA;AAAA,OACT;AAAA,IAEJ,CAAA;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EAAA,MAAM,iBAAiB,MAAM;AAC3B,IAAA,IAAI,eAAA,EAAiB;AACnB,MAAA,OAAO,IAAA;AAAA,IACT;AAEA,IAAA,uBACE,GAAA,CAAC,yBAAsB,EAAA,EAAI,QAAA,EAAU,WAAW,OAAA,CAAQ,SAAA,EACrD,WAAC,QAAA,KAAa;AACb,MAAA,MAAM,aAAA,GAAgB,KAAA,CAAM,QAAA,CAAS,OAAA,CAAQ,QAAQ,CAAA;AACrD,MAAA,uBAAO,GAAA,CAAC,iBAAA,EAAA,EAAmB,QAAA,EAAA,aAAA,CAAc,CAAC,CAAA,EAAE,CAAA;AAAA,IAC9C,CAAA,EACF,CAAA;AAAA,EAEJ,CAAA;AAEA,EAAA,OAAO;AAAA,IACL,wBAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/js/packages/components/src/lib/propsContext/components/PropsContextProvider.mjs

@@ -3,7 +3,7 @@
 import { jsx } from 'react/jsx-runtime';
 import mergePropsContext from '../mergePropsContext.mjs';
 import { addNestingLevel } from '../nestedPropsContext/lib.mjs';
-import { propsContext, usePropsContext } from '../propsContext.mjs';
+import { usePropsContext, propsContext } from '../propsContext.mjs';
 import { memo, useMemo } from 'react';
 
 const Provider = memo(propsContext.Provider);

package/dist/js/packages/components/src/views/ClearPropsContextView.mjs

@@ -2,8 +2,8 @@
 /* */
 import { jsx } from 'react/jsx-runtime';
 import { memo, useContext } from 'react';
-import { ClearPropsContext } from '../lib/propsContext/components/ClearPropsContext.mjs';
 import { viewComponentContext } from '../lib/viewComponentContext/viewComponentContext.mjs';
+import { ClearPropsContext } from '../lib/propsContext/components/ClearPropsContext.mjs';
 
 const ClearPropsContextView = memo((props) => {
   const View = useContext(viewComponentContext)["ClearPropsContext"] ?? ClearPropsContext;

package/dist/js/react-hook-form.mjs

@@ -1,14 +1,14 @@
 "use client"
 /* */
 export { Field, typedField } from './packages/components/src/integrations/react-hook-form/components/Field/Field.mjs';
-export { debounceValidate } from './packages/components/src/integrations/react-hook-form/components/Field/lib/debounceValidate.mjs';
 export { Form } from './packages/components/src/integrations/react-hook-form/components/Form/Form.mjs';
-export { useFormSubmitController } from './packages/components/src/integrations/react-hook-form/components/Form/hooks/useFormSubmitController.mjs';
-export { SubmitButton } from './packages/components/src/integrations/react-hook-form/components/SubmitButton/SubmitButton.mjs';
+export { FormAction } from './packages/components/src/integrations/react-hook-form/components/FormAction/FormAction.mjs';
+export { FormRootError } from './packages/components/src/integrations/react-hook-form/components/FormRootError/FormRootError.mjs';
 export { FormSettingsProvider } from './packages/components/src/integrations/react-hook-form/components/FormSettingsProvider/FormSettingsProvider.mjs';
 export { ResetButton } from './packages/components/src/integrations/react-hook-form/components/ResetButton/ResetButton.mjs';
-export { FormRootError } from './packages/components/src/integrations/react-hook-form/components/FormRootError/FormRootError.mjs';
-export { useFormContext, useOptionalFormContext } from './packages/components/src/integrations/react-hook-form/components/FormContextProvider/FormContextProvider.mjs';
-export { FormAction } from './packages/components/src/integrations/react-hook-form/components/FormAction/FormAction.mjs';
+export { SubmitButton } from './packages/components/src/integrations/react-hook-form/components/SubmitButton/SubmitButton.mjs';
+export { debounceValidate } from './packages/components/src/integrations/react-hook-form/components/Field/lib/debounceValidate.mjs';
 export { flags } from './packages/components/src/flags.mjs';
+export { useFormContext, useOptionalFormContext } from './packages/components/src/integrations/react-hook-form/components/FormContextProvider/FormContextProvider.mjs';
+export { useFormSubmitController } from './packages/components/src/integrations/react-hook-form/components/Form/hooks/useFormSubmitController.mjs';
 //# sourceMappingURL=react-hook-form.mjs.map

package/package.json

@@ -1,10 +1,14 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.992",
+  "version": "0.2.0-alpha.994",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://flow.mittwald.de",
   "repository": "https://github.com/mittwald/flow",
+  "sideEffects": [
+    "**/*.css",
+    "**/*.scss"
+  ],
   "exports": {
     ".": {
       "types": "./dist/types/index/default.d.ts",
@@ -68,9 +72,9 @@
     "@internationalized/string-compiler": "^3.4.1",
     "@lezer/common": "^1.5.2",
     "@lezer/highlight": "^1.2.3",
-    "@mittwald/flow-icons": "0.2.0-alpha.992",
+    "@mittwald/flow-icons": "0.2.0-alpha.994",
     "@mittwald/password-tools-js": "3.0.0-alpha.31",
-    "@mittwald/react-tunnel": "0.2.0-alpha.992",
+    "@mittwald/react-tunnel": "0.2.0-alpha.994",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.2.1",
     "@react-aria/i18n": "^3.13.1",
@@ -125,7 +129,7 @@
     "@lezer/generator": "^1.8.0",
     "@lezer/lr": "^1.4.10",
     "@mittwald/flow-core": "",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.992",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.994",
     "@mittwald/flow-icons-base": "",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
@@ -180,7 +184,7 @@
   },
   "peerDependencies": {
     "@internationalized/date": "^3.12.2",
-    "@mittwald/flow-icons-pro": "0.2.0-alpha.992",
+    "@mittwald/flow-icons-pro": "0.2.0-alpha.994",
     "@mittwald/react-use-promise": "^4.2.2",
     "next": "^16.2.3",
     "react": "^19.2.0",
@@ -201,5 +205,5 @@
       "optional": true
     }
   },
-  "gitHead": "413a5442c79ef509b297a8d91310ac82f762e5d1"
+  "gitHead": "034ee16074757c02799b0aa7a1cef20001a5ce48"
 }