From 225b004f4a13bfde2ce2e847aeda60262a8d9f65 Mon Sep 17 00:00:00 2001
From: Esteban Ibarra <eibarra1992@hotmail.com>
Date: Thu, 6 Dec 2018 15:01:57 -0500
Subject: [PATCH] Revert "Revert changes of react-native-draggable-flatlist"

This reverts commit ca53c065a52c288b7d8d3fb3bde5709c6d496f7c.
---
 .../index.d.ts                                | 59 +++++++++++++++++++
 .../react-native-draggable-flatlist-tests.tsx | 44 ++++++++++++++
 .../tsconfig.json                             | 24 ++++++++
 .../tslint.json                               |  1 +
 4 files changed, 128 insertions(+)
 create mode 100644 types/react-native-draggable-flatlist/index.d.ts
 create mode 100644 types/react-native-draggable-flatlist/react-native-draggable-flatlist-tests.tsx
 create mode 100644 types/react-native-draggable-flatlist/tsconfig.json
 create mode 100644 types/react-native-draggable-flatlist/tslint.json

diff --git a/types/react-native-draggable-flatlist/index.d.ts b/types/react-native-draggable-flatlist/index.d.ts
new file mode 100644
index 0000000000..0b96f0b3cd
--- /dev/null
+++ b/types/react-native-draggable-flatlist/index.d.ts
@@ -0,0 +1,59 @@
+// Type definitions for react-native-draggable-flatlist 1.1
+// Project: https://github.com/computerjazz/react-native-draggable-flatlist#readme
+// Definitions by: Stack Builders <https://github.com/stackbuilders>
+//                 Esteban Ibarra <https://github.com/ibarrae>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import { VirtualizedListWithoutRenderItemProps } from "react-native";
+import { Component } from "react";
+
+export interface RenderItemInfo<ItemR> {
+  item: ItemR;
+  index: number;
+  move: () => void;
+  moveEnd: () => void;
+  isActive: boolean;
+}
+
+export interface OnMoveEndInfo<ItemM> {
+  data: ReadonlyArray<ItemM> | null;
+  to: number;
+  from: number;
+  row: ItemM;
+}
+
+interface DraggableFlatListProps<Item> extends VirtualizedListWithoutRenderItemProps<Item> {
+  /**
+   * Items to be rendered.
+   */
+  data: ReadonlyArray<Item> | null;
+
+  /**
+   *  Function that returns updated ordering of data
+   */
+  onMoveEnd?: (info: OnMoveEndInfo<Item>) => void;
+
+  /**
+   * Function that is called when row becomes active.
+   */
+  onMoveBegin?: (index: number) => void;
+
+  /**
+   * Sets where scrolling begins.
+   *
+   * Default is 5
+   */
+  scrollPercent?: number;
+
+  /**
+   * Function that calls move when the row should become active (in an onPress, onLongPress, etc). Calls moveEnd when the gesture is complete (in onPressOut).
+   */
+  renderItem: (info: RenderItemInfo<Item>) => React.ReactElement<any> | null;
+}
+
+declare class DraggableFlatList<Item> extends Component<DraggableFlatListProps<Item>> {
+  constructor(props: DraggableFlatListProps<Item>);
+}
+
+export default DraggableFlatList;
diff --git a/types/react-native-draggable-flatlist/react-native-draggable-flatlist-tests.tsx b/types/react-native-draggable-flatlist/react-native-draggable-flatlist-tests.tsx
new file mode 100644
index 0000000000..40d613e4ea
--- /dev/null
+++ b/types/react-native-draggable-flatlist/react-native-draggable-flatlist-tests.tsx
@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { TouchableOpacity, Text } from 'react-native';
+import DraggableFlatList, { RenderItemInfo } from 'react-native-draggable-flatlist';
+
+interface Item {
+  name: string;
+  mail: string;
+}
+
+class Example extends React.Component {
+  state = {
+    data: [
+      { name: 'Esteban', mail: 'foo@foo.com' },
+      { name: 'Xavier', mail: 'foo2@foo.com' },
+    ]
+  };
+
+  renderItem({ item, index, move, moveEnd, isActive }: RenderItemInfo<Item>) {
+    return (
+      <TouchableOpacity
+        onLongPress={move}
+        onPressOut={moveEnd}
+      >
+        <Text>{index}</Text>
+        <Text>{item.name}</Text>
+        <Text>{item.mail}</Text>
+      </TouchableOpacity>
+    );
+  }
+
+  render() {
+    const { data } = this.state;
+    return (
+      <DraggableFlatList
+        data={data}
+        renderItem={this.renderItem}
+        keyExtractor={(_item, index) => `draggable-item-${index}`}
+        scrollPercent={10}
+        onMoveEnd={({ data }) => this.setState({ data })}
+        ListFooterComponent={<Text>{'Hello'}</Text>}
+      />
+    );
+  }
+}
diff --git a/types/react-native-draggable-flatlist/tsconfig.json b/types/react-native-draggable-flatlist/tsconfig.json
new file mode 100644
index 0000000000..b3c009feac
--- /dev/null
+++ b/types/react-native-draggable-flatlist/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true,
+        "jsx": "react-native"
+    },
+    "files": [
+        "index.d.ts",
+        "react-native-draggable-flatlist-tests.tsx"
+    ]
+}
diff --git a/types/react-native-draggable-flatlist/tslint.json b/types/react-native-draggable-flatlist/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-native-draggable-flatlist/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }