fix: should handle key and path of nested grouped array with nestedIndex

TexteaInc · Nov 4, 2023 · 47497ad · 47497ad
1 parent c4037a5
commit 47497ad
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/components/DataKeyPair.tsx b/src/components/DataKeyPair.tsx
@@ -233,8 +233,9 @@ export const DataKeyPair: FC<DataKeyPairProps> = (props) => {
     inspect,
     setInspect,
     value,
-    prevValue
-  }), [inspect, path, setInspect, value, prevValue])
+    prevValue,
+    nestedIndex
+  }), [inspect, path, setInspect, value, prevValue, nestedIndex])
   return (
     <Box
       className='data-key-pair'

diff --git a/src/components/DataTypes/Object.tsx b/src/components/DataTypes/Object.tsx
@@ -166,7 +166,8 @@ const ObjectType: FC<DataItemProps<object>> = (props) => {
     if (Array.isArray(value)) {
       // unknown[]
       if (value.length <= groupArraysAfterLength) {
-        const elements = value.slice(0, displayLength).map((value, index) => {
+        const elements = value.slice(0, displayLength).map((value, _index) => {
+          const index = props.nestedIndex ? (props.nestedIndex * groupArraysAfterLength) + _index : _index
           const path = [...props.path, index]
           return (
             <DataKeyPair

diff --git a/src/type.ts b/src/type.ts
@@ -43,6 +43,7 @@ export interface DataItemProps<ValueType = unknown> {
   value: ValueType
   prevValue: ValueType | undefined
   path: Path
+  nestedIndex?: number
 }
 
 export type EditorProps<ValueType = unknown> = {