Pass prop down to collection node

Author: CarlosNZ

src/CollectionNode.tsx

@@ -32,6 +32,7 @@ export const CollectionNode: React.FC<CollectionNodeProps> = (props) => {
     onDelete,
     canDragOnto,
     collapseFilter,
+    collapseAnimationTime,
     onMove,
     enableClipboard,
     searchFilter,
@@ -145,7 +146,7 @@ export const CollectionNode: React.FC<CollectionNodeProps> = (props) => {
       hasBeenOpened.current = true
       setCollapsed(!collapsed)
       setCollapseState(null)
-      setTimeout(() => setIsAnimating(false), 500)
+      setTimeout(() => setIsAnimating(false), collapseAnimationTime)
     }
   }
 

src/JsonEditor.tsx

@@ -37,7 +37,7 @@ const Editor: React.FC<JsonEditorProps> = ({
   enableClipboard = true,
   indent = 3,
   collapse = false,
-  collapseAnimationTime,
+  collapseAnimationTime = 500,
   showCollectionCount = true,
   restrictEdit = false,
   restrictDelete = false,
@@ -77,10 +77,7 @@ const Editor: React.FC<JsonEditorProps> = ({
   const transitionTime = getComputedStyle(document.documentElement).getPropertyValue(
     '--jer-expand-transition-time'
   )
-  if (
-    collapseAnimationTime !== undefined &&
-    parseFloat(transitionTime) * 1000 !== collapseAnimationTime
-  ) {
+  if (parseFloat(transitionTime) * 1000 !== collapseAnimationTime) {
     docRoot?.style.setProperty('--jer-expand-transition-time', `${collapseAnimationTime / 1000}s`)
   }
 
@@ -261,6 +258,7 @@ const Editor: React.FC<JsonEditorProps> = ({
     onMove,
     showCollectionCount,
     collapseFilter,
+    collapseAnimationTime,
     restrictEditFilter,
     restrictDeleteFilter,
     restrictAddFilter,

src/types.ts

@@ -193,6 +193,7 @@ interface BaseNodeProps {
 export interface CollectionNodeProps extends BaseNodeProps {
   data: CollectionData
   collapseFilter: FilterFunction
+  collapseAnimationTime: number
   onAdd: InternalUpdateFunction
   keySort: boolean | CompareFunction
   showArrayIndices: boolean