@mittwald/flow-react-components 1.4.10 → 1.4.12

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

@@ -7,5 +7,10 @@ export interface ComplexityIndicatorProps {
     isEmptyValue: boolean;
     validationResultState: StateFromLatestPolicyValidationResult;
     policyValidationResult: ResolvedPolicyValidationResult;
+    /**
+     * The field is invalid for a reason outside the policy, e.g. a server error.
+     * The bar then shows danger like the field, not the password's strength.
+     */
+    isInvalid?: boolean;
 }
 export default ComplexityIndicator;

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

@@ -0,0 +1 @@
+export {};

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

@@ -1,22 +1,33 @@
 import { FC, PropsWithChildren } from 'react';
 import { PropsContext } from '../propsContext';
-import { default as clsx, ClassValue } from 'clsx';
+import { ClassValue } from 'clsx';
 import { FlowComponentName } from '../../components/propTypes';
 interface FieldComponentProps {
     className?: ClassValue;
     isRequired?: boolean;
     isDisabled?: boolean;
-    isInvalid?: boolean;
     "aria-describedby"?: string;
 }
 export interface UseFieldComponent {
     FieldErrorCaptureContext: FC<PropsWithChildren>;
     FieldErrorView: FC;
     fieldPropsContext: PropsContext;
-    fieldProps: {
+    /** For the field's outer element. */
+    wrapperProps: {
+        className: string;
+    };
+    /**
+     * For what assistive technology lands on — the input, or the group of a
+     * grouped control. Where the react-aria root forwards `aria-describedby` to
+     * its input itself, spread it on the root together with `wrapperProps`.
+     * Spread it after `rest`: it already contains the consumer's
+     * `aria-describedby`, which `rest` would otherwise put back alone.
+     */
+    controlProps: {
         "aria-describedby"?: string;
-        className?: ReturnType<typeof clsx>;
     };
+    /** The id of the error while one is rendered, without the consumer's ids. */
+    renderedFieldErrorId?: string;
 }
 export declare const useFieldComponent: (props: FieldComponentProps, component: FlowComponentName) => UseFieldComponent;
 export {};

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

@@ -9,5 +9,11 @@ export declare const useFieldError: (options: UseFieldErrorOptions) => {
     readonly FieldErrorCaptureContext: React.FC<{
         children?: React.ReactNode | undefined;
     }>;
-    readonly FieldErrorView: () => React.JSX.Element | null;
+    readonly FieldErrorView: React.FC;
+    /**
+     * The id of the error while one is rendered for this field. A nested field
+     * (a `Checkbox` inside a `CheckboxButton`) renders its error at the outer
+     * one, so only the outer field ever gets an id here.
+     */
+    readonly renderedFieldErrorId: string | undefined;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "1.4.10",
+  "version": "1.4.12",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://flow.mittwald.de",
@@ -68,6 +68,7 @@
     "dev": "storybook dev --port 6006",
     "test:browser": "vitest run --project=browser* --browser.headless",
     "test:browser:dev": "vitest dev --project=browser*",
+    "test:browser:prepare": "if [ -z \"$CI\" ]; then playwright install firefox webkit; fi",
     "test:compile": "tsc --noEmit && tsc --noEmit -p tsconfig.vite.json",
     "test:unit": "vitest run --project=unit*",
     "test:unit:dev": "vitest dev --project=unit*"
@@ -83,9 +84,9 @@
     "@internationalized/string-compiler": "^3.4.1",
     "@lezer/common": "^1.5.2",
     "@lezer/highlight": "^1.2.3",
-    "@mittwald/flow-icons": "^1.4.10",
+    "@mittwald/flow-icons": "^1.4.12",
     "@mittwald/password-tools-js": "^3.0.0",
-    "@mittwald/react-tunnel": "^1.4.10",
+    "@mittwald/react-tunnel": "^1.4.12",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.2.1",
     "@react-aria/i18n": "^3.13.1",
@@ -138,12 +139,12 @@
     "@internationalized/date": "^3.12.3",
     "@lezer/generator": "^1.8.0",
     "@lezer/lr": "^1.4.10",
-    "@mittwald/flow-core": "1.4.10",
-    "@mittwald/flow-design-tokens": "1.4.10",
-    "@mittwald/flow-icons-base": "1.4.10",
+    "@mittwald/flow-core": "1.4.12",
+    "@mittwald/flow-design-tokens": "1.4.12",
+    "@mittwald/flow-icons-base": "1.4.12",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
-    "@mittwald/typescript-config": "1.4.10",
+    "@mittwald/typescript-config": "1.4.12",
     "@nx/storybook": "^22.7.6",
     "@storybook/addon-a11y": "^10.5.10",
     "@storybook/addon-actions": "^9.0.8",
@@ -195,7 +196,7 @@
   },
   "peerDependencies": {
     "@internationalized/date": "^3.12.2",
-    "@mittwald/flow-icons-pro": "1.4.10",
+    "@mittwald/flow-icons-pro": "1.4.12",
     "@mittwald/react-use-promise": "^4.2.2",
     "next": "^16.2.3",
     "react": "^19.2.0",
@@ -219,5 +220,5 @@
   "browserslist": [
     "baseline widely available"
   ],
-  "gitHead": "0019299f219cf9a4c3c48d512cf840c71014bb81"
+  "gitHead": "73e26a9ad5aeefd16053298d338bb7f2241f28d4"
 }