@fuf-stack/uniform 0.7.0 → 0.8.1

package/dist/index.js

@@ -1,43 +1,43 @@
 import {
-  Input_default
-} from "./chunk-Y5JGQJI7.js";
+  SubmitButton_default
+} from "./chunk-TN6ZHEXV.js";
 import {
   Switch_default
-} from "./chunk-LIKSUWSM.js";
+} from "./chunk-OD5BASYZ.js";
 import {
   TextArea_default
-} from "./chunk-UDRSTJBU.js";
+} from "./chunk-PDXVHUGH.js";
 import {
   CheckboxGroup_default
-} from "./chunk-KGHLS6DM.js";
-import {
-  FieldArray_default
-} from "./chunk-R7XP72I5.js";
+} from "./chunk-UIVSMVUT.js";
 import {
   Form_default
-} from "./chunk-Y4CFVCUN.js";
+} from "./chunk-X4CGRHLI.js";
 import {
   Grid_default
 } from "./chunk-PDCEKC3G.js";
+import {
+  FieldArray_default
+} from "./chunk-RULU2SJ5.js";
+import {
+  Input_default
+} from "./chunk-ZLLK6TCU.js";
 import {
   RadioGroup_default
-} from "./chunk-36F7BWKL.js";
+} from "./chunk-FYP5BTHS.js";
 import {
   Select_default
-} from "./chunk-EHPYBNHC.js";
-import {
-  FieldValidationError_default
-} from "./chunk-DBLODROX.js";
+} from "./chunk-YTHRKULG.js";
 import {
   FieldCopyTestIdButton_default
 } from "./chunk-T3CCNJHK.js";
 import {
-  SubmitButton_default
-} from "./chunk-QD6IQL6U.js";
+  FieldValidationError_default
+} from "./chunk-DBLODROX.js";
 import {
   recursiveFieldKeySearch,
   useFormContext
-} from "./chunk-BCMPSLSG.js";
+} from "./chunk-B24NXJTR.js";
 import {
   slugify
 } from "./chunk-V46BHM2U.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fuf-stack/uniform",
-  "version": "0.7.0",
+  "version": "0.8.1",
   "description": "fuf react form library",
   "author": "Hannes Tiede",
   "homepage": "https://github.com/fuf-stack/uniform#readme",
@@ -111,7 +111,7 @@
     "@dnd-kit/sortable": "8.0.0",
     "@dnd-kit/utilities": "3.2.2",
     "@nextui-org/button": "2.0.34",
-    "@nextui-org/checkbox": "2.1.2",
+    "@nextui-org/checkbox": "2.1.5",
     "@nextui-org/input": "2.2.2",
     "@nextui-org/radio": "2.1.2",
     "@nextui-org/select": "2.2.2",
@@ -124,20 +124,20 @@
     "react-select": "5.8.1",
     "slug": "9.1.0",
     "@fuf-stack/pixel-utils": "0.1.0",
-    "@fuf-stack/veto": "0.5.0",
-    "@fuf-stack/pixels": "0.23.0"
+    "@fuf-stack/pixels": "0.23.0",
+    "@fuf-stack/veto": "0.5.0"
   },
   "devDependencies": {
     "@types/debug": "4.1.12",
-    "@types/react": "18.3.10",
+    "@types/react": "18.3.11",
     "@types/react-dom": "18.3.0",
     "@types/slug": "5.0.9",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "@repo/storybook-config": "0.0.1",
     "@repo/tsup-config": "0.0.1",
+    "@repo/tailwind-config": "0.0.1",
     "@repo/vite-config": "0.0.1",
-    "@repo/tailwind-config": "0.0.1"
+    "@repo/storybook-config": "0.0.1"
   },
   "scripts": {
     "build": "tsup --config node_modules/@repo/tsup-config/config.ts",

package/dist/chunk-BCMPSLSG.js

@@ -1,87 +0,0 @@
-import {
-  slugify
-} from "./chunk-V46BHM2U.js";
-
-// src/hooks/useFormContext/useFormContext.ts
-import { useContext } from "react";
-import { useFormContext as useHookFormContext } from "react-hook-form";
-
-// src/Form/subcomponents/FormContext.tsx
-import React from "react";
-import { FormProvider as HookFormProvider } from "react-hook-form";
-import { jsx } from "react/jsx-runtime";
-var ValidationSchemaContext = React.createContext(void 0);
-var FormProvider = ({
-  children,
-  validation = void 0,
-  ...hookFormProps
-}) => {
-  return /* @__PURE__ */ jsx(ValidationSchemaContext.Provider, { value: validation, children: /* @__PURE__ */ jsx(HookFormProvider, { ...hookFormProps, children }) });
-};
-var FormContext_default = FormProvider;
-
-// src/hooks/useFormContext/useFormContext.ts
-var recursiveSearchInnerType = (schema) => {
-  if (schema?._def?.innerType) {
-    if (schema?._def?.innerType?._def?.typeName === "ZodOptional") {
-      return schema?._def?.innerType?._def?.typeName !== "ZodOptional";
-    }
-    return recursiveSearchInnerType(schema?._def?.innerType);
-  }
-  return true;
-};
-var recursiveFieldKeySearch = (schema, path) => {
-  const [current, ...rest] = path;
-  let currentSchema = schema;
-  if (schema?._def?.typeName === "ZodOptional") {
-    currentSchema = schema.unwrap();
-  } else if (schema?._def?.typeName === "ZodEffects") {
-    return recursiveFieldKeySearch(schema._def?.schema, path);
-  }
-  if (currentSchema?._def?.typeName === "ZodIntersection") {
-    return (currentSchema._def.left?.schema ? recursiveFieldKeySearch(currentSchema._def.left.schema, path) : recursiveFieldKeySearch(currentSchema._def.left, path)) || (currentSchema._def.right?.schema ? recursiveFieldKeySearch(currentSchema._def.right.schema, path) : recursiveFieldKeySearch(currentSchema._def.right, path));
-  }
-  const shape = currentSchema?.shape ?? currentSchema?.element?.shape;
-  if (shape && shape[current]) {
-    if (rest.length === 0) {
-      return shape[current]?._def?.typeName !== "ZodOptional" && recursiveSearchInnerType(shape[current]);
-    }
-    return recursiveFieldKeySearch(shape[current], rest);
-  }
-  return null;
-};
-var useFormContext = () => {
-  const {
-    // https://react-hook-form.com/docs/useform/getfieldstate
-    // for getFieldState a subscription to formState properties is needed!
-    formState,
-    getFieldState: getFieldStateOrig,
-    ...otherMethods
-  } = useHookFormContext();
-  const validation = useContext(ValidationSchemaContext);
-  const getFieldState = (name, testId) => {
-    const fieldPath = typeof name === "string" ? name.replace(/\[\d+\]/g, "").split(".") : name;
-    const required = validation && recursiveFieldKeySearch(validation.schema, fieldPath) || false;
-    const { error, ...rest } = getFieldStateOrig(name, formState);
-    return {
-      ...rest,
-      error,
-      // TODO: change to correct type @Hannes ;)
-      required,
-      testId: slugify(testId || name)
-    };
-  };
-  return {
-    ...otherMethods,
-    getFieldState,
-    validation,
-    formState
-  };
-};
-
-export {
-  FormContext_default,
-  recursiveFieldKeySearch,
-  useFormContext
-};
-//# sourceMappingURL=chunk-BCMPSLSG.js.map

package/dist/chunk-BCMPSLSG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/useFormContext/useFormContext.ts","../src/Form/subcomponents/FormContext.tsx"],"sourcesContent":["import type { VetoSchema } from '@fuf-stack/veto';\nimport type { FieldError } from 'react-hook-form';\n\nimport { useContext } from 'react';\nimport { useFormContext as useHookFormContext } from 'react-hook-form';\n\nimport { ValidationSchemaContext } from '../../Form/subcomponents/FormContext';\nimport { slugify } from '../../helpers';\n\n// FIX: This fixes the problem that the innerType is not checked for optionals...\nconst recursiveSearchInnerType = (schema: VetoSchema): boolean => {\n  if (schema?._def?.innerType) {\n    if (schema?._def?.innerType?._def?.typeName === 'ZodOptional') {\n      return schema?._def?.innerType?._def?.typeName !== 'ZodOptional';\n    }\n    return recursiveSearchInnerType(schema?._def?.innerType);\n  }\n  return true;\n};\n\n// TODO: Fix problem \".optional().nullable()\" is required, \".nullable().optional()\" is not required...\nexport const recursiveFieldKeySearch = (\n  schema: VetoSchema,\n  path: string[],\n): boolean | null => {\n  const [current, ...rest] = path;\n  // ignore optionals on the path to the desired field\n\n  let currentSchema = schema;\n\n  if (schema?._def?.typeName === 'ZodOptional') {\n    // @ts-expect-error not sure here\n    currentSchema = schema.unwrap();\n  } else if (schema?._def?.typeName === 'ZodEffects') {\n    // in case of an effect, unwrap the effect and call with schema (clould be optional) and complete path.\n    return recursiveFieldKeySearch(schema._def?.schema, path);\n  }\n\n  // TODO: This needs further investigation. It is nor yet completely clear how to handle intersections!\n  if (currentSchema?._def?.typeName === 'ZodIntersection') {\n    return (\n      (currentSchema._def.left?.schema\n        ? recursiveFieldKeySearch(currentSchema._def.left.schema, path)\n        : recursiveFieldKeySearch(currentSchema._def.left, path)) ||\n      (currentSchema._def.right?.schema\n        ? recursiveFieldKeySearch(currentSchema._def.right.schema, path)\n        : recursiveFieldKeySearch(currentSchema._def.right, path))\n    );\n  }\n\n  // get shape of an object or objects of an array\n  // @ts-expect-error not sure here\n  const shape = currentSchema?.shape ?? currentSchema?.element?.shape; // ??\n\n  if (shape && shape[current]) {\n    // currentSchema?._def.schema.unwrap()?.shape;\n    if (rest.length === 0) {\n      // At the end of the path check if the field is optional or required\n      return (\n        shape[current]?._def?.typeName !== 'ZodOptional' &&\n        recursiveSearchInnerType(shape[current])\n      );\n    }\n    return recursiveFieldKeySearch(shape[current], rest);\n  }\n\n  return null; // field not found\n};\n\n/** TODO: add description */\nexport const useFormContext = () => {\n  const {\n    // https://react-hook-form.com/docs/useform/getfieldstate\n    // for getFieldState a subscription to formState properties is needed!\n    formState,\n    getFieldState: getFieldStateOrig,\n    ...otherMethods\n  } = useHookFormContext();\n  const validation = useContext(ValidationSchemaContext);\n\n  // update getFieldState\n  const getFieldState = (name: string, testId?: string) => {\n    const fieldPath =\n      typeof name === 'string' ? name.replace(/\\[\\d+\\]/g, '').split('.') : name;\n    const required =\n      (validation && recursiveFieldKeySearch(validation.schema, fieldPath)) ||\n      false;\n    const { error, ...rest } = getFieldStateOrig(name, formState);\n    return {\n      ...rest,\n      error: error as FieldError[] | undefined, // TODO: change to correct type @Hannes ;)\n      required,\n      testId: slugify(testId || name),\n    };\n  };\n\n  return {\n    ...otherMethods,\n    getFieldState,\n    validation,\n    formState,\n  };\n};\n","import type { VetoInstance } from '@fuf-stack/veto';\nimport type { FormProviderProps as HookFormProviderProps } from 'react-hook-form';\n\nimport React from 'react';\nimport { FormProvider as HookFormProvider } from 'react-hook-form';\n\nexport const ValidationSchemaContext = React.createContext<\n  VetoInstance | undefined\n>(undefined);\n\ninterface FormProviderProps\n  extends HookFormProviderProps<Record<string, any>, any, undefined> {\n  /** veto validation schema */\n  validation?: VetoInstance;\n}\n\n/** Provides the veto validation context to the form */\nconst FormProvider = ({\n  children,\n  validation = undefined,\n  ...hookFormProps\n}: FormProviderProps) => {\n  return (\n    <ValidationSchemaContext.Provider value={validation}>\n      <HookFormProvider {...hookFormProps}>{children}</HookFormProvider>\n    </ValidationSchemaContext.Provider>\n  );\n};\n\nexport default FormProvider;\n"],"mappings":";;;;;AAGA,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB,0BAA0B;;;ACDrD,OAAO,WAAW;AAClB,SAAS,gBAAgB,wBAAwB;AAoB3C;AAlBC,IAAM,0BAA0B,MAAM,cAE3C,MAAS;AASX,IAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA,aAAa;AAAA,EACb,GAAG;AACL,MAAyB;AACvB,SACE,oBAAC,wBAAwB,UAAxB,EAAiC,OAAO,YACvC,8BAAC,oBAAkB,GAAG,eAAgB,UAAS,GACjD;AAEJ;AAEA,IAAO,sBAAQ;;;ADnBf,IAAM,2BAA2B,CAAC,WAAgC;AAChE,MAAI,QAAQ,MAAM,WAAW;AAC3B,QAAI,QAAQ,MAAM,WAAW,MAAM,aAAa,eAAe;AAC7D,aAAO,QAAQ,MAAM,WAAW,MAAM,aAAa;AAAA,IACrD;AACA,WAAO,yBAAyB,QAAQ,MAAM,SAAS;AAAA,EACzD;AACA,SAAO;AACT;AAGO,IAAM,0BAA0B,CACrC,QACA,SACmB;AACnB,QAAM,CAAC,SAAS,GAAG,IAAI,IAAI;AAG3B,MAAI,gBAAgB;AAEpB,MAAI,QAAQ,MAAM,aAAa,eAAe;AAE5C,oBAAgB,OAAO,OAAO;AAAA,EAChC,WAAW,QAAQ,MAAM,aAAa,cAAc;AAElD,WAAO,wBAAwB,OAAO,MAAM,QAAQ,IAAI;AAAA,EAC1D;AAGA,MAAI,eAAe,MAAM,aAAa,mBAAmB;AACvD,YACG,cAAc,KAAK,MAAM,SACtB,wBAAwB,cAAc,KAAK,KAAK,QAAQ,IAAI,IAC5D,wBAAwB,cAAc,KAAK,MAAM,IAAI,OACxD,cAAc,KAAK,OAAO,SACvB,wBAAwB,cAAc,KAAK,MAAM,QAAQ,IAAI,IAC7D,wBAAwB,cAAc,KAAK,OAAO,IAAI;AAAA,EAE9D;AAIA,QAAM,QAAQ,eAAe,SAAS,eAAe,SAAS;AAE9D,MAAI,SAAS,MAAM,OAAO,GAAG;AAE3B,QAAI,KAAK,WAAW,GAAG;AAErB,aACE,MAAM,OAAO,GAAG,MAAM,aAAa,iBACnC,yBAAyB,MAAM,OAAO,CAAC;AAAA,IAE3C;AACA,WAAO,wBAAwB,MAAM,OAAO,GAAG,IAAI;AAAA,EACrD;AAEA,SAAO;AACT;AAGO,IAAM,iBAAiB,MAAM;AAClC,QAAM;AAAA;AAAA;AAAA,IAGJ;AAAA,IACA,eAAe;AAAA,IACf,GAAG;AAAA,EACL,IAAI,mBAAmB;AACvB,QAAM,aAAa,WAAW,uBAAuB;AAGrD,QAAM,gBAAgB,CAAC,MAAc,WAAoB;AACvD,UAAM,YACJ,OAAO,SAAS,WAAW,KAAK,QAAQ,YAAY,EAAE,EAAE,MAAM,GAAG,IAAI;AACvE,UAAM,WACH,cAAc,wBAAwB,WAAW,QAAQ,SAAS,KACnE;AACF,UAAM,EAAE,OAAO,GAAG,KAAK,IAAI,kBAAkB,MAAM,SAAS;AAC5D,WAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA;AAAA,MACA;AAAA,MACA,QAAQ,QAAQ,UAAU,IAAI;AAAA,IAChC;AAAA,EACF;AAEA,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-JFCOC5TW.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-JFCOC5TW.cjs","../src/Form/Form.tsx","../src/Form/subcomponents/FormDebugViewer.tsx","../src/Form/index.ts"],"names":["jsx","jsxs","cn","Form_default"],"mappings":"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","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-JFCOC5TW.cjs","sourcesContent":[null,"import type { VetoInstance } from '@fuf-stack/veto';\nimport type { ReactNode } from 'react';\nimport type { FieldValues, SubmitHandler } from 'react-hook-form';\n\nimport { useForm } from 'react-hook-form';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { slugify } from '../helpers';\nimport FormProvider from './subcomponents/FormContext';\nimport FormDebugViewer from './subcomponents/FormDebugViewer';\n\n/**\n * recursively removes all fields that are null or undefined before\n * the form data is passed to the veto validation function\n */\nexport const removeNullishFields = (obj: Record<string, unknown>) => {\n  return JSON.parse(\n    JSON.stringify(obj, (_key, value) => {\n      return value === null ? undefined : value;\n    }),\n  );\n};\n\nexport interface FormProps {\n  /** form children */\n  children: ReactNode | ReactNode[];\n  /** CSS class name */\n  className?: string | string[];\n  /** initial form values */\n  initialValues?: FieldValues;\n  /** name of the form */\n  name?: string;\n  /** form submit handler */\n  onSubmit: SubmitHandler<FieldValues>;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** veto validation schema */\n  validation?: VetoInstance;\n  /** when the validation should be triggered */\n  validationTrigger?: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';\n}\n\n/**\n * Form component that has to wrap every uniform\n */\nconst Form = ({\n  children,\n  className = undefined,\n  initialValues = undefined,\n  name = undefined,\n  onSubmit,\n  testId = undefined,\n  validation = undefined,\n  validationTrigger = 'all',\n}: FormProps) => {\n  const methods = useForm(\n    validation\n      ? {\n          defaultValues: initialValues,\n          resolver: async (values) => {\n            const { data, errors, ...rest } = await validation.validateAsync(\n              removeNullishFields(values),\n            );\n            // https://github.com/react-hook-form/resolvers/blob/master/zod/src/zod.ts\n            return { values: data || {}, errors: errors || {}, ...rest };\n          },\n          // set rhf mode\n          // see: https://react-hook-form.com/docs/useform#mode\n          mode: validationTrigger,\n        }\n      : {\n          defaultValues: initialValues,\n        },\n  );\n\n  return (\n    // eslint-disable-next-line react/jsx-props-no-spreading\n    <FormProvider {...methods} validation={validation}>\n      <div className=\"flex w-full flex-row justify-between gap-6\">\n        <form\n          className={cn('flex-grow', className)}\n          data-testid={slugify(testId || name || '')}\n          name={name}\n          onSubmit={methods.handleSubmit(onSubmit)}\n        >\n          {children}\n        </form>\n        <FormDebugViewer className=\"w-96 flex-shrink\" />\n      </div>\n    </FormProvider>\n  );\n};\n\nexport default Form;\n","import type { VetoError } from '@fuf-stack/veto';\n\nimport { useEffect, useState } from 'react';\nimport { FaTimes } from 'react-icons/fa';\nimport { FaBug, FaBullseye } from 'react-icons/fa6';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button, Card, Json, useLocalStorage } from '@fuf-stack/pixels';\n\nimport { useFormContext } from '../../hooks';\n\ninterface FormDebugViewerProps {\n  /** CSS class name */\n  className?: string;\n}\n\nconst LOCALSTORAGE_DEBUG_KEY = 'uniform:form-debug-enabled';\nconst LOCALSTORAGE_COPY_TEST_ID_KEY = 'uniform:form-debug-copy-test-id-enabled';\n\n/** Renders a form debug panel with information about the current form state */\nconst FormDebugViewer = ({ className = undefined }: FormDebugViewerProps) => {\n  const {\n    watch,\n    formState: { dirtyFields, isValid, isSubmitting },\n    validation,\n  } = useFormContext();\n\n  const [debug, setDebug] = useLocalStorage(LOCALSTORAGE_DEBUG_KEY, false);\n  const [copyTestId, setCopyTestId] = useLocalStorage(\n    LOCALSTORAGE_COPY_TEST_ID_KEY,\n    false,\n  );\n\n  const [validationErrors, setValidationErrors] = useState<\n    VetoError['errors'] | null\n  >(null);\n\n  const formValues = watch();\n\n  useEffect(\n    () => {\n      const updateValidationErrors = async () => {\n        if (validation) {\n          const validateResult = await validation?.validateAsync(formValues);\n          setValidationErrors(validateResult?.errors);\n        }\n      };\n      updateValidationErrors();\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [JSON.stringify(formValues)],\n  );\n\n  if (!debug) {\n    return (\n      <Button\n        ariaLabel=\"Enable form debug mode\"\n        onClick={() => setDebug(!debug)}\n        className=\"absolute bottom-2.5 right-2.5 w-5 text-default-400\"\n        variant=\"light\"\n        icon={<FaBug />}\n      />\n    );\n  }\n\n  return (\n    <Card\n      className={cn(className)}\n      header={\n        <div className=\"flex w-full flex-row justify-between\">\n          <span className=\"text-lg\">Debug Mode</span>\n          <Button\n            icon={<FaTimes className=\"text-danger\" />}\n            onClick={() => setDebug(false)}\n            size=\"sm\"\n            variant=\"flat\"\n          />\n        </div>\n      }\n    >\n      <Button\n        variant={copyTestId ? 'solid' : 'light'}\n        icon={<FaBullseye />}\n        className=\"mb-4 ml-auto mr-auto\"\n        onClick={() => setCopyTestId(!copyTestId)}\n      >\n        {copyTestId ? 'Hide CopyButton' : 'Show CopyButton'}\n      </Button>\n      <Json\n        value={{\n          values: formValues,\n          errors: validationErrors,\n          dirtyFields,\n          isValid,\n          isSubmitting,\n        }}\n      />\n    </Card>\n  );\n};\nexport default FormDebugViewer;\n","import Form from './Form';\n\nexport type { FormProps } from './Form';\n\nexport { Form };\n\nexport default Form;\n"]}

package/dist/chunk-WQRM7G4C.cjs

@@ -1,87 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
-
-var _chunkBBB4FEY6cjs = require('./chunk-BBB4FEY6.cjs');
-
-// src/hooks/useFormContext/useFormContext.ts
-var _react = require('react'); var _react2 = _interopRequireDefault(_react);
-var _reacthookform = require('react-hook-form');
-
-// src/Form/subcomponents/FormContext.tsx
-
-
-var _jsxruntime = require('react/jsx-runtime');
-var ValidationSchemaContext = _react2.default.createContext(void 0);
-var FormProvider = ({
-  children,
-  validation = void 0,
-  ...hookFormProps
-}) => {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ValidationSchemaContext.Provider, { value: validation, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reacthookform.FormProvider, { ...hookFormProps, children }) });
-};
-var FormContext_default = FormProvider;
-
-// src/hooks/useFormContext/useFormContext.ts
-var recursiveSearchInnerType = (schema) => {
-  if (_optionalChain([schema, 'optionalAccess', _ => _._def, 'optionalAccess', _2 => _2.innerType])) {
-    if (_optionalChain([schema, 'optionalAccess', _3 => _3._def, 'optionalAccess', _4 => _4.innerType, 'optionalAccess', _5 => _5._def, 'optionalAccess', _6 => _6.typeName]) === "ZodOptional") {
-      return _optionalChain([schema, 'optionalAccess', _7 => _7._def, 'optionalAccess', _8 => _8.innerType, 'optionalAccess', _9 => _9._def, 'optionalAccess', _10 => _10.typeName]) !== "ZodOptional";
-    }
-    return recursiveSearchInnerType(_optionalChain([schema, 'optionalAccess', _11 => _11._def, 'optionalAccess', _12 => _12.innerType]));
-  }
-  return true;
-};
-var recursiveFieldKeySearch = (schema, path) => {
-  const [current, ...rest] = path;
-  let currentSchema = schema;
-  if (_optionalChain([schema, 'optionalAccess', _13 => _13._def, 'optionalAccess', _14 => _14.typeName]) === "ZodOptional") {
-    currentSchema = schema.unwrap();
-  } else if (_optionalChain([schema, 'optionalAccess', _15 => _15._def, 'optionalAccess', _16 => _16.typeName]) === "ZodEffects") {
-    return recursiveFieldKeySearch(_optionalChain([schema, 'access', _17 => _17._def, 'optionalAccess', _18 => _18.schema]), path);
-  }
-  if (_optionalChain([currentSchema, 'optionalAccess', _19 => _19._def, 'optionalAccess', _20 => _20.typeName]) === "ZodIntersection") {
-    return (_optionalChain([currentSchema, 'access', _21 => _21._def, 'access', _22 => _22.left, 'optionalAccess', _23 => _23.schema]) ? recursiveFieldKeySearch(currentSchema._def.left.schema, path) : recursiveFieldKeySearch(currentSchema._def.left, path)) || (_optionalChain([currentSchema, 'access', _24 => _24._def, 'access', _25 => _25.right, 'optionalAccess', _26 => _26.schema]) ? recursiveFieldKeySearch(currentSchema._def.right.schema, path) : recursiveFieldKeySearch(currentSchema._def.right, path));
-  }
-  const shape = _nullishCoalesce(_optionalChain([currentSchema, 'optionalAccess', _27 => _27.shape]), () => ( _optionalChain([currentSchema, 'optionalAccess', _28 => _28.element, 'optionalAccess', _29 => _29.shape])));
-  if (shape && shape[current]) {
-    if (rest.length === 0) {
-      return _optionalChain([shape, 'access', _30 => _30[current], 'optionalAccess', _31 => _31._def, 'optionalAccess', _32 => _32.typeName]) !== "ZodOptional" && recursiveSearchInnerType(shape[current]);
-    }
-    return recursiveFieldKeySearch(shape[current], rest);
-  }
-  return null;
-};
-var useFormContext = () => {
-  const {
-    // https://react-hook-form.com/docs/useform/getfieldstate
-    // for getFieldState a subscription to formState properties is needed!
-    formState,
-    getFieldState: getFieldStateOrig,
-    ...otherMethods
-  } = _reacthookform.useFormContext.call(void 0, );
-  const validation = _react.useContext.call(void 0, ValidationSchemaContext);
-  const getFieldState = (name, testId) => {
-    const fieldPath = typeof name === "string" ? name.replace(/\[\d+\]/g, "").split(".") : name;
-    const required = validation && recursiveFieldKeySearch(validation.schema, fieldPath) || false;
-    const { error, ...rest } = getFieldStateOrig(name, formState);
-    return {
-      ...rest,
-      error,
-      // TODO: change to correct type @Hannes ;)
-      required,
-      testId: _chunkBBB4FEY6cjs.slugify.call(void 0, testId || name)
-    };
-  };
-  return {
-    ...otherMethods,
-    getFieldState,
-    validation,
-    formState
-  };
-};
-
-
-
-
-
-exports.FormContext_default = FormContext_default; exports.recursiveFieldKeySearch = recursiveFieldKeySearch; exports.useFormContext = useFormContext;
-//# sourceMappingURL=chunk-WQRM7G4C.cjs.map

package/dist/chunk-WQRM7G4C.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-WQRM7G4C.cjs","../src/hooks/useFormContext/useFormContext.ts","../src/Form/subcomponents/FormContext.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/uniform/uniform/packages/uniform/dist/chunk-WQRM7G4C.cjs","sourcesContent":[null,"import type { VetoSchema } from '@fuf-stack/veto';\nimport type { FieldError } from 'react-hook-form';\n\nimport { useContext } from 'react';\nimport { useFormContext as useHookFormContext } from 'react-hook-form';\n\nimport { ValidationSchemaContext } from '../../Form/subcomponents/FormContext';\nimport { slugify } from '../../helpers';\n\n// FIX: This fixes the problem that the innerType is not checked for optionals...\nconst recursiveSearchInnerType = (schema: VetoSchema): boolean => {\n  if (schema?._def?.innerType) {\n    if (schema?._def?.innerType?._def?.typeName === 'ZodOptional') {\n      return schema?._def?.innerType?._def?.typeName !== 'ZodOptional';\n    }\n    return recursiveSearchInnerType(schema?._def?.innerType);\n  }\n  return true;\n};\n\n// TODO: Fix problem \".optional().nullable()\" is required, \".nullable().optional()\" is not required...\nexport const recursiveFieldKeySearch = (\n  schema: VetoSchema,\n  path: string[],\n): boolean | null => {\n  const [current, ...rest] = path;\n  // ignore optionals on the path to the desired field\n\n  let currentSchema = schema;\n\n  if (schema?._def?.typeName === 'ZodOptional') {\n    // @ts-expect-error not sure here\n    currentSchema = schema.unwrap();\n  } else if (schema?._def?.typeName === 'ZodEffects') {\n    // in case of an effect, unwrap the effect and call with schema (clould be optional) and complete path.\n    return recursiveFieldKeySearch(schema._def?.schema, path);\n  }\n\n  // TODO: This needs further investigation. It is nor yet completely clear how to handle intersections!\n  if (currentSchema?._def?.typeName === 'ZodIntersection') {\n    return (\n      (currentSchema._def.left?.schema\n        ? recursiveFieldKeySearch(currentSchema._def.left.schema, path)\n        : recursiveFieldKeySearch(currentSchema._def.left, path)) ||\n      (currentSchema._def.right?.schema\n        ? recursiveFieldKeySearch(currentSchema._def.right.schema, path)\n        : recursiveFieldKeySearch(currentSchema._def.right, path))\n    );\n  }\n\n  // get shape of an object or objects of an array\n  // @ts-expect-error not sure here\n  const shape = currentSchema?.shape ?? currentSchema?.element?.shape; // ??\n\n  if (shape && shape[current]) {\n    // currentSchema?._def.schema.unwrap()?.shape;\n    if (rest.length === 0) {\n      // At the end of the path check if the field is optional or required\n      return (\n        shape[current]?._def?.typeName !== 'ZodOptional' &&\n        recursiveSearchInnerType(shape[current])\n      );\n    }\n    return recursiveFieldKeySearch(shape[current], rest);\n  }\n\n  return null; // field not found\n};\n\n/** TODO: add description */\nexport const useFormContext = () => {\n  const {\n    // https://react-hook-form.com/docs/useform/getfieldstate\n    // for getFieldState a subscription to formState properties is needed!\n    formState,\n    getFieldState: getFieldStateOrig,\n    ...otherMethods\n  } = useHookFormContext();\n  const validation = useContext(ValidationSchemaContext);\n\n  // update getFieldState\n  const getFieldState = (name: string, testId?: string) => {\n    const fieldPath =\n      typeof name === 'string' ? name.replace(/\\[\\d+\\]/g, '').split('.') : name;\n    const required =\n      (validation && recursiveFieldKeySearch(validation.schema, fieldPath)) ||\n      false;\n    const { error, ...rest } = getFieldStateOrig(name, formState);\n    return {\n      ...rest,\n      error: error as FieldError[] | undefined, // TODO: change to correct type @Hannes ;)\n      required,\n      testId: slugify(testId || name),\n    };\n  };\n\n  return {\n    ...otherMethods,\n    getFieldState,\n    validation,\n    formState,\n  };\n};\n","import type { VetoInstance } from '@fuf-stack/veto';\nimport type { FormProviderProps as HookFormProviderProps } from 'react-hook-form';\n\nimport React from 'react';\nimport { FormProvider as HookFormProvider } from 'react-hook-form';\n\nexport const ValidationSchemaContext = React.createContext<\n  VetoInstance | undefined\n>(undefined);\n\ninterface FormProviderProps\n  extends HookFormProviderProps<Record<string, any>, any, undefined> {\n  /** veto validation schema */\n  validation?: VetoInstance;\n}\n\n/** Provides the veto validation context to the form */\nconst FormProvider = ({\n  children,\n  validation = undefined,\n  ...hookFormProps\n}: FormProviderProps) => {\n  return (\n    <ValidationSchemaContext.Provider value={validation}>\n      <HookFormProvider {...hookFormProps}>{children}</HookFormProvider>\n    </ValidationSchemaContext.Provider>\n  );\n};\n\nexport default FormProvider;\n"]}

package/dist/chunk-Y4CFVCUN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Form/Form.tsx","../src/Form/subcomponents/FormDebugViewer.tsx","../src/Form/index.ts"],"sourcesContent":["import type { VetoInstance } from '@fuf-stack/veto';\nimport type { ReactNode } from 'react';\nimport type { FieldValues, SubmitHandler } from 'react-hook-form';\n\nimport { useForm } from 'react-hook-form';\n\nimport { cn } from '@fuf-stack/pixel-utils';\n\nimport { slugify } from '../helpers';\nimport FormProvider from './subcomponents/FormContext';\nimport FormDebugViewer from './subcomponents/FormDebugViewer';\n\n/**\n * recursively removes all fields that are null or undefined before\n * the form data is passed to the veto validation function\n */\nexport const removeNullishFields = (obj: Record<string, unknown>) => {\n  return JSON.parse(\n    JSON.stringify(obj, (_key, value) => {\n      return value === null ? undefined : value;\n    }),\n  );\n};\n\nexport interface FormProps {\n  /** form children */\n  children: ReactNode | ReactNode[];\n  /** CSS class name */\n  className?: string | string[];\n  /** initial form values */\n  initialValues?: FieldValues;\n  /** name of the form */\n  name?: string;\n  /** form submit handler */\n  onSubmit: SubmitHandler<FieldValues>;\n  /** HTML data-testid attribute used in e2e tests */\n  testId?: string;\n  /** veto validation schema */\n  validation?: VetoInstance;\n  /** when the validation should be triggered */\n  validationTrigger?: 'onChange' | 'onBlur' | 'onSubmit' | 'onTouched' | 'all';\n}\n\n/**\n * Form component that has to wrap every uniform\n */\nconst Form = ({\n  children,\n  className = undefined,\n  initialValues = undefined,\n  name = undefined,\n  onSubmit,\n  testId = undefined,\n  validation = undefined,\n  validationTrigger = 'all',\n}: FormProps) => {\n  const methods = useForm(\n    validation\n      ? {\n          defaultValues: initialValues,\n          resolver: async (values) => {\n            const { data, errors, ...rest } = await validation.validateAsync(\n              removeNullishFields(values),\n            );\n            // https://github.com/react-hook-form/resolvers/blob/master/zod/src/zod.ts\n            return { values: data || {}, errors: errors || {}, ...rest };\n          },\n          // set rhf mode\n          // see: https://react-hook-form.com/docs/useform#mode\n          mode: validationTrigger,\n        }\n      : {\n          defaultValues: initialValues,\n        },\n  );\n\n  return (\n    // eslint-disable-next-line react/jsx-props-no-spreading\n    <FormProvider {...methods} validation={validation}>\n      <div className=\"flex w-full flex-row justify-between gap-6\">\n        <form\n          className={cn('flex-grow', className)}\n          data-testid={slugify(testId || name || '')}\n          name={name}\n          onSubmit={methods.handleSubmit(onSubmit)}\n        >\n          {children}\n        </form>\n        <FormDebugViewer className=\"w-96 flex-shrink\" />\n      </div>\n    </FormProvider>\n  );\n};\n\nexport default Form;\n","import type { VetoError } from '@fuf-stack/veto';\n\nimport { useEffect, useState } from 'react';\nimport { FaTimes } from 'react-icons/fa';\nimport { FaBug, FaBullseye } from 'react-icons/fa6';\n\nimport { cn } from '@fuf-stack/pixel-utils';\nimport { Button, Card, Json, useLocalStorage } from '@fuf-stack/pixels';\n\nimport { useFormContext } from '../../hooks';\n\ninterface FormDebugViewerProps {\n  /** CSS class name */\n  className?: string;\n}\n\nconst LOCALSTORAGE_DEBUG_KEY = 'uniform:form-debug-enabled';\nconst LOCALSTORAGE_COPY_TEST_ID_KEY = 'uniform:form-debug-copy-test-id-enabled';\n\n/** Renders a form debug panel with information about the current form state */\nconst FormDebugViewer = ({ className = undefined }: FormDebugViewerProps) => {\n  const {\n    watch,\n    formState: { dirtyFields, isValid, isSubmitting },\n    validation,\n  } = useFormContext();\n\n  const [debug, setDebug] = useLocalStorage(LOCALSTORAGE_DEBUG_KEY, false);\n  const [copyTestId, setCopyTestId] = useLocalStorage(\n    LOCALSTORAGE_COPY_TEST_ID_KEY,\n    false,\n  );\n\n  const [validationErrors, setValidationErrors] = useState<\n    VetoError['errors'] | null\n  >(null);\n\n  const formValues = watch();\n\n  useEffect(\n    () => {\n      const updateValidationErrors = async () => {\n        if (validation) {\n          const validateResult = await validation?.validateAsync(formValues);\n          setValidationErrors(validateResult?.errors);\n        }\n      };\n      updateValidationErrors();\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [JSON.stringify(formValues)],\n  );\n\n  if (!debug) {\n    return (\n      <Button\n        ariaLabel=\"Enable form debug mode\"\n        onClick={() => setDebug(!debug)}\n        className=\"absolute bottom-2.5 right-2.5 w-5 text-default-400\"\n        variant=\"light\"\n        icon={<FaBug />}\n      />\n    );\n  }\n\n  return (\n    <Card\n      className={cn(className)}\n      header={\n        <div className=\"flex w-full flex-row justify-between\">\n          <span className=\"text-lg\">Debug Mode</span>\n          <Button\n            icon={<FaTimes className=\"text-danger\" />}\n            onClick={() => setDebug(false)}\n            size=\"sm\"\n            variant=\"flat\"\n          />\n        </div>\n      }\n    >\n      <Button\n        variant={copyTestId ? 'solid' : 'light'}\n        icon={<FaBullseye />}\n        className=\"mb-4 ml-auto mr-auto\"\n        onClick={() => setCopyTestId(!copyTestId)}\n      >\n        {copyTestId ? 'Hide CopyButton' : 'Show CopyButton'}\n      </Button>\n      <Json\n        value={{\n          values: formValues,\n          errors: validationErrors,\n          dirtyFields,\n          isValid,\n          isSubmitting,\n        }}\n      />\n    </Card>\n  );\n};\nexport default FormDebugViewer;\n","import Form from './Form';\n\nexport type { FormProps } from './Form';\n\nexport { Form };\n\nexport default Form;\n"],"mappings":"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","names":["cn","jsx","jsxs","cn","Form_default"]}