@mittwald/flow-react-components 0.2.0-alpha.780 → 0.2.0-alpha.782

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

@@ -1,257 +1,192 @@
 "use client"
 /* */
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState, useMemo, useDeferredValue } from 'react';
-import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import styles from './PasswordCreationField.module.scss.mjs';
-import * as Aria from 'react-aria-components';
-import clsx from 'clsx';
-import { TunnelProvider, TunnelExit } from '@mittwald/react-tunnel';
-import '../Action/Action.mjs';
-import 'react-aria';
-import '@react-aria/live-announcer';
-import getStateFromLatestPolicyValidationResult from './lib/getStateFromLatestPolicyValidationResult.mjs';
-import locales from '../../../../../_virtual/_.locale.json@95341064edeb0e38b66d786dbd62955c.mjs';
-import generateValidationTranslation from './lib/generateValidationTranslation.mjs';
-import { FieldDescription } from '../FieldDescription/FieldDescription.mjs';
-import { ComplexityIndicator } from './components/ComplexityIndicator/ComplexityIndicator.mjs';
-import { generatePassword } from './worker/generatePassword.mjs';
-import { TogglePasswordVisibilityButton } from './components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.mjs';
-import { ValidationResultButton } from './components/ValidationResultButton/ValidationResultButton.mjs';
-import { PasswordGenerateButton } from './components/PasswordGenerateButton/PasswordGenerateButton.mjs';
-import { useLocalizedContextStringFormatter } from '../TranslationProvider/useLocalizedContextStringFormatter.mjs';
-import { defaultPasswordCreationPolicy } from '../../integrations/@mittwald/password-tools-js/defaultPasswordCreationPolicy.mjs';
-import { Policy } from '@mittwald/password-tools-js/policy';
-import '@mittwald/password-tools-js/rules';
-import '@mittwald/password-tools-js/generator';
-import { usePolicyValidationResult } from './lib/usePolicyValidationResult.mjs';
-import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
-import { FieldError } from '../FieldError/FieldError.mjs';
-import { useControlledHostValueProps } from '../../lib/remote/useControlledHostValueProps.mjs';
+import PropsContextProvider from "../../lib/propsContext/components/PropsContextProvider.mjs";
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import dynamic from "../../lib/propsContext/dynamicProps/dynamic.mjs";
+import "../../lib/propsContext/index.mjs";
+import "../Action/index.mjs";
+import { useFieldComponent } from "../../lib/hooks/useFieldComponent.mjs";
+import { useControlledHostValueProps } from "../../lib/remote/useControlledHostValueProps.mjs";
+import FieldDescription from "../FieldDescription/FieldDescription.mjs";
+import "../FieldDescription/index.mjs";
+import FieldError from "../FieldError/FieldError.mjs";
+import "../FieldError/index.mjs";
+import PasswordCreationField_module_default from "./PasswordCreationField.module.mjs";
+import { defaultPasswordCreationPolicy } from "../../integrations/@mittwald/password-tools-js/defaultPasswordCreationPolicy.mjs";
+import { Policy } from "../../../../../@mittwald/password-tools-js.mjs";
+import getStateFromLatestPolicyValidationResult from "./lib/getStateFromLatestPolicyValidationResult.mjs";
+import __locale_default from "../../../../../_virtual/_20.locale.mjs";
+import generateValidationTranslation from "./lib/generateValidationTranslation.mjs";
+import ComplexityIndicator from "./components/ComplexityIndicator/ComplexityIndicator.mjs";
+import { generatePassword } from "./worker/generatePassword.mjs";
+import TogglePasswordVisibilityButton from "./components/TogglePasswordVisibilityButton/TogglePasswordVisibilityButton.mjs";
+import { useLocalizedContextStringFormatter } from "../TranslationProvider/useLocalizedContextStringFormatter.mjs";
+import { ValidationResultButton } from "./components/ValidationResultButton/ValidationResultButton.mjs";
+import { PasswordGenerateButton } from "./components/PasswordGenerateButton/PasswordGenerateButton.mjs";
+import { usePolicyValidationResult } from "./lib/usePolicyValidationResult.mjs";
+import clsx from "clsx";
+import { useDeferredValue, useMemo, useState } from "react";
+import { TunnelExit, TunnelProvider } from "@mittwald/react-tunnel";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/PasswordCreationField/PasswordCreationField.tsx
+/** @flr-generate all */
+var PasswordCreationField = flowComponent("PasswordCreationField", (props) => {
+	const { children, className, ref, isDisabled, onValidationResult, isInvalid: invalidFromProps, validationPolicy: validationPolicyFromProps = defaultPasswordCreationPolicy, isRequired, value, onChange, ...rest } = useControlledHostValueProps(props);
+	const { FieldErrorView, FieldErrorCaptureContext, fieldProps, fieldPropsContext } = useFieldComponent(props);
+	const [isLoading, setIsLoading] = useState(false);
+	const translate = useLocalizedContextStringFormatter(__locale_default);
+	const validationPolicy = useMemo(() => Policy.fromDeclaration(validationPolicyFromProps), [validationPolicyFromProps]);
+	const deferredValue = useDeferredValue(value ?? "");
+	const [isPasswordRevealed, setIsPasswordRevealed] = useState(false);
+	const initialPolicyValidationState = {
+		isValid: true,
+		complexity: {
+			min: validationPolicy.minComplexity,
+			actual: 4,
+			warning: null
+		},
+		ruleResults: []
+	};
+	const [policyValidationResult, setPolicyValidationResult] = useState(initialPolicyValidationState);
+	usePolicyValidationResult(validationPolicy, deferredValue, () => {
+		if (isEmptyValue) return;
+		setIsLoading(() => true);
+	}, ({ password, isValid, results }) => {
+		if (isEmptyValue) {
+			setPolicyValidationResult(() => ({
+				...results,
+				isValid: true
+			}));
+			return;
+		}
+		setIsLoading(() => false);
+		setPolicyValidationResult(() => results);
+		onValidationResult?.({
+			password,
+			isValid
+		});
+	});
+	const isEmptyValue = !value;
+	const stateFromValidationResult = getStateFromLatestPolicyValidationResult(isEmptyValue, policyValidationResult);
+	let latestValidationErrorText = void 0;
+	if (stateFromValidationResult) {
+		const [translationKey, translationValues] = generateValidationTranslation(stateFromValidationResult);
+		latestValidationErrorText = translate.format(translationKey, translationValues);
+	}
+	const isValidFromValidationResult = !isEmptyValue && stateFromValidationResult?.isValid;
+	const isInvalidFromValidationResult = !isEmptyValue && !stateFromValidationResult?.isValid;
+	const isInvalid = invalidFromProps || isInvalidFromValidationResult;
+	const setOptimisticPolicyValidationResult = (state = {}) => {
+		setIsLoading(() => false);
+		setPolicyValidationResult(() => ({
+			...initialPolicyValidationState,
+			...state,
+			isValid: true
+		}));
+	};
+	const onPasswordGenerateHandler = async () => {
+		const generatedPassword = await generatePassword(validationPolicy);
+		setOptimisticPolicyValidationResult();
+		setIsPasswordRevealed(true);
+		onChange(generatedPassword);
+	};
+	const onPasswordPasteHandler = (event) => {
+		const pastedValue = event.clipboardData?.getData("text");
+		if (typeof pastedValue === "string" && pastedValue !== value) setOptimisticPolicyValidationResult({ isValid: "indeterminate" });
+	};
+	const togglePasswordVisibilityHandler = () => {
+		setIsPasswordRevealed((old) => !old);
+	};
+	const propsContext = {
+		...fieldPropsContext,
+		Button: {
+			tunnelId: "button",
+			size: "m",
+			variant: "plain",
+			color: "secondary",
+			isDisabled,
+			className: PasswordCreationField_module_default.button
+		},
+		CopyButton: {
+			tunnelId: "button",
+			size: "m",
+			variant: "plain",
+			color: "secondary",
+			isDisabled,
+			className: PasswordCreationField_module_default.button,
+			text: value
+		},
+		Label: {
+			...fieldPropsContext.Label,
+			children: dynamic((localProps) => {
+				return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					localProps.children,
+					/* @__PURE__ */ jsx(PasswordGenerateButton, {
+						isDisabled,
+						onGeneratePasswordAction: onPasswordGenerateHandler
+					}),
+					/* @__PURE__ */ jsx(ValidationResultButton, {
+						isEmptyValue,
+						isDisabled,
+						policyValidationResult
+					})
+				] });
+			})
+		}
+	};
+	return /* @__PURE__ */ jsx(Aria.TextField, {
+		...rest,
+		value,
+		type: isPasswordRevealed ? "text" : "password",
+		onChange,
+		onPaste: onPasswordPasteHandler,
+		className: clsx(className, fieldProps.className),
+		isDisabled,
+		isInvalid,
+		isRequired,
+		children: /* @__PURE__ */ jsxs(TunnelProvider, { children: [/* @__PURE__ */ jsxs(FieldErrorCaptureContext, { children: [/* @__PURE__ */ jsx(FieldError, { children: latestValidationErrorText }), /* @__PURE__ */ jsxs(PropsContextProvider, {
+			props: propsContext,
+			dependencies: [
+				isDisabled,
+				isRequired,
+				value,
+				policyValidationResult,
+				isEmptyValue
+			],
+			children: [
+				children,
+				/* @__PURE__ */ jsxs(Aria.Group, {
+					isDisabled,
+					className: clsx(PasswordCreationField_module_default.inputGroup),
+					children: [
+						/* @__PURE__ */ jsx(Aria.Input, {
+							ref,
+							className: PasswordCreationField_module_default.input
+						}),
+						/* @__PURE__ */ jsxs(Aria.Group, {
+							className: PasswordCreationField_module_default.buttonContainer,
+							children: [/* @__PURE__ */ jsx(TogglePasswordVisibilityButton, {
+								className: PasswordCreationField_module_default.button,
+								isVisible: isPasswordRevealed,
+								isDisabled,
+								onPress: togglePasswordVisibilityHandler
+							}), /* @__PURE__ */ jsx(TunnelExit, { id: "button" })]
+						}),
+						/* @__PURE__ */ jsx(ComplexityIndicator, {
+							isEmptyValue,
+							isLoading,
+							policyValidationResult,
+							validationResultState: stateFromValidationResult
+						})
+					]
+				}),
+				isValidFromValidationResult && /* @__PURE__ */ jsx(FieldDescription, { children: latestValidationErrorText })
+			]
+		})] }), /* @__PURE__ */ jsx(FieldErrorView, {})] })
+	});
+});
+//#endregion
+export { PasswordCreationField as default };
 
-const PasswordCreationField = flowComponent(
-  "PasswordCreationField",
-  (props) => {
-    const {
-      children,
-      className,
-      ref,
-      isDisabled,
-      onValidationResult,
-      isInvalid: invalidFromProps,
-      validationPolicy: validationPolicyFromProps = defaultPasswordCreationPolicy,
-      isRequired,
-      value,
-      onChange,
-      ...rest
-    } = useControlledHostValueProps(props);
-    const {
-      FieldErrorView,
-      FieldErrorCaptureContext,
-      fieldProps,
-      fieldPropsContext
-    } = useFieldComponent(props);
-    const [isLoading, setIsLoading] = useState(false);
-    const translate = useLocalizedContextStringFormatter(locales);
-    const validationPolicy = useMemo(
-      () => Policy.fromDeclaration(validationPolicyFromProps),
-      [validationPolicyFromProps]
-    );
-    const deferredValue = useDeferredValue(value ?? "");
-    const [isPasswordRevealed, setIsPasswordRevealed] = useState(false);
-    const initialPolicyValidationState = {
-      isValid: true,
-      complexity: {
-        min: validationPolicy.minComplexity,
-        actual: 4,
-        warning: null
-      },
-      ruleResults: []
-    };
-    const [policyValidationResult, setPolicyValidationResult] = useState(
-      initialPolicyValidationState
-    );
-    usePolicyValidationResult(
-      validationPolicy,
-      deferredValue,
-      () => {
-        if (isEmptyValue) {
-          return;
-        }
-        setIsLoading(() => true);
-      },
-      ({ password, isValid, results }) => {
-        if (isEmptyValue) {
-          setPolicyValidationResult(() => ({
-            ...results,
-            isValid: true
-          }));
-          return;
-        }
-        setIsLoading(() => false);
-        setPolicyValidationResult(() => results);
-        onValidationResult?.({ password, isValid });
-      }
-    );
-    const isEmptyValue = !value;
-    const stateFromValidationResult = getStateFromLatestPolicyValidationResult(
-      isEmptyValue,
-      policyValidationResult
-    );
-    let latestValidationErrorText = void 0;
-    if (stateFromValidationResult) {
-      const [translationKey, translationValues] = generateValidationTranslation(
-        stateFromValidationResult
-      );
-      latestValidationErrorText = translate.format(
-        translationKey,
-        translationValues
-      );
-    }
-    const isValidFromValidationResult = !isEmptyValue && stateFromValidationResult?.isValid;
-    const isInvalidFromValidationResult = !isEmptyValue && !stateFromValidationResult?.isValid;
-    const isInvalid = invalidFromProps || isInvalidFromValidationResult;
-    const setOptimisticPolicyValidationResult = (state = {}) => {
-      setIsLoading(() => false);
-      setPolicyValidationResult(() => ({
-        ...initialPolicyValidationState,
-        ...state,
-        isValid: true
-      }));
-    };
-    const onPasswordGenerateHandler = async () => {
-      const generatedPassword = await generatePassword(validationPolicy);
-      setOptimisticPolicyValidationResult();
-      setIsPasswordRevealed(true);
-      onChange(generatedPassword);
-    };
-    const onPasswordPasteHandler = (event) => {
-      const pastedValue = event.clipboardData?.getData("text");
-      if (typeof pastedValue === "string" && pastedValue !== value) {
-        setOptimisticPolicyValidationResult({
-          isValid: "indeterminate"
-        });
-      }
-    };
-    const togglePasswordVisibilityHandler = () => {
-      setIsPasswordRevealed((old) => !old);
-    };
-    const propsContext = {
-      ...fieldPropsContext,
-      Button: {
-        tunnelId: "button",
-        size: "m",
-        variant: "plain",
-        color: "secondary",
-        isDisabled,
-        className: styles.button
-      },
-      CopyButton: {
-        tunnelId: "button",
-        size: "m",
-        variant: "plain",
-        color: "secondary",
-        isDisabled,
-        className: styles.button,
-        text: value
-      },
-      Label: {
-        ...fieldPropsContext.Label,
-        children: dynamic((localProps) => {
-          return /* @__PURE__ */ jsxs(Fragment, { children: [
-            localProps.children,
-            /* @__PURE__ */ jsx(
-              PasswordGenerateButton,
-              {
-                isDisabled,
-                onGeneratePasswordAction: onPasswordGenerateHandler
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              ValidationResultButton,
-              {
-                isEmptyValue,
-                isDisabled,
-                policyValidationResult
-              }
-            )
-          ] });
-        })
-      }
-    };
-    return /* @__PURE__ */ jsx(
-      Aria.TextField,
-      {
-        ...rest,
-        value,
-        type: isPasswordRevealed ? "text" : "password",
-        onChange,
-        onPaste: onPasswordPasteHandler,
-        className: clsx(className, fieldProps.className),
-        isDisabled,
-        isInvalid,
-        isRequired,
-        children: /* @__PURE__ */ jsxs(TunnelProvider, { children: [
-          /* @__PURE__ */ jsxs(FieldErrorCaptureContext, { children: [
-            /* @__PURE__ */ jsx(FieldError, { children: latestValidationErrorText }),
-            /* @__PURE__ */ jsxs(
-              PropsContextProvider,
-              {
-                props: propsContext,
-                dependencies: [
-                  isDisabled,
-                  isRequired,
-                  value,
-                  policyValidationResult,
-                  isEmptyValue
-                ],
-                children: [
-                  children,
-                  /* @__PURE__ */ jsxs(
-                    Aria.Group,
-                    {
-                      isDisabled,
-                      className: clsx(styles.inputGroup),
-                      children: [
-                        /* @__PURE__ */ jsx(Aria.Input, { ref, className: styles.input }),
-                        /* @__PURE__ */ jsxs(Aria.Group, { className: styles.buttonContainer, children: [
-                          /* @__PURE__ */ jsx(
-                            TogglePasswordVisibilityButton,
-                            {
-                              className: styles.button,
-                              isVisible: isPasswordRevealed,
-                              isDisabled,
-                              onPress: togglePasswordVisibilityHandler
-                            }
-                          ),
-                          /* @__PURE__ */ jsx(TunnelExit, { id: "button" })
-                        ] }),
-                        /* @__PURE__ */ jsx(
-                          ComplexityIndicator,
-                          {
-                            isEmptyValue,
-                            isLoading,
-                            policyValidationResult,
-                            validationResultState: stateFromValidationResult
-                          }
-                        )
-                      ]
-                    }
-                  ),
-                  isValidFromValidationResult && /* @__PURE__ */ jsx(FieldDescription, { children: latestValidationErrorText })
-                ]
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsx(FieldErrorView, {})
-        ] })
-      }
-    );
-  }
-);
-
-export { PasswordCreationField };
-//# sourceMappingURL=PasswordCreationField.mjs.map
+//# sourceMappingURL=PasswordCreationField.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"PasswordCreationField.mjs","sources":["../../../../../../../src/components/PasswordCreationField/PasswordCreationField.tsx"],"sourcesContent":["import {\n  type PropsWithChildren,\n  useState,\n  type ClipboardEvent,\n  useDeferredValue,\n  useMemo,\n} from \"react\";\nimport {\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 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 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 { 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 { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { FieldError } from \"@/components/FieldError\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\n\nexport interface PasswordCreationFieldProps\n  extends\n    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 extends Omit<\n  PolicyValidationResult,\n  \"isValid\"\n> {\n  isValid: boolean | \"indeterminate\";\n  ruleResults: RuleValidationResult[];\n}\n\n/** @flr-generate all */\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      value,\n      onChange,\n      ...rest\n    } = useControlledHostValueProps(props);\n\n    const {\n      FieldErrorView,\n      FieldErrorCaptureContext,\n      fieldProps,\n      fieldPropsContext,\n    } = useFieldComponent(props);\n\n    const [isLoading, setIsLoading] = useState(false);\n    const translate = useLocalizedContextStringFormatter(locales);\n\n    const validationPolicy = useMemo(\n      () => Policy.fromDeclaration(validationPolicyFromProps),\n      [validationPolicyFromProps],\n    );\n\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      onChange(generatedPassword);\n    };\n\n    const onPasswordPasteHandler = (event: ClipboardEvent) => {\n      const pastedValue = event.clipboardData?.getData(\"text\");\n      if (typeof pastedValue === \"string\" && 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      ...fieldPropsContext,\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        ...fieldPropsContext.Label,\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    };\n\n    return (\n      <Aria.TextField\n        {...rest}\n        value={value}\n        type={isPasswordRevealed ? \"text\" : \"password\"}\n        onChange={onChange}\n        onPaste={onPasswordPasteHandler}\n        className={clsx(className, fieldProps.className)}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n      >\n        <TunnelProvider>\n          <FieldErrorCaptureContext>\n            <FieldError>{latestValidationErrorText}</FieldError>\n            <PropsContextProvider\n              props={propsContext}\n              dependencies={[\n                isDisabled,\n                isRequired,\n                value,\n                policyValidationResult,\n                isEmptyValue,\n              ]}\n            >\n              {children}\n              <Aria.Group\n                isDisabled={isDisabled}\n                className={clsx(styles.inputGroup)}\n              >\n                <Aria.Input ref={ref} className={styles.input} />\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              {isValidFromValidationResult && (\n                <FieldDescription>{latestValidationErrorText}</FieldDescription>\n              )}\n            </PropsContextProvider>\n          </FieldErrorCaptureContext>\n          <FieldErrorView />\n        </TunnelProvider>\n      </Aria.TextField>\n    );\n  },\n);\n\nexport default PasswordCreationField;\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"PasswordCreationField.mjs","names":[],"sources":["../../../../../../../src/components/PasswordCreationField/PasswordCreationField.tsx"],"sourcesContent":["import {\n  type PropsWithChildren,\n  useState,\n  type ClipboardEvent,\n  useDeferredValue,\n  useMemo,\n} from \"react\";\nimport {\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 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 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 { 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 { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { FieldError } from \"@/components/FieldError\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\n\nexport interface PasswordCreationFieldProps\n  extends\n    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 extends Omit<\n  PolicyValidationResult,\n  \"isValid\"\n> {\n  isValid: boolean | \"indeterminate\";\n  ruleResults: RuleValidationResult[];\n}\n\n/** @flr-generate all */\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      value,\n      onChange,\n      ...rest\n    } = useControlledHostValueProps(props);\n\n    const {\n      FieldErrorView,\n      FieldErrorCaptureContext,\n      fieldProps,\n      fieldPropsContext,\n    } = useFieldComponent(props);\n\n    const [isLoading, setIsLoading] = useState(false);\n    const translate = useLocalizedContextStringFormatter(locales);\n\n    const validationPolicy = useMemo(\n      () => Policy.fromDeclaration(validationPolicyFromProps),\n      [validationPolicyFromProps],\n    );\n\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      onChange(generatedPassword);\n    };\n\n    const onPasswordPasteHandler = (event: ClipboardEvent) => {\n      const pastedValue = event.clipboardData?.getData(\"text\");\n      if (typeof pastedValue === \"string\" && 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      ...fieldPropsContext,\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        ...fieldPropsContext.Label,\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    };\n\n    return (\n      <Aria.TextField\n        {...rest}\n        value={value}\n        type={isPasswordRevealed ? \"text\" : \"password\"}\n        onChange={onChange}\n        onPaste={onPasswordPasteHandler}\n        className={clsx(className, fieldProps.className)}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n      >\n        <TunnelProvider>\n          <FieldErrorCaptureContext>\n            <FieldError>{latestValidationErrorText}</FieldError>\n            <PropsContextProvider\n              props={propsContext}\n              dependencies={[\n                isDisabled,\n                isRequired,\n                value,\n                policyValidationResult,\n                isEmptyValue,\n              ]}\n            >\n              {children}\n              <Aria.Group\n                isDisabled={isDisabled}\n                className={clsx(styles.inputGroup)}\n              >\n                <Aria.Input ref={ref} className={styles.input} />\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              {isValidFromValidationResult && (\n                <FieldDescription>{latestValidationErrorText}</FieldDescription>\n              )}\n            </PropsContextProvider>\n          </FieldErrorCaptureContext>\n          <FieldErrorView />\n        </TunnelProvider>\n      </Aria.TextField>\n    );\n  },\n);\n\nexport default PasswordCreationField;\n"],"mappings":"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"}

package/dist/js/packages/components/src/components/PasswordCreationField/PasswordCreationField.module.mjs

@@ -0,0 +1,12 @@
+"use client"
+/* */
+var PasswordCreationField_module_default = {
+	inputGroup: "flow--password-creation-field--input-group",
+	input: "flow--password-creation-field--input",
+	buttonContainer: "flow--password-creation-field--button-container",
+	button: "flow--password-creation-field--button"
+};
+//#endregion
+export { PasswordCreationField_module_default as default };
+
+//# sourceMappingURL=PasswordCreationField.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordCreationField.module.mjs","names":[],"sources":["../../../../../../../src/components/PasswordCreationField/PasswordCreationField.module.scss"],"sourcesContent":["@use \"@/styles/mixins/formControl\";\n@use \"./components/ComplexityIndicator/complexity\";\n\n.inputGroup {\n  display: flex;\n  position: relative;\n  flex-direction: row;\n  min-width: fit-content;\n\n  @include formControl.formControl;\n\n  padding-inline-end: 0;\n  padding-top: 0;\n\n  @include complexity.animation-in(\"padding-bottom\");\n\n  &:has([data-complexity-visible=\"false\"]) {\n    transition-duration: #{complexity.$animation-out-duration};\n    padding-bottom: 0;\n  }\n\n  .input {\n    flex-grow: 1;\n    background-color: unset;\n    border-start-end-radius: 0;\n    border-end-end-radius: 0;\n    border-width: 0;\n\n    /* Hovered */\n    &:hover {\n      background-color: unset;\n    }\n\n    /* Focused */\n    &:focus-within {\n      border-color: unset;\n      background-color: unset;\n    }\n\n    &:focus-visible,\n    &:focus {\n      outline: unset;\n    }\n\n    &::placeholder {\n      color: var(--form-control--placeholder-color--default);\n    }\n\n    &:disabled {\n      &::placeholder {\n        color: var(--form-control--placeholder-color--disabled);\n      }\n    }\n  }\n\n  .buttonContainer {\n    display: flex;\n\n    & .button {\n      flex-shrink: 0;\n      outline-offset: calc(var(--size-px--xxxs) * -1);\n    }\n  }\n}\n"],"mappings":""}