tc-ui-toolkit/lib/VerseEditor/ReasonCheckbox.js

React components used to develop tools for the desktop app translationCore

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _styles = require("@material-ui/core/styles");

var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));

var _CheckBox = _interopRequireDefault(require("@material-ui/icons/CheckBox"));

var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));

var _CheckBoxOutlineBlank = _interopRequireDefault(require("@material-ui/icons/CheckBoxOutlineBlank"));

var useStyles = (0, _styles.makeStyles)({
  formControlLabelRoot: {
    height: 30
  },
  formControlLabel: {
    justifyContent: 'flex-start',
    fontWeight: 700,
    fontSize: 16
  },
  checkBoxRoot: {
    '&$checked': {
      color: 'var(--accent-color-dark)'
    }
  },
  checked: {}
});

function ReasonCheckbox(_ref) {
  var label = _ref.label,
      reason = _ref.reason,
      onCheck = _ref.onCheck,
      selectedReasons = _ref.selectedReasons;

  function handleCheck(e, checked) {
    onCheck(reason, checked);
  }

  var classes = useStyles();
  return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
    classes: {
      root: classes.formControlLabelRoot,
      label: classes.formControlLabel
    },
    control: /*#__PURE__*/_react["default"].createElement(_Checkbox["default"], {
      classes: {
        root: classes.checkBoxRoot,
        checked: classes.checked
      },
      checked: selectedReasons.includes(reason),
      onChange: handleCheck,
      icon: /*#__PURE__*/_react["default"].createElement(_CheckBoxOutlineBlank["default"], {
        style: {
          fontSize: '24px'
        }
      }),
      checkedIcon: /*#__PURE__*/_react["default"].createElement(_CheckBox["default"], {
        style: {
          fontSize: '24px'
        }
      })
    }),
    label: label
  });
}

ReasonCheckbox.propTypes = {
  label: _propTypes["default"].string.isRequired,
  onCheck: _propTypes["default"].func.isRequired,
  reason: _propTypes["default"].string.isRequired,
  selectedReasons: _propTypes["default"].arrayOf(_propTypes["default"].string)
};
ReasonCheckbox.defaultProps = {
  selectedReasons: []
};
var _default = ReasonCheckbox;
exports["default"] = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9WZXJzZUVkaXRvci9SZWFzb25DaGVja2JveC5qcyJdLCJuYW1lcyI6WyJ1c2VTdHlsZXMiLCJmb3JtQ29udHJvbExhYmVsUm9vdCIsImhlaWdodCIsImZvcm1Db250cm9sTGFiZWwiLCJqdXN0aWZ5Q29udGVudCIsImZvbnRXZWlnaHQiLCJmb250U2l6ZSIsImNoZWNrQm94Um9vdCIsImNvbG9yIiwiY2hlY2tlZCIsIlJlYXNvbkNoZWNrYm94IiwibGFiZWwiLCJyZWFzb24iLCJvbkNoZWNrIiwic2VsZWN0ZWRSZWFzb25zIiwiaGFuZGxlQ2hlY2siLCJlIiwiY2xhc3NlcyIsInJvb3QiLCJpbmNsdWRlcyIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsInN0cmluZyIsImlzUmVxdWlyZWQiLCJmdW5jIiwiYXJyYXlPZiIsImRlZmF1bHRQcm9wcyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBQ0E7O0FBRUEsSUFBTUEsU0FBUyxHQUFHLHdCQUFXO0FBQzNCQyxFQUFBQSxvQkFBb0IsRUFBRTtBQUFFQyxJQUFBQSxNQUFNLEVBQUU7QUFBVixHQURLO0FBRTNCQyxFQUFBQSxnQkFBZ0IsRUFBRTtBQUNoQkMsSUFBQUEsY0FBYyxFQUFFLFlBREE7QUFFaEJDLElBQUFBLFVBQVUsRUFBRSxHQUZJO0FBR2hCQyxJQUFBQSxRQUFRLEVBQUU7QUFITSxHQUZTO0FBTzNCQyxFQUFBQSxZQUFZLEVBQUU7QUFBRSxpQkFBYTtBQUFFQyxNQUFBQSxLQUFLLEVBQUU7QUFBVDtBQUFmLEdBUGE7QUFRM0JDLEVBQUFBLE9BQU8sRUFBQztBQVJtQixDQUFYLENBQWxCOztBQVdBLFNBQVNDLGNBQVQsT0FLRztBQUFBLE1BSkRDLEtBSUMsUUFKREEsS0FJQztBQUFBLE1BSERDLE1BR0MsUUFIREEsTUFHQztBQUFBLE1BRkRDLE9BRUMsUUFGREEsT0FFQztBQUFBLE1BRERDLGVBQ0MsUUFEREEsZUFDQzs7QUFDRCxXQUFTQyxXQUFULENBQXFCQyxDQUFyQixFQUF3QlAsT0FBeEIsRUFBaUM7QUFDL0JJLElBQUFBLE9BQU8sQ0FBQ0QsTUFBRCxFQUFTSCxPQUFULENBQVA7QUFDRDs7QUFFRCxNQUFNUSxPQUFPLEdBQUdqQixTQUFTLEVBQXpCO0FBRUEsc0JBQ0UsZ0NBQUMsNEJBQUQ7QUFDRSxJQUFBLE9BQU8sRUFBRTtBQUNQa0IsTUFBQUEsSUFBSSxFQUFFRCxPQUFPLENBQUNoQixvQkFEUDtBQUVQVSxNQUFBQSxLQUFLLEVBQUVNLE9BQU8sQ0FBQ2Q7QUFGUixLQURYO0FBS0UsSUFBQSxPQUFPLGVBQ0wsZ0NBQUMsb0JBQUQ7QUFDRSxNQUFBLE9BQU8sRUFBRTtBQUNQZSxRQUFBQSxJQUFJLEVBQUVELE9BQU8sQ0FBQ1YsWUFEUDtBQUVQRSxRQUFBQSxPQUFPLEVBQUVRLE9BQU8sQ0FBQ1I7QUFGVixPQURYO0FBS0UsTUFBQSxPQUFPLEVBQUVLLGVBQWUsQ0FBQ0ssUUFBaEIsQ0FBeUJQLE1BQXpCLENBTFg7QUFNRSxNQUFBLFFBQVEsRUFBRUcsV0FOWjtBQU9FLE1BQUEsSUFBSSxlQUFFLGdDQUFDLGdDQUFEO0FBQXFCLFFBQUEsS0FBSyxFQUFFO0FBQUVULFVBQUFBLFFBQVEsRUFBRTtBQUFaO0FBQTVCLFFBUFI7QUFRRSxNQUFBLFdBQVcsZUFBRSxnQ0FBQyxvQkFBRDtBQUFjLFFBQUEsS0FBSyxFQUFFO0FBQUVBLFVBQUFBLFFBQVEsRUFBRTtBQUFaO0FBQXJCO0FBUmYsTUFOSjtBQWlCRSxJQUFBLEtBQUssRUFBRUs7QUFqQlQsSUFERjtBQXFCRDs7QUFFREQsY0FBYyxDQUFDVSxTQUFmLEdBQTJCO0FBQ3pCVCxFQUFBQSxLQUFLLEVBQUVVLHNCQUFVQyxNQUFWLENBQWlCQyxVQURDO0FBRXpCVixFQUFBQSxPQUFPLEVBQUVRLHNCQUFVRyxJQUFWLENBQWVELFVBRkM7QUFHekJYLEVBQUFBLE1BQU0sRUFBRVMsc0JBQVVDLE1BQVYsQ0FBaUJDLFVBSEE7QUFJekJULEVBQUFBLGVBQWUsRUFBRU8sc0JBQVVJLE9BQVYsQ0FBa0JKLHNCQUFVQyxNQUE1QjtBQUpRLENBQTNCO0FBT0FaLGNBQWMsQ0FBQ2dCLFlBQWYsR0FBOEI7QUFBRVosRUFBQUEsZUFBZSxFQUFFO0FBQW5CLENBQTlCO2VBRWVKLGMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCB7IG1ha2VTdHlsZXMgfSBmcm9tICdAbWF0ZXJpYWwtdWkvY29yZS9zdHlsZXMnO1xuaW1wb3J0IENoZWNrYm94IGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL0NoZWNrYm94JztcbmltcG9ydCBDaGVja0JveEljb24gZnJvbSAnQG1hdGVyaWFsLXVpL2ljb25zL0NoZWNrQm94JztcbmltcG9ydCBGb3JtQ29udHJvbExhYmVsIGZyb20gJ0BtYXRlcmlhbC11aS9jb3JlL0Zvcm1Db250cm9sTGFiZWwnO1xuaW1wb3J0IENoZWNrQm94T3V0bGluZUljb24gZnJvbSAnQG1hdGVyaWFsLXVpL2ljb25zL0NoZWNrQm94T3V0bGluZUJsYW5rJztcblxuY29uc3QgdXNlU3R5bGVzID0gbWFrZVN0eWxlcyh7XG4gIGZvcm1Db250cm9sTGFiZWxSb290OiB7IGhlaWdodDogMzAgfSxcbiAgZm9ybUNvbnRyb2xMYWJlbDoge1xuICAgIGp1c3RpZnlDb250ZW50OiAnZmxleC1zdGFydCcsXG4gICAgZm9udFdlaWdodDogNzAwLFxuICAgIGZvbnRTaXplOiAxNixcbiAgfSxcbiAgY2hlY2tCb3hSb290OiB7ICcmJGNoZWNrZWQnOiB7IGNvbG9yOiAndmFyKC0tYWNjZW50LWNvbG9yLWRhcmspJyB9IH0sXG4gIGNoZWNrZWQ6e30sXG59KTtcblxuZnVuY3Rpb24gUmVhc29uQ2hlY2tib3goe1xuICBsYWJlbCxcbiAgcmVhc29uLFxuICBvbkNoZWNrLFxuICBzZWxlY3RlZFJlYXNvbnMsXG59KSB7XG4gIGZ1bmN0aW9uIGhhbmRsZUNoZWNrKGUsIGNoZWNrZWQpIHtcbiAgICBvbkNoZWNrKHJlYXNvbiwgY2hlY2tlZCk7XG4gIH1cblxuICBjb25zdCBjbGFzc2VzID0gdXNlU3R5bGVzKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Rm9ybUNvbnRyb2xMYWJlbFxuICAgICAgY2xhc3Nlcz17e1xuICAgICAgICByb290OiBjbGFzc2VzLmZvcm1Db250cm9sTGFiZWxSb290LFxuICAgICAgICBsYWJlbDogY2xhc3Nlcy5mb3JtQ29udHJvbExhYmVsLFxuICAgICAgfX1cbiAgICAgIGNvbnRyb2w9e1xuICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICBjbGFzc2VzPXt7XG4gICAgICAgICAgICByb290OiBjbGFzc2VzLmNoZWNrQm94Um9vdCxcbiAgICAgICAgICAgIGNoZWNrZWQ6IGNsYXNzZXMuY2hlY2tlZCxcbiAgICAgICAgICB9fVxuICAgICAgICAgIGNoZWNrZWQ9e3NlbGVjdGVkUmVhc29ucy5pbmNsdWRlcyhyZWFzb24pfVxuICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGVja31cbiAgICAgICAgICBpY29uPXs8Q2hlY2tCb3hPdXRsaW5lSWNvbiBzdHlsZT17eyBmb250U2l6ZTogJzI0cHgnIH19IC8+fVxuICAgICAgICAgIGNoZWNrZWRJY29uPXs8Q2hlY2tCb3hJY29uIHN0eWxlPXt7IGZvbnRTaXplOiAnMjRweCcgfX0gLz59XG4gICAgICAgIC8+XG4gICAgICB9XG4gICAgICBsYWJlbD17bGFiZWx9XG4gICAgLz5cbiAgKTtcbn1cblxuUmVhc29uQ2hlY2tib3gucHJvcFR5cGVzID0ge1xuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkNoZWNrOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICByZWFzb246IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgc2VsZWN0ZWRSZWFzb25zOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc3RyaW5nKSxcbn07XG5cblJlYXNvbkNoZWNrYm94LmRlZmF1bHRQcm9wcyA9IHsgc2VsZWN0ZWRSZWFzb25zOiBbXSB9O1xuXG5leHBvcnQgZGVmYXVsdCBSZWFzb25DaGVja2JveDtcbiJdfQ==