kiva-protocol-ui-kit 1.0.48 → 1.0.52

package/build/button/Button.d.ts

@@ -1,7 +1,8 @@
-import { FunctionComponent } from "react";
+import { FunctionComponent, MouseEventHandler } from "react";
 import "./Button.scss";
 export interface ButtonProps {
     title: string;
     style: string;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
 }
 export declare const Button: FunctionComponent<ButtonProps>;

package/build/consent-card/ConsentCard.d.ts

@@ -1,4 +1,4 @@
-import { FunctionComponent } from "react";
+import { FunctionComponent, MouseEventHandler } from "react";
 import "./ConsentCard.scss";
 import "../typography.scss";
 import "../variables.scss";
@@ -6,8 +6,10 @@ import 'bootstrap/dist/css/bootstrap.min.css';
 export interface ConsentCardProps {
     title: string;
     agreement: string;
-    pii: any;
-    back: string;
-    accept: string;
+    pii: JSX.Element | null;
+    backBtnHandler?: MouseEventHandler<HTMLButtonElement>;
+    backBtnContent: string;
+    acceptBtnHandler?: MouseEventHandler<HTMLButtonElement>;
+    acceptBtnContent: string;
 }
 export declare const ConsentCard: FunctionComponent<ConsentCardProps>;

package/build/index.esm.js

@@ -48,7 +48,7 @@ var css_248z$7 = "button{background-color:#004fd4!important;border-radius:16px!i
 styleInject(css_248z$7);
 
 var Button = function (prop) {
-    return (React.createElement("button", { type: "button", className: "btn btn-primary" }, prop.title));
+    return (React.createElement("button", { type: "button", className: "btn btn-primary", onClick: prop.onClick }, prop.title));
 };
 
 var css_248z$6 = ".alert{border-radius:20px;box-shadow:0 0 8px rgba(0,0,0,.08);padding:23.5px 50px}";
@@ -17321,9 +17321,9 @@ var ConsentCard = function (prop) {
             React.createElement("ul", null, lodash.map(prop.pii, function (item) { return React.createElement("li", { className: "pii-list-item" }, item); }))),
         React.createElement("div", { className: "row col-flex" },
             React.createElement("div", { className: "col-sm text-center" },
-                React.createElement(Button, { title: prop.back, style: "secondary" })),
+                React.createElement(Button, { title: prop.backBtnContent, style: "secondary", onClick: prop.backBtnHandler })),
             React.createElement("div", { className: "col-sm text-center" },
-                React.createElement(Button, { title: prop.accept, style: "primary" })))));
+                React.createElement(Button, { title: prop.acceptBtnContent, style: "primary", onClick: prop.acceptBtnHandler })))));
 };
 
 export { ActionCard, Alert, Button, ConsentCard, FormInput, QrCode };