convert example to tsx

theKashey · Jun 11, 2019 · 8b1c956 · 8b1c956
1 parent 254e2ae
commit 8b1c956
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 4 deletions.
diff --git a/UI/UI.d.ts b/UI/UI.d.ts
@@ -31,4 +31,4 @@ export class FreeFocusInside extends React.Component<FreeFocusProps> {
  * Secures the focus around the node
  */
 export class InFocusGuard extends React.Component<InFocusGuardProps> {
-}
+}
diff --git a/examples/preact-parcel/app/Lock.js → examples/preact-parcel/app/Lock.tsx b/examples/preact-parcel/app/Lock.js → examples/preact-parcel/app/Lock.tsx
@@ -1,11 +1,10 @@
 import { h } from 'preact';
-import React, {Component} from "react";
+import * as React from "react";
 import FocusLockUI from "react-focus-lock/UI";
 import {sidecar} from "use-sidecar";
 
 const styles = {
   fontFamily: "sans-serif",
-  textAlign: "center",
   fontSize: "16px"
 };
 
@@ -15,7 +14,7 @@ const bg = {
 
 const FocusLockSidecar = sidecar(() => import("react-focus-lock/sidecar"));
 
-class Trap extends Component {
+class Trap extends React.Component {
   state = {
     disabled: true
   }

diff --git a/package.json b/package.json
@@ -61,6 +61,7 @@
     "@storybook/addon-actions": "^4.0.4",
     "@storybook/addon-links": "^4.0.4",
     "@storybook/react": "^4.0.4",
+    "@types/react": "^16.8.19",
     "babel-eslint": "^9.0.0",
     "babel-loader": "^8.0.4",
     "babel-plugin-transform-react-remove-prop-types": "^0.4.19",

diff --git a/yarn.lock b/yarn.lock
@@ -1179,6 +1179,19 @@
   resolved "https://registry.yarnpkg.com/@types/node/-/node-6.0.88.tgz#f618f11a944f6a18d92b5c472028728a3e3d4b66"
   integrity sha512-bYDPZTX0/s1aihdjLuAgogUAT5M+TpoWChEMea2p0yOcfn5bu3k6cJb9cp6nw268XeSNIGGr+4+/8V5K6BGzLQ==
 
+"@types/prop-types@*":
+  version "15.7.1"
+  resolved "https://registry.yarnpkg.com/@types/prop-types/-/prop-types-15.7.1.tgz#f1a11e7babb0c3cad68100be381d1e064c68f1f6"
+  integrity sha512-CFzn9idOEpHrgdw8JsoTkaDDyRWk1jrzIV8djzcgpq0y9tG4B4lFT+Nxh52DVpDXV+n4+NPNv7M1Dj5uMp6XFg==
+
+"@types/react@^16.8.19":
+  version "16.8.19"
+  resolved "https://registry.yarnpkg.com/@types/react/-/react-16.8.19.tgz#629154ef05e2e1985cdde94477deefd823ad9be3"
+  integrity sha512-QzEzjrd1zFzY9cDlbIiFvdr+YUmefuuRYrPxmkwG0UQv5XF35gFIi7a95m1bNVcFU0VimxSZ5QVGSiBmlggQXQ==
+  dependencies:
+    "@types/prop-types" "*"
+    csstype "^2.2.0"
+
 "@webassemblyjs/[email protected]":
   version "1.7.11"
   resolved "https://registry.yarnpkg.com/@webassemblyjs/ast/-/ast-1.7.11.tgz#b988582cafbb2b095e8b556526f30c90d057cace"
@@ -4168,6 +4181,11 @@ [email protected], "cssom@>= 0.3.2 < 0.4.0":
   dependencies:
     cssom "0.3.x"
 
+csstype@^2.2.0:
+  version "2.6.5"
+  resolved "https://registry.yarnpkg.com/csstype/-/csstype-2.6.5.tgz#1cd1dff742ebf4d7c991470ae71e12bb6751e034"
+  integrity sha512-JsTaiksRsel5n7XwqPAfB0l3TFKdpjW/kgAELf9vrb5adGA7UCPLajKK5s3nFrcFm3Rkyp/Qkgl73ENc1UY3cA==
+
 csurf@~1.8.3:
   version "1.8.3"
   resolved "https://registry.yarnpkg.com/csurf/-/csurf-1.8.3.tgz#23f2a13bf1d8fce1d0c996588394442cba86a56a"
-Original file line number
+Diff line change
@@ Expand Up @@
      * Secures the focus around the node
      */
     export class InFocusGuard extends React.Component<InFocusGuardProps> {
-    }
+    }