matrix-react-sdk/lib/components/views/elements/LabelledToggleSwitch.js

SDK for matrix.org using React

"use strict";

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

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

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

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

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

var _ToggleSwitch = _interopRequireDefault(require("./ToggleSwitch"));

var _replaceableComponent = require("../../../utils/replaceableComponent");

var _dec, _class, _class2, _temp;

let LabelledToggleSwitch = (_dec = (0, _replaceableComponent.replaceableComponent)("views.elements.LabelledToggleSwitch"), _dec(_class = (_temp = _class2 = class LabelledToggleSwitch extends _react.default.Component {
  render() {
    // This is a minimal version of a SettingsFlag
    let firstPart = /*#__PURE__*/_react.default.createElement("span", {
      className: "mx_SettingsFlag_label"
    }, this.props.label);

    let secondPart = /*#__PURE__*/_react.default.createElement(_ToggleSwitch.default, {
      checked: this.props.value,
      disabled: this.props.disabled,
      onChange: this.props.onChange,
      "aria-label": this.props.label
    });

    if (this.props.toggleInFront) {
      const temp = firstPart;
      firstPart = secondPart;
      secondPart = temp;
    }

    const classes = `mx_SettingsFlag ${this.props.className || ""}`;
    return /*#__PURE__*/_react.default.createElement("div", {
      className: classes
    }, firstPart, secondPart);
  }

}, (0, _defineProperty2.default)(_class2, "propTypes", {
  // The value for the toggle switch
  value: _propTypes.default.bool.isRequired,
  // The function to call when the value changes
  onChange: _propTypes.default.func.isRequired,
  // The translated label for the switch
  label: _propTypes.default.string.isRequired,
  // Whether or not to disable the toggle switch
  disabled: _propTypes.default.bool,
  // True to put the toggle in front of the label
  // Default false.
  toggleInFront: _propTypes.default.bool,
  // Additional class names to append to the switch. Optional.
  className: _propTypes.default.string
}), _temp)) || _class);
exports.default = LabelledToggleSwitch;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jb21wb25lbnRzL3ZpZXdzL2VsZW1lbnRzL0xhYmVsbGVkVG9nZ2xlU3dpdGNoLmpzIl0sIm5hbWVzIjpbIkxhYmVsbGVkVG9nZ2xlU3dpdGNoIiwiUmVhY3QiLCJDb21wb25lbnQiLCJyZW5kZXIiLCJmaXJzdFBhcnQiLCJwcm9wcyIsImxhYmVsIiwic2Vjb25kUGFydCIsInZhbHVlIiwiZGlzYWJsZWQiLCJvbkNoYW5nZSIsInRvZ2dsZUluRnJvbnQiLCJ0ZW1wIiwiY2xhc3NlcyIsImNsYXNzTmFtZSIsIlByb3BUeXBlcyIsImJvb2wiLCJpc1JlcXVpcmVkIiwiZnVuYyIsInN0cmluZyJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFnQkE7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7SUFHcUJBLG9CLFdBRHBCLGdEQUFxQixxQ0FBckIsQyxtQ0FBRCxNQUNxQkEsb0JBRHJCLFNBQ2tEQyxlQUFNQyxTQUR4RCxDQUNrRTtBQXNCOURDLEVBQUFBLE1BQU0sR0FBRztBQUNMO0FBRUEsUUFBSUMsU0FBUyxnQkFBRztBQUFNLE1BQUEsU0FBUyxFQUFDO0FBQWhCLE9BQXlDLEtBQUtDLEtBQUwsQ0FBV0MsS0FBcEQsQ0FBaEI7O0FBQ0EsUUFBSUMsVUFBVSxnQkFBRyw2QkFBQyxxQkFBRDtBQUNiLE1BQUEsT0FBTyxFQUFFLEtBQUtGLEtBQUwsQ0FBV0csS0FEUDtBQUViLE1BQUEsUUFBUSxFQUFFLEtBQUtILEtBQUwsQ0FBV0ksUUFGUjtBQUdiLE1BQUEsUUFBUSxFQUFFLEtBQUtKLEtBQUwsQ0FBV0ssUUFIUjtBQUliLG9CQUFZLEtBQUtMLEtBQUwsQ0FBV0M7QUFKVixNQUFqQjs7QUFPQSxRQUFJLEtBQUtELEtBQUwsQ0FBV00sYUFBZixFQUE4QjtBQUMxQixZQUFNQyxJQUFJLEdBQUdSLFNBQWI7QUFDQUEsTUFBQUEsU0FBUyxHQUFHRyxVQUFaO0FBQ0FBLE1BQUFBLFVBQVUsR0FBR0ssSUFBYjtBQUNIOztBQUVELFVBQU1DLE9BQU8sR0FBSSxtQkFBa0IsS0FBS1IsS0FBTCxDQUFXUyxTQUFYLElBQXdCLEVBQUcsRUFBOUQ7QUFDQSx3QkFDSTtBQUFLLE1BQUEsU0FBUyxFQUFFRDtBQUFoQixPQUNLVCxTQURMLEVBRUtHLFVBRkwsQ0FESjtBQU1IOztBQTlDNkQsQyxzREFDM0M7QUFDZjtBQUNBQyxFQUFBQSxLQUFLLEVBQUVPLG1CQUFVQyxJQUFWLENBQWVDLFVBRlA7QUFJZjtBQUNBUCxFQUFBQSxRQUFRLEVBQUVLLG1CQUFVRyxJQUFWLENBQWVELFVBTFY7QUFPZjtBQUNBWCxFQUFBQSxLQUFLLEVBQUVTLG1CQUFVSSxNQUFWLENBQWlCRixVQVJUO0FBVWY7QUFDQVIsRUFBQUEsUUFBUSxFQUFFTSxtQkFBVUMsSUFYTDtBQWFmO0FBQ0E7QUFDQUwsRUFBQUEsYUFBYSxFQUFFSSxtQkFBVUMsSUFmVjtBQWlCZjtBQUNBRixFQUFBQSxTQUFTLEVBQUVDLG1CQUFVSTtBQWxCTixDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbkNvcHlyaWdodCAyMDE5IE5ldyBWZWN0b3IgTHRkXG5cbkxpY2Vuc2VkIHVuZGVyIHRoZSBBcGFjaGUgTGljZW5zZSwgVmVyc2lvbiAyLjAgKHRoZSBcIkxpY2Vuc2VcIik7XG55b3UgbWF5IG5vdCB1c2UgdGhpcyBmaWxlIGV4Y2VwdCBpbiBjb21wbGlhbmNlIHdpdGggdGhlIExpY2Vuc2UuXG5Zb3UgbWF5IG9idGFpbiBhIGNvcHkgb2YgdGhlIExpY2Vuc2UgYXRcblxuICAgIGh0dHA6Ly93d3cuYXBhY2hlLm9yZy9saWNlbnNlcy9MSUNFTlNFLTIuMFxuXG5Vbmxlc3MgcmVxdWlyZWQgYnkgYXBwbGljYWJsZSBsYXcgb3IgYWdyZWVkIHRvIGluIHdyaXRpbmcsIHNvZnR3YXJlXG5kaXN0cmlidXRlZCB1bmRlciB0aGUgTGljZW5zZSBpcyBkaXN0cmlidXRlZCBvbiBhbiBcIkFTIElTXCIgQkFTSVMsXG5XSVRIT1VUIFdBUlJBTlRJRVMgT1IgQ09ORElUSU9OUyBPRiBBTlkgS0lORCwgZWl0aGVyIGV4cHJlc3Mgb3IgaW1wbGllZC5cblNlZSB0aGUgTGljZW5zZSBmb3IgdGhlIHNwZWNpZmljIGxhbmd1YWdlIGdvdmVybmluZyBwZXJtaXNzaW9ucyBhbmRcbmxpbWl0YXRpb25zIHVuZGVyIHRoZSBMaWNlbnNlLlxuKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSBcInByb3AtdHlwZXNcIjtcbmltcG9ydCBUb2dnbGVTd2l0Y2ggZnJvbSBcIi4vVG9nZ2xlU3dpdGNoXCI7XG5pbXBvcnQge3JlcGxhY2VhYmxlQ29tcG9uZW50fSBmcm9tIFwiLi4vLi4vLi4vdXRpbHMvcmVwbGFjZWFibGVDb21wb25lbnRcIjtcblxuQHJlcGxhY2VhYmxlQ29tcG9uZW50KFwidmlld3MuZWxlbWVudHMuTGFiZWxsZWRUb2dnbGVTd2l0Y2hcIilcbmV4cG9ydCBkZWZhdWx0IGNsYXNzIExhYmVsbGVkVG9nZ2xlU3dpdGNoIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgICBzdGF0aWMgcHJvcFR5cGVzID0ge1xuICAgICAgICAvLyBUaGUgdmFsdWUgZm9yIHRoZSB0b2dnbGUgc3dpdGNoXG4gICAgICAgIHZhbHVlOiBQcm9wVHlwZXMuYm9vbC5pc1JlcXVpcmVkLFxuXG4gICAgICAgIC8vIFRoZSBmdW5jdGlvbiB0byBjYWxsIHdoZW4gdGhlIHZhbHVlIGNoYW5nZXNcbiAgICAgICAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG5cbiAgICAgICAgLy8gVGhlIHRyYW5zbGF0ZWQgbGFiZWwgZm9yIHRoZSBzd2l0Y2hcbiAgICAgICAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcblxuICAgICAgICAvLyBXaGV0aGVyIG9yIG5vdCB0byBkaXNhYmxlIHRoZSB0b2dnbGUgc3dpdGNoXG4gICAgICAgIGRpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcblxuICAgICAgICAvLyBUcnVlIHRvIHB1dCB0aGUgdG9nZ2xlIGluIGZyb250IG9mIHRoZSBsYWJlbFxuICAgICAgICAvLyBEZWZhdWx0IGZhbHNlLlxuICAgICAgICB0b2dnbGVJbkZyb250OiBQcm9wVHlwZXMuYm9vbCxcblxuICAgICAgICAvLyBBZGRpdGlvbmFsIGNsYXNzIG5hbWVzIHRvIGFwcGVuZCB0byB0aGUgc3dpdGNoLiBPcHRpb25hbC5cbiAgICAgICAgY2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIH07XG5cbiAgICByZW5kZXIoKSB7XG4gICAgICAgIC8vIFRoaXMgaXMgYSBtaW5pbWFsIHZlcnNpb24gb2YgYSBTZXR0aW5nc0ZsYWdcblxuICAgICAgICBsZXQgZmlyc3RQYXJ0ID0gPHNwYW4gY2xhc3NOYW1lPVwibXhfU2V0dGluZ3NGbGFnX2xhYmVsXCI+e3RoaXMucHJvcHMubGFiZWx9PC9zcGFuPjtcbiAgICAgICAgbGV0IHNlY29uZFBhcnQgPSA8VG9nZ2xlU3dpdGNoXG4gICAgICAgICAgICBjaGVja2VkPXt0aGlzLnByb3BzLnZhbHVlfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e3RoaXMucHJvcHMuZGlzYWJsZWR9XG4gICAgICAgICAgICBvbkNoYW5nZT17dGhpcy5wcm9wcy5vbkNoYW5nZX1cbiAgICAgICAgICAgIGFyaWEtbGFiZWw9e3RoaXMucHJvcHMubGFiZWx9XG4gICAgICAgIC8+O1xuXG4gICAgICAgIGlmICh0aGlzLnByb3BzLnRvZ2dsZUluRnJvbnQpIHtcbiAgICAgICAgICAgIGNvbnN0IHRlbXAgPSBmaXJzdFBhcnQ7XG4gICAgICAgICAgICBmaXJzdFBhcnQgPSBzZWNvbmRQYXJ0O1xuICAgICAgICAgICAgc2Vjb25kUGFydCA9IHRlbXA7XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBjbGFzc2VzID0gYG14X1NldHRpbmdzRmxhZyAke3RoaXMucHJvcHMuY2xhc3NOYW1lIHx8IFwiXCJ9YDtcbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzfT5cbiAgICAgICAgICAgICAgICB7Zmlyc3RQYXJ0fVxuICAgICAgICAgICAgICAgIHtzZWNvbmRQYXJ0fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICk7XG4gICAgfVxufVxuIl19