From 47fc9ee6597d491f6ddd5c3f32a65497b8cbef38 Mon Sep 17 00:00:00 2001
From: Alex Bukurov <abukurov@hwdtech.ru>
Date: Wed, 2 Oct 2019 04:59:28 +0600
Subject: [PATCH] [react-scrollbar-size] Introduce type definitions (#38768)

---
 types/react-scrollbar-size/index.d.ts         | 20 +++++++++++++++
 .../react-scrollbar-size-tests.tsx            | 14 +++++++++++
 types/react-scrollbar-size/tsconfig.json      | 25 +++++++++++++++++++
 types/react-scrollbar-size/tslint.json        |  1 +
 4 files changed, 60 insertions(+)
 create mode 100644 types/react-scrollbar-size/index.d.ts
 create mode 100644 types/react-scrollbar-size/react-scrollbar-size-tests.tsx
 create mode 100644 types/react-scrollbar-size/tsconfig.json
 create mode 100644 types/react-scrollbar-size/tslint.json

diff --git a/types/react-scrollbar-size/index.d.ts b/types/react-scrollbar-size/index.d.ts
new file mode 100644
index 0000000000..14effdb69b
--- /dev/null
+++ b/types/react-scrollbar-size/index.d.ts
@@ -0,0 +1,20 @@
+// Type definitions for react-scrollbar-size 2.1
+// Project: https://github.com/STORIS/react-scrollbar-size#readme
+// Definitions by: Alex Bukurov <https://github.com/abukurov>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.8
+
+import * as React from 'react';
+
+export interface Measurement {
+  scrollbarWidth: number;
+  scrollbarHeight: number;
+}
+
+export interface ScrollbarSizeProps {
+  onLoad?: (measurement: Measurement) => void;
+  onChange?: (measurement: Measurement) => void;
+}
+
+export default class ScrollbarSize extends React.Component<ScrollbarSizeProps> {
+}
diff --git a/types/react-scrollbar-size/react-scrollbar-size-tests.tsx b/types/react-scrollbar-size/react-scrollbar-size-tests.tsx
new file mode 100644
index 0000000000..e7817dba7e
--- /dev/null
+++ b/types/react-scrollbar-size/react-scrollbar-size-tests.tsx
@@ -0,0 +1,14 @@
+import * as React from "react";
+import ScrollbarSize from "react-scrollbar-size";
+
+const elements = [
+  <ScrollbarSize/>,
+  <ScrollbarSize
+    onLoad={measurement => {
+      console.log(measurement.scrollbarWidth, measurement.scrollbarHeight);
+    }}
+    onChange={measurement => {
+      console.log(measurement.scrollbarWidth, measurement.scrollbarHeight);
+    }}
+  />
+];
diff --git a/types/react-scrollbar-size/tsconfig.json b/types/react-scrollbar-size/tsconfig.json
new file mode 100644
index 0000000000..252e444c26
--- /dev/null
+++ b/types/react-scrollbar-size/tsconfig.json
@@ -0,0 +1,25 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictFunctionTypes": true,
+        "strictNullChecks": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "jsx": "react",
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "react-scrollbar-size-tests.tsx"
+    ]
+}
diff --git a/types/react-scrollbar-size/tslint.json b/types/react-scrollbar-size/tslint.json
new file mode 100644
index 0000000000..3db14f85ea
--- /dev/null
+++ b/types/react-scrollbar-size/tslint.json
@@ -0,0 +1 @@
+{ "extends": "dtslint/dt.json" }