@eifi1/ui-kit 0.51.3 → 0.51.5

package/src/wizard/use-wizard.ts

@@ -50,10 +50,7 @@ function isAfterCommit(state: { currentStepIndex: number; committedStepIndex: nu
 }
 
 /** Whether `index` is on the far side of a commit the wizard has already moved past. */
-function crossesCommit(
-  state: { currentStepIndex: number; committedStepIndex: number | null },
-  index: number,
-) {
+function crossesCommit(state: { currentStepIndex: number; committedStepIndex: number | null }, index: number) {
   return isAfterCommit(state) && index <= (state.committedStepIndex as number);
 }
 
@@ -74,10 +71,7 @@ type WizardAction<TData> =
   | { type: "SHOW_CANCEL_DIALOG"; show: boolean };
 
 function createReducer<TData>(stepCount: number) {
-  return function reducer(
-    state: WizardState<TData>,
-    action: WizardAction<TData>,
-  ): WizardState<TData> {
+  return function reducer(state: WizardState<TData>, action: WizardAction<TData>): WizardState<TData> {
     switch (action.type) {
       case "GO_NEXT": {
         if (action.from !== state.currentStepIndex) return state;
@@ -187,27 +181,20 @@ export function useWizard<TData extends Record<string, unknown>>(
   // step's validators are present — each unregisters on unmount. `goNext` and
   // `finish` run them (via `runStepValidators`) alongside the step config's own
   // `validate`.
-  const validatorsRef = useRef(
-    new Map<symbol, () => ValidateResult | Promise<ValidateResult>>(),
-  );
-  const registerStepValidate = useCallback(
-    (fn: () => ValidateResult | Promise<ValidateResult>) => {
-      const token = Symbol();
-      validatorsRef.current.set(token, fn);
-      return () => {
-        validatorsRef.current.delete(token);
-      };
-    },
-    [],
-  );
+  const validatorsRef = useRef(new Map<symbol, () => ValidateResult | Promise<ValidateResult>>());
+  const registerStepValidate = useCallback((fn: () => ValidateResult | Promise<ValidateResult>) => {
+    const token = Symbol();
+    validatorsRef.current.set(token, fn);
+    return () => {
+      validatorsRef.current.delete(token);
+    };
+  }, []);
 
   // Chosen once, at mount: a hook may not be called conditionally, but it may be
   // chosen once and then called unconditionally on every render — which is what
   // makes `urlSync: false` work with no router above the wizard at all.
   const [useStepUrl] = useState(() => (urlSync === false ? useNoStepUrl : useSearchParamStepUrl));
-  const [urlParam] = useState(() =>
-    typeof urlSync === "object" && urlSync.param ? urlSync.param : "step",
-  );
+  const [urlParam] = useState(() => (typeof urlSync === "object" && urlSync.param ? urlSync.param : "step"));
   // The wizard's entered `data` and `completedSteps` are NOT persisted across a
   // reload / deep-link (the reducer re-inits to empty defaults on every mount).
   // Restoring a later step index from `?step=N` would therefore leave the wizard
@@ -234,10 +221,7 @@ export function useWizard<TData extends Record<string, unknown>>(
   // state is invalid (e.g. tenant shares != 100%). Defaults to false, so
   // wizards that never call setNextBlocked behave exactly as before.
   const [nextBlocked, setNextBlockedState] = useState(false);
-  const setNextBlocked = useCallback(
-    (blocked: boolean) => setNextBlockedState(blocked),
-    [],
-  );
+  const setNextBlocked = useCallback((blocked: boolean) => setNextBlockedState(blocked), []);
 
   // Sync step index to URL (a no-op under `urlSync: false`). `clearStepUrl` drops
   // the param when the wizard is left through the kit, and stops the sync writing
@@ -259,14 +243,9 @@ export function useWizard<TData extends Record<string, unknown>>(
   // been walked through (completed or skipped). Guards against a restored/last-step
   // index submitting a payload built from empty defaults.
   const canFinish = steps.every(
-    (_, index) =>
-      index >= commitStepIndex ||
-      state.completedSteps.has(index) ||
-      state.skippedSteps.has(index),
+    (_, index) => index >= commitStepIndex || state.completedSteps.has(index) || state.skippedSteps.has(index),
   );
-  const canGoBack =
-    (!isFirstStep || onExit !== undefined) &&
-    !crossesCommit(state, state.currentStepIndex - 1);
+  const canGoBack = (!isFirstStep || onExit !== undefined) && !crossesCommit(state, state.currentStepIndex - 1);
   const canCancel = cancellable && !afterCommit;
   const canDone = isLastStep && afterCommit && onDone !== undefined;
 
@@ -551,18 +530,24 @@ function useSearchParamStepUrl(param: string, index: number): () => void {
   const leftRef = useRef(false);
   useEffect(() => {
     if (leftRef.current) return;
-    setUrlParams((prev) => {
-      prev.set(param, String(index));
-      return prev;
-    }, { replace: true });
+    setUrlParams(
+      (prev) => {
+        prev.set(param, String(index));
+        return prev;
+      },
+      { replace: true },
+    );
   }, [param, index, setUrlParams]);
   return useCallback(() => {
     if (leftRef.current) return;
     leftRef.current = true;
-    setUrlParams((prev) => {
-      prev.delete(param);
-      return prev;
-    }, { replace: true });
+    setUrlParams(
+      (prev) => {
+        prev.delete(param);
+        return prev;
+      },
+      { replace: true },
+    );
   }, [param, setUrlParams]);
 }
 

package/src/wizard/validation.ts

@@ -26,11 +26,7 @@ export function requiredFieldsValidator<T extends Record<string, unknown>>(
   const errors: FieldErrors = {};
   for (const f of fields) {
     const v = data[f.key];
-    const ok = f.valid
-      ? f.valid(v, data)
-      : typeof v === "string"
-        ? v.trim() !== ""
-        : v != null;
+    const ok = f.valid ? f.valid(v, data) : typeof v === "string" ? v.trim() !== "" : v != null;
     if (!ok) errors[String(f.key)] = f.message ?? defaultMessage;
   }
   return { ok: Object.keys(errors).length === 0, errors };

package/src/wizard/wizard-context.tsx

@@ -9,9 +9,7 @@ export interface WizardContextValue {
    * AND-combining the results — this replaces the per-page `useRef` +
    * `validate: () => ref.current?.()` bridge each RHF step used to wire.
    */
-  registerStepValidate: (
-    fn: () => ValidateResult | Promise<ValidateResult>,
-  ) => () => void;
+  registerStepValidate: (fn: () => ValidateResult | Promise<ValidateResult>) => () => void;
   /** Lets the mounted step disable Next/Skip (e.g. invalid tenant shares). */
   setNextBlocked: (blocked: boolean) => void;
 }
@@ -52,9 +50,7 @@ export function useOptionalWizardContext(): WizardContextValue | null {
  * `<StepperNav>`, like {@link useWizardContext}: a validator with nothing to run it is
  * a bug to hear about.
  */
-export function useWizardStepValidate(
-  validate: () => ValidateResult | Promise<ValidateResult>,
-): void {
+export function useWizardStepValidate(validate: () => ValidateResult | Promise<ValidateResult>): void {
   const { registerStepValidate } = useWizardContext();
   const ref = useRef(validate);
   useEffect(() => {

package/src/wizard/wizard-step.tsx

@@ -34,14 +34,7 @@ const HEADING = { 2: "h2", 3: "h3", 4: "h4" } as const;
 /** The vertical rhythm one wizard step's content sits on. A component rather
  *  than a class string so every step in every app spaces its fields the same —
  *  and, with `title` / `description`, heads them the same. */
-export function WizardStep({
-  children,
-  className,
-  title,
-  description,
-  headingLevel = 3,
-  actions,
-}: WizardStepProps) {
+export function WizardStep({ children, className, title, description, headingLevel = 3, actions }: WizardStepProps) {
   const hasTitle = title !== undefined && title !== null && title !== false && title !== "";
   const hasDescription =
     description !== undefined && description !== null && description !== false && description !== "";

package/src/wizard/wizard-summary.tsx

@@ -68,14 +68,10 @@ export function WizardSummary({
             <dl className="grid gap-2 text-sm">
               {section.items.map((item, iIdx) => (
                 <div key={iIdx}>
-                  {iIdx > 0 && (
-                    <div className="mb-2 border-t border-subtle" role="presentation" />
-                  )}
+                  {iIdx > 0 && <div className="mb-2 border-t border-subtle" role="presentation" />}
                   <div className="flex items-start justify-between gap-4">
                     <dt className="text-muted">{item.label}</dt>
-                    <dd className="text-end font-medium text-primary">
-                      {item.value}
-                    </dd>
+                    <dd className="text-end font-medium text-primary">{item.value}</dd>
                   </div>
                 </div>
               ))}