UNPKG

@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
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