modaq
Version:
Quiz Bowl Reader using TypeScript, React, and MobX
59 lines • 3.16 kB
JavaScript
;
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
}) : (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
o[k2] = m[k];
}));
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
Object.defineProperty(o, "default", { enumerable: true, value: v });
}) : function(o, v) {
o["default"] = v;
});
var __importStar = (this && this.__importStar) || function (mod) {
if (mod && mod.__esModule) return mod;
var result = {};
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
__setModuleDefault(result, mod);
return result;
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.BonusProtestDialog = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const React = __importStar(require("react"));
const mobx_react_lite_1 = require("mobx-react-lite");
const Dropdown_1 = require("@fluentui/react/lib/Dropdown");
const BonusProtestDialogController = __importStar(require("./BonusProtestDialogController"));
const ProtestDialogBase_1 = require("./ProtestDialogBase");
require("../../state/Cycle");
require("../../state/Events");
require("../../state/PacketState");
require("../../state/AppState");
const ModalVisibilityStatus_1 = require("../../state/ModalVisibilityStatus");
exports.BonusProtestDialog = mobx_react_lite_1.observer(function BonusProtestDialog(props) {
const submitHandler = React.useCallback(() => BonusProtestDialogController.commit(props.cycle), [props]);
const protestEvent = props.appState.uiState.pendingBonusProtestEvent;
if (protestEvent == undefined) {
// We shouldn't be showing anything if there's no pending bonus protest. Return undefined.
return jsx_runtime_1.jsx(jsx_runtime_1.Fragment, {}, void 0);
}
const partOptions = props.cycle
.getProtestableBonusPartIndexes(props.bonus.parts.length)
.map((index) => {
const partText = (index + 1).toString();
return {
key: index,
text: partText,
selected: protestEvent.partIndex === index,
};
});
const children = jsx_runtime_1.jsx(Dropdown_1.Dropdown, { label: "Part", options: partOptions, onChange: onPartChange }, void 0);
return (jsx_runtime_1.jsx(ProtestDialogBase_1.ProtestDialogBase, Object.assign({ appState: props.appState, givenAnswer: protestEvent.givenAnswer, hideDialog: BonusProtestDialogController.cancel, onSubmit: submitHandler, reason: protestEvent.reason, visibilityStatus: ModalVisibilityStatus_1.ModalVisibilityStatus.BonusProtest }, { children: children }), void 0));
});
function onPartChange(ev, option) {
if ((option === null || option === void 0 ? void 0 : option.text) != undefined) {
BonusProtestDialogController.changePart(option.key);
}
}
//# sourceMappingURL=BonusProtestDialog.js.map