@gusto/embedded-react-sdk 0.37.0 → 0.38.0-rc.2

package/dist/components/Common/Fields/SwitchField/SwitchField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchField.js","sources":["../../../../../src/components/Common/Fields/SwitchField/SwitchField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nexport interface SwitchFieldProps\n  extends Omit<SwitchProps, 'name' | 'checked' | 'onChange' | 'isInvalid'>, UseFieldProps<boolean> {\n  FieldComponent?: ComponentType<SwitchProps>\n}\n\nexport const SwitchField: React.FC<SwitchFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  FieldComponent,\n  ...switchProps\n}: SwitchFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const RenderComponent = FieldComponent ?? Components.Switch\n  return <RenderComponent {...switchProps} {...fieldProps} />\n}\n"],"names":["SwitchField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","FieldComponent","switchProps","Components","useComponentContext","fieldProps","useField","RenderComponent","jsx"],"mappings":";;;AASO,MAAMA,IAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AACtB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAb;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKO,IAAkBN,KAAkBE,EAAW;AACrD,SAAO,gBAAAK,EAACD,GAAA,EAAiB,GAAGL,GAAc,GAAGG,EAAA,CAAY;AAC3D;"}
+{"version":3,"file":"SwitchField.js","sources":["../../../../../src/components/Common/Fields/SwitchField/SwitchField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nexport interface SwitchFieldProps\n  extends Omit<SwitchProps, 'name' | 'checked' | 'onChange' | 'isInvalid'>, UseFieldProps<boolean> {\n  FieldComponent?: ComponentType<SwitchProps>\n}\n\nexport const SwitchField: React.FC<SwitchFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  control,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  FieldComponent,\n  ...switchProps\n}: SwitchFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    control,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const RenderComponent = FieldComponent ?? Components.Switch\n  return <RenderComponent {...switchProps} {...fieldProps} />\n}\n"],"names":["SwitchField","rules","defaultValue","name","control","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","FieldComponent","switchProps","Components","useComponentContext","fieldProps","useField","RenderComponent","jsx"],"mappings":";;;AASO,MAAMA,IAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AACtB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAd;AAAA,IACA,SAAAC;AAAA,IACA,OAAAH;AAAA,IACA,cAAAC;AAAA,IACA,cAAAG;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKO,IAAkBN,KAAkBE,EAAW;AACrD,SAAO,gBAAAK,EAACD,GAAA,EAAiB,GAAGL,GAAc,GAAGG,EAAA,CAAY;AAC3D;"}

package/dist/components/Common/Fields/TextAreaField/TextAreaField.js

@@ -1,34 +1,36 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useField as u } from "../hooks/useField.js";
-import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const T = ({
+import { jsx as u } from "react/jsx-runtime";
+import { useField as C } from "../hooks/useField.js";
+import { useComponentContext as a } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const j = ({
   rules: o,
   defaultValue: e,
   name: t,
-  errorMessage: r,
-  isRequired: n,
-  onChange: m,
-  transform: s,
-  description: p,
-  onBlur: i,
-  inputRef: x,
-  ...f
+  control: r,
+  errorMessage: n,
+  isRequired: m,
+  onChange: s,
+  transform: p,
+  description: i,
+  onBlur: x,
+  inputRef: f,
+  ...c
 }) => {
-  const c = C(), d = u({
+  const d = a(), l = C({
     name: t,
+    control: r,
     rules: o,
     defaultValue: e,
-    errorMessage: r,
-    isRequired: n,
-    onChange: m,
-    transform: s,
-    description: p,
-    onBlur: i,
-    inputRef: x
+    errorMessage: n,
+    isRequired: m,
+    onChange: s,
+    transform: p,
+    description: i,
+    onBlur: x,
+    inputRef: f
   });
-  return /* @__PURE__ */ l(c.TextArea, { ...f, ...d });
+  return /* @__PURE__ */ u(d.TextArea, { ...c, ...l });
 };
 export {
-  T as TextAreaField
+  j as TextAreaField
 };
 //# sourceMappingURL=TextAreaField.js.map

package/dist/components/Common/Fields/TextAreaField/TextAreaField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextAreaField.js","sources":["../../../../../src/components/Common/Fields/TextAreaField/TextAreaField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { TextAreaProps } from '@/components/Common/UI/TextArea/TextAreaTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TextAreaFieldProps\n  extends\n    Omit<TextAreaProps, 'name' | 'value' | 'isInvalid'>,\n    UseFieldProps<string, HTMLTextAreaElement> {}\n\nexport const TextAreaField: React.FC<TextAreaFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...textAreaProps\n}: TextAreaFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  return <Components.TextArea {...textAreaProps} {...fieldProps} />\n}\n"],"names":["TextAreaField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","textAreaProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AASO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAA0B;AACxB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAZ;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,UAAX,EAAqB,GAAGD,GAAgB,GAAGG,GAAY;AACjE;"}
+{"version":3,"file":"TextAreaField.js","sources":["../../../../../src/components/Common/Fields/TextAreaField/TextAreaField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { TextAreaProps } from '@/components/Common/UI/TextArea/TextAreaTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TextAreaFieldProps\n  extends\n    Omit<TextAreaProps, 'name' | 'value' | 'isInvalid'>,\n    UseFieldProps<string, HTMLTextAreaElement> {}\n\nexport const TextAreaField: React.FC<TextAreaFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  control,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...textAreaProps\n}: TextAreaFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    control,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  return <Components.TextArea {...textAreaProps} {...fieldProps} />\n}\n"],"names":["TextAreaField","rules","defaultValue","name","control","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","textAreaProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AASO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAA0B;AACxB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAb;AAAA,IACA,SAAAC;AAAA,IACA,OAAAH;AAAA,IACA,cAAAC;AAAA,IACA,cAAAG;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,UAAX,EAAqB,GAAGD,GAAgB,GAAGG,GAAY;AACjE;"}

package/dist/components/Common/Fields/TextInputField/TextInputField.js

@@ -1,35 +1,37 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useField as F } from "../hooks/useField.js";
-import { useComponentContext as I } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const R = ({
+import { jsx as F } from "react/jsx-runtime";
+import { useField as I } from "../hooks/useField.js";
+import { useComponentContext as T } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const a = ({
   rules: o,
   defaultValue: t,
   name: e,
-  errorMessage: n,
-  isRequired: r,
-  onChange: p,
-  transform: m,
-  description: s,
-  onBlur: i,
-  inputRef: u,
-  FieldComponent: x,
-  ...c
+  control: n,
+  errorMessage: r,
+  isRequired: p,
+  onChange: m,
+  transform: s,
+  description: i,
+  onBlur: u,
+  inputRef: x,
+  FieldComponent: c,
+  ...d
 }) => {
-  const d = I(), f = F({
+  const f = T(), C = I({
     name: e,
+    control: n,
     rules: o,
     defaultValue: t,
-    errorMessage: n,
-    isRequired: r,
-    onChange: p,
-    transform: m,
-    description: s,
-    onBlur: i,
-    inputRef: u
-  }), C = x ?? d.TextInput;
-  return /* @__PURE__ */ l(C, { ...c, ...f });
+    errorMessage: r,
+    isRequired: p,
+    onChange: m,
+    transform: s,
+    description: i,
+    onBlur: u,
+    inputRef: x
+  }), l = c ?? f.TextInput;
+  return /* @__PURE__ */ F(l, { ...d, ...C });
 };
 export {
-  R as TextInputField
+  a as TextInputField
 };
 //# sourceMappingURL=TextInputField.js.map

package/dist/components/Common/Fields/TextInputField/TextInputField.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputField.js","sources":["../../../../../src/components/Common/Fields/TextInputField/TextInputField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TextInputFieldProps\n  extends Omit<TextInputProps, 'name' | 'value' | 'isInvalid'>, UseFieldProps {\n  FieldComponent?: ComponentType<TextInputProps>\n}\n\nexport const TextInputField: React.FC<TextInputFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  FieldComponent,\n  ...textInputProps\n}: TextInputFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const RenderComponent = FieldComponent ?? Components.TextInput\n  return <RenderComponent {...textInputProps} {...fieldProps} />\n}\n"],"names":["TextInputField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","FieldComponent","textInputProps","Components","useComponentContext","fieldProps","useField","RenderComponent","jsx"],"mappings":";;;AAUO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;AACzB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAb;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKO,IAAkBN,KAAkBE,EAAW;AACrD,SAAO,gBAAAK,EAACD,GAAA,EAAiB,GAAGL,GAAiB,GAAGG,EAAA,CAAY;AAC9D;"}
+{"version":3,"file":"TextInputField.js","sources":["../../../../../src/components/Common/Fields/TextInputField/TextInputField.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TextInputFieldProps\n  extends Omit<TextInputProps, 'name' | 'value' | 'isInvalid'>, UseFieldProps {\n  FieldComponent?: ComponentType<TextInputProps>\n}\n\nexport const TextInputField: React.FC<TextInputFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  control,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  FieldComponent,\n  ...textInputProps\n}: TextInputFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    control,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const RenderComponent = FieldComponent ?? Components.TextInput\n  return <RenderComponent {...textInputProps} {...fieldProps} />\n}\n"],"names":["TextInputField","rules","defaultValue","name","control","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","FieldComponent","textInputProps","Components","useComponentContext","fieldProps","useField","RenderComponent","jsx"],"mappings":";;;AAUO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;AACzB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAd;AAAA,IACA,SAAAC;AAAA,IACA,OAAAH;AAAA,IACA,cAAAC;AAAA,IACA,cAAAG;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKO,IAAkBN,KAAkBE,EAAW;AACrD,SAAO,gBAAAK,EAACD,GAAA,EAAiB,GAAGL,GAAiB,GAAGG,EAAA,CAAY;AAC9D;"}

package/dist/components/Common/Fields/hooks/useField.d.ts

@@ -1,8 +1,9 @@
-import { RegisterOptions } from 'react-hook-form';
+import { Control, RegisterOptions } from 'react-hook-form';
 import { default as React, Ref } from 'react';
 export type Transform<TValue> = (value: TValue) => TValue;
 export interface UseFieldProps<TValue = string, TRef = HTMLInputElement> {
     name: string;
+    control?: Control;
     rules?: RegisterOptions;
     defaultValue?: TValue;
     errorMessage?: string;
@@ -13,7 +14,7 @@ export interface UseFieldProps<TValue = string, TRef = HTMLInputElement> {
     description?: React.ReactNode;
     inputRef?: Ref<TRef>;
 }
-export declare function useField<TValue = string, TRef = HTMLInputElement>({ name, rules, defaultValue, errorMessage, isRequired, onChange, onBlur, transform, description, inputRef, }: UseFieldProps<TValue, TRef>): {
+export declare function useField<TValue = string, TRef = HTMLInputElement>({ name, control: controlProp, rules, defaultValue, errorMessage, isRequired, onChange, onBlur, transform, description, inputRef, }: UseFieldProps<TValue, TRef>): {
     name: string;
     value: TValue;
     inputRef: React.RefCallback<any> | null;

package/dist/components/Common/Fields/hooks/useField.js

@@ -1,46 +1,50 @@
-import { useFormContext as F, useController as k } from "react-hook-form";
-import x, { useMemo as y } from "react";
-import { createMarkup as D } from "../../../../helpers/formattedStrings.js";
+import { useFormContext as k, useController as w } from "react-hook-form";
+import y, { useMemo as D } from "react";
+import { createMarkup as E } from "../../../../helpers/formattedStrings.js";
 import { useForkRef as I } from "../../../../hooks/useForkRef/useForkRef.js";
-const R = (e) => !e || typeof e != "string" ? e : x.createElement("div", {
-  dangerouslySetInnerHTML: D(e)
+const R = (e) => !e || typeof e != "string" ? e : y.createElement("div", {
+  dangerouslySetInnerHTML: E(e)
 });
 function L({
   name: e,
-  rules: c = {},
-  defaultValue: f,
-  errorMessage: m,
-  isRequired: o = !1,
-  onChange: i,
-  onBlur: p,
-  transform: n,
-  description: t,
-  inputRef: g
+  control: n,
+  rules: m = {},
+  defaultValue: d,
+  errorMessage: t,
+  isRequired: s = !1,
+  onChange: p,
+  onBlur: h,
+  transform: l,
+  description: c,
+  inputRef: v
 }) {
-  const { control: d } = F(), { field: r, fieldState: s } = k({
+  const C = k(), a = n ?? C?.control;
+  if (!a)
+    throw new Error("useField requires either a `control` prop or a FormProvider ancestor.");
+  const { field: r, fieldState: o } = w({
     name: e,
-    control: d,
+    control: a,
     rules: {
-      required: o,
-      ...c
+      required: s,
+      ...m
     },
-    defaultValue: f
-  }), { value: h } = r, v = I(r.ref, g), C = (a) => {
-    const u = n ? n(a) : a;
-    r.onChange(u), i?.(u);
-  }, M = () => {
-    r.onBlur(), p?.();
-  }, l = !!s.error, B = y(() => R(t), [t]);
+    defaultValue: d
+  }), { value: g } = r, F = I(r.ref, v), x = (i) => {
+    const f = l ? l(i) : i;
+    r.onChange(f), p?.(f);
+  }, B = () => {
+    r.onBlur(), h?.();
+  }, u = n ? !!o.error || !!t : !!o.error, M = D(() => R(c), [c]);
   return {
     name: r.name,
-    value: h,
-    inputRef: v,
-    isInvalid: l,
-    errorMessage: l ? m ?? s.error?.message : void 0,
-    onChange: C,
-    onBlur: M,
-    isRequired: o,
-    description: B
+    value: g,
+    inputRef: F,
+    isInvalid: u,
+    errorMessage: u ? t ?? o.error?.message : void 0,
+    onChange: x,
+    onBlur: B,
+    isRequired: s,
+    description: M
   };
 }
 export {

package/dist/components/Common/Fields/hooks/useField.js.map

@@ -1 +1 @@
-{"version":3,"file":"useField.js","sources":["../../../../../src/components/Common/Fields/hooks/useField.ts"],"sourcesContent":["import type { RegisterOptions } from 'react-hook-form'\nimport { useController, useFormContext } from 'react-hook-form'\nimport React, { useMemo, type Ref } from 'react'\nimport { createMarkup } from '@/helpers/formattedStrings'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\n\nexport type Transform<TValue> = (value: TValue) => TValue\n\nexport interface UseFieldProps<TValue = string, TRef = HTMLInputElement> {\n  name: string\n  rules?: RegisterOptions\n  defaultValue?: TValue\n  errorMessage?: string\n  isRequired?: boolean\n  onChange?: (value: TValue) => void\n  onBlur?: () => void\n  transform?: Transform<TValue>\n  description?: React.ReactNode\n  inputRef?: Ref<TRef>\n}\n\nconst processDescription = (description: React.ReactNode): React.ReactNode => {\n  if (!description || typeof description !== 'string') {\n    return description\n  }\n\n  // Use DOMPurify to sanitize the string and return a React element\n  return React.createElement('div', {\n    dangerouslySetInnerHTML: createMarkup(description),\n  })\n}\n\nexport function useField<TValue = string, TRef = HTMLInputElement>({\n  name,\n  rules = {},\n  defaultValue,\n  errorMessage,\n  isRequired = false,\n  onChange,\n  onBlur,\n  transform,\n  description,\n  inputRef,\n}: UseFieldProps<TValue, TRef>) {\n  const { control } = useFormContext()\n  const { field, fieldState } = useController({\n    name,\n    control,\n    rules: {\n      required: isRequired,\n      ...rules,\n    },\n    defaultValue,\n  })\n\n  const { value } = field\n\n  const ref = useForkRef(field.ref, inputRef)\n\n  const handleChange = (updatedValue: TValue) => {\n    const value = transform ? transform(updatedValue) : updatedValue\n    field.onChange(value)\n    onChange?.(value)\n  }\n\n  const handleBlur = () => {\n    field.onBlur()\n    onBlur?.()\n  }\n\n  const isInvalid = !!fieldState.error\n\n  const processedDescription = useMemo(() => processDescription(description), [description])\n\n  return {\n    name: field.name,\n    value: value as TValue,\n    inputRef: ref,\n    isInvalid,\n    errorMessage: isInvalid ? (errorMessage ?? fieldState.error?.message) : undefined,\n    onChange: handleChange,\n    onBlur: handleBlur,\n    isRequired,\n    description: processedDescription,\n  }\n}\n"],"names":["processDescription","description","React","createMarkup","useField","name","rules","defaultValue","errorMessage","isRequired","onChange","onBlur","transform","inputRef","control","useFormContext","field","fieldState","useController","value","ref","useForkRef","handleChange","updatedValue","handleBlur","isInvalid","processedDescription","useMemo"],"mappings":";;;;AAqBA,MAAMA,IAAqB,CAACC,MACtB,CAACA,KAAe,OAAOA,KAAgB,WAClCA,IAIFC,EAAM,cAAc,OAAO;AAAA,EAChC,yBAAyBC,EAAaF,CAAW;AAAA,CAClD;AAGI,SAASG,EAAmD;AAAA,EACjE,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAX;AAAA,EACA,UAAAY;AACF,GAAgC;AAC9B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,EAAE,OAAAC,GAAO,YAAAC,EAAA,IAAeC,EAAc;AAAA,IAC1C,MAAAb;AAAA,IACA,SAAAS;AAAA,IACA,OAAO;AAAA,MACL,UAAUL;AAAA,MACV,GAAGH;AAAA,IAAA;AAAA,IAEL,cAAAC;AAAA,EAAA,CACD,GAEK,EAAE,OAAAY,MAAUH,GAEZI,IAAMC,EAAWL,EAAM,KAAKH,CAAQ,GAEpCS,IAAe,CAACC,MAAyB;AAC7C,UAAMJ,IAAQP,IAAYA,EAAUW,CAAY,IAAIA;AACpD,IAAAP,EAAM,SAASG,CAAK,GACpBT,IAAWS,CAAK;AAAA,EAClB,GAEMK,IAAa,MAAM;AACvB,IAAAR,EAAM,OAAA,GACNL,IAAA;AAAA,EACF,GAEMc,IAAY,CAAC,CAACR,EAAW,OAEzBS,IAAuBC,EAAQ,MAAM3B,EAAmBC,CAAW,GAAG,CAACA,CAAW,CAAC;AAEzF,SAAO;AAAA,IACL,MAAMe,EAAM;AAAA,IACZ,OAAAG;AAAA,IACA,UAAUC;AAAA,IACV,WAAAK;AAAA,IACA,cAAcA,IAAajB,KAAgBS,EAAW,OAAO,UAAW;AAAA,IACxE,UAAUK;AAAA,IACV,QAAQE;AAAA,IACR,YAAAf;AAAA,IACA,aAAaiB;AAAA,EAAA;AAEjB;"}
+{"version":3,"file":"useField.js","sources":["../../../../../src/components/Common/Fields/hooks/useField.ts"],"sourcesContent":["import type { Control, RegisterOptions } from 'react-hook-form'\nimport { useController, useFormContext } from 'react-hook-form'\nimport React, { useMemo, type Ref } from 'react'\nimport { createMarkup } from '@/helpers/formattedStrings'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\n\nexport type Transform<TValue> = (value: TValue) => TValue\n\nexport interface UseFieldProps<TValue = string, TRef = HTMLInputElement> {\n  name: string\n  control?: Control\n  rules?: RegisterOptions\n  defaultValue?: TValue\n  errorMessage?: string\n  isRequired?: boolean\n  onChange?: (value: TValue) => void\n  onBlur?: () => void\n  transform?: Transform<TValue>\n  description?: React.ReactNode\n  inputRef?: Ref<TRef>\n}\n\nconst processDescription = (description: React.ReactNode): React.ReactNode => {\n  if (!description || typeof description !== 'string') {\n    return description\n  }\n\n  // Use DOMPurify to sanitize the string and return a React element\n  return React.createElement('div', {\n    dangerouslySetInnerHTML: createMarkup(description),\n  })\n}\n\nexport function useField<TValue = string, TRef = HTMLInputElement>({\n  name,\n  control: controlProp,\n  rules = {},\n  defaultValue,\n  errorMessage,\n  isRequired = false,\n  onChange,\n  onBlur,\n  transform,\n  description,\n  inputRef,\n}: UseFieldProps<TValue, TRef>) {\n  // useFormContext returns null outside FormProvider at runtime despite its non-null type signature\n  const formContext = useFormContext() as ReturnType<typeof useFormContext> | null\n  const resolvedControl = controlProp ?? formContext?.control\n\n  if (!resolvedControl) {\n    throw new Error('useField requires either a `control` prop or a FormProvider ancestor.')\n  }\n\n  const { field, fieldState } = useController({\n    name,\n    control: resolvedControl,\n    rules: {\n      required: isRequired,\n      ...rules,\n    },\n    defaultValue,\n  })\n\n  const { value } = field\n\n  const ref = useForkRef(field.ref, inputRef)\n\n  const handleChange = (updatedValue: TValue) => {\n    const value = transform ? transform(updatedValue) : updatedValue\n    field.onChange(value)\n    onChange?.(value)\n  }\n\n  const handleBlur = () => {\n    field.onBlur()\n    onBlur?.()\n  }\n\n  // When control is explicitly provided (UNSTABLE_Hooks prop-based path),\n  // errorMessage is a resolved error and is authoritative.\n  // When control comes from context (legacy pre-built path),\n  // errorMessage is a static i18n template — only display it when RHF has an error.\n  const isInvalid = controlProp ? !!fieldState.error || !!errorMessage : !!fieldState.error\n\n  const processedDescription = useMemo(() => processDescription(description), [description])\n\n  return {\n    name: field.name,\n    value: value as TValue,\n    inputRef: ref,\n    isInvalid,\n    errorMessage: isInvalid ? (errorMessage ?? fieldState.error?.message) : undefined,\n    onChange: handleChange,\n    onBlur: handleBlur,\n    isRequired,\n    description: processedDescription,\n  }\n}\n"],"names":["processDescription","description","React","createMarkup","useField","name","controlProp","rules","defaultValue","errorMessage","isRequired","onChange","onBlur","transform","inputRef","formContext","useFormContext","resolvedControl","field","fieldState","useController","value","ref","useForkRef","handleChange","updatedValue","handleBlur","isInvalid","processedDescription","useMemo"],"mappings":";;;;AAsBA,MAAMA,IAAqB,CAACC,MACtB,CAACA,KAAe,OAAOA,KAAgB,WAClCA,IAIFC,EAAM,cAAc,OAAO;AAAA,EAChC,yBAAyBC,EAAaF,CAAW;AAAA,CAClD;AAGI,SAASG,EAAmD;AAAA,EACjE,MAAAC;AAAA,EACA,SAASC;AAAA,EACT,OAAAC,IAAQ,CAAA;AAAA,EACR,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAZ;AAAA,EACA,UAAAa;AACF,GAAgC;AAE9B,QAAMC,IAAcC,EAAA,GACdC,IAAkBX,KAAeS,GAAa;AAEpD,MAAI,CAACE;AACH,UAAM,IAAI,MAAM,uEAAuE;AAGzF,QAAM,EAAE,OAAAC,GAAO,YAAAC,EAAA,IAAeC,EAAc;AAAA,IAC1C,MAAAf;AAAA,IACA,SAASY;AAAA,IACT,OAAO;AAAA,MACL,UAAUP;AAAA,MACV,GAAGH;AAAA,IAAA;AAAA,IAEL,cAAAC;AAAA,EAAA,CACD,GAEK,EAAE,OAAAa,MAAUH,GAEZI,IAAMC,EAAWL,EAAM,KAAKJ,CAAQ,GAEpCU,IAAe,CAACC,MAAyB;AAC7C,UAAMJ,IAAQR,IAAYA,EAAUY,CAAY,IAAIA;AACpD,IAAAP,EAAM,SAASG,CAAK,GACpBV,IAAWU,CAAK;AAAA,EAClB,GAEMK,IAAa,MAAM;AACvB,IAAAR,EAAM,OAAA,GACNN,IAAA;AAAA,EACF,GAMMe,IAAYrB,IAAc,CAAC,CAACa,EAAW,SAAS,CAAC,CAACV,IAAe,CAAC,CAACU,EAAW,OAE9ES,IAAuBC,EAAQ,MAAM7B,EAAmBC,CAAW,GAAG,CAACA,CAAW,CAAC;AAEzF,SAAO;AAAA,IACL,MAAMiB,EAAM;AAAA,IACZ,OAAAG;AAAA,IACA,UAAUC;AAAA,IACV,WAAAK;AAAA,IACA,cAAcA,IAAalB,KAAgBU,EAAW,OAAO,UAAW;AAAA,IACxE,UAAUK;AAAA,IACV,QAAQE;AAAA,IACR,YAAAhB;AAAA,IACA,aAAakB;AAAA,EAAA;AAEjB;"}

package/dist/components/Common/Fields/hooks/useStringifyGenericFieldValue.d.ts

@@ -12,7 +12,7 @@ export declare function useStringifyGenericFieldValue<TValue, TOption>({ options
     options: ({
         value: string;
     } & Omit<OptionWithGenericValue<TValue, TOption>, "value">)[];
-    value: string | undefined;
+    value: string | null;
     onChange: (value: string) => void;
 };
 interface UseStringifyGenericFieldValueArrayProps<TValue, TOption> {
@@ -25,7 +25,7 @@ export declare function useStringifyGenericFieldValueArray<TValue, TOption>({ op
     options: ({
         value: string;
     } & Omit<OptionWithGenericValue<TValue, TOption>, "value">)[];
-    value: string[] | undefined;
+    value: string[];
     onChange: (updatedStringValue: string[]) => void;
 };
 export {};

package/dist/components/Common/Fields/hooks/useStringifyGenericFieldValue.js

@@ -33,7 +33,7 @@ function y({
       typeof a < "u" && e(a);
     },
     [t, e]
-  ), u = n === null || typeof n > "u" ? void 0 : s(n);
+  ), u = n === null || typeof n > "u" ? null : s(n);
   return {
     options: i,
     value: u,
@@ -59,7 +59,7 @@ function S({
       e(a);
     },
     [t, e]
-  ), u = n && n.map(s);
+  ), u = n ? n.map(s) : [];
   return {
     options: i,
     value: u,

package/dist/components/Common/Fields/hooks/useStringifyGenericFieldValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStringifyGenericFieldValue.js","sources":["../../../../../src/components/Common/Fields/hooks/useStringifyGenericFieldValue.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react'\n\nexport type ConvertValueToString<TValue> = (value: TValue) => string\n\nexport type OptionWithGenericValue<TValue, TOption> = Omit<TOption, 'value'> & {\n  value: TValue\n}\n\ninterface UseStringifyOptionValuesProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nconst defaultConvertValueToString = (value: unknown) => String(value)\n\nfunction useStringifyOptionValues<TValue, TOption>({\n  options,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyOptionValuesProps<TValue, TOption>) {\n  return useMemo(() => {\n    const optionValuesMap: Record<string, OptionWithGenericValue<TValue, TOption>> = {}\n    const optionsWithStringValues = []\n\n    for (const option of options) {\n      const stringValue = convertValueToString(option.value)\n      optionValuesMap[stringValue] = option\n      const { value, ...restOptionsProps } = option\n\n      optionsWithStringValues.push({\n        value: stringValue,\n        ...restOptionsProps,\n      })\n    }\n\n    return { optionValuesMap, options: optionsWithStringValues }\n  }, [options, convertValueToString])\n}\n\ninterface UseStringifyGenericFieldValueProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  value?: TValue\n  onChange: (value: TValue) => void\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nexport function useStringifyGenericFieldValue<TValue, TOption>({\n  options,\n  value,\n  onChange,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyGenericFieldValueProps<TValue, TOption>) {\n  const { optionValuesMap, options: optionsWithStringValues } = useStringifyOptionValues({\n    options,\n    convertValueToString,\n  })\n\n  const handleChange = useCallback(\n    (value: string) => {\n      const originalValue = optionValuesMap[value]?.value\n      if (typeof originalValue !== 'undefined') {\n        onChange(originalValue)\n      }\n    },\n    [optionValuesMap, onChange],\n  )\n\n  const stringValue =\n    value === null || typeof value === 'undefined' ? undefined : convertValueToString(value)\n\n  return {\n    options: optionsWithStringValues,\n    value: stringValue,\n    onChange: handleChange,\n  }\n}\n\ninterface UseStringifyGenericFieldValueArrayProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  value?: TValue[]\n  onChange: (value: TValue[]) => void\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nexport function useStringifyGenericFieldValueArray<TValue, TOption>({\n  options,\n  value,\n  onChange,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyGenericFieldValueArrayProps<TValue, TOption>) {\n  const { optionValuesMap, options: optionsWithStringValues } = useStringifyOptionValues({\n    options,\n    convertValueToString,\n  })\n\n  const handleChange = useCallback(\n    (updatedStringValue: string[]) => {\n      const updatedValues = []\n\n      for (const stringValue of updatedStringValue) {\n        const value = optionValuesMap[stringValue]?.value\n\n        if (typeof value !== 'undefined') {\n          updatedValues.push(value)\n        }\n      }\n\n      onChange(updatedValues)\n    },\n    [optionValuesMap, onChange],\n  )\n\n  const stringValue = value ? value.map(convertValueToString) : value\n\n  return {\n    options: optionsWithStringValues,\n    value: stringValue,\n    onChange: handleChange,\n  }\n}\n"],"names":["defaultConvertValueToString","value","useStringifyOptionValues","options","convertValueToString","useMemo","optionValuesMap","optionsWithStringValues","option","stringValue","restOptionsProps","useStringifyGenericFieldValue","onChange","handleChange","useCallback","originalValue","useStringifyGenericFieldValueArray","updatedStringValue","updatedValues"],"mappings":";AAaA,MAAMA,IAA8B,CAACC,MAAmB,OAAOA,CAAK;AAEpE,SAASC,EAA0C;AAAA,EACjD,SAAAC;AAAA,EACA,sBAAAC,IAAuBJ;AACzB,GAAmD;AACjD,SAAOK,EAAQ,MAAM;AACnB,UAAMC,IAA2E,CAAA,GAC3EC,IAA0B,CAAA;AAEhC,eAAWC,KAAUL,GAAS;AAC5B,YAAMM,IAAcL,EAAqBI,EAAO,KAAK;AACrD,MAAAF,EAAgBG,CAAW,IAAID;AAC/B,YAAM,EAAE,OAAAP,GAAO,GAAGS,EAAA,IAAqBF;AAEvC,MAAAD,EAAwB,KAAK;AAAA,QAC3B,OAAOE;AAAA,QACP,GAAGC;AAAA,MAAA,CACJ;AAAA,IACH;AAEA,WAAO,EAAE,iBAAAJ,GAAiB,SAASC,EAAA;AAAA,EACrC,GAAG,CAACJ,GAASC,CAAoB,CAAC;AACpC;AASO,SAASO,EAA+C;AAAA,EAC7D,SAAAR;AAAA,EACA,OAAAF;AAAA,EACA,UAAAW;AAAA,EACA,sBAAAR,IAAuBJ;AACzB,GAAwD;AACtD,QAAM,EAAE,iBAAAM,GAAiB,SAASC,EAAA,IAA4BL,EAAyB;AAAA,IACrF,SAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,CACD,GAEKS,IAAeC;AAAA,IACnB,CAACb,MAAkB;AACjB,YAAMc,IAAgBT,EAAgBL,CAAK,GAAG;AAC9C,MAAI,OAAOc,IAAkB,OAC3BH,EAASG,CAAa;AAAA,IAE1B;AAAA,IACA,CAACT,GAAiBM,CAAQ;AAAA,EAAA,GAGtBH,IACJR,MAAU,QAAQ,OAAOA,IAAU,MAAc,SAAYG,EAAqBH,CAAK;AAEzF,SAAO;AAAA,IACL,SAASM;AAAA,IACT,OAAOE;AAAA,IACP,UAAUI;AAAA,EAAA;AAEd;AASO,SAASG,EAAoD;AAAA,EAClE,SAAAb;AAAA,EACA,OAAAF;AAAA,EACA,UAAAW;AAAA,EACA,sBAAAR,IAAuBJ;AACzB,GAA6D;AAC3D,QAAM,EAAE,iBAAAM,GAAiB,SAASC,EAAA,IAA4BL,EAAyB;AAAA,IACrF,SAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,CACD,GAEKS,IAAeC;AAAA,IACnB,CAACG,MAAiC;AAChC,YAAMC,IAAgB,CAAA;AAEtB,iBAAWT,KAAeQ,GAAoB;AAC5C,cAAMhB,IAAQK,EAAgBG,CAAW,GAAG;AAE5C,QAAI,OAAOR,IAAU,OACnBiB,EAAc,KAAKjB,CAAK;AAAA,MAE5B;AAEA,MAAAW,EAASM,CAAa;AAAA,IACxB;AAAA,IACA,CAACZ,GAAiBM,CAAQ;AAAA,EAAA,GAGtBH,IAAcR,KAAQA,EAAM,IAAIG,CAAoB;AAE1D,SAAO;AAAA,IACL,SAASG;AAAA,IACT,OAAOE;AAAA,IACP,UAAUI;AAAA,EAAA;AAEd;"}
+{"version":3,"file":"useStringifyGenericFieldValue.js","sources":["../../../../../src/components/Common/Fields/hooks/useStringifyGenericFieldValue.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react'\n\nexport type ConvertValueToString<TValue> = (value: TValue) => string\n\nexport type OptionWithGenericValue<TValue, TOption> = Omit<TOption, 'value'> & {\n  value: TValue\n}\n\ninterface UseStringifyOptionValuesProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nconst defaultConvertValueToString = (value: unknown) => String(value)\n\nfunction useStringifyOptionValues<TValue, TOption>({\n  options,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyOptionValuesProps<TValue, TOption>) {\n  return useMemo(() => {\n    const optionValuesMap: Record<string, OptionWithGenericValue<TValue, TOption>> = {}\n    const optionsWithStringValues = []\n\n    for (const option of options) {\n      const stringValue = convertValueToString(option.value)\n      optionValuesMap[stringValue] = option\n      const { value, ...restOptionsProps } = option\n\n      optionsWithStringValues.push({\n        value: stringValue,\n        ...restOptionsProps,\n      })\n    }\n\n    return { optionValuesMap, options: optionsWithStringValues }\n  }, [options, convertValueToString])\n}\n\ninterface UseStringifyGenericFieldValueProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  value?: TValue\n  onChange: (value: TValue) => void\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nexport function useStringifyGenericFieldValue<TValue, TOption>({\n  options,\n  value,\n  onChange,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyGenericFieldValueProps<TValue, TOption>) {\n  const { optionValuesMap, options: optionsWithStringValues } = useStringifyOptionValues({\n    options,\n    convertValueToString,\n  })\n\n  const handleChange = useCallback(\n    (value: string) => {\n      const originalValue = optionValuesMap[value]?.value\n      if (typeof originalValue !== 'undefined') {\n        onChange(originalValue)\n      }\n    },\n    [optionValuesMap, onChange],\n  )\n\n  const stringValue =\n    value === null || typeof value === 'undefined' ? null : convertValueToString(value)\n\n  return {\n    options: optionsWithStringValues,\n    value: stringValue,\n    onChange: handleChange,\n  }\n}\n\ninterface UseStringifyGenericFieldValueArrayProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  value?: TValue[]\n  onChange: (value: TValue[]) => void\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nexport function useStringifyGenericFieldValueArray<TValue, TOption>({\n  options,\n  value,\n  onChange,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyGenericFieldValueArrayProps<TValue, TOption>) {\n  const { optionValuesMap, options: optionsWithStringValues } = useStringifyOptionValues({\n    options,\n    convertValueToString,\n  })\n\n  const handleChange = useCallback(\n    (updatedStringValue: string[]) => {\n      const updatedValues = []\n\n      for (const stringValue of updatedStringValue) {\n        const value = optionValuesMap[stringValue]?.value\n\n        if (typeof value !== 'undefined') {\n          updatedValues.push(value)\n        }\n      }\n\n      onChange(updatedValues)\n    },\n    [optionValuesMap, onChange],\n  )\n\n  const stringValue = value ? value.map(convertValueToString) : []\n\n  return {\n    options: optionsWithStringValues,\n    value: stringValue,\n    onChange: handleChange,\n  }\n}\n"],"names":["defaultConvertValueToString","value","useStringifyOptionValues","options","convertValueToString","useMemo","optionValuesMap","optionsWithStringValues","option","stringValue","restOptionsProps","useStringifyGenericFieldValue","onChange","handleChange","useCallback","originalValue","useStringifyGenericFieldValueArray","updatedStringValue","updatedValues"],"mappings":";AAaA,MAAMA,IAA8B,CAACC,MAAmB,OAAOA,CAAK;AAEpE,SAASC,EAA0C;AAAA,EACjD,SAAAC;AAAA,EACA,sBAAAC,IAAuBJ;AACzB,GAAmD;AACjD,SAAOK,EAAQ,MAAM;AACnB,UAAMC,IAA2E,CAAA,GAC3EC,IAA0B,CAAA;AAEhC,eAAWC,KAAUL,GAAS;AAC5B,YAAMM,IAAcL,EAAqBI,EAAO,KAAK;AACrD,MAAAF,EAAgBG,CAAW,IAAID;AAC/B,YAAM,EAAE,OAAAP,GAAO,GAAGS,EAAA,IAAqBF;AAEvC,MAAAD,EAAwB,KAAK;AAAA,QAC3B,OAAOE;AAAA,QACP,GAAGC;AAAA,MAAA,CACJ;AAAA,IACH;AAEA,WAAO,EAAE,iBAAAJ,GAAiB,SAASC,EAAA;AAAA,EACrC,GAAG,CAACJ,GAASC,CAAoB,CAAC;AACpC;AASO,SAASO,EAA+C;AAAA,EAC7D,SAAAR;AAAA,EACA,OAAAF;AAAA,EACA,UAAAW;AAAA,EACA,sBAAAR,IAAuBJ;AACzB,GAAwD;AACtD,QAAM,EAAE,iBAAAM,GAAiB,SAASC,EAAA,IAA4BL,EAAyB;AAAA,IACrF,SAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,CACD,GAEKS,IAAeC;AAAA,IACnB,CAACb,MAAkB;AACjB,YAAMc,IAAgBT,EAAgBL,CAAK,GAAG;AAC9C,MAAI,OAAOc,IAAkB,OAC3BH,EAASG,CAAa;AAAA,IAE1B;AAAA,IACA,CAACT,GAAiBM,CAAQ;AAAA,EAAA,GAGtBH,IACJR,MAAU,QAAQ,OAAOA,IAAU,MAAc,OAAOG,EAAqBH,CAAK;AAEpF,SAAO;AAAA,IACL,SAASM;AAAA,IACT,OAAOE;AAAA,IACP,UAAUI;AAAA,EAAA;AAEd;AASO,SAASG,EAAoD;AAAA,EAClE,SAAAb;AAAA,EACA,OAAAF;AAAA,EACA,UAAAW;AAAA,EACA,sBAAAR,IAAuBJ;AACzB,GAA6D;AAC3D,QAAM,EAAE,iBAAAM,GAAiB,SAASC,EAAA,IAA4BL,EAAyB;AAAA,IACrF,SAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,CACD,GAEKS,IAAeC;AAAA,IACnB,CAACG,MAAiC;AAChC,YAAMC,IAAgB,CAAA;AAEtB,iBAAWT,KAAeQ,GAAoB;AAC5C,cAAMhB,IAAQK,EAAgBG,CAAW,GAAG;AAE5C,QAAI,OAAOR,IAAU,OACnBiB,EAAc,KAAKjB,CAAK;AAAA,MAE5B;AAEA,MAAAW,EAASM,CAAa;AAAA,IACxB;AAAA,IACA,CAACZ,GAAiBM,CAAQ;AAAA,EAAA,GAGtBH,IAAcR,IAAQA,EAAM,IAAIG,CAAoB,IAAI,CAAA;AAE9D,SAAO;AAAA,IACL,SAASG;AAAA,IACT,OAAOE;AAAA,IACP,UAAUI;AAAA,EAAA;AAEd;"}

package/dist/components/Common/FlowBreadcrumbs/FlowBreadcrumbs.js

@@ -1,28 +1,28 @@
-import { jsx as l } from "react/jsx-runtime";
-import { useTranslation as h } from "react-i18next";
-import { useRef as C, useMemo as d } from "react";
-import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { componentEvents as B } from "../../../shared/constants.js";
-import { useI18n as k } from "../../../i18n/I18n.js";
-import { useLocale as g } from "../../../contexts/LocaleProvider/useLocale.js";
+import { jsx as r } from "react/jsx-runtime";
+import { useTranslation as g } from "react-i18next";
+import { useRef as h, useMemo as k } from "react";
+import { useComponentContext as B } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { componentEvents as N } from "../../../shared/constants.js";
+import { useI18n as d } from "../../../i18n/I18n.js";
+import { useLocale as u } from "../../../contexts/LocaleProvider/useLocale.js";
 import R from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
 import { useDateFormatter as V } from "../../../hooks/useDateFormatter.js";
-function Y({
+function j({
   breadcrumbs: a,
   currentBreadcrumbId: p,
   onEvent: s
 }) {
-  const i = C(null), f = R({ ref: i }).length === 1, { Breadcrumbs: m } = u(), { locale: c } = g(), r = V(), v = a.reduce(
+  const i = h(null), f = R({ ref: i }).length === 1, { Breadcrumbs: m } = B(), { locale: v } = u(), l = V(), c = a.reduce(
     (t, e) => (e.namespace && t.push(e.namespace), t),
     []
   );
-  k(v);
-  const { t: o } = h(), D = d(
+  d(c);
+  const { t: o } = g(), C = k(
     () => a.map((t) => {
       const e = t.variables ? {
         ...t.variables,
-        startDate: typeof t.variables.startDate == "string" ? r.formatShortWithYear(t.variables.startDate) : t.variables.startDate,
-        endDate: typeof t.variables.endDate == "string" ? r.formatShortWithYear(t.variables.endDate) : t.variables.endDate
+        startDate: typeof t.variables.startDate == "string" ? l.formatShortWithYear(t.variables.startDate) : t.variables.startDate,
+        endDate: typeof t.variables.endDate == "string" ? l.formatShortWithYear(t.variables.endDate) : t.variables.endDate
       } : void 0, n = t.namespace ? o(t.label, {
         ns: t.namespace,
         defaultValue: t.label,
@@ -30,23 +30,24 @@ function Y({
       }) : o(t.label, {
         defaultValue: t.label,
         ...e
-      });
+      }), D = t.isNavigable !== void 0 ? t.isNavigable : !!t.onNavigate;
       return {
         id: t.id,
-        label: n
+        label: n,
+        isClickable: D
       };
     }),
-    [a, o, c]
+    [a, o, v]
   );
-  return /* @__PURE__ */ l("div", { ref: i, children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ r("div", { ref: i, children: /* @__PURE__ */ r(
     m,
     {
       isSmallContainer: f,
-      breadcrumbs: D,
+      breadcrumbs: C,
       currentBreadcrumbId: p,
       onClick: (t) => {
         const e = a.find((n) => n.id === t);
-        s && e && s(B.BREADCRUMB_NAVIGATE, {
+        s && e?.onNavigate && s(N.BREADCRUMB_NAVIGATE, {
           key: t,
           onNavigate: e.onNavigate
         });
@@ -55,6 +56,6 @@ function Y({
   ) });
 }
 export {
-  Y as FlowBreadcrumbs
+  j as FlowBreadcrumbs
 };
 //# sourceMappingURL=FlowBreadcrumbs.js.map

package/dist/components/Common/FlowBreadcrumbs/FlowBreadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FlowBreadcrumbs.js","sources":["../../../../src/components/Common/FlowBreadcrumbs/FlowBreadcrumbs.tsx"],"sourcesContent":["import type { CustomTypeOptions } from 'i18next'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo, useRef } from 'react'\nimport type { FlowBreadcrumbsProps } from './FlowBreadcrumbsTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n/I18n'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\nexport function FlowBreadcrumbs({\n  breadcrumbs,\n  currentBreadcrumbId,\n  onEvent,\n}: FlowBreadcrumbsProps) {\n  const breadcrumbContainerRef = useRef<HTMLDivElement | null>(null)\n  const breakpoints = useContainerBreakpoints({ ref: breadcrumbContainerRef })\n  // Small if we only contain the base breakpoint\n  const isSmallContainer = breakpoints.length === 1\n\n  const { Breadcrumbs } = useComponentContext()\n  const { locale } = useLocale()\n  const dateFormatter = useDateFormatter()\n  const namespaces = breadcrumbs.reduce<Array<keyof CustomTypeOptions['resources']>>(\n    (acc, breadcrumb) => {\n      if (breadcrumb.namespace) {\n        acc.push(breadcrumb.namespace as keyof CustomTypeOptions['resources'])\n      }\n      return acc\n    },\n    [],\n  )\n  useI18n(namespaces)\n  const { t } = useTranslation()\n  const parsedBreadcrumbs = useMemo(\n    () =>\n      breadcrumbs.map(breadcrumb => {\n        const formattedVariables = breadcrumb.variables\n          ? {\n              ...breadcrumb.variables,\n              startDate:\n                typeof breadcrumb.variables.startDate === 'string'\n                  ? dateFormatter.formatShortWithYear(breadcrumb.variables.startDate)\n                  : breadcrumb.variables.startDate,\n              endDate:\n                typeof breadcrumb.variables.endDate === 'string'\n                  ? dateFormatter.formatShortWithYear(breadcrumb.variables.endDate)\n                  : breadcrumb.variables.endDate,\n            }\n          : undefined\n\n        const translatedLabel = breadcrumb.namespace\n          ? (t(breadcrumb.label, {\n              ns: breadcrumb.namespace,\n              defaultValue: breadcrumb.label,\n              ...formattedVariables,\n            } as never) as unknown as string)\n          : (t(breadcrumb.label, {\n              defaultValue: breadcrumb.label,\n              ...formattedVariables,\n            } as never) as unknown as string)\n        return {\n          id: breadcrumb.id,\n          label: translatedLabel,\n        }\n      }),\n    [breadcrumbs, t, locale],\n  )\n\n  const handleBreadcrumbClick = (breadcrumbId: string) => {\n    const breadcrumb = breadcrumbs.find(breadcrumb => breadcrumb.id === breadcrumbId)\n    if (onEvent && breadcrumb) {\n      onEvent(componentEvents.BREADCRUMB_NAVIGATE, {\n        key: breadcrumbId,\n        onNavigate: breadcrumb.onNavigate,\n      })\n    }\n  }\n  return (\n    <div ref={breadcrumbContainerRef}>\n      <Breadcrumbs\n        isSmallContainer={isSmallContainer}\n        breadcrumbs={parsedBreadcrumbs}\n        currentBreadcrumbId={currentBreadcrumbId}\n        onClick={handleBreadcrumbClick}\n      />\n    </div>\n  )\n}\n"],"names":["FlowBreadcrumbs","breadcrumbs","currentBreadcrumbId","onEvent","breadcrumbContainerRef","useRef","isSmallContainer","useContainerBreakpoints","Breadcrumbs","useComponentContext","locale","useLocale","dateFormatter","useDateFormatter","namespaces","acc","breadcrumb","useI18n","t","useTranslation","parsedBreadcrumbs","useMemo","formattedVariables","translatedLabel","jsx","breadcrumbId","componentEvents"],"mappings":";;;;;;;;;AAWO,SAASA,EAAgB;AAAA,EAC9B,aAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,SAAAC;AACF,GAAyB;AACvB,QAAMC,IAAyBC,EAA8B,IAAI,GAG3DC,IAFcC,EAAwB,EAAE,KAAKH,GAAwB,EAEtC,WAAW,GAE1C,EAAE,aAAAI,EAAA,IAAgBC,EAAA,GAClB,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACbC,IAAgBC,EAAA,GAChBC,IAAab,EAAY;AAAA,IAC7B,CAACc,GAAKC,OACAA,EAAW,aACbD,EAAI,KAAKC,EAAW,SAAiD,GAEhED;AAAA,IAET,CAAA;AAAA,EAAC;AAEH,EAAAE,EAAQH,CAAU;AAClB,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAA,GACRC,IAAoBC;AAAA,IACxB,MACEpB,EAAY,IAAI,CAAAe,MAAc;AAC5B,YAAMM,IAAqBN,EAAW,YAClC;AAAA,QACE,GAAGA,EAAW;AAAA,QACd,WACE,OAAOA,EAAW,UAAU,aAAc,WACtCJ,EAAc,oBAAoBI,EAAW,UAAU,SAAS,IAChEA,EAAW,UAAU;AAAA,QAC3B,SACE,OAAOA,EAAW,UAAU,WAAY,WACpCJ,EAAc,oBAAoBI,EAAW,UAAU,OAAO,IAC9DA,EAAW,UAAU;AAAA,MAAA,IAE7B,QAEEO,IAAkBP,EAAW,YAC9BE,EAAEF,EAAW,OAAO;AAAA,QACnB,IAAIA,EAAW;AAAA,QACf,cAAcA,EAAW;AAAA,QACzB,GAAGM;AAAA,MAAA,CACK,IACTJ,EAAEF,EAAW,OAAO;AAAA,QACnB,cAAcA,EAAW;AAAA,QACzB,GAAGM;AAAA,MAAA,CACK;AACd,aAAO;AAAA,QACL,IAAIN,EAAW;AAAA,QACf,OAAOO;AAAA,MAAA;AAAA,IAEX,CAAC;AAAA,IACH,CAACtB,GAAaiB,GAAGR,CAAM;AAAA,EAAA;AAYzB,SACE,gBAAAc,EAAC,OAAA,EAAI,KAAKpB,GACR,UAAA,gBAAAoB;AAAA,IAAChB;AAAA,IAAA;AAAA,MACC,kBAAAF;AAAA,MACA,aAAac;AAAA,MACb,qBAAAlB;AAAA,MACA,SAfwB,CAACuB,MAAyB;AACtD,cAAMT,IAAaf,EAAY,KAAK,CAAAe,MAAcA,EAAW,OAAOS,CAAY;AAChF,QAAItB,KAAWa,KACbb,EAAQuB,EAAgB,qBAAqB;AAAA,UAC3C,KAAKD;AAAA,UACL,YAAYT,EAAW;AAAA,QAAA,CACxB;AAAA,MAEL;AAAA,IAOe;AAAA,EAAA,GAEb;AAEJ;"}
+{"version":3,"file":"FlowBreadcrumbs.js","sources":["../../../../src/components/Common/FlowBreadcrumbs/FlowBreadcrumbs.tsx"],"sourcesContent":["import type { CustomTypeOptions } from 'i18next'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo, useRef } from 'react'\nimport type { FlowBreadcrumbsProps } from './FlowBreadcrumbsTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n/I18n'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\nexport function FlowBreadcrumbs({\n  breadcrumbs,\n  currentBreadcrumbId,\n  onEvent,\n}: FlowBreadcrumbsProps) {\n  const breadcrumbContainerRef = useRef<HTMLDivElement | null>(null)\n  const breakpoints = useContainerBreakpoints({ ref: breadcrumbContainerRef })\n  // Small if we only contain the base breakpoint\n  const isSmallContainer = breakpoints.length === 1\n\n  const { Breadcrumbs } = useComponentContext()\n  const { locale } = useLocale()\n  const dateFormatter = useDateFormatter()\n  const namespaces = breadcrumbs.reduce<Array<keyof CustomTypeOptions['resources']>>(\n    (acc, breadcrumb) => {\n      if (breadcrumb.namespace) {\n        acc.push(breadcrumb.namespace as keyof CustomTypeOptions['resources'])\n      }\n      return acc\n    },\n    [],\n  )\n  useI18n(namespaces)\n  const { t } = useTranslation()\n  const parsedBreadcrumbs = useMemo(\n    () =>\n      breadcrumbs.map(breadcrumb => {\n        const formattedVariables = breadcrumb.variables\n          ? {\n              ...breadcrumb.variables,\n              startDate:\n                typeof breadcrumb.variables.startDate === 'string'\n                  ? dateFormatter.formatShortWithYear(breadcrumb.variables.startDate)\n                  : breadcrumb.variables.startDate,\n              endDate:\n                typeof breadcrumb.variables.endDate === 'string'\n                  ? dateFormatter.formatShortWithYear(breadcrumb.variables.endDate)\n                  : breadcrumb.variables.endDate,\n            }\n          : undefined\n\n        const translatedLabel = breadcrumb.namespace\n          ? (t(breadcrumb.label, {\n              ns: breadcrumb.namespace,\n              defaultValue: breadcrumb.label,\n              ...formattedVariables,\n            } as never) as unknown as string)\n          : (t(breadcrumb.label, {\n              defaultValue: breadcrumb.label,\n              ...formattedVariables,\n            } as never) as unknown as string)\n        const isClickable =\n          breadcrumb.isNavigable !== undefined ? breadcrumb.isNavigable : !!breadcrumb.onNavigate\n\n        return {\n          id: breadcrumb.id,\n          label: translatedLabel,\n          isClickable,\n        }\n      }),\n    [breadcrumbs, t, locale],\n  )\n\n  const handleBreadcrumbClick = (breadcrumbId: string) => {\n    const breadcrumb = breadcrumbs.find(breadcrumb => breadcrumb.id === breadcrumbId)\n    if (onEvent && breadcrumb?.onNavigate) {\n      onEvent(componentEvents.BREADCRUMB_NAVIGATE, {\n        key: breadcrumbId,\n        onNavigate: breadcrumb.onNavigate,\n      })\n    }\n  }\n  return (\n    <div ref={breadcrumbContainerRef}>\n      <Breadcrumbs\n        isSmallContainer={isSmallContainer}\n        breadcrumbs={parsedBreadcrumbs}\n        currentBreadcrumbId={currentBreadcrumbId}\n        onClick={handleBreadcrumbClick}\n      />\n    </div>\n  )\n}\n"],"names":["FlowBreadcrumbs","breadcrumbs","currentBreadcrumbId","onEvent","breadcrumbContainerRef","useRef","isSmallContainer","useContainerBreakpoints","Breadcrumbs","useComponentContext","locale","useLocale","dateFormatter","useDateFormatter","namespaces","acc","breadcrumb","useI18n","t","useTranslation","parsedBreadcrumbs","useMemo","formattedVariables","translatedLabel","isClickable","jsx","breadcrumbId","componentEvents"],"mappings":";;;;;;;;;AAWO,SAASA,EAAgB;AAAA,EAC9B,aAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,SAAAC;AACF,GAAyB;AACvB,QAAMC,IAAyBC,EAA8B,IAAI,GAG3DC,IAFcC,EAAwB,EAAE,KAAKH,GAAwB,EAEtC,WAAW,GAE1C,EAAE,aAAAI,EAAA,IAAgBC,EAAA,GAClB,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACbC,IAAgBC,EAAA,GAChBC,IAAab,EAAY;AAAA,IAC7B,CAACc,GAAKC,OACAA,EAAW,aACbD,EAAI,KAAKC,EAAW,SAAiD,GAEhED;AAAA,IAET,CAAA;AAAA,EAAC;AAEH,EAAAE,EAAQH,CAAU;AAClB,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAA,GACRC,IAAoBC;AAAA,IACxB,MACEpB,EAAY,IAAI,CAAAe,MAAc;AAC5B,YAAMM,IAAqBN,EAAW,YAClC;AAAA,QACE,GAAGA,EAAW;AAAA,QACd,WACE,OAAOA,EAAW,UAAU,aAAc,WACtCJ,EAAc,oBAAoBI,EAAW,UAAU,SAAS,IAChEA,EAAW,UAAU;AAAA,QAC3B,SACE,OAAOA,EAAW,UAAU,WAAY,WACpCJ,EAAc,oBAAoBI,EAAW,UAAU,OAAO,IAC9DA,EAAW,UAAU;AAAA,MAAA,IAE7B,QAEEO,IAAkBP,EAAW,YAC9BE,EAAEF,EAAW,OAAO;AAAA,QACnB,IAAIA,EAAW;AAAA,QACf,cAAcA,EAAW;AAAA,QACzB,GAAGM;AAAA,MAAA,CACK,IACTJ,EAAEF,EAAW,OAAO;AAAA,QACnB,cAAcA,EAAW;AAAA,QACzB,GAAGM;AAAA,MAAA,CACK,GACRE,IACJR,EAAW,gBAAgB,SAAYA,EAAW,cAAc,CAAC,CAACA,EAAW;AAE/E,aAAO;AAAA,QACL,IAAIA,EAAW;AAAA,QACf,OAAOO;AAAA,QACP,aAAAC;AAAA,MAAA;AAAA,IAEJ,CAAC;AAAA,IACH,CAACvB,GAAaiB,GAAGR,CAAM;AAAA,EAAA;AAYzB,SACE,gBAAAe,EAAC,OAAA,EAAI,KAAKrB,GACR,UAAA,gBAAAqB;AAAA,IAACjB;AAAA,IAAA;AAAA,MACC,kBAAAF;AAAA,MACA,aAAac;AAAA,MACb,qBAAAlB;AAAA,MACA,SAfwB,CAACwB,MAAyB;AACtD,cAAMV,IAAaf,EAAY,KAAK,CAAAe,MAAcA,EAAW,OAAOU,CAAY;AAChF,QAAIvB,KAAWa,GAAY,cACzBb,EAAQwB,EAAgB,qBAAqB;AAAA,UAC3C,KAAKD;AAAA,UACL,YAAYV,EAAW;AAAA,QAAA,CACxB;AAAA,MAEL;AAAA,IAOe;AAAA,EAAA,GAEb;AAEJ;"}

package/dist/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes.d.ts

@@ -21,6 +21,11 @@ export interface FlowBreadcrumb {
      * Event handler for breadcrumb navigation
      */
     onNavigate?: (context: unknown) => unknown;
+    /**
+     * When false, the breadcrumb is rendered as non-clickable even if onNavigate is defined.
+     * Defaults to true when onNavigate is present, false otherwise.
+     */
+    isNavigable?: boolean;
 }
 export interface BreadcrumbNode {
     /**

package/dist/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.d.ts

@@ -1 +1 @@
-export declare const createBreadcrumbNavigateTransition: <TContext>() => (targetState: string) => import('robot3').Transition<"breadcrumb/navigate">;
+export declare const createBreadcrumbNavigateTransition: <TContext>() => (targetState: string, canNavigate?: (ctx: TContext) => boolean) => import('robot3').Transition<"breadcrumb/navigate">;

package/dist/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js

@@ -1,14 +1,16 @@
-import { transition as e, guard as n, reduce as t } from "robot3";
-import { componentEvents as i } from "../../../shared/constants.js";
-const p = () => (r) => e(
-  i.BREADCRUMB_NAVIGATE,
-  r,
-  n((a, o) => o.payload.key === r),
+import { transition as n, guard as t, reduce as i } from "robot3";
+import { componentEvents as m } from "../../../shared/constants.js";
+const d = () => (a, e) => n(
+  m.BREADCRUMB_NAVIGATE,
+  a,
   t(
-    (a, o) => o.payload.onNavigate(a)
+    (r, o) => o.payload.key === a && (e?.(r) ?? !0)
+  ),
+  i(
+    (r, o) => o.payload.onNavigate(r)
   )
 );
 export {
-  p as createBreadcrumbNavigateTransition
+  d as createBreadcrumbNavigateTransition
 };
 //# sourceMappingURL=breadcrumbTransitionHelpers.js.map

package/dist/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbTransitionHelpers.js","sources":["../../../../src/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.ts"],"sourcesContent":["import { guard, reduce, transition } from 'robot3'\nimport { componentEvents } from '@/shared/constants'\n\ntype BreadcrumbNavigateEvent<TContext> = {\n  payload: {\n    key: string\n    onNavigate: (ctx: TContext) => TContext\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-parameters\nexport const createBreadcrumbNavigateTransition = <TContext>() => {\n  return (targetState: string) =>\n    transition(\n      componentEvents.BREADCRUMB_NAVIGATE,\n      targetState,\n      guard((ctx: TContext, ev: { payload: { key: string } }) => ev.payload.key === targetState),\n      reduce(\n        (ctx: TContext, ev: BreadcrumbNavigateEvent<TContext>): TContext =>\n          ev.payload.onNavigate(ctx),\n      ),\n    )\n}\n"],"names":["createBreadcrumbNavigateTransition","targetState","transition","componentEvents","guard","ctx","ev","reduce"],"mappings":";;AAWO,MAAMA,IAAqC,MACzC,CAACC,MACNC;AAAA,EACEC,EAAgB;AAAA,EAChBF;AAAA,EACAG,EAAM,CAACC,GAAeC,MAAqCA,EAAG,QAAQ,QAAQL,CAAW;AAAA,EACzFM;AAAA,IACE,CAACF,GAAeC,MACdA,EAAG,QAAQ,WAAWD,CAAG;AAAA,EAAA;AAC7B;"}
+{"version":3,"file":"breadcrumbTransitionHelpers.js","sources":["../../../../src/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.ts"],"sourcesContent":["import { guard, reduce, transition } from 'robot3'\nimport { componentEvents } from '@/shared/constants'\n\ntype BreadcrumbNavigateEvent<TContext> = {\n  payload: {\n    key: string\n    onNavigate: (ctx: TContext) => TContext\n  }\n}\n\n// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-parameters\nexport const createBreadcrumbNavigateTransition = <TContext>() => {\n  return (targetState: string, canNavigate?: (ctx: TContext) => boolean) =>\n    transition(\n      componentEvents.BREADCRUMB_NAVIGATE,\n      targetState,\n      guard(\n        (ctx: TContext, ev: { payload: { key: string } }) =>\n          ev.payload.key === targetState && (canNavigate?.(ctx) ?? true),\n      ),\n      reduce(\n        (ctx: TContext, ev: BreadcrumbNavigateEvent<TContext>): TContext =>\n          ev.payload.onNavigate(ctx),\n      ),\n    )\n}\n"],"names":["createBreadcrumbNavigateTransition","targetState","canNavigate","transition","componentEvents","guard","ctx","ev","reduce"],"mappings":";;AAWO,MAAMA,IAAqC,MACzC,CAACC,GAAqBC,MAC3BC;AAAA,EACEC,EAAgB;AAAA,EAChBH;AAAA,EACAI;AAAA,IACE,CAACC,GAAeC,MACdA,EAAG,QAAQ,QAAQN,MAAgBC,IAAcI,CAAG,KAAK;AAAA,EAAA;AAAA,EAE7DE;AAAA,IACE,CAACF,GAAeC,MACdA,EAAG,QAAQ,WAAWD,CAAG;AAAA,EAAA;AAC7B;"}

package/dist/components/Common/ReorderableList/ReorderableList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReorderableList.js","sources":["../../../../src/components/Common/ReorderableList/ReorderableList.tsx"],"sourcesContent":["import { useRef, useState, useEffect, useCallback, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { DndProvider } from 'react-dnd'\nimport { HTML5Backend } from 'react-dnd-html5-backend'\nimport type { ReactElement } from 'react'\nimport type { ReorderableListItem } from './ReorderableListTypes'\nimport styles from './ReorderableList.module.scss'\nimport { ReorderableItem } from './ReorderableItem'\nimport { DropZone } from './DropZone'\n\n// Helper functions\nfunction generateUniqueListId(prefix = 'reorderable-list'): string {\n  return `${prefix}-${Math.random().toString(36).slice(2, 9)}`\n}\n\nfunction reorderArray<T>(array: T[], from: number, to: number): T[] {\n  if (from === to || from < 0 || from >= array.length || to < 0 || to > array.length) {\n    return [...array]\n  }\n\n  const newArray = [...array]\n  const [removed] = newArray.splice(from, 1)\n\n  if (removed === undefined) {\n    return [...array]\n  }\n\n  newArray.splice(to, 0, removed)\n  return newArray\n}\n\nfunction calculateNewOrder(\n  currentOrder: number[],\n  fromPosition: number,\n  toPosition: number,\n): number[] {\n  if (\n    fromPosition === toPosition ||\n    fromPosition < 0 ||\n    fromPosition >= currentOrder.length ||\n    toPosition < 0 ||\n    toPosition > currentOrder.length\n  ) {\n    return [...currentOrder]\n  }\n\n  return reorderArray(currentOrder, fromPosition, toPosition)\n}\n\nfunction adjustTargetPosition(\n  fromPosition: number,\n  toPosition: number,\n  source: 'keyboard' | 'dragdrop' = 'dragdrop',\n): number {\n  // When dragging, adjust the target position if moving an element forward\n  if (source === 'dragdrop' && fromPosition < toPosition) {\n    return toPosition - 1\n  }\n  return toPosition\n}\n\ninterface ReorderableListAnimationConfig {\n  duration?: number\n  easing?: string\n  disabled?: boolean\n}\n\ninterface ReorderableListProps {\n  items: ReorderableListItem[]\n  label: string\n  onReorder?: (itemOrder: number[]) => void\n  className?: string\n  animationConfig?: ReorderableListAnimationConfig\n  disabled?: boolean\n  renderDragHandle?: (props: {\n    id: string | number\n    label: string\n    isReordering: boolean\n    isDragging: boolean\n  }) => ReactElement\n  dropZoneClassName?: string\n  itemClassName?: string\n}\n\n// Default animation config\nconst DEFAULT_ANIMATION_CONFIG: ReorderableListAnimationConfig = {\n  duration: 200,\n  easing: 'ease-in-out',\n  disabled: false,\n}\n\nexport function ReorderableList({\n  items,\n  label,\n  onReorder,\n  className,\n  animationConfig = DEFAULT_ANIMATION_CONFIG,\n  disabled = false,\n  renderDragHandle,\n  dropZoneClassName,\n  itemClassName,\n}: ReorderableListProps) {\n  const listId = useRef(generateUniqueListId()).current\n\n  const [itemOrder, setItemOrder] = useState<number[]>(() =>\n    Array.from({ length: items.length }, (_, i) => i),\n  )\n  const [activeDropZone, setActiveDropZone] = useState<number | null>(null)\n  const [isDragging, setIsDragging] = useState(false)\n  const [isReorderingActive, setIsReorderingActive] = useState(false)\n  const [reorderingItemIndex, setReorderingItemIndex] = useState<number | null>(null)\n  const pendingReorderRef = useRef<boolean>(false)\n  const activeDropZonesRef = useRef<Record<number, boolean>>({})\n\n  const mergedAnimationConfig = useMemo(\n    () => ({\n      ...DEFAULT_ANIMATION_CONFIG,\n      ...animationConfig,\n    }),\n    [animationConfig],\n  )\n\n  useEffect(() => {\n    if (items.length !== itemOrder.length) {\n      setItemOrder(Array.from({ length: items.length }, (_, i) => i))\n    }\n  }, [items.length, itemOrder.length])\n\n  // Debounced state setter for drop zones to prevent flickering\n  const activateDropZone = useCallback((position: number) => {\n    activeDropZonesRef.current = {}\n    activeDropZonesRef.current[position] = true\n    setActiveDropZone(position)\n  }, [])\n\n  const deactivateDropZone = useCallback((position: number) => {\n    if (position in activeDropZonesRef.current) {\n      activeDropZonesRef.current[position] = false\n    }\n\n    const activeDropZones = Object.entries(activeDropZonesRef.current)\n      .filter(([_, isActive]) => isActive)\n      .map(([pos]) => Number(pos))\n\n    if (activeDropZones.length === 0) {\n      setActiveDropZone(null)\n    } else if (activeDropZones.length === 1) {\n      setActiveDropZone(Number(activeDropZones[0]))\n    }\n  }, [])\n\n  const moveItem = useCallback(\n    (fromPosition: number, toPosition: number, source: 'keyboard' | 'dragdrop') => {\n      if (\n        disabled ||\n        fromPosition === toPosition ||\n        fromPosition < 0 ||\n        fromPosition >= itemOrder.length ||\n        toPosition < 0 ||\n        toPosition > itemOrder.length\n      ) {\n        return\n      }\n\n      pendingReorderRef.current = true\n      const movedItemIndex = itemOrder[fromPosition]\n\n      // Use utility function to calculate new order\n      const newOrder = calculateNewOrder(\n        itemOrder,\n        fromPosition,\n        adjustTargetPosition(fromPosition, toPosition, source),\n      )\n\n      setItemOrder(newOrder)\n\n      // Use the configured animation duration\n      const animationDuration = mergedAnimationConfig.disabled ? 0 : mergedAnimationConfig.duration\n\n      setTimeout(() => {\n        setIsDragging(false)\n        pendingReorderRef.current = false\n        activeDropZonesRef.current = {}\n        setActiveDropZone(null)\n\n        if (source === 'keyboard') {\n          const newPosition = newOrder.findIndex(idx => idx === movedItemIndex)\n\n          if (newPosition >= 0) {\n            setReorderingItemIndex(newPosition)\n            const dragButtons = document.querySelectorAll(\n              `[data-list-id=\"${listId}\"] .${styles.dragHandle} button`,\n            )\n\n            if (newPosition < dragButtons.length) {\n              // Use requestAnimationFrame for smoother focus handling\n              requestAnimationFrame(() => {\n                if (dragButtons[newPosition]) {\n                  const buttonToFocus = dragButtons[newPosition] as HTMLElement\n                  buttonToFocus.focus()\n                }\n              })\n            }\n          }\n        }\n\n        if (onReorder) {\n          onReorder(newOrder)\n        }\n      }, animationDuration)\n    },\n    [itemOrder, listId, onReorder, disabled, mergedAnimationConfig],\n  )\n\n  // If the list is disabled, don't render the DnD functionality\n  if (disabled) {\n    return (\n      <div\n        role=\"list\"\n        aria-label={label}\n        className={classnames(styles.reorderableList, className, styles.disabled)}\n        data-list-id={listId}\n        data-testid=\"reorderable-list\"\n      >\n        {itemOrder.map(itemIndex => {\n          const item = items[itemIndex]\n          if (!item) return null\n\n          return (\n            <div\n              key={`item-static-${item.id || itemIndex}`}\n              role=\"listitem\"\n              className={classnames(styles.reorderableItem, itemClassName)}\n            >\n              <div className={styles.contentContainer}>{item.content}</div>\n            </div>\n          )\n        })}\n      </div>\n    )\n  }\n\n  return (\n    <DndProvider backend={HTML5Backend}>\n      <div\n        role=\"list\"\n        aria-label={label}\n        className={classnames(styles.reorderableList, className)}\n        data-list-id={listId}\n        data-testid=\"reorderable-list\"\n        style={{\n          ...(!mergedAnimationConfig.disabled &&\n            ({\n              '--animation-duration': `${mergedAnimationConfig.duration}ms`,\n              '--animation-easing': mergedAnimationConfig.easing,\n            } as React.CSSProperties)),\n        }}\n      >\n        <DropZone\n          position={0}\n          listId={listId}\n          isActive={activeDropZone === 0}\n          onActivate={() => {\n            activateDropZone(0)\n          }}\n          onDeactivate={() => {\n            deactivateDropZone(0)\n          }}\n          onDrop={(fromPosition: number) => {\n            if (!pendingReorderRef.current) {\n              moveItem(fromPosition, 0, 'dragdrop')\n            }\n          }}\n          className={dropZoneClassName}\n        />\n\n        {itemOrder.map((itemIndex, position) => {\n          const item = items[itemIndex]\n          if (!item) return null\n\n          return (\n            <div key={`item-container-${item.id || itemIndex}-${position}`}>\n              <ReorderableItem\n                key={`item-${item.id || itemIndex}`}\n                item={item}\n                index={position}\n                moveItem={moveItem}\n                itemCount={items.length}\n                itemIndex={itemIndex}\n                listId={listId}\n                isDraggingAny={isDragging}\n                setIsDragging={setIsDragging}\n                isReorderingActive={isReorderingActive}\n                setIsReorderingActive={setIsReorderingActive}\n                isCurrentlyReordering={isReorderingActive && reorderingItemIndex === position}\n                setReorderingItemIndex={setReorderingItemIndex}\n                renderDragHandle={renderDragHandle}\n                className={itemClassName}\n              />\n\n              <DropZone\n                position={position + 1}\n                listId={listId}\n                isActive={activeDropZone === position + 1}\n                onActivate={() => {\n                  activateDropZone(position + 1)\n                }}\n                onDeactivate={() => {\n                  deactivateDropZone(position + 1)\n                }}\n                onDrop={(fromPosition: number) => {\n                  if (!pendingReorderRef.current) {\n                    moveItem(fromPosition, position + 1, 'dragdrop')\n                  }\n                }}\n                className={dropZoneClassName}\n              />\n            </div>\n          )\n        })}\n      </div>\n    </DndProvider>\n  )\n}\n"],"names":["generateUniqueListId","prefix","reorderArray","array","from","to","newArray","removed","calculateNewOrder","currentOrder","fromPosition","toPosition","adjustTargetPosition","source","DEFAULT_ANIMATION_CONFIG","ReorderableList","items","label","onReorder","className","animationConfig","disabled","renderDragHandle","dropZoneClassName","itemClassName","listId","useRef","itemOrder","setItemOrder","useState","_","i","activeDropZone","setActiveDropZone","isDragging","setIsDragging","isReorderingActive","setIsReorderingActive","reorderingItemIndex","setReorderingItemIndex","pendingReorderRef","activeDropZonesRef","mergedAnimationConfig","useMemo","useEffect","activateDropZone","useCallback","position","deactivateDropZone","activeDropZones","isActive","pos","moveItem","movedItemIndex","newOrder","animationDuration","newPosition","idx","dragButtons","styles","jsx","classnames","itemIndex","item","DndProvider","HTML5Backend","jsxs","DropZone","ReorderableItem"],"mappings":"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"}
+{"version":3,"file":"ReorderableList.js","sources":["../../../../src/components/Common/ReorderableList/ReorderableList.tsx"],"sourcesContent":["import { useRef, useState, useEffect, useCallback, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { DndProvider } from 'react-dnd'\nimport { HTML5Backend } from 'react-dnd-html5-backend'\nimport type { ReactElement } from 'react'\nimport type { ReorderableListItem } from './ReorderableListTypes'\nimport styles from './ReorderableList.module.scss'\nimport { ReorderableItem } from './ReorderableItem'\nimport { DropZone } from './DropZone'\n\n// Helper functions\nfunction generateUniqueListId(prefix = 'reorderable-list'): string {\n  return `${prefix}-${Math.random().toString(36).slice(2, 9)}`\n}\n\nfunction reorderArray<T>(array: T[], from: number, to: number): T[] {\n  if (from === to || from < 0 || from >= array.length || to < 0 || to > array.length) {\n    return [...array]\n  }\n\n  const newArray = [...array]\n  const [removed] = newArray.splice(from, 1)\n\n  if (removed === undefined) {\n    return [...array]\n  }\n\n  newArray.splice(to, 0, removed)\n  return newArray\n}\n\nfunction calculateNewOrder(\n  currentOrder: number[],\n  fromPosition: number,\n  toPosition: number,\n): number[] {\n  if (\n    fromPosition === toPosition ||\n    fromPosition < 0 ||\n    fromPosition >= currentOrder.length ||\n    toPosition < 0 ||\n    toPosition > currentOrder.length\n  ) {\n    return [...currentOrder]\n  }\n\n  return reorderArray(currentOrder, fromPosition, toPosition)\n}\n\nfunction adjustTargetPosition(\n  fromPosition: number,\n  toPosition: number,\n  source: 'keyboard' | 'dragdrop' = 'dragdrop',\n): number {\n  // When dragging, adjust the target position if moving an element forward\n  if (source === 'dragdrop' && fromPosition < toPosition) {\n    return toPosition - 1\n  }\n  return toPosition\n}\n\ninterface ReorderableListAnimationConfig {\n  duration?: number\n  easing?: string\n  disabled?: boolean\n}\n\ninterface ReorderableListProps {\n  items: ReorderableListItem[]\n  label: string\n  onReorder?: (itemOrder: number[]) => void\n  className?: string\n  animationConfig?: ReorderableListAnimationConfig\n  disabled?: boolean\n  renderDragHandle?: (props: {\n    id: string | number\n    label: string\n    isReordering: boolean\n    isDragging: boolean\n  }) => ReactElement\n  dropZoneClassName?: string\n  itemClassName?: string\n}\n\n// Default animation config\nconst DEFAULT_ANIMATION_CONFIG: ReorderableListAnimationConfig = {\n  duration: 200,\n  easing: 'ease-in-out',\n  disabled: false,\n}\n\nexport function ReorderableList({\n  items,\n  label,\n  onReorder,\n  className,\n  animationConfig = DEFAULT_ANIMATION_CONFIG,\n  disabled = false,\n  renderDragHandle,\n  dropZoneClassName,\n  itemClassName,\n}: ReorderableListProps) {\n  const listId = useRef(generateUniqueListId()).current\n\n  const [itemOrder, setItemOrder] = useState<number[]>(() =>\n    Array.from({ length: items.length }, (_, i) => i),\n  )\n  const [activeDropZone, setActiveDropZone] = useState<number | null>(null)\n  const [isDragging, setIsDragging] = useState(false)\n  const [isReorderingActive, setIsReorderingActive] = useState(false)\n  const [reorderingItemIndex, setReorderingItemIndex] = useState<number | null>(null)\n  const pendingReorderRef = useRef(false)\n  const activeDropZonesRef = useRef<Record<number, boolean>>({})\n\n  const mergedAnimationConfig = useMemo(\n    () => ({\n      ...DEFAULT_ANIMATION_CONFIG,\n      ...animationConfig,\n    }),\n    [animationConfig],\n  )\n\n  useEffect(() => {\n    if (items.length !== itemOrder.length) {\n      setItemOrder(Array.from({ length: items.length }, (_, i) => i))\n    }\n  }, [items.length, itemOrder.length])\n\n  // Debounced state setter for drop zones to prevent flickering\n  const activateDropZone = useCallback((position: number) => {\n    activeDropZonesRef.current = {}\n    activeDropZonesRef.current[position] = true\n    setActiveDropZone(position)\n  }, [])\n\n  const deactivateDropZone = useCallback((position: number) => {\n    if (position in activeDropZonesRef.current) {\n      activeDropZonesRef.current[position] = false\n    }\n\n    const activeDropZones = Object.entries(activeDropZonesRef.current)\n      .filter(([_, isActive]) => isActive)\n      .map(([pos]) => Number(pos))\n\n    if (activeDropZones.length === 0) {\n      setActiveDropZone(null)\n    } else if (activeDropZones.length === 1) {\n      setActiveDropZone(Number(activeDropZones[0]))\n    }\n  }, [])\n\n  const moveItem = useCallback(\n    (fromPosition: number, toPosition: number, source: 'keyboard' | 'dragdrop') => {\n      if (\n        disabled ||\n        fromPosition === toPosition ||\n        fromPosition < 0 ||\n        fromPosition >= itemOrder.length ||\n        toPosition < 0 ||\n        toPosition > itemOrder.length\n      ) {\n        return\n      }\n\n      pendingReorderRef.current = true\n      const movedItemIndex = itemOrder[fromPosition]\n\n      // Use utility function to calculate new order\n      const newOrder = calculateNewOrder(\n        itemOrder,\n        fromPosition,\n        adjustTargetPosition(fromPosition, toPosition, source),\n      )\n\n      setItemOrder(newOrder)\n\n      // Use the configured animation duration\n      const animationDuration = mergedAnimationConfig.disabled ? 0 : mergedAnimationConfig.duration\n\n      setTimeout(() => {\n        setIsDragging(false)\n        pendingReorderRef.current = false\n        activeDropZonesRef.current = {}\n        setActiveDropZone(null)\n\n        if (source === 'keyboard') {\n          const newPosition = newOrder.findIndex(idx => idx === movedItemIndex)\n\n          if (newPosition >= 0) {\n            setReorderingItemIndex(newPosition)\n            const dragButtons = document.querySelectorAll(\n              `[data-list-id=\"${listId}\"] .${styles.dragHandle} button`,\n            )\n\n            if (newPosition < dragButtons.length) {\n              // Use requestAnimationFrame for smoother focus handling\n              requestAnimationFrame(() => {\n                if (dragButtons[newPosition]) {\n                  const buttonToFocus = dragButtons[newPosition] as HTMLElement\n                  buttonToFocus.focus()\n                }\n              })\n            }\n          }\n        }\n\n        if (onReorder) {\n          onReorder(newOrder)\n        }\n      }, animationDuration)\n    },\n    [itemOrder, listId, onReorder, disabled, mergedAnimationConfig],\n  )\n\n  // If the list is disabled, don't render the DnD functionality\n  if (disabled) {\n    return (\n      <div\n        role=\"list\"\n        aria-label={label}\n        className={classnames(styles.reorderableList, className, styles.disabled)}\n        data-list-id={listId}\n        data-testid=\"reorderable-list\"\n      >\n        {itemOrder.map(itemIndex => {\n          const item = items[itemIndex]\n          if (!item) return null\n\n          return (\n            <div\n              key={`item-static-${item.id || itemIndex}`}\n              role=\"listitem\"\n              className={classnames(styles.reorderableItem, itemClassName)}\n            >\n              <div className={styles.contentContainer}>{item.content}</div>\n            </div>\n          )\n        })}\n      </div>\n    )\n  }\n\n  return (\n    <DndProvider backend={HTML5Backend}>\n      <div\n        role=\"list\"\n        aria-label={label}\n        className={classnames(styles.reorderableList, className)}\n        data-list-id={listId}\n        data-testid=\"reorderable-list\"\n        style={{\n          ...(!mergedAnimationConfig.disabled &&\n            ({\n              '--animation-duration': `${mergedAnimationConfig.duration}ms`,\n              '--animation-easing': mergedAnimationConfig.easing,\n            } as React.CSSProperties)),\n        }}\n      >\n        <DropZone\n          position={0}\n          listId={listId}\n          isActive={activeDropZone === 0}\n          onActivate={() => {\n            activateDropZone(0)\n          }}\n          onDeactivate={() => {\n            deactivateDropZone(0)\n          }}\n          onDrop={(fromPosition: number) => {\n            if (!pendingReorderRef.current) {\n              moveItem(fromPosition, 0, 'dragdrop')\n            }\n          }}\n          className={dropZoneClassName}\n        />\n\n        {itemOrder.map((itemIndex, position) => {\n          const item = items[itemIndex]\n          if (!item) return null\n\n          return (\n            <div key={`item-container-${item.id || itemIndex}-${position}`}>\n              <ReorderableItem\n                key={`item-${item.id || itemIndex}`}\n                item={item}\n                index={position}\n                moveItem={moveItem}\n                itemCount={items.length}\n                itemIndex={itemIndex}\n                listId={listId}\n                isDraggingAny={isDragging}\n                setIsDragging={setIsDragging}\n                isReorderingActive={isReorderingActive}\n                setIsReorderingActive={setIsReorderingActive}\n                isCurrentlyReordering={isReorderingActive && reorderingItemIndex === position}\n                setReorderingItemIndex={setReorderingItemIndex}\n                renderDragHandle={renderDragHandle}\n                className={itemClassName}\n              />\n\n              <DropZone\n                position={position + 1}\n                listId={listId}\n                isActive={activeDropZone === position + 1}\n                onActivate={() => {\n                  activateDropZone(position + 1)\n                }}\n                onDeactivate={() => {\n                  deactivateDropZone(position + 1)\n                }}\n                onDrop={(fromPosition: number) => {\n                  if (!pendingReorderRef.current) {\n                    moveItem(fromPosition, position + 1, 'dragdrop')\n                  }\n                }}\n                className={dropZoneClassName}\n              />\n            </div>\n          )\n        })}\n      </div>\n    </DndProvider>\n  )\n}\n"],"names":["generateUniqueListId","prefix","reorderArray","array","from","to","newArray","removed","calculateNewOrder","currentOrder","fromPosition","toPosition","adjustTargetPosition","source","DEFAULT_ANIMATION_CONFIG","ReorderableList","items","label","onReorder","className","animationConfig","disabled","renderDragHandle","dropZoneClassName","itemClassName","listId","useRef","itemOrder","setItemOrder","useState","_","i","activeDropZone","setActiveDropZone","isDragging","setIsDragging","isReorderingActive","setIsReorderingActive","reorderingItemIndex","setReorderingItemIndex","pendingReorderRef","activeDropZonesRef","mergedAnimationConfig","useMemo","useEffect","activateDropZone","useCallback","position","deactivateDropZone","activeDropZones","isActive","pos","moveItem","movedItemIndex","newOrder","animationDuration","newPosition","idx","dragButtons","styles","jsx","classnames","itemIndex","item","DndProvider","HTML5Backend","jsxs","DropZone","ReorderableItem"],"mappings":"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"}