ehscan-react-components 0.1.5 → 0.1.6

package/dist/Button.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+type Props = {
+    index?: string | number;
+    text?: string;
+    selected?: boolean;
+    addClass?: string;
+    notimeout?: boolean;
+    size?: 'sm' | 'md' | 'lg';
+    click?: (args?: any) => void;
+    children?: ReactNode;
+};
+declare const Button: React.FC<Props>;
+export default Button;

package/dist/Button.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef, useCallback } from "react";
+import useRipple from "./tools/useRipple";
+const Button = ({ index, text, selected, addClass, notimeout, size = 'md', click, children }) => {
+    const buttonRef = useRef(null);
+    const handleRipple = useRipple();
+    const handleButtonClick = useCallback((event) => {
+        handleRipple(event, buttonRef);
+        if (notimeout) {
+            click === null || click === void 0 ? void 0 : click(event);
+            return;
+        }
+        setTimeout(() => {
+            click === null || click === void 0 ? void 0 : click(event);
+        }, 200);
+    }, [notimeout, click, handleRipple]);
+    return (_jsx(_Fragment, { children: _jsxs("button", { type: "button", ref: buttonRef, onClick: handleButtonClick, className: `ext-btn ext-btn--primary ext-btn--${size} _ripple ${addClass !== null && addClass !== void 0 ? addClass : ''}`, "aria-pressed": selected, children: [children, text && _jsx("div", { className: "ext-btn-label", children: text })] }, index) }));
+};
+export default Button;

package/dist/Components.d.ts

@@ -1,2 +1,2 @@
 import './style/button.css';
-export declare const myComp: () => import("react/jsx-runtime").JSX.Element;
+export declare const ExtButton: () => import("react/jsx-runtime").JSX.Element;

package/dist/Components.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import ExtButton from './ExtButton';
+import Button from './Button';
 import './style/button.css';
-export const myComp = () => {
-    return _jsx(ExtButton, {});
+export const ExtButton = () => {
+    return _jsx(Button, {});
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ehscan-react-components",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "components",
   "main": "dist/Components.js",
   "types": "dist/Components.d.ts",