@keycloakify/keycloak-account-ui
Version:
<p align="center"> <img src="https://github.com/user-attachments/assets/e31c4910-7205-441c-9a35-e134b806b3a8"> </p> <p align="center"> <i>Repackaged Keycloak Account UI</i> <br> <br> <a href="https://github.com/keycloakify/keycloak-a
27 lines • 1.93 kB
JavaScript
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
};
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { useState } from "react";
import { Button, Modal } from "@patternfly/react-core";
export const ContinueCancelModal = (_a) => {
var { modalTitle, continueLabel, cancelLabel, buttonTitle, isDisabled, buttonVariant, buttonTestRole, onContinue, component = Button, children } = _a, rest = __rest(_a, ["modalTitle", "continueLabel", "cancelLabel", "buttonTitle", "isDisabled", "buttonVariant", "buttonTestRole", "onContinue", "component", "children"]);
const [open, setOpen] = useState(false);
const Component = component;
return (_jsxs(_Fragment, { children: [_jsx(Component, { variant: buttonVariant, onClick: () => setOpen(true), isDisabled: isDisabled, "data-testrole": buttonTestRole, children: buttonTitle }), _jsx(Modal, Object.assign({ variant: "small" }, rest, { title: modalTitle, isOpen: open, onClose: () => setOpen(false), actions: [
_jsx(Button, { id: "modal-confirm", variant: "primary", onClick: () => {
setOpen(false);
onContinue();
}, children: continueLabel }, "confirm"),
_jsx(Button, { id: "modal-cancel", variant: "secondary", onClick: () => setOpen(false), children: cancelLabel }, "cancel"),
], children: children }))] }));
};
//# sourceMappingURL=ContinueCancelModal.js.map