From 030a4fe9fea97ad1d44dc8817fae1ec3645ed38f Mon Sep 17 00:00:00 2001
From: Dimitri Benin <dimitri.benin@gmail.com>
Date: Mon, 25 Feb 2019 20:12:48 +0100
Subject: [PATCH] [screenfull] Update types to v4.0

---
 types/screenfull/index.d.ts          | 85 ++++++++++++++++++++++++++++
 types/screenfull/screenfull-tests.ts | 46 +++++++++++++++
 types/screenfull/tsconfig.json       | 24 ++++++++
 types/screenfull/tslint.json         |  3 +
 4 files changed, 158 insertions(+)
 create mode 100644 types/screenfull/index.d.ts
 create mode 100644 types/screenfull/screenfull-tests.ts
 create mode 100644 types/screenfull/tsconfig.json
 create mode 100644 types/screenfull/tslint.json
diff --git a/types/screenfull/index.d.ts b/types/screenfull/index.d.ts
new file mode 100644
index 0000000000..2c7b93e453
--- /dev/null
+++ b/types/screenfull/index.d.ts
@@ -0,0 +1,85 @@
+// Type definitions for screenfull.js 4.0
+// Project: https://github.com/sindresorhus/screenfull.js
+// Definitions by: Ilia Choly <https://github.com/icholy>
+//                 lionelb <https://github.com/lionelb>
+//                 Joel Shepherd <https://github.com/joelshepherd>
+//                 BendingBender <https://github.com/BendingBender>
+// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
+// TypeScript Version: 2.5
+
+export = screenfull;
+export as namespace screenfull;
+
+declare const screenfull: screenfull.Screenfull | false;
+
+declare namespace screenfull {
+    interface Screenfull {
+        /**
+         * Returns a boolean whether fullscreen is active.
+         */
+        readonly isFullscreen: boolean;
+        /**
+         * Returns the element currently in fullscreen, otherwise `null`.
+         */
+        readonly element: Element | null;
+        /**
+         * Returns a boolean whether you are allowed to enter fullscreen. If your page is inside an `<iframe>`
+         * you will need to add a `allowfullscreen` attribute (+ `webkitallowfullscreen` and `mozallowfullscreen`).
+         */
+        readonly enabled: boolean;
+        /**
+         * Exposes the raw properties (prefixed if needed) used internally.
+         */
+        raw: RawEventNames;
+        /**
+         * Make an element fullscreen.
+         *
+         * If your page is inside an `<iframe>` you will need to add a `allowfullscreen` attribute
+         * (+ `webkitallowfullscreen` and `mozallowfullscreen`).
+         *
+         * Keep in mind that the browser will only enter fullscreen when initiated by user events like click, touch, key.
+         *
+         * @param element Default is `<html>`. If called with another element than the currently active,
+         * it will switch to that if it's a decendant.
+         * @returns A promise that resolves after the element enters fullscreen.
+         */
+        request(element?: Element): Promise<void>;
+        /**
+         * Brings you out of fullscreen.
+         * @returns A promise that resolves after the element exits fullscreen.
+         */
+        exit(): Promise<void>;
+        /**
+         * Requests fullscreen if not active, otherwise exits.
+         * @returns A promise that resolves after the element enters/exits fullscreen.
+         */
+        toggle(elem?: Element): Promise<void>;
+        /**
+         * Add a listener for when the browser switches in and out of fullscreen or when there is an error.
+         */
+        on(name: EventName, handler: (event: Event) => void): void;
+        /**
+         * Remove a previously registered event listener.
+         */
+        off(name: EventName, handler: (event: Event) => void): void;
+        /**
+         * Alias for `.on('change', function)`.
+         */
+        onchange(handler: (event: Event) => void): void;
+        /**
+         * Alias for `.on('error', function)`.
+         */
+        onerror(handler: (event: Event) => void): void;
+    }
+
+    interface RawEventNames {
+        requestFullscreen: string;
+        exitFullscreen: string;
+        fullscreenElement: string;
+        fullscreenEnabled: string;
+        fullscreenchange: string;
+        fullscreenerror: string;
+    }
+
+    type EventName = 'change' | 'error';
+}
diff --git a/types/screenfull/screenfull-tests.ts b/types/screenfull/screenfull-tests.ts
new file mode 100644
index 0000000000..3bc509fd53
--- /dev/null
+++ b/types/screenfull/screenfull-tests.ts
@@ -0,0 +1,46 @@
+import screenfull = require('screenfull');
+
+if (screenfull) {
+    screenfull.enabled; // $ExpectType boolean
+    screenfull.enabled = false; // $ExpectError
+    screenfull.isFullscreen; // $ExpectType boolean
+    screenfull.isFullscreen = false; // $ExpectError
+    screenfull.element; // $ExpectType Element | null
+    screenfull.element = document.documentElement; // $ExpectError
+
+    if (screenfull.enabled) {
+        const elem: Element = document.getElementById('target')!;
+
+        screenfull.request(); // $ExpectType Promise<void>
+        screenfull.request(elem); // $ExpectType Promise<void>
+        screenfull.toggle(); // $ExpectType Promise<void>
+        screenfull.toggle(elem); // $ExpectType Promise<void>
+        screenfull.exit(); // $ExpectType Promise<void>
+
+        screenfull.on('change', event => {
+            event; // $ExpectType Event
+        });
+        screenfull.on('error', event => {
+            event; // $ExpectType Event
+        });
+        screenfull.off('change', event => {
+            event; // $ExpectType Event
+        });
+        screenfull.off('error', event => {
+            event; // $ExpectType Event
+        });
+        screenfull.onchange(event => {
+            event; // $ExpectType Event
+        });
+        screenfull.onerror(event => {
+            event; // $ExpectType Event
+        });
+
+        screenfull.raw.requestFullscreen; // $ExpectType string
+        screenfull.raw.exitFullscreen; // $ExpectType string
+        screenfull.raw.fullscreenElement; // $ExpectType string
+        screenfull.raw.fullscreenEnabled; // $ExpectType string
+        screenfull.raw.fullscreenchange; // $ExpectType string
+        screenfull.raw.fullscreenerror; // $ExpectType string
+    }
+}
diff --git a/types/screenfull/tsconfig.json b/types/screenfull/tsconfig.json
new file mode 100644
index 0000000000..e3073a5338
--- /dev/null
+++ b/types/screenfull/tsconfig.json
@@ -0,0 +1,24 @@
+{
+    "compilerOptions": {
+        "module": "commonjs",
+        "lib": [
+            "es6",
+            "dom"
+        ],
+        "noImplicitAny": true,
+        "noImplicitThis": true,
+        "strictNullChecks": true,
+        "strictFunctionTypes": true,
+        "baseUrl": "../",
+        "typeRoots": [
+            "../"
+        ],
+        "types": [],
+        "noEmit": true,
+        "forceConsistentCasingInFileNames": true
+    },
+    "files": [
+        "index.d.ts",
+        "screenfull-tests.ts"
+    ]
+}
diff --git a/types/screenfull/tslint.json b/types/screenfull/tslint.json
new file mode 100644
index 0000000000..f93cf8562a
--- /dev/null
+++ b/types/screenfull/tslint.json
@@ -0,0 +1,3 @@
+{
+    "extends": "dtslint/dt.json"
+}
