npm - @mittwald/flow-react-components - Versions diffs - 0.2.0-alpha.187 → 0.2.0-alpha.188 - Mend

@mittwald/flow-react-components 0.2.0-alpha.187 → 0.2.0-alpha.188

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (32) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+# [0.2.0-alpha.188](https://github.com/mittwald/flow/compare/0.2.0-alpha.187...0.2.0-alpha.188) (2025-05-19)
+### Bug Fixes
+* fix RHF form reset issue ([#1465](https://github.com/mittwald/flow/issues/1465)) ([e3ec221](https://github.com/mittwald/flow/commit/e3ec22151192974b7ba7be0e67088ba1e1f5895c))
 # [0.2.0-alpha.187](https://github.com/mittwald/flow/compare/0.2.0-alpha.186...0.2.0-alpha.187) (2025-05-16)
 ### Bug Fixes

package/dist/assets/doc-properties.json CHANGED Viewed

@@ -210181,21 +210181,6 @@
           "name": "boolean"
         }
       },
-      "control": {
-        "defaultValue": null,
-        "description": "",
-        "name": "control",
-        "declarations": [
-          {
-            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/controller.d.ts",
-            "name": "TypeLiteral"
-          }
-        ],
-        "required": false,
-        "type": {
-          "name": "Control<T>"
-        }
-      },
       "rules": {
         "defaultValue": null,
         "description": "",
@@ -210285,6 +210270,10 @@
         "description": "",
         "name": "getFieldState",
         "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          },
           {
             "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
             "name": "TypeLiteral"
@@ -210300,6 +210289,10 @@
         "description": "",
         "name": "setError",
         "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          },
           {
             "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
             "name": "TypeLiteral"
@@ -210405,6 +210398,10 @@
         "description": "",
         "name": "handleSubmit",
         "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          },
           {
             "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
             "name": "TypeLiteral"
@@ -210420,6 +210417,10 @@
         "description": "",
         "name": "unregister",
         "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          },
           {
             "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
             "name": "TypeLiteral"
@@ -210450,6 +210451,10 @@
         "description": "",
         "name": "register",
         "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          },
           {
             "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
             "name": "TypeLiteral"
@@ -210474,6 +210479,336 @@
         "type": {
           "name": "UseFormSetFocus<T>"
         }
+      },
+      "_subjects": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_subjects",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Subjects<T>"
+        }
+      },
+      "_removeUnmounted": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_removeUnmounted",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Noop"
+        }
+      },
+      "_names": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_names",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Names"
+        }
+      },
+      "_state": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_state",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "{ mount: boolean; action: boolean; watch: boolean; }"
+        }
+      },
+      "_reset": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_reset",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "UseFormReset<T>"
+        }
+      },
+      "_options": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_options",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Partial<{ mode: \"onBlur\" | \"onChange\" | \"onSubmit\" | \"all\" | \"onTouched\"; disabled: boolean; reValidateMode: \"onBlur\" | \"onChange\" | \"onSubmit\"; defaultValues: AsyncDefaultValues<T> | DefaultValues<...>; ... 10 more ...; delayError: number; }>"
+        }
+      },
+      "_getDirty": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_getDirty",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "GetIsDirty"
+        }
+      },
+      "_resetDefaultValues": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_resetDefaultValues",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Noop"
+        }
+      },
+      "_formState": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_formState",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "FormState<T>"
+        }
+      },
+      "_updateValid": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_updateValid",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "(shouldUpdateValid?: boolean | undefined) => void"
+        }
+      },
+      "_updateFormState": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_updateFormState",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "(formState: Partial<FormState<T>>) => void"
+        }
+      },
+      "_fields": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_fields",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Partial<{ [key: string]: Partial<...> | Field; }>"
+        }
+      },
+      "_formValues": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_formValues",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "FieldValues"
+        }
+      },
+      "_proxyFormState": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_proxyFormState",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "ReadFormState"
+        }
+      },
+      "_defaultValues": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_defaultValues",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "Partial<DefaultValues<T>>"
+        }
+      },
+      "_getWatch": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_getWatch",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "WatchInternal<T>"
+        }
+      },
+      "_updateFieldArray": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_updateFieldArray",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "BatchFieldArrayUpdate"
+        }
+      },
+      "_getFieldArray": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_getFieldArray",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "<TFieldArrayValues>(name: string) => Partial<TFieldArrayValues>[]"
+        }
+      },
+      "_setErrors": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_setErrors",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "(errors: FieldErrors<T>) => void"
+        }
+      },
+      "_updateDisabledField": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_updateDisabledField",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "(props: { disabled?: boolean | undefined; name: string; value?: unknown; } & ({ field?: Field | undefined; fields?: undefined; } | { field?: undefined; fields?: Partial<{ [key: string]: Partial<...> | Field; }> | undefined; })) => void"
+        }
+      },
+      "_executeSchema": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_executeSchema",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "(names: string[]) => Promise<{ errors: FieldErrors; }>"
+        }
+      },
+      "_disableForm": {
+        "defaultValue": null,
+        "description": "",
+        "name": "_disableForm",
+        "declarations": [
+          {
+            "fileName": "flow/node_modules/.pnpm/react-hook-form@7.54.2_react@19.1.0/node_modules/react-hook-form/dist/types/form.d.ts",
+            "name": "TypeLiteral"
+          }
+        ],
+        "required": true,
+        "type": {
+          "name": "(disabled?: boolean | undefined) => void"
+        }
       }
     }
   },

package/dist/js/components/src/components/NumberField/NumberField.mjs CHANGED Viewed

@@ -1,7 +1,6 @@
 "use client"
 /* */
 import { jsx, jsxs } from 'react/jsx-runtime';
-import 'react';
 import * as Aria from 'react-aria-components';
 import formFieldStyles from '../FormField/FormField.module.scss.mjs';
 import styles from './NumberField.module.scss.mjs';
@@ -11,6 +10,7 @@ import '../../lib/propsContext/propsContext.mjs';
 import { PropsContextProvider } from '../../lib/propsContext/PropsContextProvider.mjs';
 import { FieldError } from '../FieldError/FieldError.mjs';
 import { Button } from '../Button/Button.mjs';
+import 'react';
 import '@tabler/icons-react';
 import '../Icon/Icon.mjs';
 import '../../lib/viewComponentContext/viewComponentContext.mjs';
@@ -19,9 +19,17 @@ import { IconChevronUp } from '../Icon/components/icons/IconChevronUp.mjs';
 import { IconMinus } from '../Icon/components/icons/IconMinus.mjs';
 import { IconPlus } from '../Icon/components/icons/IconPlus.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { ReactAriaControlledValueFix } from '../../lib/react/ReactAriaControlledValueFix.mjs';
 const NumberField = flowComponent("NumberField", (props) => {
-  const { children, className, ref, isWheelDisabled = true, ...rest } = props;
+  const {
+    children,
+    className,
+    ref,
+    defaultValue,
+    isWheelDisabled = true,
+    ...rest
+  } = props;
   const rootClassName = clsx(formFieldStyles.formField, className);
   const propsContext = {
     Label: {
@@ -57,7 +65,21 @@ const NumberField = flowComponent("NumberField", (props) => {
               ]
             }
           ),
-          /* @__PURE__ */ jsx(Aria.Input, { className: styles.input, ref }),
+          /* @__PURE__ */ jsx(
+            ReactAriaControlledValueFix,
+            {
+              inputContext: Aria.InputContext,
+              props,
+              children: /* @__PURE__ */ jsx(
+                Aria.Input,
+                {
+                  className: styles.input,
+                  ref,
+                  defaultValue
+                }
+              )
+            }
+          ),
           /* @__PURE__ */ jsxs(
             Button,
             {

package/dist/js/components/src/components/NumberField/NumberField.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NumberField.mjs","sources":["../../../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport ~~React from \"react\";\nimport~~ * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./NumberField.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport { Button } from \"@/components/Button\";\nimport {\n IconChevronDown,\n IconChevronUp,\n IconMinus,\n IconPlus,\n} from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface NumberFieldProps\n extends PropsWithChildren<Omit<Aria.NumberFieldProps, \"children\">>,\n FlowComponentProps<HTMLInputElement> {}\n\n/*\n @flr-generate all\n * @flr-clear-props-context\n */\nexport const NumberField = flowComponent(\"NumberField\", (props) => {\n const { children, className, ref, isWheelDisabled = true, ...rest } = props;\n\n const rootClassName = clsx(formFieldStyles.formField, className);\n\n const propsContext: PropsContext = {\n Label: {\n className: formFieldStyles.label,\n optional: !props.isRequired,\n },\n FieldDescription: {\n className: formFieldStyles.fieldDescription,\n },\n FieldError: {\n className: formFieldStyles.customFieldError,\n },\n };\n\n return (\n <ClearPropsContext>\n <Aria.NumberField\n isWheelDisabled={isWheelDisabled}\n {...rest}\n className={rootClassName}\n >\n <Aria.Group className={styles.group}>\n <Button\n ariaSlot=\"decrement\"\n className={styles.decrementButton}\n size=\"s\"\n variant=\"plain\"\n color=\"secondary\"\n >\n <IconChevronDown />\n <IconMinus className={styles.coarsePointerIcon} />\n </Button>\n <Aria.Input className={styles.input} ref={ref} />\n <Button\n ariaSlot=\"increment\"\n className={styles.incrementButton}\n size=\"s\"\n variant=\"plain\"\n color=\"secondary\"\n >\n <IconChevronUp />\n <IconPlus className={styles.coarsePointerIcon} />\n </Button>\n </Aria.Group>\n <PropsContextProvider props={propsContext}>\n {children}\n </PropsContextProvider>\n <FieldError className={formFieldStyles.fieldError} />\n </Aria.NumberField>\n </ClearPropsContext>\n );\n});\n\nexport default NumberField;\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;~~AA4BO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAM,MAAA,~~EAAE~~,~~UAAU~~,~~SAAW~~,~~EAAA~~,GAAA,~~EAAK~~,~~kBAAkB~~,~~IAAM~~,~~EAAA~~,GAAG,~~MAAS~~,GAAA,KAAA;~~AAEtE~~,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,eAAgB,CAAA,SAAA,EAAW,SAAS,CAAA;AAE/D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,GACF;AAEA,EAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,WAAA;AAAA,IAAL;AAAA,MACC,eAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,IAAK,CAAA,KAAA,EAAL,EAAW,SAAA,EAAW,OAAO,KAC5B,EAAA,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,QAAS,EAAA,WAAA;AAAA,cACT,WAAW,MAAO,CAAA,eAAA;AAAA,cAClB,IAAK,EAAA,GAAA;AAAA,cACL,OAAQ,EAAA,OAAA;AAAA,cACR,KAAM,EAAA,WAAA;AAAA,cAEN,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,CAAA;AAAA,gCAChB,GAAA,CAAA,SAAA,EAAA,EAAU,SAAW,EAAA,MAAA,CAAO,iBAAmB,EAAA;AAAA;AAAA;AAAA,WAClD;AAAA,~~8BACC~~,IAAK,CAAA,KAAA,~~EAAL~~,~~EAAW~~,~~SAAW~~,~~EAAA~~,~~MAAA~~,~~CAAO~~,~~OAAO~~,~~GAAU~~,~~EAAA~~,CAAA;AAAA,~~0BAC/C~~,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,QAAS,EAAA,WAAA;AAAA,cACT,WAAW,MAAO,CAAA,eAAA;AAAA,cAClB,IAAK,EAAA,GAAA;AAAA,cACL,OAAQ,EAAA,OAAA;AAAA,cACR,KAAM,EAAA,WAAA;AAAA,cAEN,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,aAAc,EAAA,EAAA,CAAA;AAAA,gCACd,GAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,iBAAmB,EAAA;AAAA;AAAA;AAAA;AACjD,SACF,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA;AAAA;AAAA,GAEvD,EAAA,CAAA;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"NumberField.mjs","sources":["../../../../../../src/components/NumberField/NumberField.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport formFieldStyles from \"../FormField/FormField.module.scss\";\nimport styles from \"./NumberField.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { FieldError } from \"@/components/FieldError\";\nimport { Button } from \"@/components/Button\";\nimport {\n IconChevronDown,\n IconChevronUp,\n IconMinus,\n IconPlus,\n} from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { ReactAriaControlledValueFix } from \"@/lib/react/ReactAriaControlledValueFix\";\n\nexport interface NumberFieldProps\n extends PropsWithChildren<Omit<Aria.NumberFieldProps, \"children\">>,\n FlowComponentProps<HTMLInputElement> {}\n\n/*\n @flr-generate all\n * @flr-clear-props-context\n */\nexport const NumberField = flowComponent(\"NumberField\", (props) => {\n const {\n children,\n className,\n ref,\n defaultValue,\n isWheelDisabled = true,\n ...rest\n } = props;\n\n const rootClassName = clsx(formFieldStyles.formField, className);\n\n const propsContext: PropsContext = {\n Label: {\n className: formFieldStyles.label,\n optional: !props.isRequired,\n },\n FieldDescription: {\n className: formFieldStyles.fieldDescription,\n },\n FieldError: {\n className: formFieldStyles.customFieldError,\n },\n };\n\n return (\n <ClearPropsContext>\n <Aria.NumberField\n isWheelDisabled={isWheelDisabled}\n {...rest}\n className={rootClassName}\n >\n <Aria.Group className={styles.group}>\n <Button\n ariaSlot=\"decrement\"\n className={styles.decrementButton}\n size=\"s\"\n variant=\"plain\"\n color=\"secondary\"\n >\n <IconChevronDown />\n <IconMinus className={styles.coarsePointerIcon} />\n </Button>\n <ReactAriaControlledValueFix\n inputContext={Aria.InputContext}\n props={props}\n >\n <Aria.Input\n className={styles.input}\n ref={ref}\n defaultValue={defaultValue}\n />\n </ReactAriaControlledValueFix>\n <Button\n ariaSlot=\"increment\"\n className={styles.incrementButton}\n size=\"s\"\n variant=\"plain\"\n color=\"secondary\"\n >\n <IconChevronUp />\n <IconPlus className={styles.coarsePointerIcon} />\n </Button>\n </Aria.Group>\n <PropsContextProvider props={propsContext}>\n {children}\n </PropsContextProvider>\n <FieldError className={formFieldStyles.fieldError} />\n </Aria.NumberField>\n </ClearPropsContext>\n );\n});\n\nexport default NumberField;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA4BO,MAAM,WAAc,GAAA,aAAA,CAAc,aAAe,EAAA,CAAC,KAAU,KAAA;AACjE,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,GAAA;AAAA,IACA,YAAA;AAAA,IACA,eAAkB,GAAA,IAAA;AAAA,IAClB,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA,IAAA,CAAK,eAAgB,CAAA,SAAA,EAAW,SAAS,CAAA;AAE/D,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,KAAO,EAAA;AAAA,MACL,WAAW,eAAgB,CAAA,KAAA;AAAA,MAC3B,QAAA,EAAU,CAAC,KAAM,CAAA;AAAA,KACnB;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB,WAAW,eAAgB,CAAA;AAAA,KAC7B;AAAA,IACA,UAAY,EAAA;AAAA,MACV,WAAW,eAAgB,CAAA;AAAA;AAC7B,GACF;AAEA,EAAA,2BACG,iBACC,EAAA,EAAA,QAAA,kBAAA,IAAA;AAAA,IAAC,IAAK,CAAA,WAAA;AAAA,IAAL;AAAA,MACC,eAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,SAAW,EAAA,aAAA;AAAA,MAEX,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,IAAK,CAAA,KAAA,EAAL,EAAW,SAAA,EAAW,OAAO,KAC5B,EAAA,QAAA,EAAA;AAAA,0BAAA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,QAAS,EAAA,WAAA;AAAA,cACT,WAAW,MAAO,CAAA,eAAA;AAAA,cAClB,IAAK,EAAA,GAAA;AAAA,cACL,OAAQ,EAAA,OAAA;AAAA,cACR,KAAM,EAAA,WAAA;AAAA,cAEN,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,eAAgB,EAAA,EAAA,CAAA;AAAA,gCAChB,GAAA,CAAA,SAAA,EAAA,EAAU,SAAW,EAAA,MAAA,CAAO,iBAAmB,EAAA;AAAA;AAAA;AAAA,WAClD;AAAA,0BACA,GAAA;AAAA,YAAC,2BAAA;AAAA,YAAA;AAAA,cACC,cAAc,IAAK,CAAA,YAAA;AAAA,cACnB,KAAA;AAAA,cAEA,QAAA,kBAAA,GAAA;AAAA,gBAAC,IAAK,CAAA,KAAA;AAAA,gBAAL;AAAA,kBACC,WAAW,MAAO,CAAA,KAAA;AAAA,kBAClB,GAAA;AAAA,kBACA;AAAA;AAAA;AACF;AAAA,WACF;AAAA,0BACA,IAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,QAAS,EAAA,WAAA;AAAA,cACT,WAAW,MAAO,CAAA,eAAA;AAAA,cAClB,IAAK,EAAA,GAAA;AAAA,cACL,OAAQ,EAAA,OAAA;AAAA,cACR,KAAM,EAAA,WAAA;AAAA,cAEN,QAAA,EAAA;AAAA,gCAAA,GAAA,CAAC,aAAc,EAAA,EAAA,CAAA;AAAA,gCACd,GAAA,CAAA,QAAA,EAAA,EAAS,SAAW,EAAA,MAAA,CAAO,iBAAmB,EAAA;AAAA;AAAA;AAAA;AACjD,SACF,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,oBAAA,EAAA,EAAqB,KAAO,EAAA,YAAA,EAC1B,QACH,EAAA,CAAA;AAAA,wBACC,GAAA,CAAA,UAAA,EAAA,EAAW,SAAW,EAAA,eAAA,CAAgB,UAAY,EAAA;AAAA;AAAA;AAAA,GAEvD,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/TextArea/TextArea.mjs CHANGED Viewed

@@ -8,11 +8,13 @@ import styles from './TextArea.module.scss.mjs';
 import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import { mergeRefs } from '@react-aria/utils';
+import { ReactAriaControlledValueFix } from '../../lib/react/ReactAriaControlledValueFix.mjs';
 const TextArea = flowComponent("TextArea", (props) => {
   const {
     children,
     placeholder,
+    defaultValue,
     rows = 5,
     autoResizeMaxRows = rows,
     ref,
@@ -30,17 +32,25 @@ const TextArea = flowComponent("TextArea", (props) => {
     }
   };
   const input = /* @__PURE__ */ jsx(
-    Aria.TextArea,
+    ReactAriaControlledValueFix,
     {
-      rows,
-      placeholder,
-      className: styles.textArea,
-      ref: mergeRefs(localRef, ref),
-      onChange: updateHeight,
-      style: {
-        minHeight: getHeight(rows),
-        maxHeight: getHeight(autoResizeMaxRows)
-      }
+      inputContext: Aria.TextAreaContext,
+      props,
+      children: /* @__PURE__ */ jsx(
+        Aria.TextArea,
+        {
+          rows,
+          placeholder,
+          className: styles.textArea,
+          ref: mergeRefs(localRef, ref),
+          onChange: updateHeight,
+          defaultValue,
+          style: {
+            minHeight: getHeight(rows),
+            maxHeight: getHeight(autoResizeMaxRows)
+          }
+        }
+      )
     }
   );
   return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(TextFieldBase, { ...rest, input, children }) });

package/dist/js/components/src/components/TextArea/TextArea.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.mjs","sources":["../../../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import ~~React,~~ { useRef } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { TextFieldBaseProps } from \"@/components/TextFieldBase\";\nimport { TextFieldBase } from \"@/components/TextFieldBase\";\nimport styles from \"./TextArea.module.scss\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { mergeRefs } from \"@react-aria/utils\";\n\nexport interface TextAreaProps\n extends Omit<TextFieldBaseProps, \"input\" \| \"ref\">,\n Pick<Aria.TextAreaProps, \"placeholder\" \| \"rows\">,\n FlowComponentProps<HTMLTextAreaElement> {\n /*\n Whether the text area should grow if its content gets longer than its\n * initial height.\n /\n autoResizeMaxRows?: number;\n}\n\n/\n @flr-generate all\n * @flr-clear-props-context\n /\nexport const TextArea = flowComponent(\"TextArea\", (props) => {\n const {\n children,\n placeholder,\n rows = 5,\n autoResizeMaxRows = rows,\n ref,\n ...rest\n } = props;\n\n const localRef = useRef<HTMLTextAreaElement>(null);\n\n const getHeight = (rows: number) => {\n return `calc(var(--line-height--m) ${rows} + (var(--form-control--padding-y) * 2))`;\n };\n\n const updateHeight = () => {\n if (localRef.current && rows !== autoResizeMaxRows) {\n // https://stackoverflow.com/a/60795884\n localRef.current.style.height = \"0px\";\n const scrollHeight = localRef.current.scrollHeight;\n localRef.current.style.height = scrollHeight + \"px\";\n }\n };\n\n const input = (\n <Aria.TextArea\n rows={rows}\n placeholder={placeholder}\n className={styles.textArea}\n ref={mergeRefs(localRef, ref)}\n onChange={updateHeight}\n style={{\n minHeight: getHeight(rows),\n maxHeight: getHeight(autoResizeMaxRows),\n }}\n />\n );\n\n return (\n <ClearPropsContext>\n <TextFieldBase {...rest} input={input}>\n {children}\n </TextFieldBase>\n </ClearPropsContext>\n );\n});\n\nexport default TextArea;\n"],"names":["rows"],"mappings":"~~;;;;;;;;;AAyBO~~,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,CAAC,KAAU,KAAA;AAC3D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,WAAA;AAAA,IACA,IAAO,GAAA,CAAA;AAAA,IACP,iBAAoB,GAAA,IAAA;AAAA,IACpB,GAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,QAAA,GAAW,OAA4B,IAAI,CAAA;AAEjD,EAAM,MAAA,SAAA,GAAY,CAACA,KAAiB,KAAA;AAClC,IAAA,OAAO,gCAAgCA,KAAI,CAAA,wCAAA,CAAA;AAAA,GAC7C;AAEA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAI,IAAA,QAAA,CAAS,OAAW,IAAA,IAAA,KAAS,iBAAmB,EAAA;AAElD,MAAS,QAAA,CAAA,OAAA,CAAQ,MAAM,MAAS,GAAA,KAAA;AAChC,MAAM,MAAA,YAAA,GAAe,SAAS,OAAQ,CAAA,YAAA;AACtC,MAAS,QAAA,CAAA,OAAA,CAAQ,KAAM,CAAA,MAAA,GAAS,YAAe,GAAA,IAAA;AAAA;AACjD,GACF;AAEA,EAAA,MAAM,KACJ,mBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,QAAA;AAAA,~~IAAL~~;AAAA,~~MACC~~,IAAA;AAAA,~~MACA~~,WAAA;AAAA,~~MACA~~,WAAW,MAAO,CAAA,QAAA;AAAA,~~MAClB~~,GAAA,EAAK,SAAU,CAAA,QAAA,EAAU,GAAG,CAAA;AAAA,~~MAC5B~~,QAAU,EAAA,YAAA;AAAA,~~MACV~~,KAAO,EAAA;AAAA,~~QACL~~,SAAA,EAAW,UAAU,IAAI,CAAA;AAAA,~~QACzB~~,SAAA,EAAW,UAAU,iBAAiB;AAAA;AACxC;AAAA,GACF;AAGF,EACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAe,GAAG,IAAM,EAAA,KAAA,EACtB,UACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"TextArea.mjs","sources":["../../../../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import { useRef } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport type { TextFieldBaseProps } from \"@/components/TextFieldBase\";\nimport { TextFieldBase } from \"@/components/TextFieldBase\";\nimport styles from \"./TextArea.module.scss\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { mergeRefs } from \"@react-aria/utils\";\nimport { ReactAriaControlledValueFix } from \"@/lib/react/ReactAriaControlledValueFix\";\n\nexport interface TextAreaProps\n extends Omit<TextFieldBaseProps, \"input\" \| \"ref\">,\n Pick<Aria.TextAreaProps, \"placeholder\" \| \"rows\">,\n FlowComponentProps<HTMLTextAreaElement> {\n /*\n Whether the text area should grow if its content gets longer than its\n * initial height.\n /\n autoResizeMaxRows?: number;\n}\n\n/\n @flr-generate all\n * @flr-clear-props-context\n /\nexport const TextArea = flowComponent(\"TextArea\", (props) => {\n const {\n children,\n placeholder,\n defaultValue,\n rows = 5,\n autoResizeMaxRows = rows,\n ref,\n ...rest\n } = props;\n\n const localRef = useRef<HTMLTextAreaElement>(null);\n\n const getHeight = (rows: number) => {\n return `calc(var(--line-height--m) ${rows} + (var(--form-control--padding-y) * 2))`;\n };\n\n const updateHeight = () => {\n if (localRef.current && rows !== autoResizeMaxRows) {\n // https://stackoverflow.com/a/60795884\n localRef.current.style.height = \"0px\";\n const scrollHeight = localRef.current.scrollHeight;\n localRef.current.style.height = scrollHeight + \"px\";\n }\n };\n\n const input = (\n <ReactAriaControlledValueFix\n inputContext={Aria.TextAreaContext}\n props={props}\n >\n <Aria.TextArea\n rows={rows}\n placeholder={placeholder}\n className={styles.textArea}\n ref={mergeRefs(localRef, ref)}\n onChange={updateHeight}\n defaultValue={defaultValue}\n style={{\n minHeight: getHeight(rows),\n maxHeight: getHeight(autoResizeMaxRows),\n }}\n />\n </ReactAriaControlledValueFix>\n );\n\n return (\n <ClearPropsContext>\n <TextFieldBase {...rest} input={input}>\n {children}\n </TextFieldBase>\n </ClearPropsContext>\n );\n});\n\nexport default TextArea;\n"],"names":["rows"],"mappings":";;;;;;;;;;AA0BO,MAAM,QAAW,GAAA,aAAA,CAAc,UAAY,EAAA,CAAC,KAAU,KAAA;AAC3D,EAAM,MAAA;AAAA,IACJ,QAAA;AAAA,IACA,WAAA;AAAA,IACA,YAAA;AAAA,IACA,IAAO,GAAA,CAAA;AAAA,IACP,iBAAoB,GAAA,IAAA;AAAA,IACpB,GAAA;AAAA,IACA,GAAG;AAAA,GACD,GAAA,KAAA;AAEJ,EAAM,MAAA,QAAA,GAAW,OAA4B,IAAI,CAAA;AAEjD,EAAM,MAAA,SAAA,GAAY,CAACA,KAAiB,KAAA;AAClC,IAAA,OAAO,gCAAgCA,KAAI,CAAA,wCAAA,CAAA;AAAA,GAC7C;AAEA,EAAA,MAAM,eAAe,MAAM;AACzB,IAAI,IAAA,QAAA,CAAS,OAAW,IAAA,IAAA,KAAS,iBAAmB,EAAA;AAElD,MAAS,QAAA,CAAA,OAAA,CAAQ,MAAM,MAAS,GAAA,KAAA;AAChC,MAAM,MAAA,YAAA,GAAe,SAAS,OAAQ,CAAA,YAAA;AACtC,MAAS,QAAA,CAAA,OAAA,CAAQ,KAAM,CAAA,MAAA,GAAS,YAAe,GAAA,IAAA;AAAA;AACjD,GACF;AAEA,EAAA,MAAM,KACJ,mBAAA,GAAA;AAAA,IAAC,2BAAA;AAAA,IAAA;AAAA,MACC,cAAc,IAAK,CAAA,eAAA;AAAA,MACnB,KAAA;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,IAAK,CAAA,QAAA;AAAA,QAAL;AAAA,UACC,IAAA;AAAA,UACA,WAAA;AAAA,UACA,WAAW,MAAO,CAAA,QAAA;AAAA,UAClB,GAAA,EAAK,SAAU,CAAA,QAAA,EAAU,GAAG,CAAA;AAAA,UAC5B,QAAU,EAAA,YAAA;AAAA,UACV,YAAA;AAAA,UACA,KAAO,EAAA;AAAA,YACL,SAAA,EAAW,UAAU,IAAI,CAAA;AAAA,YACzB,SAAA,EAAW,UAAU,iBAAiB;AAAA;AACxC;AAAA;AACF;AAAA,GACF;AAGF,EACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAe,GAAG,IAAM,EAAA,KAAA,EACtB,UACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/TextField/TextField.mjs CHANGED Viewed

@@ -1,24 +1,25 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import 'react';
 import * as Aria from 'react-aria-components';
 import { TextFieldBase } from '../TextFieldBase/TextFieldBase.mjs';
 import styles from './TextField.module.scss.mjs';
 import { ClearPropsContext } from '../ClearPropsContext/ClearPropsContext.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { ReactAriaControlledValueFix } from '../../lib/react/ReactAriaControlledValueFix.mjs';
 const TextField = flowComponent("TextField", (props) => {
-  const { children, placeholder, ref, form, ...rest } = props;
-  const input = /* @__PURE__ */ jsx(
+  const { children, defaultValue, placeholder, ref, form, ...rest } = props;
+  const input = /* @__PURE__ */ jsx(ReactAriaControlledValueFix, { inputContext: Aria.InputContext, props, children: /* @__PURE__ */ jsx(
     Aria.Input,
     {
       form,
       placeholder,
       className: styles.textField,
-      ref
+      ref,
+      defaultValue
     }
-  );
+  ) });
   return /* @__PURE__ */ jsx(ClearPropsContext, { children: /* @__PURE__ */ jsx(TextFieldBase, { ...rest, input, children }) });
 });

package/dist/js/components/src/components/TextField/TextField.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.mjs","sources":["../../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import ~~React from \"react\";\nimport~~ * as Aria from \"react-aria-components\";\nimport type { TextFieldBaseProps } from \"@/components/TextFieldBase\";\nimport { TextFieldBase } from \"@/components/TextFieldBase\";\nimport styles from \"./TextField.module.scss\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\n\nexport interface TextFieldProps\n extends Omit<TextFieldBaseProps, \"input\" \| \"className\">,\n Pick<Aria.InputProps, \"placeholder\" \| \"form\">,\n PropsWithClassName,\n FlowComponentProps<HTMLInputElement> {}\n\n/*\n @flr-generate all\n * @flr-clear-props-context\n */\nexport const TextField = flowComponent(\"TextField\", (props) => {\n const { children, placeholder, ref, form, ...rest } = props;\n\n const input = (\n <Aria.Input\n form={form}\n placeholder={placeholder}\n className={styles.textField}\n ref={ref}\n />\n );\n\n return (\n <ClearPropsContext>\n <TextFieldBase {...rest} input={input}>\n {children}\n </TextFieldBase>\n </ClearPropsContext>\n );\n});\n\nexport default TextField;\n"],"names":[],"mappings":";;;;;;;;AAoBO,MAAM,SAAY,GAAA,aAAA,CAAc,WAAa,EAAA,CAAC,KAAU,KAAA;AAC7D,~~EAAA~~,~~MAAM~~,EAAE,~~QAAU~~,EAAA,WAAA,EAAa,KAAK,IAAM,EAAA,GAAG,MAAS,GAAA,KAAA;~~AAEtD~~,EAAA,MAAM,~~KACJ~~,~~mBAAA~~,GAAA;AAAA,IAAC,IAAK,CAAA,KAAA;AAAA,IAAL;AAAA,MACC,IAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB;AAAA;AAAA,~~GACF~~;AAGF,EACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAe,GAAG,IAAM,EAAA,KAAA,EACtB,UACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}
1	+ {"version":3,"file":"TextField.mjs","sources":["../../../../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { TextFieldBaseProps } from \"@/components/TextFieldBase\";\nimport { TextFieldBase } from \"@/components/TextFieldBase\";\nimport styles from \"./TextField.module.scss\";\nimport ClearPropsContext from \"@/components/ClearPropsContext/ClearPropsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { ReactAriaControlledValueFix } from \"@/lib/react/ReactAriaControlledValueFix\";\n\nexport interface TextFieldProps\n extends Omit<TextFieldBaseProps, \"input\" \| \"className\">,\n Pick<Aria.InputProps, \"placeholder\" \| \"form\">,\n PropsWithClassName,\n FlowComponentProps<HTMLInputElement> {}\n\n/*\n @flr-generate all\n * @flr-clear-props-context\n */\nexport const TextField = flowComponent(\"TextField\", (props) => {\n const { children, defaultValue, placeholder, ref, form, ...rest } = props;\n\n const input = (\n <ReactAriaControlledValueFix inputContext={Aria.InputContext} props={props}>\n <Aria.Input\n form={form}\n placeholder={placeholder}\n className={styles.textField}\n ref={ref}\n defaultValue={defaultValue}\n />\n </ReactAriaControlledValueFix>\n );\n\n return (\n <ClearPropsContext>\n <TextFieldBase {...rest} input={input}>\n {children}\n </TextFieldBase>\n </ClearPropsContext>\n );\n});\n\nexport default TextField;\n"],"names":[],"mappings":";;;;;;;;AAoBO,MAAM,SAAY,GAAA,aAAA,CAAc,WAAa,EAAA,CAAC,KAAU,KAAA;AAC7D,EAAM,MAAA,EAAE,UAAU,YAAc,EAAA,WAAA,EAAa,KAAK,IAAM,EAAA,GAAG,MAAS,GAAA,KAAA;AAEpE,EAAA,MAAM,wBACH,GAAA,CAAA,2BAAA,EAAA,EAA4B,YAAc,EAAA,IAAA,CAAK,cAAc,KAC5D,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,IAAK,CAAA,KAAA;AAAA,IAAL;AAAA,MACC,IAAA;AAAA,MACA,WAAA;AAAA,MACA,WAAW,MAAO,CAAA,SAAA;AAAA,MAClB,GAAA;AAAA,MACA;AAAA;AAAA,GAEJ,EAAA,CAAA;AAGF,EACE,uBAAA,GAAA,CAAC,qBACC,QAAC,kBAAA,GAAA,CAAA,aAAA,EAAA,EAAe,GAAG,IAAM,EAAA,KAAA,EACtB,UACH,CACF,EAAA,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/integrations/react-hook-form/components/ActionGroupWrapper/SubmitButtonStateProvider.mjs CHANGED Viewed

@@ -1,23 +1,30 @@
 "use client"
 /* */
 import { jsx } from 'react/jsx-runtime';
-import 'react';
+import { useState, useEffect } from 'react';
 import { ActionStateContext } from '../../../../components/Action/ActionStateContext.mjs';
 import { useFormContext } from '../context/formContext.mjs';
-import { useFormState } from 'react-hook-form';
 const ActionStateContextWrapper = (props) => {
   const { children, isAsyncSubmit } = props;
   const form = useFormContext().form;
-  const { isSubmitted, isSubmitting, isSubmitSuccessful, errors } = useFormState(form);
-  const submitErrors = isSubmitted && errors && Object.entries(errors).length > 0 ? errors : void 0;
-  const submitSucceeded = isSubmitted && isSubmitSuccessful;
+  const [submitErrors, setSubmitErrors] = useState(void 0);
+  const [hasSucceeded, setHasSucceeded] = useState(false);
+  const [isStarted, setIsStarted] = useState(false);
+  useEffect(() => {
+    const { isSubmitted, isSubmitting, isSubmitSuccessful, errors } = form.formState;
+    setSubmitErrors(
+      isSubmitted && errors && Object.entries(errors).length > 0 ? errors : void 0
+    );
+    setHasSucceeded(isSubmitted && isSubmitSuccessful);
+    setIsStarted(isSubmitting && isAsyncSubmit.current);
+  }, [form.formState, isAsyncSubmit.current]);
   return /* @__PURE__ */ jsx(
     ActionStateContext,
     {
-      isStarted: isSubmitting && isAsyncSubmit.current,
+      isStarted,
       hasFailedWithError: submitErrors,
-      hasSucceeded: submitSucceeded,
+      hasSucceeded,
       children
     }
   );

package/dist/js/components/src/integrations/react-hook-form/components/ActionGroupWrapper/SubmitButtonStateProvider.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SubmitButtonStateProvider.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/ActionGroupWrapper/SubmitButtonStateProvider.tsx"],"sourcesContent":["import type { FC, MutableRefObject, PropsWithChildren } from \"react\";\nimport ~~React~~ from \"react\";\nimport { ActionStateContext } from \"@/components/Action/ActionStateContext\";\nimport { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\~~nimport { useFormState } from \"react-hook-form\";\~~n\ninterface Props extends PropsWithChildren {\n isAsyncSubmit: MutableRefObject<boolean>;\n}\n\nconst ActionStateContextWrapper: FC<Props> = (props) => {\n const { children, isAsyncSubmit } = props;\n\n const form = useFormContext().form;\n\n const { isSubmitted, isSubmitting, isSubmitSuccessful, errors } =\n ~~useFormState(~~form);\n\n ~~const submitErrors =\~~n isSubmitted && errors && Object.entries(errors).length > 0\n ? errors\n : undefined;\n~~\n const submitSucceeded =~~ isSubmitted && isSubmitSuccessful;\n\n return (\n <ActionStateContext\n isStarted={~~isSubmitting && isAsyncSubmit.current~~}\n hasFailedWithError={submitErrors}\n hasSucceeded={~~submitSucceeded~~}\n >\n {children}\n </ActionStateContext>\n );\n};\n\nexport const SubmitButtonStateProvider: FC<Props> = (props) => {\n const { children, isAsyncSubmit } = props;\n\n return (\n <ActionStateContextWrapper isAsyncSubmit={isAsyncSubmit}>\n {children}\n </ActionStateContextWrapper>\n );\n};\n"],"names":[],"mappings":"~~;;;;;;AAUA~~,MAAM,yBAAA,GAAuC,CAAC,KAAU,KAAA;AACtD,EAAM,MAAA,EAAE,QAAU,EAAA,aAAA,EAAkB,GAAA,KAAA;AAEpC,EAAM,MAAA,IAAA,GAAO,gBAAiB,CAAA,IAAA;AAE9B,EAAA,MAAM,~~EAAE~~,~~WAAa~~,EAAA,YAAA,EAAc,~~oBAAoB~~,~~MAAO~~,EAAA,~~GAC5D~~,~~aAAa~~,~~IAAI~~,CAAA;~~AAEnB~~,~~EAAM~~,~~MAAA~~,YAAA,~~GACJ~~,~~eAAe~~,~~MAAU~~,IAAA,~~MAAA~~,~~CAAO~~,~~QAAQ~~,~~MAAM~~,CAAA,~~CAAE~~,~~MAAS~~,~~GAAA~~,CAAA,~~GACrD~~,MACA,GAAA,~~MAAA~~;~~AAEN~~,~~EAAA~~,~~MAAM~~,kBAAkB,~~WAAe~~,IAAA,~~kBAAA~~;~~AAEvC~~,EACE,uBAAA,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,SAAA~~,EAAW,gBAAgB,aAAc,CAAA,OAAA~~;AAAA,~~MACzC~~,kBAAoB,EAAA,YAAA;AAAA,MACpB,~~YAAc,EAAA,eAAA~~;AAAA,~~MAEb~~;AAAA;AAAA,GACH;AAEJ,CAAA;AAEa,MAAA,yBAAA,GAAuC,CAAC,KAAU,KAAA;AAC7D,EAAM,MAAA,EAAE,QAAU,EAAA,aAAA,EAAkB,GAAA,KAAA;AAEpC,EACE,uBAAA,GAAA,CAAC,yBAA0B,EAAA,EAAA,aAAA,EACxB,QACH,EAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"SubmitButtonStateProvider.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/ActionGroupWrapper/SubmitButtonStateProvider.tsx"],"sourcesContent":["import type { FC, MutableRefObject, PropsWithChildren } from \"react\";\nimport { useEffect, useState } from \"react\";\nimport { ActionStateContext } from \"@/components/Action/ActionStateContext\";\nimport { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\n\ninterface Props extends PropsWithChildren {\n isAsyncSubmit: MutableRefObject<boolean>;\n}\n\nconst ActionStateContextWrapper: FC<Props> = (props) => {\n const { children, isAsyncSubmit } = props;\n\n const form = useFormContext().form;\n\n const [submitErrors, setSubmitErrors] = useState<unknown>(undefined);\n const [hasSucceeded, setHasSucceeded] = useState(false);\n const [isStarted, setIsStarted] = useState(false);\n\n useEffect(() => {\n /*\n The mapping into sepearte states inside this effect is required, because\n * otherwise the reset() function of RHF does not work as expected\n * (subsequent resets not working, default values are not correctly re-used,\n * ...).\n \n A side note: This only happens if 'isSubmitted' and/or 'isSubmitting' are\n * extracted from the form state.\n */\n const { isSubmitted, isSubmitting, isSubmitSuccessful, errors } =\n form.formState;\n\n setSubmitErrors(\n isSubmitted && errors && Object.entries(errors).length > 0\n ? errors\n : undefined,\n );\n setHasSucceeded(isSubmitted && isSubmitSuccessful);\n setIsStarted(isSubmitting && isAsyncSubmit.current);\n }, [form.formState, isAsyncSubmit.current]);\n\n return (\n <ActionStateContext\n isStarted={isStarted}\n hasFailedWithError={submitErrors}\n hasSucceeded={hasSucceeded}\n >\n {children}\n </ActionStateContext>\n );\n};\n\nexport const SubmitButtonStateProvider: FC<Props> = (props) => {\n const { children, isAsyncSubmit } = props;\n\n return (\n <ActionStateContextWrapper isAsyncSubmit={isAsyncSubmit}>\n {children}\n </ActionStateContextWrapper>\n );\n};\n"],"names":[],"mappings":";;;;;AASA,MAAM,yBAAA,GAAuC,CAAC,KAAU,KAAA;AACtD,EAAM,MAAA,EAAE,QAAU,EAAA,aAAA,EAAkB,GAAA,KAAA;AAEpC,EAAM,MAAA,IAAA,GAAO,gBAAiB,CAAA,IAAA;AAE9B,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAkB,MAAS,CAAA;AACnE,EAAA,MAAM,CAAC,YAAA,EAAc,eAAe,CAAA,GAAI,SAAS,KAAK,CAAA;AACtD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAEhD,EAAA,SAAA,CAAU,MAAM;AAUd,IAAA,MAAM,EAAE,WAAa,EAAA,YAAA,EAAc,kBAAoB,EAAA,MAAA,KACrD,IAAK,CAAA,SAAA;AAEP,IAAA,eAAA;AAAA,MACE,WAAA,IAAe,UAAU,MAAO,CAAA,OAAA,CAAQ,MAAM,CAAE,CAAA,MAAA,GAAS,IACrD,MACA,GAAA;AAAA,KACN;AACA,IAAA,eAAA,CAAgB,eAAe,kBAAkB,CAAA;AACjD,IAAa,YAAA,CAAA,YAAA,IAAgB,cAAc,OAAO,CAAA;AAAA,KACjD,CAAC,IAAA,CAAK,SAAW,EAAA,aAAA,CAAc,OAAO,CAAC,CAAA;AAE1C,EACE,uBAAA,GAAA;AAAA,IAAC,kBAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,kBAAoB,EAAA,YAAA;AAAA,MACpB,YAAA;AAAA,MAEC;AAAA;AAAA,GACH;AAEJ,CAAA;AAEa,MAAA,yBAAA,GAAuC,CAAC,KAAU,KAAA;AAC7D,EAAM,MAAA,EAAE,QAAU,EAAA,aAAA,EAAkB,GAAA,KAAA;AAEpC,EACE,uBAAA,GAAA,CAAC,yBAA0B,EAAA,EAAA,aAAA,EACxB,QACH,EAAA,CAAA;AAEJ;;;;"}

package/dist/js/components/src/integrations/react-hook-form/components/Field/Field.mjs CHANGED Viewed

@@ -8,82 +8,80 @@ import '../../../../lib/viewComponentContext/viewComponentContext.mjs';
 import { dynamic } from '../../../../lib/propsContext/dynamicProps/dynamic.mjs';
 import { PropsContextProvider } from '../../../../lib/propsContext/PropsContextProvider.mjs';
 import FieldErrorView from '../../../../views/FieldErrorView.mjs';
-import { Controller } from 'react-hook-form';
+import { useController } from 'react-hook-form';
 function Field(props) {
-  const { children, control, ...rest } = props;
+  const { children, name, defaultValue, ...rest } = props;
   const formContext = useFormContext();
-  const controlFromContext = formContext.form?.control;
+  const form = formContext.form;
+  const uncontrolledField = {
+    field: form.register(name),
+    fieldState: form.getFieldState(name)
+  };
+  const controlledField = useController(props);
+  const buildFieldProps = (field) => ({
+    ...field.field,
+    defaultValue,
+    name,
+    form: formContext.id,
+    isRequired: !!rest.rules?.required,
+    validationBehavior: "aria",
+    isInvalid: field.fieldState.invalid,
+    onChange: (value) => {
+      field.field.onChange({
+        target: {
+          value
+        }
+      });
+    },
+    children: dynamic((p) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      p.children,
+      /* @__PURE__ */ jsx(FieldErrorView, { children: field.fieldState.error?.message })
+    ] }))
+  });
+  const uncontrolledProps = buildFieldProps(uncontrolledField);
+  const controlledProps = buildFieldProps(controlledField);
+  const controlledValue = controlledField.field.value;
+  const propsContext = {
+    SearchField: uncontrolledProps,
+    TextField: uncontrolledProps,
+    TextArea: uncontrolledProps,
+    Checkbox: {
+      ...controlledProps,
+      isSelected: controlledValue
+    },
+    CheckboxGroup: controlledProps,
+    CheckboxButton: {
+      ...controlledProps,
+      isSelected: controlledValue
+    },
+    FileField: controlledProps,
+    NumberField: controlledProps,
+    RadioGroup: controlledProps,
+    Switch: {
+      ...controlledProps,
+      isSelected: controlledValue
+    },
+    Select: {
+      ...controlledProps,
+      selectedKey: controlledValue
+    },
+    Slider: controlledProps,
+    DatePicker: controlledProps,
+    DateRangePicker: controlledProps,
+    TimeField: controlledProps,
+    SegmentedControl: controlledProps,
+    ComboBox: {
+      ...controlledProps,
+      defaultInputValue: controlledValue
+    }
+  };
   return /* @__PURE__ */ jsx(
-    Controller,
+    PropsContextProvider,
     {
-      ...rest,
-      control: control ?? controlFromContext,
-      render: (renderProps) => {
-        const {
-          field,
-          fieldState: { error, invalid }
-        } = renderProps;
-        const formControlProps = {
-          ...field,
-          form: formContext.id,
-          isRequired: !!rest.rules?.required,
-          isInvalid: invalid,
-          validationBehavior: "aria",
-          children: dynamic((p) => /* @__PURE__ */ jsxs(Fragment, { children: [
-            p.children,
-            /* @__PURE__ */ jsx(FieldErrorView, { children: error?.message })
-          ] }))
-        };
-        const uncontrolledFormControlProps = {
-          ...formControlProps,
-          value: void 0,
-          defaultValue: field.value
-        };
-        const propsContext = {
-          // uncontrolled fields – see https://github.com/mittwald/flow/issues/1341
-          SearchField: uncontrolledFormControlProps,
-          TextField: uncontrolledFormControlProps,
-          TextArea: uncontrolledFormControlProps,
-          Checkbox: {
-            ...formControlProps,
-            isSelected: formControlProps.value
-          },
-          CheckboxGroup: formControlProps,
-          CheckboxButton: {
-            ...formControlProps,
-            isSelected: formControlProps.value
-          },
-          FileField: formControlProps,
-          NumberField: formControlProps,
-          RadioGroup: formControlProps,
-          Switch: {
-            ...formControlProps,
-            isSelected: formControlProps.value
-          },
-          Select: {
-            ...formControlProps,
-            selectedKey: formControlProps.value
-          },
-          Slider: formControlProps,
-          DatePicker: formControlProps,
-          DateRangePicker: formControlProps,
-          TimeField: formControlProps,
-          SegmentedControl: formControlProps,
-          ComboBox: {
-            ...formControlProps,
-            defaultInputValue: formControlProps.value
-          }
-        };
-        return /* @__PURE__ */ jsx(
-          PropsContextProvider,
-          {
-            props: propsContext,
-            dependencies: [renderProps],
-            children
-          }
-        );
-      }
+      props: propsContext,
+      dependencies: [controlledField.fieldState, uncontrolledField.fieldState],
+      children
     }
   );
 }

package/dist/js/components/src/integrations/react-hook-form/components/Field/Field.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Field.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"sourcesContent":["import { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\nimport type { PropsWithChildren } from \"react\";\nimport ~~type~~ {\n ControllerProps,\n FieldValues,\n UseFormReturn,\n} from \"react-hook-form\";\~~nimport { Controller } from \"react-hook-form\";\~~n\nexport interface FieldProps<T extends FieldValues>\n extends Omit<ControllerProps<T>, \"render\">,\n PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n const { children, ~~control~~, ...rest } = props;\n\n const formContext = useFormContext<T>();\n const ~~controlFromContext~~ = formContext.form~~?.control~~;\n\n ~~return~~ (\n ~~<Controller\~~n ~~{...rest~~}\n ~~control={control~~ ?? ~~controlFromContext}\n render~~={(~~renderProps~~) ~~=> {~~\n const {\n field~~,\n fieldState~~: { ~~error,~~ ~~invalid~~ },\n } = ~~renderProps;\n\n const formControlProps =~~ {\n ...field,\n form: formContext.id,\n isRequired: !!rest.rules?.required,\n ~~isInvalid: invalid,\n~~ validationBehavior: \"aria\" as const,\n children: dynamic((p) => (\n <>\n {p.children}\n <FieldErrorView>{error?.message}</FieldErrorView>\n </>\n )),\n };\n\n const ~~uncontrolledFormControlProps~~ = {\n ~~...formControlProps,\n value:~~ ~~undefined,\~~n ~~defaultValue:~~ field.value~~,\n }~~;\n\n const propsContext: PropsContext = {\n ~~// uncontrolled fields – see https://github.com/mittwald/flow/issues/1341\n~~ SearchField: ~~uncontrolledFormControlProps~~,\n TextField: ~~uncontrolledFormControlProps~~,\n TextArea: ~~uncontrolledFormControlProps~~,\n\n Checkbox: {\n ...~~formControlProps~~,\n isSelected: ~~formControlProps.value~~,\n },\n CheckboxGroup: ~~formControlProps~~,\n CheckboxButton: {\n ...~~formControlProps~~,\n isSelected: ~~formControlProps.value~~,\n },\n FileField: ~~formControlProps~~,\n NumberField: ~~formControlProps~~,\n RadioGroup: ~~formControlProps~~,\n Switch: {\n ...~~formControlProps~~,\n isSelected: ~~formControlProps.value~~,\n },\n Select: {\n ...~~formControlProps~~,\n selectedKey: ~~formControlProps.value~~,\n },\n Slider: ~~formControlProps~~,\n DatePicker: ~~formControlProps~~,\n DateRangePicker: ~~formControlProps~~,\n TimeField: ~~formControlProps~~,\n SegmentedControl: ~~formControlProps~~,\n ComboBox: {\n ...~~formControlProps~~,\n defaultInputValue: ~~formControlProps.value~~,\n },\n };\n\n return (\n <PropsContextProvider\n props={propsContext}\n dependencies={[~~renderProps~~]}\n >\n {children}\n </PropsContextProvider>\n ~~);\n }}\n />\n~~ );\n}\n\nexport const typedField = <T extends FieldValues>(\n ignoredForm: UseFormReturn<T~~>,\~~n): typeof Field<T> => Field;\n"],"names":[],"mappings":";;;;;;;;;;AAgBO,SAAS,MAA6B,KAAsB,EAAA;AACjE,EAAA,MAAM,EAAE,~~QAAA~~,~~EAAU~~,~~OAAS~~,EAAA,GAAG,MAAS,GAAA,KAAA;~~AAEvC~~,EAAA,MAAM,cAAc,cAAkB,EAAA;AACtC,~~EAAM~~,~~MAAA~~,~~kBAAA~~,~~GAAqB~~,~~YAAY~~,~~IAAM~~,EAAA,~~OAAA;AAE7C~~,~~EACE~~,~~uBAAA,~~GAAA;AAAA,~~IAAC~~,~~UAAA;AAAA~~,~~IAAA;AAAA~~,~~MACE~~,~~GAAG~~,~~IAAA;AAAA~~,~~MACJ~~,~~SAAS~~,~~OAAW,IAAA,kBAAA~~;AAAA,~~MACpB~~,~~MAAA~~,~~EAAQ~~,~~CAAC~~,~~WAAgB~~,~~KAAA;AACvB~~,~~QAAM~~,~~MAAA~~;AAAA,~~UACJ,KAAA~~;~~AAAA~~,~~UACA~~,~~UAAA~~,~~EAAY~~,~~EAAE~~,~~KAAA~~,~~EAAO~~,~~OAAQ~~;~~AAAA~~,~~SAC3B~~,~~GAAA~~,~~WAAA;AAEJ~~,~~QAAA~~,~~MAAM~~,~~gBAAmB~~,~~GAAA~~;AAAA,~~UACvB~~,GAAG,KAAA;AAAA,~~UACH~~,MAAM,WAAY,CAAA,EAAA;AAAA,~~UAClB~~,UAAY,EAAA,CAAC,CAAC,IAAA,CAAK,KAAO,EAAA,QAAA;AAAA,~~UAC1B~~,~~SAAW~~,EAAA,OAAA;AAAA,~~UACX~~,~~kBAAoB~~,~~EAAA~~,MAAA;AAAA,~~UACpB~~,QAAU,EAAA,OAAA,CAAQ,CAAC,CAAA,qBAEd,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,~~YAAE~~,CAAA,CAAA,QAAA;AAAA,~~4BACH~~,GAAA,~~CAAC~~,~~cAAgB~~,EAAA,~~EAAA~~,~~QAAA~~,EAAA,KAAA,~~EAAO~~,OAAQ,EAAA;AAAA,~~WAAA~~,~~EAClC~~,CACD;AAAA,~~SACH~~;AAEA,~~QAAA~~,~~MAAM~~,~~4BAA+B~~,~~GAAA;AAAA~~,~~UACnC~~,~~GAAG~~,~~gBAAA~~;~~AAAA~~,~~UACH~~,~~KAAO~~,~~EAAA~~,~~MAAA~~;~~AAAA~~,~~UACP~~,~~cAAc~~,KAAM,CAAA~~;AAAA~~,~~SACtB~~;~~AAEA~~,~~QAAA~~,MAAM,YAA6B,GAAA;AAAA~~;AAAA~~,~~UAEjC~~,WAAa,EAAA,~~4BAAA~~;AAAA,~~UACb~~,SAAW,EAAA,~~4BAAA~~;AAAA,~~UACX~~,QAAU,EAAA,~~4BAAA~~;AAAA,~~UAEV~~,QAAU,EAAA;AAAA,~~YACR~~,GAAG,~~gBAAA~~;AAAA,~~YACH~~,~~YAAY~~,~~gBAAiB,CAAA~~;AAAA,~~WAC/B~~;AAAA,~~UACA~~,aAAe,EAAA,~~gBAAA~~;AAAA,~~UACf~~,cAAgB,EAAA;AAAA,~~YACd~~,GAAG,~~gBAAA~~;AAAA,~~YACH~~,~~YAAY~~,~~gBAAiB,CAAA~~;AAAA,~~WAC/B~~;AAAA,~~UACA~~,SAAW,EAAA,~~gBAAA~~;AAAA,~~UACX~~,WAAa,EAAA,~~gBAAA~~;AAAA,~~UACb~~,UAAY,EAAA,~~gBAAA~~;AAAA,~~UACZ~~,MAAQ,EAAA;AAAA,~~YACN~~,GAAG,~~gBAAA~~;AAAA,~~YACH~~,~~YAAY~~,~~gBAAiB,CAAA~~;AAAA,~~WAC/B~~;AAAA,~~UACA~~,MAAQ,EAAA;AAAA,~~YACN~~,GAAG,~~gBAAA~~;AAAA,~~YACH~~,~~aAAa~~,~~gBAAiB,CAAA~~;AAAA,~~WAChC~~;AAAA,~~UACA~~,MAAQ,EAAA,~~gBAAA~~;AAAA,~~UACR~~,UAAY,EAAA,~~gBAAA~~;AAAA,~~UACZ~~,eAAiB,EAAA,~~gBAAA~~;AAAA,~~UACjB~~,SAAW,EAAA,~~gBAAA~~;AAAA,~~UACX~~,gBAAkB,EAAA,~~gBAAA~~;AAAA,~~UAClB~~,QAAU,EAAA;AAAA,~~YACR~~,GAAG,~~gBAAA~~;AAAA,~~YACH~~,~~mBAAmB~~,~~gBAAiB,CAAA~~;AAAA;~~AACtC~~,~~SACF~~;AAEA,~~QACE~~,uBAAA,GAAA;AAAA,~~UAAC~~,oBAAA;AAAA,~~UAAA~~;AAAA,~~YACC~~,KAAO,EAAA,YAAA;AAAA,~~YACP~~,~~YAAA~~,~~EAAc~~,CAAC,~~WAAW~~,CAAA~~;AAAA~~,~~YAEzB~~;AAAA~~;AAAA~~,~~SACH~~;AAAA;~~AAEJ;~~AAAA,~~GACF~~;AAEJ;AAEa,MAAA,UAAA,GAAa,CACxB,WACoB,KAAA;;;;"}
1	+ {"version":3,"file":"Field.mjs","sources":["../../../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"sourcesContent":["import { useFormContext } from \"@/integrations/react-hook-form/components/context/formContext\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport FieldErrorView from \"@/views/FieldErrorView\";\nimport type { PropsWithChildren } from \"react\";\nimport {\n useController,\n type ControllerProps,\n type FieldValues,\n type UseFormReturn,\n} from \"react-hook-form\";\n\nexport interface FieldProps<T extends FieldValues>\n extends Omit<ControllerProps<T>, \"render\" \| \"control\">,\n PropsWithChildren {}\n\nexport function Field<T extends FieldValues>(props: FieldProps<T>) {\n const { children, name, defaultValue, ...rest } = props;\n\n const formContext = useFormContext<T>();\n const form = formContext.form;\n\n const uncontrolledField = {\n field: form.register(name),\n fieldState: form.getFieldState(name),\n };\n const controlledField = useController(props);\n\n const buildFieldProps = (\n field: typeof uncontrolledField \| typeof controlledField,\n ) => ({\n ...field.field,\n defaultValue,\n name,\n form: formContext.id,\n isRequired: !!rest.rules?.required,\n validationBehavior: \"aria\" as const,\n isInvalid: field.fieldState.invalid,\n onChange: (value: unknown) => {\n field.field.onChange({\n target: {\n value,\n },\n });\n },\n children: dynamic((p) => (\n <>\n {p.children}\n <FieldErrorView>{field.fieldState.error?.message}</FieldErrorView>\n </>\n )),\n });\n\n const uncontrolledProps = buildFieldProps(uncontrolledField);\n const controlledProps = buildFieldProps(controlledField);\n const controlledValue = controlledField.field.value;\n\n const propsContext: PropsContext = {\n SearchField: uncontrolledProps,\n TextField: uncontrolledProps,\n TextArea: uncontrolledProps,\n\n Checkbox: {\n ...controlledProps,\n isSelected: controlledValue,\n },\n CheckboxGroup: controlledProps,\n CheckboxButton: {\n ...controlledProps,\n isSelected: controlledValue,\n },\n FileField: controlledProps,\n NumberField: controlledProps,\n RadioGroup: controlledProps,\n Switch: {\n ...controlledProps,\n isSelected: controlledValue,\n },\n Select: {\n ...controlledProps,\n selectedKey: controlledValue,\n },\n Slider: controlledProps,\n DatePicker: controlledProps,\n DateRangePicker: controlledProps,\n TimeField: controlledProps,\n SegmentedControl: controlledProps,\n ComboBox: {\n ...controlledProps,\n defaultInputValue: controlledValue,\n },\n };\n\n return (\n <PropsContextProvider\n props={propsContext}\n dependencies={[controlledField.fieldState, uncontrolledField.fieldState]}\n >\n {children}\n </PropsContextProvider>\n );\n}\n\nexport const typedField = <T extends FieldValues>(\n ignoredForm: UseFormReturn<T> \| UseFormReturn<T>[\"control\"],\n): typeof Field<T> => Field;\n"],"names":[],"mappings":";;;;;;;;;;AAgBO,SAAS,MAA6B,KAAsB,EAAA;AACjE,EAAA,MAAM,EAAE,QAAU,EAAA,IAAA,EAAM,YAAc,EAAA,GAAG,MAAS,GAAA,KAAA;AAElD,EAAA,MAAM,cAAc,cAAkB,EAAA;AACtC,EAAA,MAAM,OAAO,WAAY,CAAA,IAAA;AAEzB,EAAA,MAAM,iBAAoB,GAAA;AAAA,IACxB,KAAA,EAAO,IAAK,CAAA,QAAA,CAAS,IAAI,CAAA;AAAA,IACzB,UAAA,EAAY,IAAK,CAAA,aAAA,CAAc,IAAI;AAAA,GACrC;AACA,EAAM,MAAA,eAAA,GAAkB,cAAc,KAAK,CAAA;AAE3C,EAAM,MAAA,eAAA,GAAkB,CACtB,KACI,MAAA;AAAA,IACJ,GAAG,KAAM,CAAA,KAAA;AAAA,IACT,YAAA;AAAA,IACA,IAAA;AAAA,IACA,MAAM,WAAY,CAAA,EAAA;AAAA,IAClB,UAAY,EAAA,CAAC,CAAC,IAAA,CAAK,KAAO,EAAA,QAAA;AAAA,IAC1B,kBAAoB,EAAA,MAAA;AAAA,IACpB,SAAA,EAAW,MAAM,UAAW,CAAA,OAAA;AAAA,IAC5B,QAAA,EAAU,CAAC,KAAmB,KAAA;AAC5B,MAAA,KAAA,CAAM,MAAM,QAAS,CAAA;AAAA,QACnB,MAAQ,EAAA;AAAA,UACN;AAAA;AACF,OACD,CAAA;AAAA,KACH;AAAA,IACA,QAAU,EAAA,OAAA,CAAQ,CAAC,CAAA,qBAEd,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,MAAE,CAAA,CAAA,QAAA;AAAA,sBACF,GAAA,CAAA,cAAA,EAAA,EAAgB,QAAM,EAAA,KAAA,CAAA,UAAA,CAAW,OAAO,OAAQ,EAAA;AAAA,KAAA,EACnD,CACD;AAAA,GACH,CAAA;AAEA,EAAM,MAAA,iBAAA,GAAoB,gBAAgB,iBAAiB,CAAA;AAC3D,EAAM,MAAA,eAAA,GAAkB,gBAAgB,eAAe,CAAA;AACvD,EAAM,MAAA,eAAA,GAAkB,gBAAgB,KAAM,CAAA,KAAA;AAE9C,EAAA,MAAM,YAA6B,GAAA;AAAA,IACjC,WAAa,EAAA,iBAAA;AAAA,IACb,SAAW,EAAA,iBAAA;AAAA,IACX,QAAU,EAAA,iBAAA;AAAA,IAEV,QAAU,EAAA;AAAA,MACR,GAAG,eAAA;AAAA,MACH,UAAY,EAAA;AAAA,KACd;AAAA,IACA,aAAe,EAAA,eAAA;AAAA,IACf,cAAgB,EAAA;AAAA,MACd,GAAG,eAAA;AAAA,MACH,UAAY,EAAA;AAAA,KACd;AAAA,IACA,SAAW,EAAA,eAAA;AAAA,IACX,WAAa,EAAA,eAAA;AAAA,IACb,UAAY,EAAA,eAAA;AAAA,IACZ,MAAQ,EAAA;AAAA,MACN,GAAG,eAAA;AAAA,MACH,UAAY,EAAA;AAAA,KACd;AAAA,IACA,MAAQ,EAAA;AAAA,MACN,GAAG,eAAA;AAAA,MACH,WAAa,EAAA;AAAA,KACf;AAAA,IACA,MAAQ,EAAA,eAAA;AAAA,IACR,UAAY,EAAA,eAAA;AAAA,IACZ,eAAiB,EAAA,eAAA;AAAA,IACjB,SAAW,EAAA,eAAA;AAAA,IACX,gBAAkB,EAAA,eAAA;AAAA,IAClB,QAAU,EAAA;AAAA,MACR,GAAG,eAAA;AAAA,MACH,iBAAmB,EAAA;AAAA;AACrB,GACF;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,oBAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA,YAAA;AAAA,MACP,YAAc,EAAA,CAAC,eAAgB,CAAA,UAAA,EAAY,kBAAkB,UAAU,CAAA;AAAA,MAEtE;AAAA;AAAA,GACH;AAEJ;AAEa,MAAA,UAAA,GAAa,CACxB,WACoB,KAAA;;;;"}

package/dist/js/components/src/lib/react/ReactAriaControlledValueFix.mjs ADDED Viewed

@@ -0,0 +1,27 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import * as Aria from 'react-aria-components';
+import { Children, isValidElement } from 'react';
+const ReactAriaControlledValueFix = (props) => {
+  const { inputContext: context, children, props: originalInputProps } = props;
+  const child = Children.only(children);
+  if (!isValidElement(child)) {
+    throw new Error("Expected valid element");
+  }
+  const inputProps = child.props;
+  const inputRef = inputProps["ref"];
+  const [contextProps, contextRef] = Aria.useContextProps(
+    inputProps,
+    inputRef,
+    context
+  );
+  if (originalInputProps && typeof originalInputProps === "object" && !("value" in originalInputProps)) {
+    delete contextProps["value"];
+  }
+  return /* @__PURE__ */ jsx(Aria.Provider, { values: [[context, { ...contextProps, ref: contextRef }]], children: child });
+};
+export { ReactAriaControlledValueFix };
+//# sourceMappingURL=ReactAriaControlledValueFix.mjs.map

package/dist/js/components/src/lib/react/ReactAriaControlledValueFix.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ReactAriaControlledValueFix.mjs","sources":["../../../../../../src/lib/react/ReactAriaControlledValueFix.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport {\n Children,\n isValidElement,\n type Context,\n type FC,\n type ForwardedRef,\n type PropsWithChildren,\n} from \"react\";\n\nexport interface ReactAriaControlledValueFixProps extends PropsWithChildren {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n inputContext: Context<any>;\n props: unknown;\n}\n\ninterface ChildProps {\n [key: string]: unknown;\n ref: ForwardedRef<Element>;\n}\n\n/**\n * React Aria (accidentally?!) enforces controlled inputs by always setting the\n * value prop on Inputs and TextAreas. This component uses React Arias context\n * prop API to only set the value prop, if it is present in the original\n * Input/TextArea component.\n *\n * https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/textfield/src/useTextField.ts#L182\n * https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/numberfield/src/useNumberField.ts#L206\n */\nexport const ReactAriaControlledValueFix: FC<\n ReactAriaControlledValueFixProps\n> = (props) => {\n const { inputContext: context, children, props: originalInputProps } = props;\n\n const child = Children.only(children);\n if (!isValidElement<ChildProps>(child)) {\n throw new Error(\"Expected valid element\");\n }\n\n const inputProps = child.props;\n const inputRef = inputProps[\"ref\"];\n\n const [contextProps, contextRef] = Aria.useContextProps(\n inputProps,\n inputRef,\n context,\n );\n\n // Here does the workaround his job\n if (\n originalInputProps &&\n typeof originalInputProps === \"object\" &&\n !(\"value\" in originalInputProps)\n ) {\n delete contextProps[\"value\"];\n }\n\n return (\n <Aria.Provider values={[[context, { ...contextProps, ref: contextRef }]]}>\n {child}\n </Aria.Provider>\n );\n};\n"],"names":[],"mappings":";;;;AA8Ba,MAAA,2BAAA,GAET,CAAC,KAAU,KAAA;AACb,EAAA,MAAM,EAAE,YAAc,EAAA,OAAA,EAAS,QAAU,EAAA,KAAA,EAAO,oBAAuB,GAAA,KAAA;AAEvE,EAAM,MAAA,KAAA,GAAQ,QAAS,CAAA,IAAA,CAAK,QAAQ,CAAA;AACpC,EAAI,IAAA,CAAC,cAA2B,CAAA,KAAK,CAAG,EAAA;AACtC,IAAM,MAAA,IAAI,MAAM,wBAAwB,CAAA;AAAA;AAG1C,EAAA,MAAM,aAAa,KAAM,CAAA,KAAA;AACzB,EAAM,MAAA,QAAA,GAAW,WAAW,KAAK,CAAA;AAEjC,EAAA,MAAM,CAAC,YAAA,EAAc,UAAU,CAAA,GAAI,IAAK,CAAA,eAAA;AAAA,IACtC,UAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,GACF;AAGA,EAAA,IACE,sBACA,OAAO,kBAAA,KAAuB,QAC9B,IAAA,EAAE,WAAW,kBACb,CAAA,EAAA;AACA,IAAA,OAAO,aAAa,OAAO,CAAA;AAAA;AAG7B,EAAA,2BACG,IAAK,CAAA,QAAA,EAAL,EAAc,MAAA,EAAQ,CAAC,CAAC,OAAA,EAAS,EAAE,GAAG,cAAc,GAAK,EAAA,UAAA,EAAY,CAAC,GACpE,QACH,EAAA,KAAA,EAAA,CAAA;AAEJ;;;;"}

package/dist/types/components/NumberField/NumberField.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { PropsWithChildren, default as React } from 'react';
+import { PropsWithChildren } from 'react';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import * as Aria from "react-aria-components";
 export interface NumberFieldProps extends PropsWithChildren<Omit<Aria.NumberFieldProps, "children">>, FlowComponentProps<HTMLInputElement> {
@@ -7,6 +7,6 @@ export interface NumberFieldProps extends PropsWithChildren<Omit<Aria.NumberFiel
  * @flr-generate all
  * @flr-clear-props-context
  */
-export declare const NumberField: React.FunctionComponent<NumberFieldProps & React.RefAttributes<HTMLInputElement>>;
+export declare const NumberField: import('react').FunctionComponent<NumberFieldProps & import('react').RefAttributes<HTMLInputElement>>;
 export default NumberField;
 //# sourceMappingURL=NumberField.d.ts.map

package/dist/types/components/NumberField/NumberField.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../../src/components/NumberField/NumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,~~MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,~~IAAI,MAAM,uBAAuB,CAAC;AAe9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;~~AAG~~/E,MAAM,WAAW,gBACf,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,EAChE,kBAAkB,CAAC,gBAAgB,CAAC;CAAG;AAE3C;;;GAGG;AACH,eAAO,MAAM,WAAW,~~mFAuDtB~~,CAAC;AAEH,eAAe,WAAW,CAAC"}
1	+ {"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../../src/components/NumberField/NumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAe9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAI/E,MAAM,WAAW,gBACf,SAAQ,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAC,EAChE,kBAAkB,CAAC,gBAAgB,CAAC;CAAG;AAE3C;;;GAGG;AACH,eAAO,MAAM,WAAW,uGAuEtB,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/types/components/TextArea/TextArea.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { TextFieldBaseProps } from '../TextFieldBase';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import * as Aria from "react-aria-components";
@@ -13,6 +12,6 @@ export interface TextAreaProps extends Omit<TextFieldBaseProps, "input" | "ref">
  * @flr-generate all
  * @flr-clear-props-context
  */
-export declare const TextArea: React.FunctionComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export declare const TextArea: import('react').FunctionComponent<TextAreaProps & import('react').RefAttributes<HTMLTextAreaElement>>;
 export default TextArea;
 //# sourceMappingURL=TextArea.d.ts.map

package/dist/types/components/TextArea/TextArea.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,~~KAAiB,MAAM,OAAO,CAAC;AACtC,OAAO,~~KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAIrE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;~~AAI~~/E,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,KAAK,CAAC,EAC/C,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,CAAC,EAChD,kBAAkB,CAAC,mBAAmB,CAAC;IACzC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,~~mFA8CnB~~,CAAC;AAEH,eAAe,QAAQ,CAAC"}
1	+ {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAIrE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAK/E,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,KAAK,CAAC,EAC/C,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,aAAa,GAAG,MAAM,CAAC,EAChD,kBAAkB,CAAC,mBAAmB,CAAC;IACzC;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,uGAqDnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}

package/dist/types/components/TextField/TextField.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-import { default as React } from 'react';
 import { TextFieldBaseProps } from '../TextFieldBase';
 import { FlowComponentProps } from '../../lib/componentFactory/flowComponent';
 import { PropsWithClassName } from '../../lib/types/props';
@@ -9,6 +8,6 @@ export interface TextFieldProps extends Omit<TextFieldBaseProps, "input" | "clas
  * @flr-generate all
  * @flr-clear-props-context
  */
-export declare const TextField: React.FunctionComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
+export declare const TextField: import('react').FunctionComponent<TextFieldProps & import('react').RefAttributes<HTMLInputElement>>;
 export default TextField;
 //# sourceMappingURL=TextField.d.ts.map

package/dist/types/components/TextField/TextField.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,~~MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,~~IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAIrE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;~~AAE5D~~,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,WAAW,CAAC,EACrD,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,GAAG,MAAM,CAAC,EAC7C,kBAAkB,EAClB,kBAAkB,CAAC,gBAAgB,CAAC;CAAG;AAE3C;;;GAGG;AACH,eAAO,MAAM,SAAS,~~iFAmBpB~~,CAAC;AAEH,eAAe,SAAS,CAAC"}
1	+ {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,uBAAuB,CAAC;AAC9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAIrE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAG5D,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,WAAW,CAAC,EACrD,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,aAAa,GAAG,MAAM,CAAC,EAC7C,kBAAkB,EAClB,kBAAkB,CAAC,gBAAgB,CAAC;CAAG;AAE3C;;;GAGG;AACH,eAAO,MAAM,SAAS,qGAsBpB,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/dist/types/integrations/react-hook-form/components/ActionGroupWrapper/SubmitButtonStateProvider.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SubmitButtonStateProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/ActionGroupWrapper/SubmitButtonStateProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;~~AAMrE~~,UAAU,KAAM,SAAQ,iBAAiB;IACvC,aAAa,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CAC1C;~~AA4BD~~,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,KAAK,CAQ/C,CAAC"}
1	+ {"version":3,"file":"SubmitButtonStateProvider.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/ActionGroupWrapper/SubmitButtonStateProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKrE,UAAU,KAAM,SAAQ,iBAAiB;IACvC,aAAa,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;CAC1C;AA4CD,eAAO,MAAM,yBAAyB,EAAE,EAAE,CAAC,KAAK,CAQ/C,CAAC"}

package/dist/types/integrations/react-hook-form/components/Field/Field.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { PropsWithChildren } from 'react';
 import { ControllerProps, FieldValues, UseFormReturn } from 'react-hook-form';
-export interface FieldProps<T extends FieldValues> extends Omit<ControllerProps<T>, "render">, PropsWithChildren {
+export interface FieldProps<T extends FieldValues> extends Omit<ControllerProps<T>, "render" | "control">, PropsWithChildren {
 }
 export declare function Field<T extends FieldValues>(props: FieldProps<T>): import("react/jsx-runtime").JSX.Element;
-export declare const typedField: <T extends FieldValues>(ignoredForm: UseFormReturn<T>) => typeof Field<T>;
+export declare const typedField: <T extends FieldValues>(ignoredForm: UseFormReturn<T> | UseFormReturn<T>["control"]) => typeof Field<T>;
 //# sourceMappingURL=Field.d.ts.map

package/dist/types/integrations/react-hook-form/components/Field/Field.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,~~EACV,~~eAAe,~~EACf~~,WAAW,~~EACX~~,aAAa,~~EACd~~,MAAM,iBAAiB,CAAC;~~AAGzB~~,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,WAAW,CAC/C,SAAQ,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,~~EACxC~~,iBAAiB;CAAG;AAExB,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,~~2CAoFhE~~;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,EAC9C,aAAa,aAAa,CAAC,CAAC,CAAC,~~KAC5B~~,OAAO,KAAK,CAAC,CAAC,CAAU,CAAC"}
1	+ {"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Field/Field.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,WAAW,EAChB,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,WAAW,CAC/C,SAAQ,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC,EACpD,iBAAiB;CAAG;AAExB,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,2CAqFhE;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,WAAW,EAC9C,aAAa,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAC1D,OAAO,KAAK,CAAC,CAAC,CAAU,CAAC"}

package/dist/types/integrations/react-hook-form/components/Field/stories/Select.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/integrations/react-hook-form/components/Field/stories/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;~~AAKvD~~,OAAO,EAAE,KAAK,EAAoB,MAAM,gCAAgC,CAAC;AAUzE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,~~CAiE5B~~,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}
1	+ {"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/integrations/react-hook-form/components/Field/stories/Select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,KAAK,EAAoB,MAAM,gCAAgC,CAAC;AAUzE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CA0E5B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/integrations/react-hook-form/components/Field/stories/TextField.stories.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextField.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/integrations/react-hook-form/components/Field/stories/TextField.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAoB,MAAM,gCAAgC,CAAC;AAGzE,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,~~CAgE5B~~,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,oBAAoB,EAAE,KAsClC,CAAC"}
1	+ {"version":3,"file":"TextField.stories.d.ts","sourceRoot":"","sources":["../../../../../../../src/integrations/react-hook-form/components/Field/stories/TextField.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAoB,MAAM,gCAAgC,CAAC;AAGzE,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAyE5B,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,oBAAoB,EAAE,KAsClC,CAAC"}

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

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=Form.test.d.ts.map

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

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Form.test.d.ts","sourceRoot":"","sources":["../../../../../../src/integrations/react-hook-form/components/Form/Form.test.tsx"],"names":[],"mappings":""}

package/dist/types/lib/react/ReactAriaControlledValueFix.d.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import { Context, FC, PropsWithChildren } from 'react';
+export interface ReactAriaControlledValueFixProps extends PropsWithChildren {
+    inputContext: Context<any>;
+    props: unknown;
+}
+/**
+ * React Aria (accidentally?!) enforces controlled inputs by always setting the
+ * value prop on Inputs and TextAreas. This component uses React Arias context
+ * prop API to only set the value prop, if it is present in the original
+ * Input/TextArea component.
+ *
+ * https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/textfield/src/useTextField.ts#L182
+ * https://github.com/adobe/react-spectrum/blob/main/packages/%40react-aria/numberfield/src/useNumberField.ts#L206
+ */
+export declare const ReactAriaControlledValueFix: FC<ReactAriaControlledValueFixProps>;
+//# sourceMappingURL=ReactAriaControlledValueFix.d.ts.map

package/dist/types/lib/react/ReactAriaControlledValueFix.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ReactAriaControlledValueFix.d.ts","sourceRoot":"","sources":["../../../../src/lib/react/ReactAriaControlledValueFix.tsx"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,OAAO,EACZ,KAAK,EAAE,EAEP,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAEf,MAAM,WAAW,gCAAiC,SAAQ,iBAAiB;IAEzE,YAAY,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IAC3B,KAAK,EAAE,OAAO,CAAC;CAChB;AAOD;;;;;;;;GAQG;AACH,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAC1C,gCAAgC,CAgCjC,CAAC"}

package/dist/types/lib/react/ReactAriaControlledValueFix.test.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export {};
2	+ //# sourceMappingURL=ReactAriaControlledValueFix.test.d.ts.map

package/dist/types/lib/react/ReactAriaControlledValueFix.test.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ReactAriaControlledValueFix.test.d.ts","sourceRoot":"","sources":["../../../../src/lib/react/ReactAriaControlledValueFix.test.tsx"],"names":[],"mappings":""}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.187",
+  "version": "0.2.0-alpha.188",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -53,7 +53,7 @@
   "dependencies": {
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/string-compiler": "^3.2.6",
-    "@mittwald/react-tunnel": "0.2.0-alpha.187",
+    "@mittwald/react-tunnel": "0.2.0-alpha.188",
     "@mittwald/react-use-promise": "^3.0.4",
     "@react-aria/form": "^3.0.14",
     "@react-aria/utils": "^3.28.1",
@@ -92,7 +92,7 @@
   "devDependencies": {
     "@faker-js/faker": "^9.6.0",
     "@internationalized/date": "^3.7.0",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.187",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.188",
     "@mittwald/react-use-promise": "^2.6.0",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.3",
     "@mittwald/typescript-config": "",
@@ -173,5 +173,5 @@
       "optional": true
     }
   },
-  "gitHead": "bf723899648ba469d1ee6204b6015c8fa33c0e64"
+  "gitHead": "a379b6e19e297e82fb50d6eef262de77526ba305"
 }