Merge fc116d6 into 8c75088

heyjul3s · Mar 29, 2021 · 4459ef8 · 4459ef8
2 parents 8c75088 + fc116d6
commit 4459ef8
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 5 deletions.
diff --git a/packages/artifak/package.json b/packages/artifak/package.json
@@ -44,6 +44,7 @@
   },
   "dependencies": {
     "@artifak/component-generator": "^2.0.1",
+    "@artifak/container": "^1.0.0",
     "@artifak/flex": "^1.1.7",
     "@artifak/fluidsizing": "^1.0.1",
     "@artifak/grid": "^1.1.5",
@@ -53,7 +54,10 @@
     "@artifak/media": "^1.0.2",
     "@artifak/pxtoem": "^1.0.1",
     "@artifak/pxtorem": "^1.0.1",
+    "@artifak/text-input": "^1.0.2",
     "@artifak/typography": "^2.0.0",
+    "@artifak/useclickaway": "^1.0.0",
+    "@artifak/usedebouncedfn": "^1.0.0",
     "@artifak/usematchmedia": "^1.0.2",
     "@artifak/usewindowsize": "^1.0.2"
   },

diff --git a/packages/bundler/index.js b/packages/bundler/index.js
@@ -46,7 +46,6 @@ const baseOutputOptions = {
     'styled-components': 'StyledComponents',
     'styled-system': 'StyledSystem'
   },
-  sourcemap: true,
   exports: 'named'
 };
 

diff --git a/packages/useclickaway/README.md b/packages/useclickaway/README.md
@@ -1,11 +1,29 @@
 # `@artifak/useclickaway`
 
-> TODO: description
+A React hook to trigger a callback when a click event occurs on a target that is not the specified ref HTML element.
 
 ## Usage
 
-```
-const useclickaway = require('@artifak/useclickaway');
+```ts
+import React from 'react';
+import { useClickAway } from '@artifak/useclickaway;
+
+const Dummy = () => {
+    const ref: React.RefObject<HTMLDivElement> = React.createRef();
+
+    const onClickAway = () => {
+      console.log('Clicked');
+    };
+
+    useClickAway(ref, onClickAway);
 
-// TODO: DEMONSTRATE API
+    return (
+      <div>
+        Wrapper
+        <div ref={ref}>
+          Click Me
+        </div>
+      </div>
+    );
+  };
 ```