@d1vij/jassm 0.1.15 → 0.1.17

package/dist/index.js

@@ -229,13 +229,24 @@ function Striked(props) {
 }
 
 // src/components/Elements/Table.tsx
-import { cn as cn13, useClipboardText as useClipboardText2 } from "@d1vij/shit-i-always-use";
-import { useRef as useRef2 } from "react";
+import {
+  cn as cn13,
+  useClipboardText as useClipboardText2
+} from "@d1vij/shit-i-always-use";
+import { useCallback, useEffect as useEffect2, useRef as useRef2, useState as useState3 } from "react";
 import { jsx as jsx13, jsxs } from "react/jsx-runtime";
-function TableActionButton({ label, onClick }) {
+function TableActionButton({
+  label,
+  onClick,
+  setOpen
+}) {
   const styles = useStyles();
+  function handleClick(e) {
+    setOpen(false);
+    onClick(e);
+  }
   return /* @__PURE__ */ jsx13("button", {
-    onClick,
+    onClick: handleClick,
     className: cn13(styles.table_action_button),
     type: "button",
     children: label
@@ -303,15 +314,34 @@ function getTableJsonAsMarkdown(json) {
 function Table(props) {
   const styles = useStyles();
   const ref = useRef2(null);
+  const detailsRef = useRef2(null);
+  const [open, setOpen] = useState3(false);
   const { copy } = useClipboardText2();
-  function copyAs(_as) {
+  useEffect2(() => {
+    const elm = detailsRef.current;
+    if (!elm)
+      return;
+    function handleMouseLeave() {
+      setOpen(false);
+    }
+    function handleMouseEnter() {
+      setOpen(true);
+    }
+    elm.addEventListener("mouseenter", handleMouseEnter);
+    elm.addEventListener("mouseleave", handleMouseLeave);
+    return () => {
+      elm.removeEventListener("mouseenter", handleMouseEnter);
+      elm.removeEventListener("mouseleave", handleMouseLeave);
+    };
+  }, []);
+  const copyAs = useCallback((format) => {
     return async () => {
       const elm = ref.current;
       if (!elm)
         return;
       const json = getTableAsJson(elm);
       let extractedText;
-      switch (_as) {
+      switch (format) {
         case "html":
           extractedText = getTableJsonAsHtml(json);
           break;
@@ -329,7 +359,7 @@ function Table(props) {
       }
       await copy(extractedText);
     };
-  }
+  }, [copy]);
   return /* @__PURE__ */ jsxs("div", {
     className: cn13(styles.table_container),
     children: [
@@ -339,25 +369,31 @@ function Table(props) {
         children: props.children
       }),
       /* @__PURE__ */ jsxs("details", {
+        ref: detailsRef,
         className: cn13(styles.table_action_buttons_details),
+        open,
         children: [
           /* @__PURE__ */ jsx13("summary", {
             className: cn13(styles.table_action_buttons_summary),
             children: "Copy"
           }),
           /* @__PURE__ */ jsx13(TableActionButton, {
+            setOpen,
             label: "HTML",
             onClick: copyAs("html")
           }),
           /* @__PURE__ */ jsx13(TableActionButton, {
+            setOpen,
             label: "CSV",
             onClick: copyAs("csv")
           }),
           /* @__PURE__ */ jsx13(TableActionButton, {
+            setOpen,
             label: "Json",
             onClick: copyAs("json")
           }),
           /* @__PURE__ */ jsx13(TableActionButton, {
+            setOpen,
             label: "Markdown",
             onClick: copyAs("markdown")
           })

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@d1vij/jassm",
     "description": "Just another static site maker. Create simple content driven sites using MDX and React along with Typescript safety.",
-    "version": "0.1.15",
+    "version": "0.1.17",
     "type": "module",
     "files": [
         "dist"