fix dist

Author: sw-yx

.gitignore

@@ -0,0 +1,8 @@
+*.log
+.DS_Store
+node_modules
+.rts2_cache_cjs
+.rts2_cache_es
+.rts2_cache_umd
+dist
+node_modules

.size-snapshot.json

@@ -0,0 +1,36 @@
+{
+  "/Users/swyx/Netlify/react-netlify-identity-widget/dist/reactNetlifyIdentityWidget.cjs.development.js": {
+    "bundled": 1146,
+    "minified": 831,
+    "gzipped": 428
+  },
+  "/Users/swyx/Netlify/react-netlify-identity-widget/dist/reactNetlifyIdentityWidget.cjs.production.js": {
+    "bundled": 1146,
+    "minified": 831,
+    "gzipped": 428
+  },
+  "/Users/swyx/Netlify/react-netlify-identity-widget/dist/reactNetlifyIdentityWidget.umd.development.js": {
+    "bundled": 1604,
+    "minified": 988,
+    "gzipped": 520
+  },
+  "/Users/swyx/Netlify/react-netlify-identity-widget/dist/reactNetlifyIdentityWidget.umd.production.js": {
+    "bundled": 1604,
+    "minified": 988,
+    "gzipped": 520
+  },
+  "/Users/swyx/Netlify/react-netlify-identity-widget/dist/reactNetlifyIdentityWidget.es.production.js": {
+    "bundled": 979,
+    "minified": 703,
+    "gzipped": 364,
+    "treeshaked": {
+      "rollup": {
+        "code": 67,
+        "import_statements": 67
+      },
+      "webpack": {
+        "code": 1117
+      }
+    }
+  }
+}

README.md

@@ -0,0 +1,3 @@
+# TSDX Bootstrap
+
+This project was bootstrapped with [TSDX](https://github.com/jaredpalmer/tsdx).

package.json

@@ -2,8 +2,8 @@
   "name": "react-netlify-identity-widget",
   "version": "0.0.1",
   "main": "dist/index.js",
-  "umd:main": "dist/react-netlify-identity-widget.umd.production.js",
-  "module": "dist/react-netlify-identity-widget.es.production.js",
+  "umd:main": "dist/reactNetlifyIdentityWidget.umd.production.js",
+  "module": "dist/reactNetlifyIdentityWidget.es.production.js",
   "typings": "dist/index.d.ts",
   "files": [
     "dist"

src/index.tsx

@@ -0,0 +1,36 @@
+import React from "react"
+import {
+  // Dialog,
+  DialogOverlay,
+  DialogContent
+} from "@reach/dialog"
+import VisuallyHidden from "@reach/visually-hidden"
+
+type ModalProps = {
+  /** pass a boolean to be true or false */
+  showDialog: boolean
+  /** modal will call this function to set the state of showDialog to false */
+  onCloseDialog: () => void
+}
+export function Modal({ showDialog, onCloseDialog }: ModalProps) {
+  return (
+    <DialogOverlay isOpen={showDialog}>
+      <DialogContent
+        style={{
+          border: "solid 5px hsla(0, 0%, 0%, 0.5)",
+          borderRadius: "10px"
+        }}
+      >
+        <p>I have a nice border now.</p>
+        <p>
+          Note that we could have used the simpler <code>Dialog</code> instead.
+        </p>
+
+        <button className="close-button" onClick={onCloseDialog}>
+          <VisuallyHidden>Close</VisuallyHidden>
+          <span aria-hidden>×</span>
+        </button>
+      </DialogContent>
+    </DialogOverlay>
+  )
+}

test/blah.test.ts

@@ -0,0 +1,7 @@
+import { sum } from '../src';
+
+describe('fuck', () => {
+  it('works', () => {
+    expect(sum(1, 1)).toEqual(2);
+  });
+});

tsconfig.json

@@ -0,0 +1,29 @@
+{
+  "compilerOptions": {
+    "target": "es6",
+    "module": "ESNext",
+    "lib": ["dom", "esnext"],
+    "declaration": true,
+    "sourceMap": true,
+    "rootDir": "./",
+    "strict": true,
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "strictFunctionTypes": true,
+    "strictPropertyInitialization": true,
+    "noImplicitThis": true,
+    "alwaysStrict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "moduleResolution": "node",
+    "baseUrl": "./",
+    "paths": {
+      "*": ["src/*", "node_modules/*"]
+    },
+    "jsx": "react",
+    "esModuleInterop": true
+  },
+  "include": ["src", "types"]
+}

types/reachdialog.d.ts

@@ -0,0 +1,21 @@
+declare module "@reach/dialog" {
+  import React from "react"
+
+  export type DialogProps = {
+    isOpen?: boolean
+    onDismiss?: () => void
+    children?: React.ReactNode
+  } & React.HTMLProps<HTMLDivElement>
+
+  type DialogOverlayProps = {
+    initialFocusRef?: React.RefObject<HTMLElement>
+  } & DialogProps
+
+  type DialogContentProps = {
+    children?: React.ReactNode
+  } & React.HTMLProps<HTMLDivElement>
+
+  export const Dialog: React.SFC<DialogProps>
+  export const DialogOverlay: React.SFC<DialogOverlayProps>
+  export const DialogContent: React.SFC<DialogContentProps>
+}

types/reachvisuallyhidden.d.ts

@@ -0,0 +1,5 @@
+declare module "@reach/visually-hidden" {
+  const VisuallyHidden: React.SFC
+
+  export default VisuallyHidden
+}