@yakad/ui 1.2.1 → 1.2.3

package/clickAwayListener/clickAwayListener.tsx

@@ -0,0 +1,27 @@
+import React, { useEffect, useRef } from "react";
+
+interface ClickAwayListenerProps extends React.HTMLAttributes<HTMLDivElement> {
+    onClickAway: React.MouseEventHandler<HTMLDivElement>;
+}
+
+function ClickAwayListener(props: ClickAwayListenerProps) {
+    const ref = useRef(null);
+
+    useEffect(() => {
+        const handleOutSideClick = (event: MouseEvent) => {
+            if (ref.current && !(ref.current as any).contains(event.target)) {
+                props.onClickAway && props.onClickAway(event as any);
+            }
+        };
+
+        document.addEventListener("click", handleOutSideClick, true);
+
+        // CleanUp When element unmount
+        return () =>
+            document.removeEventListener("click", handleOutSideClick, true);
+    }, [props.onClickAway]);
+
+    return <div ref={ref}>{props.children}</div>;
+}
+
+export default ClickAwayListener;

package/historyBack/historyBack.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+import { useNavigate } from "react-router-dom";
+
+function HistoryBack(props: React.HTMLAttributes<HTMLDivElement>) {
+    const navigate = useNavigate();
+
+    return (
+        <div
+            {...props}
+            onClick={() => {
+                navigate(-1);
+                props.onClick!(null as any);
+            }}
+        >
+            {props.children}
+        </div>
+    );
+}
+
+export default HistoryBack;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@yakad/ui",
-    "version": "1.2.1",
+    "version": "1.2.3",
     "description": "",
     "main": "./src/index.js",
     "scripts": {

package/index.tsx

@@ -1,39 +0,0 @@
-import Button from "./button/button";
-import AppBar from "./appBar/appBar";
-import Card from "./card/card";
-import Container from "./container/container";
-import Footer from "./footer/footer";
-import Form from "./form/form";
-import GridContainer from "./gridContainer/gridContainer";
-import GridItem from "./gridItem/gridItem";
-import Hr from "./hr/hr";
-import List from "./list/list";
-import ListItem from "./listItem/listItem";
-import Main from "./main/main";
-import Navigation from "./navigation/navigation";
-import Page from "./page/page";
-import Row from "./row/row";
-import Spacer from "./spacer/spacer";
-import Stack from "./stack/stack";
-import SvgIcon from "./svgIcon/svgIcon";
-
-export {
-    Button,
-    AppBar,
-    Card,
-    Container,
-    Footer,
-    Form,
-    GridContainer,
-    GridItem,
-    Hr,
-    List,
-    ListItem,
-    Main,
-    Navigation,
-    Page,
-    Row,
-    Stack,
-    Spacer,
-    SvgIcon,
-};