ar-design 0.3.23 → 0.3.24

package/dist/components/form/button-action/IProps.d.ts

@@ -1,9 +1,10 @@
 import { Color } from "../../../libs/types";
+import { IIcon } from "../../../libs/types/IGlobalProps";
 interface IProps {
-    buttons: {
+    buttons: ({
         text: string;
         onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
         color?: Color;
-    }[];
+    } & IIcon)[];
 }
 export default IProps;

package/dist/components/form/button-action/index.js

@@ -44,13 +44,13 @@ const ButtonAction = ({ buttons }) => {
     const handleResizeEvent = () => setOpen(false);
     // useEffects
     useEffect(() => {
-        if (open) {
-            setTimeout(() => handlePosition(), 0);
-            window.addEventListener("blur", () => setOpen(false));
-            window.addEventListener("resize", handleResizeEvent);
-            document.addEventListener("click", handleClickOutSide);
-            document.addEventListener("keydown", handleKeys);
-        }
+        if (!open)
+            return;
+        setTimeout(() => handlePosition(), 0);
+        window.addEventListener("blur", () => setOpen(false));
+        window.addEventListener("resize", handleResizeEvent);
+        document.addEventListener("click", handleClickOutSide);
+        document.addEventListener("keydown", handleKeys);
         return () => {
             window.removeEventListener("blur", () => setOpen(false));
             window.removeEventListener("resize", handleResizeEvent);
@@ -60,9 +60,9 @@ const ButtonAction = ({ buttons }) => {
     }, [open]);
     return (React.createElement("div", { ref: _wrapper, className: "ar-button-action" },
         React.createElement("span", { ref: _button },
-            React.createElement(Button, { variant: "surface", color: "gray", icon: { element: React.createElement("span", { className: "dotted" }) }, onClick: () => setOpen((prev) => !prev) })),
+            React.createElement(Button, { variant: "borderless", color: "light", icon: { element: React.createElement("span", { className: "dotted" }) }, onClick: () => setOpen((prev) => !prev) })),
         open &&
-            ReactDOM.createPortal(React.createElement("span", { ref: _list, className: "ar-action-buttons" }, buttons.map((button) => (React.createElement(Button, { variant: "borderless", color: button.color ?? "blue", onClick: button.onClick }, button.text)))), document.body)));
+            ReactDOM.createPortal(React.createElement("span", { ref: _list, className: "ar-action-buttons" }, buttons.map((button) => (React.createElement(Button, { style: { display: "flex", justifyContent: "flex-start" }, variant: "borderless", color: button.color ?? "blue", size: "small", icon: button.icon, onClick: button.onClick }, button.text)))), document.body)));
 };
 ButtonAction.displayName = "ButtonAction";
 export default ButtonAction;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ar-design",
-  "version": "0.3.23",
+  "version": "0.3.24",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",