cogsbox-state 0.5.398 → 0.5.399

package/dist/Functions.jsx

@@ -2,7 +2,7 @@ import { jsx as V, Fragment as M } from "react/jsx-runtime";
 import "./CogsState.jsx";
 import { getNestedValue as N, isFunction as U, updateNestedProperty as T } from "./utility.js";
 import I, { useRef as b, useState as z, useEffect as R } from "react";
-import { getGlobalStore as d, formRefStore as O } from "./store.js";
+import { formRefStore as O, getGlobalStore as d } from "./store.js";
 import { validateZodPathFunc as W } from "./useValidateZodPath.js";
 function j(n, e, t, r) {
   n(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cogsbox-state",
-  "version": "0.5.398",
+  "version": "0.5.399",
   "description": "React state management library with form controls and server sync",
   "type": "module",
   "main": "./dist/index.js",

package/src/CogsState.tsx

@@ -2345,7 +2345,7 @@ function createProxyHandler<T>(
               callbackfn: (
                 value: InferArrayElement<T>,
                 setter: StateObject<InferArrayElement<T>>,
-                index: number,
+                index: { localIndex: number; originalIndex: number },
                 array: T,
                 arraySetter: StateObject<T>
               ) => any
@@ -2371,42 +2371,26 @@ function createProxyHandler<T>(
                 const setter = rebuildStateShape(item, finalPath, meta);
                 const itemComponentId = `${componentId}-${path.join(".")}-${originalIndex}`;
 
-                // Get the validation wrapper from formElements
-                const options = getGlobalStore
-                  .getState()
-                  .getInitialOptions(stateKey);
-                const validationWrapper = options?.formElements?.validation;
-
-                const childContent = callbackfn(
-                  item,
-                  setter,
-                  originalIndex, // Use originalIndex here
-                  arrayToMap as any,
-                  rebuildStateShape(arrayToMap as any, path, meta)
-                );
-
-                const wrappedContent = createElement(CogsItemWrapper, {
+                return createElement(CogsItemWrapper, {
                   key: originalIndex,
                   stateKey,
                   itemComponentId,
                   itemPath: finalPath,
-                  children: validationWrapper ? (
-                    // Automatically wrap with validation wrapper
-                    <ValidationWrapper
-                      formOpts={undefined}
-                      path={finalPath}
-                      validationKey={options?.validation?.key || ""}
-                      stateKey={stateKey}
-                      validIndices={meta?.validIndices}
-                    >
-                      {childContent}
-                    </ValidationWrapper>
-                  ) : (
-                    childContent
-                  ),
+                  children: createElement(FormControlComponent, {
+                    setState: effectiveSetState as any,
+                    stateKey: stateKey,
+                    path: finalPath,
+                    child: () =>
+                      callbackfn(
+                        item,
+                        setter,
+                        { localIndex, originalIndex },
+                        arrayToMap as any,
+                        rebuildStateShape(arrayToMap as any, path, meta)
+                      ),
+                    formOpts: undefined,
+                  }),
                 });
-
-                return wrappedContent;
               });
             };
           }