@mittwald/flow-react-components 0.2.0-alpha.477 → 0.2.0-alpha.479

package/dist/js/components/src/components/PasswordCreationField/PasswordCreationField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordCreationField.mjs","sources":["../../../../../../src/components/PasswordCreationField/PasswordCreationField.tsx"],"sourcesContent":["import React, {\n  type PropsWithChildren,\n  useState,\n  type ClipboardEvent,\n  useDeferredValue,\n  useMemo,\n} from \"react\";\nimport {\n  ClearPropsContext,\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport styles from \"./PasswordCreationField.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport clsx from \"clsx\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { type ActionFn } from \"@/components/Action\";\nimport getStateFromLatestPolicyValidationResult from \"@/components/PasswordCreationField/lib/getStateFromLatestPolicyValidationResult\";\nimport locales from \"./locales/*.locale.json\";\nimport generateValidationTranslation from \"@/components/PasswordCreationField/lib/generateValidationTranslation\";\nimport { FieldError } from \"@/components/FieldError\";\nimport FieldDescription from \"@/components/FieldDescription\";\nimport ComplexityIndicator from \"@/components/PasswordCreationField/components/ComplexityIndicator/ComplexityIndicator\";\nimport { generatePassword } from \"@/components/PasswordCreationField/worker/generatePassword\";\nimport TogglePasswordVisibilityButton from \"@/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton\";\nimport { FieldErrorContext } from \"react-aria-components\";\nimport { Wrap } from \"@/components/Wrap\";\nimport { ReactAriaControlledValueFix } from \"@/lib/react/ReactAriaControlledValueFix\";\nimport { ValidationResultButton } from \"@/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton\";\nimport { PasswordGenerateButton } from \"@/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton\";\nimport { useLocalizedContextStringFormatter } from \"@/components/TranslationProvider/useLocalizedContextStringFormatter\";\nimport type {\n  PolicyValidationResult,\n  PolicyGenericDeclaration,\n  RuleValidationResult,\n} from \"@/integrations/@mittwald/password-tools-js\";\nimport {\n  defaultPasswordCreationPolicy,\n  Policy,\n} from \"@/integrations/@mittwald/password-tools-js\";\nimport { usePolicyValidationResult } from \"@/components/PasswordCreationField/lib/usePolicyValidationResult\";\n\nexport interface PasswordCreationFieldProps\n  extends PropsWithChildren<\n      Omit<Aria.TextFieldProps, \"children\" | \"value\" | \"defaultValue\"> &\n        Partial<Pick<Aria.FieldErrorRenderProps, \"validationErrors\">>\n    >,\n    FlowComponentProps<HTMLInputElement> {\n  value?: string;\n  onValidationResult?: (result: { password: string; isValid: boolean }) => void;\n  defaultValue?: string;\n  placeholder?: string;\n  validationPolicy?: PolicyGenericDeclaration;\n}\n\nexport interface ResolvedPolicyValidationResult\n  extends Omit<PolicyValidationResult, \"isValid\"> {\n  isValid: boolean | \"indeterminate\";\n  ruleResults: RuleValidationResult[];\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const PasswordCreationField = flowComponent(\n  \"PasswordCreationField\",\n  (props) => {\n    const {\n      children,\n      className,\n      ref,\n      isDisabled,\n      onChange: onChangeFromProps,\n      onValidationResult,\n      isInvalid: invalidFromProps,\n      validationPolicy:\n        validationPolicyFromProps = defaultPasswordCreationPolicy,\n      isRequired,\n      value: valueFromProps,\n      defaultValue,\n      ...rest\n    } = props;\n\n    const [isLoading, setIsLoading] = useState(false);\n    const translate = useLocalizedContextStringFormatter(locales);\n    const validationPolicy = useMemo(\n      () => Policy.fromDeclaration(validationPolicyFromProps),\n      [validationPolicyFromProps],\n    );\n\n    const isControlled = typeof valueFromProps !== \"undefined\";\n    const hasDefaultValue = typeof defaultValue !== \"undefined\";\n    const [internalValue, setInternalValue] = useState(\n      hasDefaultValue ? defaultValue : \"\",\n    );\n    const value = isControlled ? valueFromProps : internalValue;\n    const deferredValue = useDeferredValue(value);\n\n    const [isPasswordRevealed, setIsPasswordRevealed] = useState(false);\n    const initialPolicyValidationState: ResolvedPolicyValidationResult = {\n      isValid: true,\n      complexity: {\n        min: validationPolicy.minComplexity,\n        actual: 4,\n        warning: null,\n      },\n      ruleResults: [],\n    };\n\n    const [policyValidationResult, setPolicyValidationResult] = useState(\n      initialPolicyValidationState,\n    );\n    usePolicyValidationResult(\n      validationPolicy,\n      deferredValue,\n      () => {\n        if (isEmptyValue) {\n          return;\n        }\n\n        setIsLoading(() => true);\n      },\n      ({ password, isValid, results }) => {\n        if (isEmptyValue) {\n          setPolicyValidationResult(() => ({\n            ...results,\n            isValid: true,\n          }));\n          return;\n        }\n\n        setIsLoading(() => false);\n        setPolicyValidationResult(() => results);\n        onValidationResult?.({ password, isValid });\n      },\n    );\n\n    const isEmptyValue = !value;\n    const stateFromValidationResult = getStateFromLatestPolicyValidationResult(\n      isEmptyValue,\n      policyValidationResult,\n    );\n    let latestValidationErrorText = undefined;\n    if (stateFromValidationResult) {\n      const [translationKey, translationValues] = generateValidationTranslation(\n        stateFromValidationResult,\n      );\n      latestValidationErrorText = translate.format(\n        translationKey,\n        translationValues,\n      );\n    }\n\n    const isValidFromValidationResult =\n      !isEmptyValue && stateFromValidationResult?.isValid;\n    const isInvalidFromValidationResult =\n      !isEmptyValue && !stateFromValidationResult?.isValid;\n    const isInvalid = invalidFromProps || isInvalidFromValidationResult;\n\n    const setOptimisticPolicyValidationResult = (\n      state: Partial<ResolvedPolicyValidationResult> = {},\n    ) => {\n      setIsLoading(() => false);\n      setPolicyValidationResult(() => ({\n        ...initialPolicyValidationState,\n        ...state,\n        isValid: true,\n      }));\n    };\n\n    const onChangeHandler = (value: string) => {\n      if (onChangeFromProps) {\n        onChangeFromProps(value);\n      }\n\n      if (!isControlled) {\n        setInternalValue(() => value);\n      }\n    };\n\n    const onPasswordGenerateHandler: ActionFn = async () => {\n      const generatedPassword = await generatePassword(validationPolicy);\n      setOptimisticPolicyValidationResult();\n      setIsPasswordRevealed(true);\n      onChangeHandler(generatedPassword);\n    };\n\n    const onPasswordPasteHandler = (event: ClipboardEvent) => {\n      const pastedValue = event.clipboardData.getData(\"text\");\n      if (pastedValue !== value) {\n        setOptimisticPolicyValidationResult({\n          isValid: \"indeterminate\",\n        });\n      }\n    };\n\n    const togglePasswordVisibilityHandler = () => {\n      setIsPasswordRevealed((old) => !old);\n    };\n\n    const propsContext: PropsContext = {\n      Button: {\n        tunnelId: \"button\",\n        size: \"m\",\n        variant: \"plain\",\n        color: \"secondary\",\n        isDisabled: isDisabled,\n        className: styles.button,\n      },\n      CopyButton: {\n        tunnelId: \"button\",\n        size: \"m\",\n        variant: \"plain\",\n        color: \"secondary\",\n        isDisabled: isDisabled,\n        className: styles.button,\n        text: value,\n      },\n      Label: {\n        className: formFieldStyles.label,\n        tunnelId: \"label\",\n        optional: !isRequired,\n        isDisabled: isDisabled,\n        children: dynamic((localProps) => {\n          return (\n            <>\n              {localProps.children}\n              <PasswordGenerateButton\n                isDisabled={isDisabled}\n                onGeneratePasswordAction={onPasswordGenerateHandler}\n              />\n              <ValidationResultButton\n                isEmptyValue={isEmptyValue}\n                isDisabled={isDisabled}\n                policyValidationResult={policyValidationResult}\n              />\n            </>\n          );\n        }),\n      },\n      FieldDescription: {\n        className: formFieldStyles.fieldDescription,\n      },\n      FieldError: {\n        className: formFieldStyles.customFieldError,\n        children: dynamic(() => {\n          if (latestValidationErrorText) {\n            return latestValidationErrorText;\n          }\n        }),\n      },\n    };\n\n    return (\n      <ClearPropsContext>\n        <TunnelProvider>\n          <Aria.TextField\n            {...rest}\n            value={value}\n            type={isPasswordRevealed ? \"text\" : \"password\"}\n            onChange={onChangeHandler}\n            onPaste={onPasswordPasteHandler}\n            className={clsx(className, formFieldStyles.formField)}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            isRequired={isRequired}\n          >\n            <TunnelExit id=\"label\" />\n            <Aria.Group\n              isDisabled={isDisabled}\n              className={clsx(styles.inputGroup)}\n            >\n              <ReactAriaControlledValueFix\n                inputContext={Aria.InputContext}\n                props={{ ...props, value }}\n              >\n                <Aria.Input ref={ref} className={styles.input} />\n              </ReactAriaControlledValueFix>\n              <Aria.Group className={styles.buttonContainer}>\n                <TogglePasswordVisibilityButton\n                  className={styles.button}\n                  isVisible={isPasswordRevealed}\n                  isDisabled={isDisabled}\n                  onPress={togglePasswordVisibilityHandler}\n                />\n                <TunnelExit id=\"button\" />\n              </Aria.Group>\n              <ComplexityIndicator\n                isEmptyValue={isEmptyValue}\n                isLoading={isLoading}\n                policyValidationResult={policyValidationResult}\n                validationResultState={stateFromValidationResult}\n              />\n            </Aria.Group>\n            <PropsContextProvider props={propsContext}>\n              {isValidFromValidationResult && (\n                <FieldDescription>{latestValidationErrorText}</FieldDescription>\n              )}\n              {isInvalidFromValidationResult &&\n                policyValidationResult.isValid !== \"indeterminate\" && (\n                  <FieldError>{latestValidationErrorText}</FieldError>\n                )}\n              <Wrap if={isInvalidFromValidationResult}>\n                <FieldErrorContext.Provider\n                  value={{\n                    isInvalid: false,\n                    validationErrors: [],\n                    validationDetails: {\n                      customError: false,\n                      valid: true,\n                      typeMismatch: false,\n                      stepMismatch: false,\n                      valueMissing: false,\n                      tooShort: false,\n                      tooLong: false,\n                      rangeUnderflow: false,\n                      patternMismatch: false,\n                      badInput: false,\n                      rangeOverflow: false,\n                    },\n                  }}\n                >\n                  {children}\n                </FieldErrorContext.Provider>\n              </Wrap>\n            </PropsContextProvider>\n          </Aria.TextField>\n        </TunnelProvider>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default PasswordCreationField;\n"],"names":["value"],"mappings":"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"}
+{"version":3,"file":"PasswordCreationField.mjs","sources":["../../../../../../src/components/PasswordCreationField/PasswordCreationField.tsx"],"sourcesContent":["import React, {\n  type PropsWithChildren,\n  useState,\n  type ClipboardEvent,\n  useDeferredValue,\n  useMemo,\n} from \"react\";\nimport {\n  ClearPropsContext,\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport styles from \"./PasswordCreationField.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"@/components/FormField/FormField.module.scss\";\nimport clsx from \"clsx\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { type ActionFn } from \"@/components/Action\";\nimport getStateFromLatestPolicyValidationResult from \"@/components/PasswordCreationField/lib/getStateFromLatestPolicyValidationResult\";\nimport locales from \"./locales/*.locale.json\";\nimport generateValidationTranslation from \"@/components/PasswordCreationField/lib/generateValidationTranslation\";\nimport { FieldError } from \"@/components/FieldError\";\nimport FieldDescription from \"@/components/FieldDescription\";\nimport ComplexityIndicator from \"@/components/PasswordCreationField/components/ComplexityIndicator/ComplexityIndicator\";\nimport { generatePassword } from \"@/components/PasswordCreationField/worker/generatePassword\";\nimport TogglePasswordVisibilityButton from \"@/components/PasswordCreationField/components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton\";\nimport { FieldErrorContext } from \"react-aria-components\";\nimport { Wrap } from \"@/components/Wrap\";\nimport { ReactAriaControlledValueFix } from \"@/lib/react/ReactAriaControlledValueFix\";\nimport { ValidationResultButton } from \"@/components/PasswordCreationField/components/ValidationResultButton/ValidationResultButton\";\nimport { PasswordGenerateButton } from \"@/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton\";\nimport { useLocalizedContextStringFormatter } from \"@/components/TranslationProvider/useLocalizedContextStringFormatter\";\nimport type {\n  PolicyValidationResult,\n  PolicyGenericDeclaration,\n  RuleValidationResult,\n} from \"@/integrations/@mittwald/password-tools-js\";\nimport {\n  defaultPasswordCreationPolicy,\n  Policy,\n} from \"@/integrations/@mittwald/password-tools-js\";\nimport { usePolicyValidationResult } from \"@/components/PasswordCreationField/lib/usePolicyValidationResult\";\nimport { useManagedValue } from \"@/lib/hooks/useManagedValue\";\n\nexport interface PasswordCreationFieldProps\n  extends PropsWithChildren<\n      Omit<Aria.TextFieldProps, \"children\" | \"value\" | \"defaultValue\"> &\n        Partial<Pick<Aria.FieldErrorRenderProps, \"validationErrors\">>\n    >,\n    FlowComponentProps<HTMLInputElement> {\n  value?: string;\n  onValidationResult?: (result: { password: string; isValid: boolean }) => void;\n  defaultValue?: string;\n  placeholder?: string;\n  validationPolicy?: PolicyGenericDeclaration;\n}\n\nexport interface ResolvedPolicyValidationResult\n  extends Omit<PolicyValidationResult, \"isValid\"> {\n  isValid: boolean | \"indeterminate\";\n  ruleResults: RuleValidationResult[];\n}\n\n/**\n * @flr-generate all\n * @flr-clear-props-context\n */\nexport const PasswordCreationField = flowComponent(\n  \"PasswordCreationField\",\n  (props) => {\n    const {\n      children,\n      className,\n      ref,\n      isDisabled,\n      onValidationResult,\n      isInvalid: invalidFromProps,\n      validationPolicy:\n        validationPolicyFromProps = defaultPasswordCreationPolicy,\n      isRequired,\n      ...rest\n    } = props;\n\n    const [isLoading, setIsLoading] = useState(false);\n    const translate = useLocalizedContextStringFormatter(locales);\n    const validationPolicy = useMemo(\n      () => Policy.fromDeclaration(validationPolicyFromProps),\n      [validationPolicyFromProps],\n    );\n\n    const { value, handleOnChange } = useManagedValue(props);\n    const deferredValue = useDeferredValue(value);\n\n    const [isPasswordRevealed, setIsPasswordRevealed] = useState(false);\n    const initialPolicyValidationState: ResolvedPolicyValidationResult = {\n      isValid: true,\n      complexity: {\n        min: validationPolicy.minComplexity,\n        actual: 4,\n        warning: null,\n      },\n      ruleResults: [],\n    };\n\n    const [policyValidationResult, setPolicyValidationResult] = useState(\n      initialPolicyValidationState,\n    );\n    usePolicyValidationResult(\n      validationPolicy,\n      deferredValue,\n      () => {\n        if (isEmptyValue) {\n          return;\n        }\n\n        setIsLoading(() => true);\n      },\n      ({ password, isValid, results }) => {\n        if (isEmptyValue) {\n          setPolicyValidationResult(() => ({\n            ...results,\n            isValid: true,\n          }));\n          return;\n        }\n\n        setIsLoading(() => false);\n        setPolicyValidationResult(() => results);\n        onValidationResult?.({ password, isValid });\n      },\n    );\n\n    const isEmptyValue = !value;\n    const stateFromValidationResult = getStateFromLatestPolicyValidationResult(\n      isEmptyValue,\n      policyValidationResult,\n    );\n    let latestValidationErrorText = undefined;\n    if (stateFromValidationResult) {\n      const [translationKey, translationValues] = generateValidationTranslation(\n        stateFromValidationResult,\n      );\n      latestValidationErrorText = translate.format(\n        translationKey,\n        translationValues,\n      );\n    }\n\n    const isValidFromValidationResult =\n      !isEmptyValue && stateFromValidationResult?.isValid;\n    const isInvalidFromValidationResult =\n      !isEmptyValue && !stateFromValidationResult?.isValid;\n    const isInvalid = invalidFromProps || isInvalidFromValidationResult;\n\n    const setOptimisticPolicyValidationResult = (\n      state: Partial<ResolvedPolicyValidationResult> = {},\n    ) => {\n      setIsLoading(() => false);\n      setPolicyValidationResult(() => ({\n        ...initialPolicyValidationState,\n        ...state,\n        isValid: true,\n      }));\n    };\n\n    const onPasswordGenerateHandler: ActionFn = async () => {\n      const generatedPassword = await generatePassword(validationPolicy);\n      setOptimisticPolicyValidationResult();\n      setIsPasswordRevealed(true);\n      handleOnChange(generatedPassword);\n    };\n\n    const onPasswordPasteHandler = (event: ClipboardEvent) => {\n      const pastedValue = event.clipboardData.getData(\"text\");\n      if (pastedValue !== value) {\n        setOptimisticPolicyValidationResult({\n          isValid: \"indeterminate\",\n        });\n      }\n    };\n\n    const togglePasswordVisibilityHandler = () => {\n      setIsPasswordRevealed((old) => !old);\n    };\n\n    const propsContext: PropsContext = {\n      Button: {\n        tunnelId: \"button\",\n        size: \"m\",\n        variant: \"plain\",\n        color: \"secondary\",\n        isDisabled: isDisabled,\n        className: styles.button,\n      },\n      CopyButton: {\n        tunnelId: \"button\",\n        size: \"m\",\n        variant: \"plain\",\n        color: \"secondary\",\n        isDisabled: isDisabled,\n        className: styles.button,\n        text: value,\n      },\n      Label: {\n        className: formFieldStyles.label,\n        tunnelId: \"label\",\n        optional: !isRequired,\n        isDisabled: isDisabled,\n        children: dynamic((localProps) => {\n          return (\n            <>\n              {localProps.children}\n              <PasswordGenerateButton\n                isDisabled={isDisabled}\n                onGeneratePasswordAction={onPasswordGenerateHandler}\n              />\n              <ValidationResultButton\n                isEmptyValue={isEmptyValue}\n                isDisabled={isDisabled}\n                policyValidationResult={policyValidationResult}\n              />\n            </>\n          );\n        }),\n      },\n      FieldDescription: {\n        className: formFieldStyles.fieldDescription,\n      },\n      FieldError: {\n        className: formFieldStyles.customFieldError,\n        children: dynamic(() => {\n          if (latestValidationErrorText) {\n            return latestValidationErrorText;\n          }\n        }),\n      },\n    };\n\n    return (\n      <ClearPropsContext>\n        <TunnelProvider>\n          <Aria.TextField\n            {...rest}\n            value={value}\n            type={isPasswordRevealed ? \"text\" : \"password\"}\n            onChange={handleOnChange}\n            onPaste={onPasswordPasteHandler}\n            className={clsx(className, formFieldStyles.formField)}\n            isDisabled={isDisabled}\n            isInvalid={isInvalid}\n            isRequired={isRequired}\n          >\n            <TunnelExit id=\"label\" />\n            <Aria.Group\n              isDisabled={isDisabled}\n              className={clsx(styles.inputGroup)}\n            >\n              <ReactAriaControlledValueFix\n                inputContext={Aria.InputContext}\n                props={{ ...props, value }}\n              >\n                <Aria.Input ref={ref} className={styles.input} />\n              </ReactAriaControlledValueFix>\n              <Aria.Group className={styles.buttonContainer}>\n                <TogglePasswordVisibilityButton\n                  className={styles.button}\n                  isVisible={isPasswordRevealed}\n                  isDisabled={isDisabled}\n                  onPress={togglePasswordVisibilityHandler}\n                />\n                <TunnelExit id=\"button\" />\n              </Aria.Group>\n              <ComplexityIndicator\n                isEmptyValue={isEmptyValue}\n                isLoading={isLoading}\n                policyValidationResult={policyValidationResult}\n                validationResultState={stateFromValidationResult}\n              />\n            </Aria.Group>\n            <PropsContextProvider props={propsContext}>\n              {isValidFromValidationResult && (\n                <FieldDescription>{latestValidationErrorText}</FieldDescription>\n              )}\n              {isInvalidFromValidationResult &&\n                policyValidationResult.isValid !== \"indeterminate\" && (\n                  <FieldError>{latestValidationErrorText}</FieldError>\n                )}\n              <Wrap if={isInvalidFromValidationResult}>\n                <FieldErrorContext.Provider\n                  value={{\n                    isInvalid: false,\n                    validationErrors: [],\n                    validationDetails: {\n                      customError: false,\n                      valid: true,\n                      typeMismatch: false,\n                      stepMismatch: false,\n                      valueMissing: false,\n                      tooShort: false,\n                      tooLong: false,\n                      rangeUnderflow: false,\n                      patternMismatch: false,\n                      badInput: false,\n                      rangeOverflow: false,\n                    },\n                  }}\n                >\n                  {children}\n                </FieldErrorContext.Provider>\n              </Wrap>\n            </PropsContextProvider>\n          </Aria.TextField>\n        </TunnelProvider>\n      </ClearPropsContext>\n    );\n  },\n);\n\nexport default PasswordCreationField;\n"],"names":[],"mappings":"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"}

package/dist/js/components/src/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.mjs

@@ -10,7 +10,7 @@ import { Action } from '../../../Action/Action.mjs';
 const PasswordGenerateButton = (props) => {
   const { className, isDisabled, onGeneratePasswordAction } = props;
   const translate = useLocalizedStringFormatter(locales);
-  return /* @__PURE__ */ jsx(Action, { action: onGeneratePasswordAction, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(Action, { action: onGeneratePasswordAction, showFeedback: false, children: /* @__PURE__ */ jsx(
     Button,
     {
       "data-component": "generatePassword",

package/dist/js/components/src/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PasswordGenerateButton.mjs","sources":["../../../../../../../../src/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./../../locales/*.locale.json\";\nimport { Button } from \"@/components/Button\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { Action, type ActionFn } from \"@/components/Action\";\n\ninterface Props extends PropsWithClassName {\n  isDisabled?: boolean;\n  onGeneratePasswordAction?: ActionFn;\n}\n\nexport const PasswordGenerateButton: FC<Props> = (props) => {\n  const { className, isDisabled, onGeneratePasswordAction } = props;\n  const translate = useLocalizedStringFormatter(locales);\n\n  return (\n    <Action action={onGeneratePasswordAction}>\n      <Button\n        data-component=\"generatePassword\"\n        isDisabled={isDisabled}\n        className={className}\n        variant=\"plain\"\n        color=\"dark\"\n      >\n        {translate.format(\"button.generate\")}\n      </Button>\n    </Action>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAYa,MAAA,sBAAA,GAAoC,CAAC,KAAU,KAAA;AAC1D,EAAA,MAAM,EAAE,SAAA,EAAW,UAAY,EAAA,wBAAA,EAA6B,GAAA,KAAA;AAC5D,EAAM,MAAA,SAAA,GAAY,4BAA4B,OAAO,CAAA;AAErD,EACE,uBAAA,GAAA,CAAC,MAAO,EAAA,EAAA,MAAA,EAAQ,wBACd,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,gBAAe,EAAA,kBAAA;AAAA,MACf,UAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAQ,EAAA,OAAA;AAAA,MACR,KAAM,EAAA,MAAA;AAAA,MAEL,QAAA,EAAA,SAAA,CAAU,OAAO,iBAAiB;AAAA;AAAA,GAEvC,EAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"PasswordGenerateButton.mjs","sources":["../../../../../../../../src/components/PasswordCreationField/components/PasswordGenerateButton/PasswordGenerateButton.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport locales from \"./../../locales/*.locale.json\";\nimport { Button } from \"@/components/Button\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { Action, type ActionFn } from \"@/components/Action\";\n\ninterface Props extends PropsWithClassName {\n  isDisabled?: boolean;\n  onGeneratePasswordAction?: ActionFn;\n}\n\nexport const PasswordGenerateButton: FC<Props> = (props) => {\n  const { className, isDisabled, onGeneratePasswordAction } = props;\n  const translate = useLocalizedStringFormatter(locales);\n\n  return (\n    <Action action={onGeneratePasswordAction} showFeedback={false}>\n      <Button\n        data-component=\"generatePassword\"\n        isDisabled={isDisabled}\n        className={className}\n        variant=\"plain\"\n        color=\"dark\"\n      >\n        {translate.format(\"button.generate\")}\n      </Button>\n    </Action>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAYa,MAAA,sBAAA,GAAoC,CAAC,KAAU,KAAA;AAC1D,EAAA,MAAM,EAAE,SAAA,EAAW,UAAY,EAAA,wBAAA,EAA6B,GAAA,KAAA;AAC5D,EAAM,MAAA,SAAA,GAAY,4BAA4B,OAAO,CAAA;AAErD,EAAA,uBACG,GAAA,CAAA,MAAA,EAAA,EAAO,MAAQ,EAAA,wBAAA,EAA0B,cAAc,KACtD,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,gBAAe,EAAA,kBAAA;AAAA,MACf,UAAA;AAAA,MACA,SAAA;AAAA,MACA,OAAQ,EAAA,OAAA;AAAA,MACR,KAAM,EAAA,MAAA;AAAA,MAEL,QAAA,EAAA,SAAA,CAAU,OAAO,iBAAiB;AAAA;AAAA,GAEvC,EAAA,CAAA;AAEJ;;;;"}

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

@@ -1,14 +1,14 @@
 "use client"
 /* */
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { SubmitButtonStateProvider } from '../ActionGroupWrapper/SubmitButtonStateProvider.mjs';
+import { jsx } from 'react/jsx-runtime';
 import { FormContextProvider } from '../context/formContext.mjs';
-import { useId, useRef, useMemo } from 'react';
+import { useId, useMemo } from 'react';
 import { FormProvider } from 'react-hook-form';
-import { AfterFormSubmitEffect } from '../AfterFormSubmitEffect/AfterFormSubmitEffect.mjs';
 import '../../../../lib/propsContext/propsContext.mjs';
 import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
+import { Action } from '../../../../components/Action/Action.mjs';
+import { useRegisterActionStateContext } from './lib/useRegisterActionStateContext.mjs';
 
 const DefaultFormComponent = (p) => /* @__PURE__ */ jsx("form", { ...p });
 function Form(props) {
@@ -21,9 +21,8 @@ function Form(props) {
     ...formProps
   } = props;
   const formId = useId();
-  const isAsyncSubmit = useRef(false);
-  const submitHandlerResultRef = useRef(null);
   const FormViewComponent = useMemo(() => FormView, [formId]);
+  const { action, registerSubmitResult } = useRegisterActionStateContext(form);
   const handleOnSubmit = (e) => {
     const { isSubmitting, isValidating } = form.control._formState;
     const formEvent = e && "nativeEvent" in e ? e : void 0;
@@ -32,11 +31,9 @@ function Form(props) {
       formEvent?.preventDefault();
       return;
     }
-    submitHandlerResultRef.current = void 0;
     form.handleSubmit((values) => {
       const result = onSubmit(values, formEvent);
-      isAsyncSubmit.current = result instanceof Promise;
-      submitHandlerResultRef.current = result;
+      registerSubmitResult(result);
       return result;
     })(formEvent);
   };
@@ -67,23 +64,15 @@ function Form(props) {
     {
       props: isReadOnly ? propsContext : {},
       mergeInParentContext: true,
-      children: /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsxs(FormContextProvider, { value: { form, id: formId }, children: [
-        /* @__PURE__ */ jsx(SubmitButtonStateProvider, { isAsyncSubmit, children: /* @__PURE__ */ jsx(
-          FormViewComponent,
-          {
-            ...formProps,
-            id: formId,
-            onSubmit: handleOnSubmit,
-            children
-          }
-        ) }),
-        /* @__PURE__ */ jsx(
-          AfterFormSubmitEffect,
-          {
-            submitHandlerResultRef
-          }
-        )
-      ] }) })
+      children: /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsx(FormContextProvider, { value: { form, id: formId }, children: /* @__PURE__ */ jsx(Action, { actionModel: action, children: /* @__PURE__ */ jsx(
+        FormViewComponent,
+        {
+          ...formProps,
+          id: formId,
+          onSubmit: handleOnSubmit,
+          children
+        }
+      ) }) }) })
     }
   );
 }

package/dist/js/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 { SubmitButtonStateProvider } from \"@/integrations/react-hook-form/components/ActionGroupWrapper/SubmitButtonStateProvider\";\nimport { FormContextProvider } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport {\n  type ComponentProps,\n  type ComponentType,\n  type FormEvent,\n  type FormEventHandler,\n  type PropsWithChildren,\n  useId,\n  useMemo,\n  useRef,\n} from \"react\";\nimport type { FieldValues, UseFormReturn } from \"react-hook-form\";\nimport { FormProvider as RhfFormContextProvider } from \"react-hook-form\";\nimport { AfterFormSubmitEffect } from \"../AfterFormSubmitEffect/AfterFormSubmitEffect\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\n\nexport type FormOnSubmitHandler<F extends FieldValues> = Parameters<\n  UseFormReturn<F>[\"handleSubmit\"]\n>[0];\n\ntype FormComponentType = ComponentType<\n  PropsWithChildren<{\n    id: string;\n    onSubmit?: FormEventHandler | FormOnSubmitHandler<never>;\n  }>\n>;\n\nexport interface FormProps<F extends FieldValues>\n  extends Omit<ComponentProps<\"form\">, \"onSubmit\">,\n    PropsWithChildren {\n  form: UseFormReturn<F>;\n  onSubmit: FormOnSubmitHandler<F>;\n  formComponent?: FormComponentType;\n  isReadOnly?: 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,\n    formComponent: FormView = DefaultFormComponent,\n    isReadOnly,\n    ...formProps\n  } = props;\n\n  const formId = useId();\n  const isAsyncSubmit = useRef(false);\n  const submitHandlerResultRef = useRef<unknown>(null);\n  const FormViewComponent = useMemo(() => FormView, [formId]);\n\n  const handleOnSubmit = (e?: FormEvent<HTMLFormElement> | F) => {\n    const { isSubmitting, isValidating } = form.control._formState;\n    const formEvent =\n      e && \"nativeEvent\" in e ? (e as FormEvent<HTMLFormElement>) : undefined;\n\n    formEvent?.stopPropagation();\n\n    if (isSubmitting || isValidating) {\n      formEvent?.preventDefault();\n      return;\n    }\n\n    submitHandlerResultRef.current = undefined;\n\n    form.handleSubmit((values) => {\n      const result = onSubmit(values, formEvent);\n      isAsyncSubmit.current = result instanceof Promise;\n      submitHandlerResultRef.current = result;\n      return result;\n    })(formEvent);\n  };\n\n  const propsContext: PropsContext = {\n    SearchField: { isReadOnly: true },\n    TextField: { isReadOnly: true },\n    TextArea: { isReadOnly: true },\n    MarkdownEditor: { isReadOnly: true },\n    Checkbox: { isReadOnly: true },\n    CheckboxGroup: { isReadOnly: true },\n    CheckboxButton: { isReadOnly: true },\n    FileField: { isReadOnly: true },\n    FileDropZone: { isReadOnly: true },\n    NumberField: { isReadOnly: true },\n    RadioGroup: { isReadOnly: true },\n    Switch: { isReadOnly: true },\n    Slider: { isReadOnly: true },\n    PasswordCreationField: { isReadOnly: true },\n    DatePicker: { isReadOnly: true },\n    DateRangePicker: { isReadOnly: true },\n    TimeField: { isReadOnly: true },\n    SegmentedControl: { isReadOnly: true },\n    Select: { isReadOnly: true },\n    ComboBox: { isReadOnly: true },\n  };\n\n  return (\n    <PropsContextProvider\n      props={isReadOnly ? propsContext : {}}\n      mergeInParentContext\n    >\n      <RhfFormContextProvider {...form}>\n        <FormContextProvider value={{ form, id: formId }}>\n          <SubmitButtonStateProvider isAsyncSubmit={isAsyncSubmit}>\n            <FormViewComponent\n              {...formProps}\n              id={formId}\n              onSubmit={handleOnSubmit}\n            >\n              {children}\n            </FormViewComponent>\n          </SubmitButtonStateProvider>\n          <AfterFormSubmitEffect\n            submitHandlerResultRef={submitHandlerResultRef}\n          />\n        </FormContextProvider>\n      </RhfFormContextProvider>\n    </PropsContextProvider>\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/context/formContext\";\nimport {\n  type ComponentProps,\n  type ComponentType,\n  type FormEvent,\n  type FormEventHandler,\n  type PropsWithChildren,\n  useId,\n  useMemo,\n} from \"react\";\nimport type {\n  FieldValues,\n  SubmitHandler,\n  UseFormReturn,\n} from \"react-hook-form\";\nimport { FormProvider as RhfFormContextProvider } from \"react-hook-form\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { Action } from \"@/components/Action\";\nimport { useRegisterActionStateContext } from \"@/integrations/react-hook-form/components/Form/lib/useRegisterActionStateContext\";\n\nexport type FormOnSubmitHandler<F extends FieldValues> = SubmitHandler<F>;\n\ntype FormComponentType = ComponentType<\n  PropsWithChildren<{\n    id: string;\n    onSubmit?: FormEventHandler | FormOnSubmitHandler<never>;\n  }>\n>;\n\nexport interface FormProps<F extends FieldValues>\n  extends Omit<ComponentProps<\"form\">, \"onSubmit\">,\n    PropsWithChildren {\n  form: UseFormReturn<F>;\n  onSubmit: FormOnSubmitHandler<F>;\n  formComponent?: FormComponentType;\n  isReadOnly?: 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,\n    formComponent: FormView = DefaultFormComponent,\n    isReadOnly,\n    ...formProps\n  } = props;\n\n  const formId = useId();\n  const FormViewComponent = useMemo(() => FormView, [formId]);\n  const { action, registerSubmitResult } = useRegisterActionStateContext(form);\n\n  const handleOnSubmit = (e?: FormEvent<HTMLFormElement> | F) => {\n    const { isSubmitting, isValidating } = form.control._formState;\n    const formEvent =\n      e && \"nativeEvent\" in e ? (e as FormEvent<HTMLFormElement>) : undefined;\n\n    formEvent?.stopPropagation();\n\n    if (isSubmitting || isValidating) {\n      formEvent?.preventDefault();\n      return;\n    }\n\n    form.handleSubmit((values) => {\n      const result = onSubmit(values, formEvent);\n      registerSubmitResult(result);\n      return result;\n    })(formEvent);\n  };\n\n  const propsContext: PropsContext = {\n    SearchField: { isReadOnly: true },\n    TextField: { isReadOnly: true },\n    TextArea: { isReadOnly: true },\n    MarkdownEditor: { isReadOnly: true },\n    Checkbox: { isReadOnly: true },\n    CheckboxGroup: { isReadOnly: true },\n    CheckboxButton: { isReadOnly: true },\n    FileField: { isReadOnly: true },\n    FileDropZone: { isReadOnly: true },\n    NumberField: { isReadOnly: true },\n    RadioGroup: { isReadOnly: true },\n    Switch: { isReadOnly: true },\n    Slider: { isReadOnly: true },\n    PasswordCreationField: { isReadOnly: true },\n    DatePicker: { isReadOnly: true },\n    DateRangePicker: { isReadOnly: true },\n    TimeField: { isReadOnly: true },\n    SegmentedControl: { isReadOnly: true },\n    Select: { isReadOnly: true },\n    ComboBox: { isReadOnly: true },\n  };\n\n  return (\n    <PropsContextProvider\n      props={isReadOnly ? propsContext : {}}\n      mergeInParentContext\n    >\n      <RhfFormContextProvider {...form}>\n        <FormContextProvider value={{ form, id: formId }}>\n          <Action actionModel={action}>\n            <FormViewComponent\n              {...formProps}\n              id={formId}\n              onSubmit={handleOnSubmit}\n            >\n              {children}\n            </FormViewComponent>\n          </Action>\n        </FormContextProvider>\n      </RhfFormContextProvider>\n    </PropsContextProvider>\n  );\n}\n\nexport default Form;\n"],"names":["RhfFormContextProvider"],"mappings":";;;;;;;;;;AAsCA,MAAM,uBAA0C,CAAC,CAAA,qBAAO,GAAA,CAAA,MAAA,EAAA,EAAM,GAAG,CAAG,EAAA,CAAA;AAE7D,SAAS,KAA4B,KAAqB,EAAA;AAC/D,EAAM,MAAA;AAAA,IACJ,IAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,eAAe,QAAW,GAAA,oBAAA;AAAA,IAC1B,UAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,SAAS,KAAM,EAAA;AACrB,EAAA,MAAM,oBAAoB,OAAQ,CAAA,MAAM,QAAU,EAAA,CAAC,MAAM,CAAC,CAAA;AAC1D,EAAA,MAAM,EAAE,MAAA,EAAQ,oBAAqB,EAAA,GAAI,8BAA8B,IAAI,CAAA;AAE3E,EAAM,MAAA,cAAA,GAAiB,CAAC,CAAuC,KAAA;AAC7D,IAAA,MAAM,EAAE,YAAA,EAAc,YAAa,EAAA,GAAI,KAAK,OAAQ,CAAA,UAAA;AACpD,IAAA,MAAM,SACJ,GAAA,CAAA,IAAK,aAAiB,IAAA,CAAA,GAAK,CAAmC,GAAA,MAAA;AAEhE,IAAA,SAAA,EAAW,eAAgB,EAAA;AAE3B,IAAA,IAAI,gBAAgB,YAAc,EAAA;AAChC,MAAA,SAAA,EAAW,cAAe,EAAA;AAC1B,MAAA;AAAA;AAGF,IAAK,IAAA,CAAA,YAAA,CAAa,CAAC,MAAW,KAAA;AAC5B,MAAM,MAAA,MAAA,GAAS,QAAS,CAAA,MAAA,EAAQ,SAAS,CAAA;AACzC,MAAA,oBAAA,CAAqB,MAAM,CAAA;AAC3B,MAAO,OAAA,MAAA;AAAA,KACR,EAAE,SAAS,CAAA;AAAA,GACd;AAEA,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAA,EAAa,EAAE,UAAA,EAAY,IAAK,EAAA;AAAA,IAChC,SAAA,EAAW,EAAE,UAAA,EAAY,IAAK,EAAA;AAAA,IAC9B,QAAA,EAAU,EAAE,UAAA,EAAY,IAAK,EAAA;AAAA,IAC7B,cAAA,EAAgB,EAAE,UAAA,EAAY,IAAK,EAAA;AAAA,IACnC,QAAA,EAAU,EAAE,UAAA,EAAY,IAAK,EAAA;AAAA,IAC7B,aAAA,EAAe,EAAE,UAAA,EAAY,IAAK,EAAA;AAAA,IAClC,cAAA,EAAgB,EAAE,UAAA,EAAY,IAAK,EAAA;AAAA,IACnC,SAAA,EAAW,EAAE,UAAA,EAAY,IAAK,EAAA;AAAA,IAC9B,YAAA,EAAc,EAAE,UAAA,EAAY,IAAK,EAAA;AAAA,IACjC,WAAA,EAAa,EAAE,UAAA,EAAY,IAAK,EAAA;AAAA,IAChC,UAAA,EAAY,EAAE,UAAA,EAAY,IAAK,EAAA;AAAA,IAC/B,MAAA,EAAQ,EAAE,UAAA,EAAY,IAAK,EAAA;AAAA,IAC3B,MAAA,EAAQ,EAAE,UAAA,EAAY,IAAK,EAAA;AAAA,IAC3B,qBAAA,EAAuB,EAAE,UAAA,EAAY,IAAK,EAAA;AAAA,IAC1C,UAAA,EAAY,EAAE,UAAA,EAAY,IAAK,EAAA;AAAA,IAC/B,eAAA,EAAiB,EAAE,UAAA,EAAY,IAAK,EAAA;AAAA,IACpC,SAAA,EAAW,EAAE,UAAA,EAAY,IAAK,EAAA;AAAA,IAC9B,gBAAA,EAAkB,EAAE,UAAA,EAAY,IAAK,EAAA;AAAA,IACrC,MAAA,EAAQ,EAAE,UAAA,EAAY,IAAK,EAAA;AAAA,IAC3B,QAAA,EAAU,EAAE,UAAA,EAAY,IAAK;AAAA,GAC/B;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,UAAa,GAAA,YAAA,GAAe,EAAC;AAAA,MACpC,oBAAoB,EAAA,IAAA;AAAA,MAEpB,QAAC,kBAAA,GAAA,CAAAA,YAAA,EAAA,EAAwB,GAAG,IAAA,EAC1B,8BAAC,mBAAoB,EAAA,EAAA,KAAA,EAAO,EAAE,IAAA,EAAM,IAAI,MAAO,EAAA,EAC7C,QAAC,kBAAA,GAAA,CAAA,MAAA,EAAA,EAAO,aAAa,MACnB,EAAA,QAAA,kBAAA,GAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACE,GAAG,SAAA;AAAA,UACJ,EAAI,EAAA,MAAA;AAAA,UACJ,QAAU,EAAA,cAAA;AAAA,UAET;AAAA;AAAA,OACH,EACF,GACF,CACF,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/js/components/src/integrations/react-hook-form/components/Form/lib/useRegisterActionStateContext.mjs

@@ -0,0 +1,70 @@
+"use client"
+/* */
+import { ActionModel } from '../../../../../components/Action/models/ActionModel.mjs';
+import { useRef, useEffect } from 'react';
+import { isPromise } from 'remeda';
+
+const callAfterSubmitFunction = (result) => {
+  const callFn = (something) => {
+    if (typeof something === "function") {
+      something();
+    }
+  };
+  if (result instanceof Promise) {
+    result.then(callFn);
+  } else {
+    callFn(result);
+  }
+};
+const useRegisterActionStateContext = (form) => {
+  const action = ActionModel.useNew({});
+  const trackedSubmitCount = useRef(0);
+  const submitHandlerResultRef = useRef(null);
+  useEffect(() => {
+    return form.subscribe({
+      formState: {
+        errors: true,
+        isValid: true
+      },
+      callback: ({
+        isValid,
+        isSubmitted = false,
+        isSubmitSuccessful = false,
+        submitCount = 0,
+        errors
+      }) => {
+        if (submitCount === 0 && trackedSubmitCount.current > 0) {
+          trackedSubmitCount.current = 0;
+        }
+        if (trackedSubmitCount.current === submitCount) {
+          return;
+        }
+        trackedSubmitCount.current = submitCount;
+        if (isSubmitted) {
+          if (isSubmitSuccessful) {
+            void action.state.onSucceeded();
+            if (isValid) {
+              callAfterSubmitFunction(submitHandlerResultRef.current);
+            }
+          } else {
+            const hasFailedWithError = isSubmitted && errors && Object.entries(errors).length > 0 ? errors : void 0;
+            void action.state.onFailed(hasFailedWithError);
+          }
+        }
+      }
+    });
+  }, [form.subscribe, action.state]);
+  const registerSubmitResult = (result) => {
+    submitHandlerResultRef.current = result;
+    if (isPromise(result)) {
+      void action.state.onAsyncStart();
+    }
+  };
+  return {
+    action,
+    registerSubmitResult
+  };
+};
+
+export { useRegisterActionStateContext };
+//# sourceMappingURL=useRegisterActionStateContext.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useRegisterActionStateContext.mjs","sources":["../../../../../../../../../src/integrations/react-hook-form/components/Form/lib/useRegisterActionStateContext.ts"],"sourcesContent":["import { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { useEffect, useRef } from \"react\";\nimport { isPromise } from \"remeda\";\nimport type { FieldValues, UseFormReturn } from \"react-hook-form\";\n\nconst callAfterSubmitFunction = (result: unknown) => {\n  const callFn = (something: unknown) => {\n    if (typeof something === \"function\") {\n      something();\n    }\n  };\n\n  if (result instanceof Promise) {\n    result.then(callFn);\n  } else {\n    callFn(result);\n  }\n};\n\nexport const useRegisterActionStateContext = <T extends FieldValues>(\n  form: UseFormReturn<T>,\n) => {\n  const action = ActionModel.useNew({});\n  const trackedSubmitCount = useRef(0);\n  const submitHandlerResultRef = useRef<unknown>(null);\n\n  useEffect(() => {\n    return form.subscribe({\n      formState: {\n        errors: true,\n        isValid: true,\n      },\n      callback: ({\n        isValid,\n        isSubmitted = false,\n        isSubmitSuccessful = false,\n        submitCount = 0,\n        errors,\n      }) => {\n        if (submitCount === 0 && trackedSubmitCount.current > 0) {\n          trackedSubmitCount.current = 0;\n        }\n\n        if (trackedSubmitCount.current === submitCount) {\n          return;\n        }\n        trackedSubmitCount.current = submitCount;\n\n        if (isSubmitted) {\n          if (isSubmitSuccessful) {\n            void action.state.onSucceeded();\n\n            if (isValid) {\n              callAfterSubmitFunction(submitHandlerResultRef.current);\n            }\n          } else {\n            const hasFailedWithError =\n              isSubmitted && errors && Object.entries(errors).length > 0\n                ? errors\n                : undefined;\n\n            void action.state.onFailed(hasFailedWithError);\n          }\n        }\n      },\n    });\n  }, [form.subscribe, action.state]);\n\n  const registerSubmitResult = (result: unknown) => {\n    submitHandlerResultRef.current = result;\n\n    if (isPromise(result)) {\n      void action.state.onAsyncStart();\n    }\n  };\n\n  return {\n    action,\n    registerSubmitResult,\n  } as const;\n};\n"],"names":[],"mappings":";;;;AAKA,MAAM,uBAAA,GAA0B,CAAC,MAAoB,KAAA;AACnD,EAAM,MAAA,MAAA,GAAS,CAAC,SAAuB,KAAA;AACrC,IAAI,IAAA,OAAO,cAAc,UAAY,EAAA;AACnC,MAAU,SAAA,EAAA;AAAA;AACZ,GACF;AAEA,EAAA,IAAI,kBAAkB,OAAS,EAAA;AAC7B,IAAA,MAAA,CAAO,KAAK,MAAM,CAAA;AAAA,GACb,MAAA;AACL,IAAA,MAAA,CAAO,MAAM,CAAA;AAAA;AAEjB,CAAA;AAEa,MAAA,6BAAA,GAAgC,CAC3C,IACG,KAAA;AACH,EAAA,MAAM,MAAS,GAAA,WAAA,CAAY,MAAO,CAAA,EAAE,CAAA;AACpC,EAAM,MAAA,kBAAA,GAAqB,OAAO,CAAC,CAAA;AACnC,EAAM,MAAA,sBAAA,GAAyB,OAAgB,IAAI,CAAA;AAEnD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,KAAK,SAAU,CAAA;AAAA,MACpB,SAAW,EAAA;AAAA,QACT,MAAQ,EAAA,IAAA;AAAA,QACR,OAAS,EAAA;AAAA,OACX;AAAA,MACA,UAAU,CAAC;AAAA,QACT,OAAA;AAAA,QACA,WAAc,GAAA,KAAA;AAAA,QACd,kBAAqB,GAAA,KAAA;AAAA,QACrB,WAAc,GAAA,CAAA;AAAA,QACd;AAAA,OACI,KAAA;AACJ,QAAA,IAAI,WAAgB,KAAA,CAAA,IAAK,kBAAmB,CAAA,OAAA,GAAU,CAAG,EAAA;AACvD,UAAA,kBAAA,CAAmB,OAAU,GAAA,CAAA;AAAA;AAG/B,QAAI,IAAA,kBAAA,CAAmB,YAAY,WAAa,EAAA;AAC9C,UAAA;AAAA;AAEF,QAAA,kBAAA,CAAmB,OAAU,GAAA,WAAA;AAE7B,QAAA,IAAI,WAAa,EAAA;AACf,UAAA,IAAI,kBAAoB,EAAA;AACtB,YAAK,KAAA,MAAA,CAAO,MAAM,WAAY,EAAA;AAE9B,YAAA,IAAI,OAAS,EAAA;AACX,cAAA,uBAAA,CAAwB,uBAAuB,OAAO,CAAA;AAAA;AACxD,WACK,MAAA;AACL,YAAM,MAAA,kBAAA,GACJ,eAAe,MAAU,IAAA,MAAA,CAAO,QAAQ,MAAM,CAAA,CAAE,MAAS,GAAA,CAAA,GACrD,MACA,GAAA,MAAA;AAEN,YAAK,KAAA,MAAA,CAAO,KAAM,CAAA,QAAA,CAAS,kBAAkB,CAAA;AAAA;AAC/C;AACF;AACF,KACD,CAAA;AAAA,KACA,CAAC,IAAA,CAAK,SAAW,EAAA,MAAA,CAAO,KAAK,CAAC,CAAA;AAEjC,EAAM,MAAA,oBAAA,GAAuB,CAAC,MAAoB,KAAA;AAChD,IAAA,sBAAA,CAAuB,OAAU,GAAA,MAAA;AAEjC,IAAI,IAAA,SAAA,CAAU,MAAM,CAAG,EAAA;AACrB,MAAK,KAAA,MAAA,CAAO,MAAM,YAAa,EAAA;AAAA;AACjC,GACF;AAEA,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/dist/js/components/src/lib/hooks/useManagedValue.mjs

@@ -0,0 +1,23 @@
+"use client"
+/* */
+import { useState } from 'react';
+
+const useManagedValue = (props, onChange = props.onChange) => {
+  const { value: valueFromProps, defaultValue: defaultValueFromProps } = props;
+  const isControlled = typeof valueFromProps !== "undefined";
+  const hasDefaultValue = typeof defaultValueFromProps !== "undefined";
+  const [internalValue, setInternalValue] = useState(
+    hasDefaultValue ? defaultValueFromProps : ""
+  );
+  const value = isControlled ? valueFromProps : internalValue;
+  const handleOnChange = (value2) => {
+    onChange?.(value2);
+    if (!isControlled) {
+      setInternalValue(() => value2);
+    }
+  };
+  return { value, handleOnChange };
+};
+
+export { useManagedValue };
+//# sourceMappingURL=useManagedValue.mjs.map

package/dist/js/components/src/lib/hooks/useManagedValue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useManagedValue.mjs","sources":["../../../../../../src/lib/hooks/useManagedValue.ts"],"sourcesContent":["import { useState } from \"react\";\n\ninterface MangedValueProps<V> {\n  value?: V;\n  defaultValue?: V;\n  onChange?: (value: V) => void;\n}\n\nexport const useManagedValue = <T extends string>(\n  props: MangedValueProps<T>,\n  onChange = props.onChange,\n) => {\n  const { value: valueFromProps, defaultValue: defaultValueFromProps } = props;\n\n  const isControlled = typeof valueFromProps !== \"undefined\";\n  const hasDefaultValue = typeof defaultValueFromProps !== \"undefined\";\n\n  const [internalValue, setInternalValue] = useState(\n    hasDefaultValue ? defaultValueFromProps : \"\",\n  );\n  const value = isControlled ? valueFromProps : internalValue;\n\n  const handleOnChange = (value: T) => {\n    onChange?.(value);\n\n    if (!isControlled) {\n      setInternalValue(() => value);\n    }\n  };\n\n  return { value, handleOnChange } as const;\n};\n"],"names":["value"],"mappings":";;AAQO,MAAM,eAAkB,GAAA,CAC7B,KACA,EAAA,QAAA,GAAW,MAAM,QACd,KAAA;AACH,EAAA,MAAM,EAAE,KAAA,EAAO,cAAgB,EAAA,YAAA,EAAc,uBAA0B,GAAA,KAAA;AAEvE,EAAM,MAAA,YAAA,GAAe,OAAO,cAAmB,KAAA,WAAA;AAC/C,EAAM,MAAA,eAAA,GAAkB,OAAO,qBAA0B,KAAA,WAAA;AAEzD,EAAM,MAAA,CAAC,aAAe,EAAA,gBAAgB,CAAI,GAAA,QAAA;AAAA,IACxC,kBAAkB,qBAAwB,GAAA;AAAA,GAC5C;AACA,EAAM,MAAA,KAAA,GAAQ,eAAe,cAAiB,GAAA,aAAA;AAE9C,EAAM,MAAA,cAAA,GAAiB,CAACA,MAAa,KAAA;AACnC,IAAA,QAAA,GAAWA,MAAK,CAAA;AAEhB,IAAA,IAAI,CAAC,YAAc,EAAA;AACjB,MAAA,gBAAA,CAAiB,MAAMA,MAAK,CAAA;AAAA;AAC9B,GACF;AAEA,EAAO,OAAA,EAAE,OAAO,cAAe,EAAA;AACjC;;;;"}

package/dist/types/components/Action/models/ActionState.d.ts

@@ -13,7 +13,7 @@ export declare class ActionState {
     get isBusy(): boolean;
     onAsyncStart(): void;
     onSucceeded(): Promise<void>;
-    onFailed(error: unknown): Promise<void>;
+    onFailed(error?: unknown): Promise<void>;
     withFeedback(feedback?: boolean): ActionState;
     private startFailedFeedback;
     private startSucceededFeedback;

package/dist/types/components/Action/models/ActionState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionState.d.ts","sourceRoot":"","sources":["../../../../../src/components/Action/models/ActionState.ts"],"names":[],"mappings":"AAUA,MAAM,MAAM,gBAAgB,GACxB,QAAQ,GACR,aAAa,GACb,WAAW,GACX,aAAa,GACb,UAAU,CAAC;AAQf,qBAAa,WAAW;IACtB,OAAO,CAAC,YAAY,CAAC,CAAU;IACxB,KAAK,EAAE,gBAAgB,CAAY;IAC1C,OAAO,CAAC,iBAAiB,CAAqB;IACvC,KAAK,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,OAAO,CAAS;;WAUV,MAAM,IAAI,WAAW;IAI5B,WAAW,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI;IAI7C,QAAQ,IAAI,gBAAgB;IAI5B,SAAS,IAAI,OAAO;IAI3B,IAAW,MAAM,IAAI,OAAO,CAE3B;IAEM,YAAY,IAAI,IAAI;IASd,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;IAI5B,QAAQ,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAK7C,YAAY,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,WAAW;YAKtC,mBAAmB;YAMnB,sBAAsB;IAMpC,OAAO,CAAC,cAAc;YAMR,MAAM;IAgBpB,OAAO,CAAC,YAAY;CAGrB"}
+{"version":3,"file":"ActionState.d.ts","sourceRoot":"","sources":["../../../../../src/components/Action/models/ActionState.ts"],"names":[],"mappings":"AAUA,MAAM,MAAM,gBAAgB,GACxB,QAAQ,GACR,aAAa,GACb,WAAW,GACX,aAAa,GACb,UAAU,CAAC;AAQf,qBAAa,WAAW;IACtB,OAAO,CAAC,YAAY,CAAC,CAAU;IACxB,KAAK,EAAE,gBAAgB,CAAY;IAC1C,OAAO,CAAC,iBAAiB,CAAqB;IACvC,KAAK,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,OAAO,CAAS;;WAUV,MAAM,IAAI,WAAW;IAI5B,WAAW,CAAC,QAAQ,EAAE,gBAAgB,GAAG,IAAI;IAI7C,QAAQ,IAAI,gBAAgB;IAI5B,SAAS,IAAI,OAAO;IAI3B,IAAW,MAAM,IAAI,OAAO,CAE3B;IAEM,YAAY,IAAI,IAAI;IASd,WAAW,IAAI,OAAO,CAAC,IAAI,CAAC;IAI5B,QAAQ,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAK9C,YAAY,CAAC,QAAQ,CAAC,EAAE,OAAO,GAAG,WAAW;YAKtC,mBAAmB;YAMnB,sBAAsB;IAMpC,OAAO,CAAC,cAAc;YAMR,MAAM;IAgBpB,OAAO,CAAC,YAAY;CAGrB"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAOrE,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEtD,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAC7C,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC;AAEvC,wBAAwB;AACxB,eAAO,MAAM,cAAc,0HAgEzB,CAAC;AAEH,eAAe,cAAc,CAAC"}
+{"version":3,"file":"MarkdownEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/MarkdownEditor/MarkdownEditor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACrE,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAC;AASrE,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEtD,MAAM,MAAM,mBAAmB,GAAG,aAAa,GAC7C,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC;AAEvC,wBAAwB;AACxB,eAAO,MAAM,cAAc,0HA0DzB,CAAC;AAEH,eAAe,cAAc,CAAC"}

package/dist/types/components/MarkdownEditor/components/ModeButton.d.ts

@@ -1,10 +1,9 @@
 import { FC } from 'react';
+import { ButtonProps } from '../../Button';
 import { MarkdownEditorMode } from '../MarkdownEditor';
-interface Props {
-    mode: MarkdownEditorMode;
-    setMode: (mode: MarkdownEditorMode) => void;
-    isDisabled?: boolean;
+export interface ModeButtonProps extends Pick<ButtonProps, "isDisabled"> {
+    currentMode: MarkdownEditorMode;
+    onChange?: (newMode: MarkdownEditorMode) => void;
 }
-export declare const ModeButton: FC<Props>;
-export {};
+export declare const ModeButton: FC<ModeButtonProps>;
 //# sourceMappingURL=ModeButton.d.ts.map

package/dist/types/components/MarkdownEditor/components/ModeButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModeButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/MarkdownEditor/components/ModeButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAGrF,UAAU,KAAK;IACb,IAAI,EAAE,kBAAkB,CAAC;IACzB,OAAO,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,KAAK,CAmBhC,CAAC"}
+{"version":3,"file":"ModeButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/MarkdownEditor/components/ModeButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAG/D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAGrF,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,WAAW,EAAE,YAAY,CAAC;IACtE,WAAW,EAAE,kBAAkB,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,kBAAkB,KAAK,IAAI,CAAC;CAClD;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAoB1C,CAAC"}

package/dist/types/components/MarkdownEditor/components/Toolbar.d.ts

@@ -1,14 +1,12 @@
-import { FC, RefObject } from 'react';
-import { MarkdownEditorMode } from '../MarkdownEditor';
-interface Props {
-    markdown: string;
-    setMarkdown: (markdown: string) => void;
-    textAreaRef: RefObject<HTMLTextAreaElement | null>;
-    setMode: (mode: MarkdownEditorMode) => void;
-    mode: MarkdownEditorMode;
-    isDisabled?: boolean;
-    onChange?: (markdown: string) => void;
+import { FC } from 'react';
+import { ToolBarButtonProps } from './ToolbarButton';
+import { ModeButtonProps } from './ModeButton';
+import { ButtonProps } from '../../Button';
+interface ToolbarProps extends Pick<ButtonProps, "isDisabled"> {
+    currentMode: ModeButtonProps["currentMode"];
+    onModeChange: ModeButtonProps["onChange"];
+    onToolPressed: ToolBarButtonProps["onPress"];
 }
-export declare const Toolbar: FC<Props>;
+export declare const Toolbar: FC<ToolbarProps>;
 export {};
 //# sourceMappingURL=Toolbar.d.ts.map

package/dist/types/components/MarkdownEditor/components/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/MarkdownEditor/components/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAavD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAGrF,UAAU,KAAK;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACnD,OAAO,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC5C,IAAI,EAAE,kBAAkB,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CACvC;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,KAAK,CA0D7B,CAAC"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../../src/components/MarkdownEditor/components/Toolbar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAYvC,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sDAAsD,CAAC;AAC9D,OAAO,EAEL,KAAK,eAAe,EACrB,MAAM,mDAAmD,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,UAAU,YAAa,SAAQ,IAAI,CAAC,WAAW,EAAE,YAAY,CAAC;IAC5D,WAAW,EAAE,eAAe,CAAC,aAAa,CAAC,CAAC;IAC5C,YAAY,EAAE,eAAe,CAAC,UAAU,CAAC,CAAC;IAC1C,aAAa,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAC;CAC9C;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CA6DpC,CAAC"}

package/dist/types/components/MarkdownEditor/components/ToolbarButton.d.ts

@@ -1,15 +1,9 @@
-import { FC, PropsWithChildren, RefObject } from 'react';
+import { FC } from 'react';
 import { InsertType } from '../lib/insertAtCursor';
-import { MarkdownEditorMode } from '../MarkdownEditor';
-interface Props extends PropsWithChildren {
-    markdown: string;
-    setMarkdown: (markdown: string) => void;
-    textAreaRef: RefObject<HTMLTextAreaElement | null>;
-    isDisabled?: boolean;
+import { ButtonProps } from '../../Button';
+export interface ToolBarButtonProps extends Pick<ButtonProps, "isDisabled" | "children"> {
     type: InsertType;
-    onChange?: (markdown: string) => void;
-    mode: MarkdownEditorMode;
+    onPress?: (type: InsertType) => void;
 }
-export declare const ToolbarButton: FC<Props>;
-export {};
+export declare const ToolbarButton: FC<ToolBarButtonProps>;
 //# sourceMappingURL=ToolbarButton.d.ts.map

package/dist/types/components/MarkdownEditor/components/ToolbarButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/MarkdownEditor/components/ToolbarButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC/E,OAAO,EAEL,KAAK,UAAU,EAChB,MAAM,gDAAgD,CAAC;AAIxD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAErF,UAAU,KAAM,SAAQ,iBAAiB;IACvC,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACnD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,IAAI,EAAE,kBAAkB,CAAC;CAC1B;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,KAAK,CA4BnC,CAAC"}
+{"version":3,"file":"ToolbarButton.d.ts","sourceRoot":"","sources":["../../../../../src/components/MarkdownEditor/components/ToolbarButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,gDAAgD,CAAC;AACjF,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAI/D,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,YAAY,GAAG,UAAU,CAAC;IACpD,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;CACtC;AAED,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAiBhD,CAAC"}

package/dist/types/components/MarkdownEditor/lib/handleKeyDown.d.ts

@@ -1,3 +1,3 @@
 import { KeyboardEvent, RefObject } from 'react';
-export declare const handleKeyDown: (e: KeyboardEvent, textAreaRef: RefObject<HTMLTextAreaElement | null>, setMarkdown: (markdown: string) => void, onChange?: (markdown: string) => void) => void;
+export declare const handleKeyDown: (e: KeyboardEvent, textAreaRef: RefObject<HTMLTextAreaElement | null>, setMarkdown: (markdown: string) => void) => void;
 //# sourceMappingURL=handleKeyDown.d.ts.map

package/dist/types/components/MarkdownEditor/lib/handleKeyDown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"handleKeyDown.d.ts","sourceRoot":"","sources":["../../../../../src/components/MarkdownEditor/lib/handleKeyDown.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYtD,eAAO,MAAM,aAAa,GACxB,GAAG,aAAa,EAChB,aAAa,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,EAClD,aAAa,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,EACvC,WAAW,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,SA6EtC,CAAC"}
+{"version":3,"file":"handleKeyDown.d.ts","sourceRoot":"","sources":["../../../../../src/components/MarkdownEditor/lib/handleKeyDown.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYtD,eAAO,MAAM,aAAa,GACxB,GAAG,aAAa,EAChB,aAAa,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,EAClD,aAAa,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,SAqExC,CAAC"}

package/dist/types/components/MarkdownEditor/lib/insertAtCursor.d.ts

@@ -1,4 +1,4 @@
 import { RefObject } from 'react';
 export type InsertType = "bold" | "italic" | "strikeThrough" | "quote" | "code" | "link" | "unorderedList" | "orderedList";
-export declare const insertAtCursor: (markdown: string, setMarkdown: (markdown: string) => void, textAreaRef: RefObject<HTMLTextAreaElement | null>, type: InsertType, onChange?: (markdown: string) => void) => void;
+export declare const insertAtCursor: (markdown: string, setMarkdown: (markdown: string) => void, textAreaRef: RefObject<HTMLTextAreaElement | null>, type: InsertType) => void;
 //# sourceMappingURL=insertAtCursor.d.ts.map

package/dist/types/components/MarkdownEditor/lib/insertAtCursor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"insertAtCursor.d.ts","sourceRoot":"","sources":["../../../../../src/components/MarkdownEditor/lib/insertAtCursor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAClB,MAAM,GACN,QAAQ,GACR,eAAe,GACf,OAAO,GACP,MAAM,GACN,MAAM,GACN,eAAe,GACf,aAAa,CAAC;AA0BlB,eAAO,MAAM,cAAc,GACzB,UAAU,MAAM,EAChB,aAAa,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,EACvC,aAAa,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,EAClD,MAAM,UAAU,EAChB,WAAW,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,SAgLtC,CAAC"}
+{"version":3,"file":"insertAtCursor.d.ts","sourceRoot":"","sources":["../../../../../src/components/MarkdownEditor/lib/insertAtCursor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,UAAU,GAClB,MAAM,GACN,QAAQ,GACR,eAAe,GACf,OAAO,GACP,MAAM,GACN,MAAM,GACN,eAAe,GACf,aAAa,CAAC;AA0BlB,eAAO,MAAM,cAAc,GACzB,UAAU,MAAM,EAChB,aAAa,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,EACvC,aAAa,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,EAClD,MAAM,UAAU,SAgLjB,CAAC"}

package/dist/types/components/MarkdownEditor/stories/Default.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/MarkdownEditor/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAS7D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAKrC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAAsC,CAAC;AAE9D,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAEhC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAuBtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,QAqBrB,CAAC"}
+{"version":3,"file":"Default.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/MarkdownEditor/stories/Default.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAS7D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAKrC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,QAAQ,EAAE,KAAsC,CAAC;AAE9D,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAEhC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAExB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAwBtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,QAqBrB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordCreationField.d.ts","sourceRoot":"","sources":["../../../../src/components/PasswordCreationField/PasswordCreationField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,iBAAiB,EAKvB,MAAM,OAAO,CAAC;AAOf,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAE9C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAmB9C,OAAO,KAAK,EACV,sBAAsB,EACtB,wBAAwB,EACxB,oBAAoB,EACrB,MAAM,4CAA4C,CAAC;AAOpD,MAAM,WAAW,0BACf,SAAQ,iBAAiB,CACrB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC,GAC9D,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,kBAAkB,CAAC,CAAC,CAChE,EACD,kBAAkB,CAAC,gBAAgB,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,wBAAwB,CAAC;CAC7C;AAED,MAAM,WAAW,8BACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC;IAC/C,OAAO,EAAE,OAAO,GAAG,eAAe,CAAC;IACnC,WAAW,EAAE,oBAAoB,EAAE,CAAC;CACrC;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,6FA2QjC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"PasswordCreationField.d.ts","sourceRoot":"","sources":["../../../../src/components/PasswordCreationField/PasswordCreationField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,KAAK,iBAAiB,EAKvB,MAAM,OAAO,CAAC;AAOf,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,sCAAsC,CAAC;AAE9C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAmB9C,OAAO,KAAK,EACV,sBAAsB,EACtB,wBAAwB,EACxB,oBAAoB,EACrB,MAAM,4CAA4C,CAAC;AAQpD,MAAM,WAAW,0BACf,SAAQ,iBAAiB,CACrB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC,GAC9D,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,qBAAqB,EAAE,kBAAkB,CAAC,CAAC,CAChE,EACD,kBAAkB,CAAC,gBAAgB,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9E,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,wBAAwB,CAAC;CAC7C;AAED,MAAM,WAAW,8BACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,SAAS,CAAC;IAC/C,OAAO,EAAE,OAAO,GAAG,eAAe,CAAC;IACnC,WAAW,EAAE,oBAAoB,EAAE,CAAC;CACrC;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,6FAyPjC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/types/integrations/react-hook-form/components/Form/Form.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, ComponentType, FormEventHandler, PropsWithChildren } from 'react';
-import { FieldValues, UseFormReturn } from 'react-hook-form';
-export type FormOnSubmitHandler<F extends FieldValues> = Parameters<UseFormReturn<F>["handleSubmit"]>[0];
+import { FieldValues, SubmitHandler, UseFormReturn } from 'react-hook-form';
+export type FormOnSubmitHandler<F extends FieldValues> = SubmitHandler<F>;
 type FormComponentType = ComponentType<PropsWithChildren<{
     id: string;
     onSubmit?: FormEventHandler | FormOnSubmitHandler<never>;

package/dist/types/integrations/react-hook-form/components/Form/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Form/Form.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,aAAa,EAElB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EAIvB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAKlE,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,WAAW,IAAI,UAAU,CACjE,aAAa,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CACjC,CAAC,CAAC,CAAC,CAAC;AAEL,KAAK,iBAAiB,GAAG,aAAa,CACpC,iBAAiB,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;CAC1D,CAAC,CACH,CAAC;AAEF,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,WAAW,CAC9C,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,EAC9C,iBAAiB;IACnB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAID,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,2CAmF9D;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Form/Form.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,aAAa,EAElB,KAAK,gBAAgB,EACrB,KAAK,iBAAiB,EAGvB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EACV,WAAW,EACX,aAAa,EACb,aAAa,EACd,MAAM,iBAAiB,CAAC;AAMzB,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,WAAW,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC;AAE1E,KAAK,iBAAiB,GAAG,aAAa,CACpC,iBAAiB,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;CAC1D,CAAC,CACH,CAAC;AAEF,MAAM,WAAW,SAAS,CAAC,CAAC,SAAS,WAAW,CAC9C,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,EAC9C,iBAAiB;IACnB,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAID,wBAAgB,IAAI,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,2CA4E9D;AAED,eAAe,IAAI,CAAC"}

package/dist/types/integrations/react-hook-form/components/Form/lib/useRegisterActionStateContext.d.ts

@@ -0,0 +1,7 @@
+import { ActionModel } from '../../../../../components/Action/models/ActionModel';
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+export declare const useRegisterActionStateContext: <T extends FieldValues>(form: UseFormReturn<T>) => {
+    readonly action: ActionModel;
+    readonly registerSubmitResult: (result: unknown) => void;
+};
+//# sourceMappingURL=useRegisterActionStateContext.d.ts.map

package/dist/types/integrations/react-hook-form/components/Form/lib/useRegisterActionStateContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRegisterActionStateContext.d.ts","sourceRoot":"","sources":["../../../../../../../src/integrations/react-hook-form/components/Form/lib/useRegisterActionStateContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAC;AAGrE,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAgBlE,eAAO,MAAM,6BAA6B,GAAI,CAAC,SAAS,WAAW,EACjE,MAAM,aAAa,CAAC,CAAC,CAAC;;4CAgDgB,OAAO;CAY9C,CAAC"}

package/dist/types/lib/hooks/useManagedValue.d.ts

@@ -0,0 +1,11 @@
+interface MangedValueProps<V> {
+    value?: V;
+    defaultValue?: V;
+    onChange?: (value: V) => void;
+}
+export declare const useManagedValue: <T extends string>(props: MangedValueProps<T>, onChange?: ((value: T) => void) | undefined) => {
+    readonly value: string;
+    readonly handleOnChange: (value: T) => void;
+};
+export {};
+//# sourceMappingURL=useManagedValue.d.ts.map

package/dist/types/lib/hooks/useManagedValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useManagedValue.d.ts","sourceRoot":"","sources":["../../../../src/lib/hooks/useManagedValue.ts"],"names":[],"mappings":"AAEA,UAAU,gBAAgB,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;CAC/B;AAED,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,MAAM,EAC9C,OAAO,gBAAgB,CAAC,CAAC,CAAC,EAC1B,0BALyB,IAAI,aAKJ;;qCAYM,CAAC;CASjC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.477",
+  "version": "0.2.0-alpha.479",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -57,7 +57,7 @@
   "dependencies": {
     "@internationalized/string-compiler": "^3.2.6",
     "@mittwald/password-tools-js": "3.0.0-alpha.18",
-    "@mittwald/react-tunnel": "0.2.0-alpha.477",
+    "@mittwald/react-tunnel": "0.2.0-alpha.479",
     "@mittwald/react-use-promise": "^3.0.4",
     "@react-aria/form": "^3.1.0",
     "@react-aria/live-announcer": "^3.4.4",
@@ -100,7 +100,7 @@
     "@faker-js/faker": "^9.9.0",
     "@internationalized/date": "^3.8.2",
     "@mittwald/flow-core": "",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.477",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.479",
     "@mittwald/react-use-promise": "^3.0.4",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.3",
     "@mittwald/typescript-config": "",
@@ -173,5 +173,5 @@
       "optional": true
     }
   },
-  "gitHead": "f6a3c2055adf0bac90d3c0622911e55c101807f5"
+  "gitHead": "00c8b7733d3c1de87920e659b6691edda7e73eba"
 }

package/dist/js/components/src/components/Action/ActionStateContext.mjs

@@ -1,24 +0,0 @@
-"use client"
-/* */
-import { jsx } from 'react/jsx-runtime';
-import { useEffect } from 'react';
-import { ActionModel } from './models/ActionModel.mjs';
-import { Action } from './Action.mjs';
-
-const ActionStateContext = (props) => {
-  const { isStarted, hasFailedWithError, hasSucceeded, children } = props;
-  const action = ActionModel.useNew({});
-  useEffect(() => {
-    if (hasSucceeded) {
-      void action.state.onSucceeded();
-    } else if (hasFailedWithError) {
-      void action.state.onFailed(hasFailedWithError);
-    } else if (isStarted) {
-      void action.state.onAsyncStart();
-    }
-  }, [isStarted, hasFailedWithError, hasSucceeded]);
-  return /* @__PURE__ */ jsx(Action, { actionModel: action, children });
-};
-
-export { ActionStateContext };
-//# sourceMappingURL=ActionStateContext.mjs.map