@uniform-ts/core 0.0.7 → 0.0.8

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import * as z from 'zod/v4/core';
 import * as React3 from 'react';
 import { useMemo, useRef, useEffect, useCallback, useState } from 'react';
-import { useFormState, useWatch, useForm, useFieldArray, Controller } from 'react-hook-form';
+import { useWatch, useFormState, useForm, useFieldArray, Controller } from 'react-hook-form';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
@@ -635,6 +635,24 @@ function SelectField({
     }
   );
 }
+function useConditionalFields(fields, control, scopeName) {
+  const allValues = useWatch({ control });
+  const scopedValues = useWatch({ control, name: scopeName });
+  const values = scopeName ? scopedValues : allValues;
+  return useMemo(() => {
+    return fields.filter((field) => {
+      if (field.meta.hidden) return false;
+      if (typeof field.meta.condition === "function") {
+        return field.meta.condition(values);
+      }
+      return true;
+    }).sort((a, b) => {
+      const orderA = typeof a.meta.order === "number" ? a.meta.order : Infinity;
+      const orderB = typeof b.meta.order === "number" ? b.meta.order : Infinity;
+      return orderA - orderB;
+    });
+  }, [fields, values]);
+}
 function ObjectField({
   field,
   control,
@@ -643,7 +661,7 @@ function ObjectField({
   shouldUnregister
 }) {
   const { classNames, layout } = useAutoFormContext();
-  const children = field.children;
+  const children = useConditionalFields(field.children, control, namePrefix);
   const content = children.map((child, idx) => /* @__PURE__ */ jsx(
     FieldRenderer,
     {
@@ -759,7 +777,7 @@ function ArrayField({ field, control, effectiveName }) {
   const RowLayout = layout.arrayRowLayout;
   const renderedRows = rows.map((row, index) => {
     const isCollapsed = showCollapse && collapsed.has(index);
-    const collapseButton = showCollapse ? /* @__PURE__ */ jsxs(
+    const collapseButton = showCollapse && CollapseBtn ? /* @__PURE__ */ jsxs(
       CollapseBtn,
       {
         type: "button",
@@ -783,7 +801,7 @@ function ArrayField({ field, control, effectiveName }) {
         ]
       }
     ) : null;
-    const moveUpButton = showMove && rows.length > 1 ? /* @__PURE__ */ jsx(
+    const moveUpButton = showMove && rows.length > 1 && MoveUpBtn ? /* @__PURE__ */ jsx(
       MoveUpBtn,
       {
         type: "button",
@@ -794,7 +812,7 @@ function ArrayField({ field, control, effectiveName }) {
         children: labels.arrayMoveUp ?? "\u2191"
       }
     ) : null;
-    const moveDownButton = showMove && rows.length > 1 ? /* @__PURE__ */ jsx(
+    const moveDownButton = showMove && rows.length > 1 && MoveDownBtn ? /* @__PURE__ */ jsx(
       MoveDownBtn,
       {
         type: "button",
@@ -805,7 +823,7 @@ function ArrayField({ field, control, effectiveName }) {
         children: labels.arrayMoveDown ?? "\u2193"
       }
     ) : null;
-    const duplicateButton = showDuplicate && !atMax ? /* @__PURE__ */ jsx(
+    const duplicateButton = showDuplicate && !atMax && DuplicateBtn ? /* @__PURE__ */ jsx(
       DuplicateBtn,
       {
         type: "button",
@@ -820,7 +838,7 @@ function ArrayField({ field, control, effectiveName }) {
         children: labels.arrayDuplicate ?? "Duplicate"
       }
     ) : null;
-    const removeButton = /* @__PURE__ */ jsx(
+    const removeButton = RemoveBtn ? /* @__PURE__ */ jsx(
       RemoveBtn,
       {
         type: "button",
@@ -830,7 +848,7 @@ function ArrayField({ field, control, effectiveName }) {
         "aria-label": labels.arrayAriaRemove?.(index) ?? `Remove item ${index + 1}`,
         children: labels.arrayRemove ?? "Remove"
       }
-    );
+    ) : null;
     const fieldContent = !isCollapsed ? /* @__PURE__ */ jsx(
       FieldRenderer,
       {
@@ -856,7 +874,7 @@ function ArrayField({ field, control, effectiveName }) {
       row.id
     );
   });
-  const addButton = /* @__PURE__ */ jsx(
+  const addButton = AddBtn ? /* @__PURE__ */ jsx(
     AddBtn,
     {
       type: "button",
@@ -865,7 +883,7 @@ function ArrayField({ field, control, effectiveName }) {
       onClick: () => append(getDefaultValue(itemConfig)),
       children: labels.arrayAdd ?? "Add"
     }
-  );
+  ) : null;
   const content = /* @__PURE__ */ jsx(
     ArrayFieldLayout,
     {
@@ -1027,22 +1045,6 @@ function FieldRenderer({
     }
   );
 }
-function useConditionalFields(fields, control) {
-  const values = useWatch({ control });
-  return useMemo(() => {
-    return fields.filter((field) => {
-      if (field.meta.hidden) return false;
-      if (typeof field.meta.condition === "function") {
-        return field.meta.condition(values);
-      }
-      return true;
-    }).sort((a, b) => {
-      const orderA = typeof a.meta.order === "number" ? a.meta.order : Infinity;
-      const orderB = typeof b.meta.order === "number" ? b.meta.order : Infinity;
-      return orderA - orderB;
-    });
-  }, [fields, values]);
-}
 function useSectionGrouping(fields) {
   return useMemo(() => {
     const ungrouped = [];
@@ -1281,6 +1283,12 @@ function buildDefaults(fields) {
   }
   return result;
 }
+
+// src/utils/resolveNullableSlot.ts
+function resolveNullableSlot(slot, fallback) {
+  if (slot === null) return null;
+  return slot ?? fallback;
+}
 function AutoForm(props) {
   const {
     form: uniForm,
@@ -1505,24 +1513,33 @@ function AutoForm(props) {
   const visibleFields = useConditionalFields(fieldsWithDynamic, control);
   const sections = useSectionGrouping(visibleFields);
   const resolvedLayout = React3.useMemo(() => {
-    const base = layout?.arrayButtons?.base ?? DefaultArrayButton;
+    const base = resolveNullableSlot(
+      layout?.arrayButtons?.base,
+      DefaultArrayButton
+    );
     const slots = layout?.arrayButtons;
     return {
       formWrapper: layout?.formWrapper ?? DefaultFormWrapper,
       sectionWrapper: layout?.sectionWrapper ?? DefaultSectionWrapper,
-      submitButton: layout?.submitButton ?? DefaultSubmitButton,
+      submitButton: resolveNullableSlot(
+        layout?.submitButton,
+        DefaultSubmitButton
+      ),
       arrayRowLayout: layout?.arrayRowLayout ?? DefaultArrayRowLayout,
       arrayFieldLayout: layout?.arrayFieldLayout ?? DefaultArrayFieldLayout,
       objectWrapper: layout?.objectWrapper ?? DefaultObjectWrapper,
       arrayWrapper: layout?.arrayWrapper ?? DefaultArrayWrapper,
       arrayButtons: {
         base,
-        add: slots?.add ?? base,
-        remove: slots?.remove ?? base,
-        moveUp: slots?.moveUp ?? base,
-        moveDown: slots?.moveDown ?? base,
-        duplicate: slots?.duplicate ?? base,
-        collapse: slots?.collapse ?? DefaultArrayCollapseButton
+        add: resolveNullableSlot(slots?.add, base),
+        remove: resolveNullableSlot(slots?.remove, base),
+        moveUp: resolveNullableSlot(slots?.moveUp, base),
+        moveDown: resolveNullableSlot(slots?.moveDown, base),
+        duplicate: resolveNullableSlot(slots?.duplicate, base),
+        collapse: resolveNullableSlot(
+          slots?.collapse,
+          DefaultArrayCollapseButton
+        )
       },
       loadingFallback: layout?.loadingFallback ?? /* @__PURE__ */ jsx("p", { children: "Loading\u2026" })
     };
@@ -1544,6 +1561,7 @@ function AutoForm(props) {
   const contextValue = React3.useMemo(
     () => ({
       registry,
+      fieldConfigs: mergedFields,
       fieldOverrides: fieldOverridesProp,
       fieldWrapper: resolvedFieldWrapper,
       layout: resolvedLayout,
@@ -1552,10 +1570,12 @@ function AutoForm(props) {
       coercions,
       messages,
       labels,
-      formMethods
+      formMethods,
+      control
     }),
     [
       registry,
+      mergedFields,
       fieldOverridesProp,
       resolvedFieldWrapper,
       resolvedLayout,
@@ -1564,7 +1584,8 @@ function AutoForm(props) {
       coercions,
       messages,
       labels,
-      formMethods
+      formMethods,
+      control
     ]
   );
   if (isLoadingDefaults) {
@@ -1608,13 +1629,13 @@ function AutoForm(props) {
             section.title
           );
         }),
-        /* @__PURE__ */ jsx(
+        SubmitButton ? /* @__PURE__ */ jsx(
           SubmitButton,
           {
             isSubmitting: formState.isSubmitting,
             label: labels.submit ?? "Submit"
           }
-        )
+        ) : null
       ] })
     }
   ) });
@@ -1713,7 +1734,35 @@ var UniForm = class {
 function createForm(schema) {
   return new UniForm(schema);
 }
+function findArrayConfig(fields, name) {
+  for (const field of fields) {
+    if (field.name === name) {
+      return field.type === "array" ? field : void 0;
+    }
+    if (field.type === "object") {
+      const found = findArrayConfig(field.children, name);
+      if (found) return found;
+    }
+  }
+  return void 0;
+}
+function useArrayField(fieldName) {
+  const { control, fieldConfigs } = useAutoFormContext();
+  const result = useFieldArray({ control, name: fieldName });
+  const rowCount = result.fields.length;
+  const config = findArrayConfig(fieldConfigs, fieldName);
+  const minItems = config?.minItems;
+  const maxItems = config?.maxItems;
+  const canAdd = maxItems == null || rowCount < maxItems;
+  const atMin = minItems != null && rowCount <= minItems;
+  return {
+    ...result,
+    rowCount,
+    canAdd,
+    atMin
+  };
+}
 
-export { AutoForm, DefaultArrayButton, DefaultArrayCollapseButton, DefaultArrayFieldLayout, DefaultArrayRowLayout, DefaultArrayWrapper, DefaultCheckbox, DefaultFieldWrapper, DefaultInput, DefaultObjectWrapper, DefaultSelect, DefaultSubmitButton, FieldRenderer, UniForm, coerceValue, createAutoForm, createForm, defaultCoercionMap, defaultRegistry, introspectObjectSchema, introspectSchema, mergeRegistries, useAutoFormContext, useConditionalFields, useFormPersistence, useSectionGrouping };
+export { AutoForm, DefaultArrayButton, DefaultArrayCollapseButton, DefaultArrayFieldLayout, DefaultArrayRowLayout, DefaultArrayWrapper, DefaultCheckbox, DefaultFieldWrapper, DefaultInput, DefaultObjectWrapper, DefaultSelect, DefaultSubmitButton, FieldRenderer, UniForm, coerceValue, createAutoForm, createForm, defaultCoercionMap, defaultRegistry, introspectObjectSchema, introspectSchema, mergeRegistries, useArrayField, useAutoFormContext, useConditionalFields, useFormPersistence, useSectionGrouping };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map