Improved reordering

submodules/ChatListUI/Sources/Node/ChatListItem.swift

@@ -1820,6 +1820,13 @@ class ChatListItemNode: ItemListRevealOptionsItemNode {
             self.revealOptionSelected(ItemListRevealOption(key: action.key, title: "", icon: .none, color: .black, textColor: .white), animated: false)
         }
     }
+    
+    override func snapshotForReordering() -> UIView? {
+        self.backgroundNode.alpha = 0.9
+        let result = self.view.snapshotContentTree()
+        self.backgroundNode.alpha = 1.0
+        return result
+    }
 }
 
 private func foldLineBreaks(_ text: String) -> String {

submodules/Display/Display/ListView.swift

@@ -425,6 +425,11 @@ open class ListView: ASDisplayNode, UIScrollViewAccessibilityDelegate, UIGesture
             self.addSubnode(reorderNode)
         }
         itemNode.isHidden = true
+        
+        if strongSelf.reorderFeedback == nil {
+            strongSelf.reorderFeedback = HapticFeedback()
+        }
+        strongSelf.reorderFeedback?.impact()
     }
     
     private func endReordering() {

submodules/Display/Display/ListViewItemNode.swift

@@ -562,4 +562,8 @@ open class ListViewItemNode: ASDisplayNode {
     
     open func applyAbsoluteOffset(value: CGFloat, animationCurve: ContainedViewLayoutTransitionCurve, duration: Double) {
     }
+    
+    open func snapshotForReordering() -> UIView? {
+        return self.view.snapshotContentTree()
+    }
 }

submodules/Display/Display/ListViewReorderingItemNode.swift

@@ -2,47 +2,96 @@ import Foundation
 import UIKit
 import AsyncDisplayKit
 
+private func generateShadowImage(mirror: Bool) -> UIImage? {
+    return generateImage(CGSize(width: 30.0, height: 30.0), rotatedContext: { size, context in
+        context.clear(CGRect(origin: CGPoint(), size: size))
+        
+        if mirror {
+            context.translateBy(x: size.width / 2.0, y: size.height / 2.0)
+            context.scaleBy(x: 1.0, y: -1.0)
+            context.translateBy(x: -size.width / 2.0, y: -size.height / 2.0)
+        }
+        
+        context.setShadow(offset: CGSize(width: 0.0, height: 0.0), blur: 10.0, color: UIColor(white: 0.0, alpha: 0.4).cgColor)
+        context.setFillColor(UIColor(white: 0.0, alpha: 1.0).cgColor)
+        for _ in 0 ..< 1 {
+            context.fill(CGRect(origin: CGPoint(x: 0.0, y: 0.0), size: CGSize(width: size.width, height: 15.0)))
+        }
+        context.clear(CGRect(origin: CGPoint(x: 0.0, y: 0.0), size: CGSize(width: size.width, height: 15.0)))
+    })
+}
+
+private final class CopyView: UIView {
+    let topShadow: UIImageView
+    let bottomShadow: UIImageView
+    
+    override init(frame: CGRect) {
+        self.topShadow = UIImageView()
+        self.bottomShadow = UIImageView()
+        
+        super.init(frame: frame)
+        
+        self.topShadow.image = generateShadowImage(mirror: true)
+        self.bottomShadow.image = generateShadowImage(mirror: false)
+        
+        self.addSubview(self.topShadow)
+        self.addSubview(self.bottomShadow)
+    }
+    
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+}
+
 final class ListViewReorderingItemNode: ASDisplayNode {
     weak var itemNode: ListViewItemNode?
     
     var currentState: (Int, Int)?
     
-    private let copyView: UIView?
+    private let copyView: CopyView
     private let initialLocation: CGPoint
     
     init(itemNode: ListViewItemNode, initialLocation: CGPoint) {
         self.itemNode = itemNode
-        self.copyView = itemNode.view.snapshotView(afterScreenUpdates: false)
+        self.copyView = CopyView(frame: CGRect())
+        let snapshotView = itemNode.snapshotForReordering()
         self.initialLocation = initialLocation
         
         super.init()
         
-        if let copyView = self.copyView {
-            self.view.addSubview(copyView)
-            copyView.frame = CGRect(origin: CGPoint(x: initialLocation.x, y: initialLocation.y), size: copyView.bounds.size)
-            copyView.bounds = itemNode.bounds
+        if let snapshotView = snapshotView {
+            snapshotView.frame = CGRect(origin: CGPoint(), size: itemNode.bounds.size)
+            snapshotView.bounds.origin = itemNode.bounds.origin
+            self.copyView.addSubview(snapshotView)
         }
+        self.view.addSubview(self.copyView)
+        self.copyView.frame = CGRect(origin: CGPoint(x: initialLocation.x, y: initialLocation.y), size: itemNode.bounds.size)
+        
+        self.copyView.topShadow.frame = CGRect(origin: CGPoint(x: 0.0, y: -15.0), size: CGSize(width: copyView.bounds.size.width, height: 30.0))
+        
+        self.copyView.bottomShadow.image = generateShadowImage(mirror: false)
+        self.copyView.bottomShadow.frame = CGRect(origin: CGPoint(x: 0.0, y: self.copyView.bounds.size.height - 15.0), size: CGSize(width: self.copyView.bounds.size.width, height: 30.0))
+        
+        self.copyView.topShadow.layer.animateAlpha(from: 0.0, to: 1.0, duration: 0.25)
+        self.copyView.bottomShadow.layer.animateAlpha(from: 0.0, to: 1.0, duration: 0.25)
     }
     
     func updateOffset(offset: CGFloat) {
-        if let copyView = self.copyView {
-            copyView.frame = CGRect(origin: CGPoint(x: initialLocation.x, y: initialLocation.y + offset), size: copyView.bounds.size)
-        }
+        self.copyView.frame = CGRect(origin: CGPoint(x: initialLocation.x, y: initialLocation.y + offset), size: copyView.bounds.size)
     }
     
     func currentOffset() -> CGFloat? {
-        if let copyView = self.copyView {
-            return copyView.center.y
-        }
-        return nil
+        return self.copyView.center.y
     }
     
     func animateCompletion(completion: @escaping () -> Void) {
-        if let copyView = self.copyView, let itemNode = self.itemNode {
-            itemNode.isHidden = false
-            itemNode.transitionOffset = itemNode.apparentFrame.midY - copyView.frame.midY
-            itemNode.addTransitionOffsetAnimation(0.0, duration: 0.2, beginAt: CACurrentMediaTime())
-            completion()
+        if let itemNode = self.itemNode {
+            self.copyView.topShadow.layer.animateAlpha(from: 1.0, to: 0.0, duration: 0.2)
+            self.copyView.bottomShadow.layer.animateAlpha(from: 1.0, to: 0.0, duration: 0.2)
+            self.copyView.layer.animatePosition(from: CGPoint(), to: CGPoint(x: 0.0, y: itemNode.apparentFrame.midY - copyView.frame.midY), duration: 0.2, removeOnCompletion: false, additive: true, force: true, completion: { [weak itemNode] _ in
+                itemNode?.isHidden = false
+                completion()
+            })
         } else {
             completion()
         }

submodules/ItemListStickerPackItem/Sources/ItemListStickerPackItem.swift

@@ -741,4 +741,11 @@ class ItemListStickerPackItemNode: ItemListRevealOptionsItemNode {
         }
         return false
     }
+    
+    override func snapshotForReordering() -> UIView? {
+        self.backgroundNode.alpha = 0.9
+        let result = self.view.snapshotContentTree()
+        self.backgroundNode.alpha = 1.0
+        return result
+    }
 }