@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
46 lines • 2.92 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ConfirmDelete = void 0;
var tslib_1 = require("tslib");
var React = tslib_1.__importStar(require("react"));
var react_1 = require("react");
var ListItemCommentsStateProvider_1 = require("../ListItemCommentsStateProvider");
var Dialog_1 = require("@fluentui/react/lib/Dialog");
var Button_1 = require("@fluentui/react/lib/Button");
var CommentItem_1 = require("../Comments/CommentItem");
var DocumentCard_1 = require("@fluentui/react/lib/DocumentCard");
var DocumentCard_2 = require("@fluentui/react/lib/DocumentCard");
var Stack_1 = require("@fluentui/react/lib/Stack");
var useListItemCommentsStyles_1 = require("../Comments/useListItemCommentsStyles");
var ControlStrings_1 = tslib_1.__importDefault(require("ControlStrings"));
var ConfirmDelete = function (props) {
var listItemCommentsState = (0, react_1.useContext)(ListItemCommentsStateProvider_1.ListItemCommentsStateContext).listItemCommentsState;
var _a = (0, useListItemCommentsStyles_1.useListItemCommentsStyles)(), documentCardDeleteStyles = _a.documentCardDeleteStyles, itemContainerStyles = _a.itemContainerStyles;
var hideDialog = props.hideDialog, onDismiss = props.onDismiss;
var selectedComment = listItemCommentsState.selectedComment;
var stylesSubText = {
subText: { fontWeight: 600 },
};
var modelProps = {
isBlocking: false,
styles: { main: { maxWidth: 450 } },
};
var dialogContentProps = {
type: Dialog_1.DialogType.largeHeader,
title: ControlStrings_1.default.ListItemCommentsDialogDeleteTitle,
styles: stylesSubText,
subText: ControlStrings_1.default.ListItemCommentDIalogDeleteSubText,
};
return (React.createElement(React.Fragment, null,
React.createElement(Dialog_1.Dialog, { hidden: hideDialog, onDismiss: function () { return onDismiss(false); }, dialogContentProps: dialogContentProps, modalProps: modelProps },
" ",
React.createElement(DocumentCard_1.DocumentCard, { styles: documentCardDeleteStyles },
React.createElement(DocumentCard_2.DocumentCardDetails, { styles: { root: { paddingTop: 15 } } },
React.createElement(Stack_1.Stack, { horizontal: true, horizontalAlign: "start", verticalAlign: "center", tokens: { childrenGap: 12 }, styles: itemContainerStyles },
React.createElement(CommentItem_1.CommentItem, { comment: selectedComment })))),
React.createElement(Dialog_1.DialogFooter, null,
React.createElement(Button_1.PrimaryButton, { onClick: function () { return onDismiss(true); }, text: "OK" }),
React.createElement(Button_1.DefaultButton, { onClick: function () { return onDismiss(false); }, text: "Cancel" })))));
};
exports.ConfirmDelete = ConfirmDelete;
//# sourceMappingURL=ConfirmDelete.js.map