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

SDK for matrix.org using React

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.CheckboxStyle = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _react = _interopRequireDefault(require("react"));
var _randomstring = require("matrix-js-sdk/src/randomstring");
var _classnames = _interopRequireDefault(require("classnames"));
const _excluded = ["children", "className", "kind", "inputRef"];
/*
Copyright 2024 New Vector Ltd.
Copyright 2020 The Matrix.org Foundation C.I.C.

SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only
Please see LICENSE files in the repository root for full details.
*/
let CheckboxStyle = exports.CheckboxStyle = /*#__PURE__*/function (CheckboxStyle) {
  CheckboxStyle["Solid"] = "solid";
  CheckboxStyle["Outline"] = "outline";
  return CheckboxStyle;
}({});
class StyledCheckbox extends _react.default.PureComponent {
  constructor(props) {
    super(props);
    // 56^10 so unlikely chance of collision.
    (0, _defineProperty2.default)(this, "id", void 0);
    this.id = this.props.id || "checkbox_" + (0, _randomstring.randomString)(10);
  }
  render() {
    /* eslint @typescript-eslint/no-unused-vars: ["error", { "ignoreRestSiblings": true }] */
    const _this$props = this.props,
      {
        children,
        className,
        kind = CheckboxStyle.Solid,
        inputRef
      } = _this$props,
      otherProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
    const newClassName = (0, _classnames.default)("mx_Checkbox", className, {
      mx_Checkbox_hasKind: kind,
      [`mx_Checkbox_kind_${kind}`]: kind
    });
    return /*#__PURE__*/_react.default.createElement("span", {
      className: newClassName
    }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
      // Pass through the ref - used for keyboard shortcut access to some buttons
      ref: inputRef,
      id: this.id
    }, otherProps, {
      type: "checkbox"
    })), /*#__PURE__*/_react.default.createElement("label", {
      htmlFor: this.id
    }, /*#__PURE__*/_react.default.createElement("div", {
      className: "mx_Checkbox_background"
    }, /*#__PURE__*/_react.default.createElement("div", {
      className: "mx_Checkbox_checkmark"
    })), !!this.props.children && /*#__PURE__*/_react.default.createElement("div", null, this.props.children)));
  }
}
exports.default = StyledCheckbox;
(0, _defineProperty2.default)(StyledCheckbox, "defaultProps", {
  className: ""
});
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfcmVhY3QiLCJfaW50ZXJvcFJlcXVpcmVEZWZhdWx0IiwicmVxdWlyZSIsIl9yYW5kb21zdHJpbmciLCJfY2xhc3NuYW1lcyIsIl9leGNsdWRlZCIsIkNoZWNrYm94U3R5bGUiLCJleHBvcnRzIiwiU3R5bGVkQ2hlY2tib3giLCJSZWFjdCIsIlB1cmVDb21wb25lbnQiLCJjb25zdHJ1Y3RvciIsInByb3BzIiwiX2RlZmluZVByb3BlcnR5MiIsImRlZmF1bHQiLCJpZCIsInJhbmRvbVN0cmluZyIsInJlbmRlciIsIl90aGlzJHByb3BzIiwiY2hpbGRyZW4iLCJjbGFzc05hbWUiLCJraW5kIiwiU29saWQiLCJpbnB1dFJlZiIsIm90aGVyUHJvcHMiLCJfb2JqZWN0V2l0aG91dFByb3BlcnRpZXMyIiwibmV3Q2xhc3NOYW1lIiwiY2xhc3NuYW1lcyIsIm14X0NoZWNrYm94X2hhc0tpbmQiLCJjcmVhdGVFbGVtZW50IiwiX2V4dGVuZHMyIiwicmVmIiwidHlwZSIsImh0bWxGb3IiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY29tcG9uZW50cy92aWV3cy9lbGVtZW50cy9TdHlsZWRDaGVja2JveC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLypcbkNvcHlyaWdodCAyMDI0IE5ldyBWZWN0b3IgTHRkLlxuQ29weXJpZ2h0IDIwMjAgVGhlIE1hdHJpeC5vcmcgRm91bmRhdGlvbiBDLkkuQy5cblxuU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEFHUEwtMy4wLW9ubHkgT1IgR1BMLTMuMC1vbmx5XG5QbGVhc2Ugc2VlIExJQ0VOU0UgZmlsZXMgaW4gdGhlIHJlcG9zaXRvcnkgcm9vdCBmb3IgZnVsbCBkZXRhaWxzLlxuKi9cblxuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgcmFuZG9tU3RyaW5nIH0gZnJvbSBcIm1hdHJpeC1qcy1zZGsvc3JjL3JhbmRvbXN0cmluZ1wiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcblxuZXhwb3J0IGVudW0gQ2hlY2tib3hTdHlsZSB7XG4gICAgU29saWQgPSBcInNvbGlkXCIsXG4gICAgT3V0bGluZSA9IFwib3V0bGluZVwiLFxufVxuXG5pbnRlcmZhY2UgSVByb3BzIGV4dGVuZHMgUmVhY3QuSW5wdXRIVE1MQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50PiB7XG4gICAgaW5wdXRSZWY/OiBSZWFjdC5SZWZPYmplY3Q8SFRNTElucHV0RWxlbWVudD47XG4gICAga2luZD86IENoZWNrYm94U3R5bGU7XG4gICAgaWQ/OiBzdHJpbmc7XG59XG5cbmludGVyZmFjZSBJU3RhdGUge31cblxuZXhwb3J0IGRlZmF1bHQgY2xhc3MgU3R5bGVkQ2hlY2tib3ggZXh0ZW5kcyBSZWFjdC5QdXJlQ29tcG9uZW50PElQcm9wcywgSVN0YXRlPiB7XG4gICAgcHJpdmF0ZSBpZDogc3RyaW5nO1xuXG4gICAgcHVibGljIHN0YXRpYyByZWFkb25seSBkZWZhdWx0UHJvcHMgPSB7XG4gICAgICAgIGNsYXNzTmFtZTogXCJcIixcbiAgICB9O1xuXG4gICAgcHVibGljIGNvbnN0cnVjdG9yKHByb3BzOiBJUHJvcHMpIHtcbiAgICAgICAgc3VwZXIocHJvcHMpO1xuICAgICAgICAvLyA1Nl4xMCBzbyB1bmxpa2VseSBjaGFuY2Ugb2YgY29sbGlzaW9uLlxuICAgICAgICB0aGlzLmlkID0gdGhpcy5wcm9wcy5pZCB8fCBcImNoZWNrYm94X1wiICsgcmFuZG9tU3RyaW5nKDEwKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgcmVuZGVyKCk6IFJlYWN0LlJlYWN0Tm9kZSB7XG4gICAgICAgIC8qIGVzbGludCBAdHlwZXNjcmlwdC1lc2xpbnQvbm8tdW51c2VkLXZhcnM6IFtcImVycm9yXCIsIHsgXCJpZ25vcmVSZXN0U2libGluZ3NcIjogdHJ1ZSB9XSAqL1xuICAgICAgICBjb25zdCB7IGNoaWxkcmVuLCBjbGFzc05hbWUsIGtpbmQgPSBDaGVja2JveFN0eWxlLlNvbGlkLCBpbnB1dFJlZiwgLi4ub3RoZXJQcm9wcyB9ID0gdGhpcy5wcm9wcztcblxuICAgICAgICBjb25zdCBuZXdDbGFzc05hbWUgPSBjbGFzc25hbWVzKFwibXhfQ2hlY2tib3hcIiwgY2xhc3NOYW1lLCB7XG4gICAgICAgICAgICBteF9DaGVja2JveF9oYXNLaW5kOiBraW5kLFxuICAgICAgICAgICAgW2BteF9DaGVja2JveF9raW5kXyR7a2luZH1gXToga2luZCxcbiAgICAgICAgfSk7XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9e25ld0NsYXNzTmFtZX0+XG4gICAgICAgICAgICAgICAgPGlucHV0XG4gICAgICAgICAgICAgICAgICAgIC8vIFBhc3MgdGhyb3VnaCB0aGUgcmVmIC0gdXNlZCBmb3Iga2V5Ym9hcmQgc2hvcnRjdXQgYWNjZXNzIHRvIHNvbWUgYnV0dG9uc1xuICAgICAgICAgICAgICAgICAgICByZWY9e2lucHV0UmVmfVxuICAgICAgICAgICAgICAgICAgICBpZD17dGhpcy5pZH1cbiAgICAgICAgICAgICAgICAgICAgey4uLm90aGVyUHJvcHN9XG4gICAgICAgICAgICAgICAgICAgIHR5cGU9XCJjaGVja2JveFwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8bGFiZWwgaHRtbEZvcj17dGhpcy5pZH0+XG4gICAgICAgICAgICAgICAgICAgIHsvKiBVc2luZyB0aGUgZGl2IHRvIGNlbnRlciB0aGUgaW1hZ2UgKi99XG4gICAgICAgICAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibXhfQ2hlY2tib3hfYmFja2dyb3VuZFwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJteF9DaGVja2JveF9jaGVja21hcmtcIiAvPlxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICAgICAgeyEhdGhpcy5wcm9wcy5jaGlsZHJlbiAmJiA8ZGl2Pnt0aGlzLnByb3BzLmNoaWxkcmVufTwvZGl2Pn1cbiAgICAgICAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICApO1xuICAgIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7OztBQVFBLElBQUFBLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUMsT0FBQTtBQUNBLElBQUFDLGFBQUEsR0FBQUQsT0FBQTtBQUNBLElBQUFFLFdBQUEsR0FBQUgsc0JBQUEsQ0FBQUMsT0FBQTtBQUFvQyxNQUFBRyxTQUFBO0FBVnBDO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBTkEsSUFZWUMsYUFBYSxHQUFBQyxPQUFBLENBQUFELGFBQUEsMEJBQWJBLGFBQWE7RUFBYkEsYUFBYTtFQUFiQSxhQUFhO0VBQUEsT0FBYkEsYUFBYTtBQUFBO0FBYVYsTUFBTUUsY0FBYyxTQUFTQyxjQUFLLENBQUNDLGFBQWEsQ0FBaUI7RUFPckVDLFdBQVdBLENBQUNDLEtBQWEsRUFBRTtJQUM5QixLQUFLLENBQUNBLEtBQUssQ0FBQztJQUNaO0lBQUEsSUFBQUMsZ0JBQUEsQ0FBQUMsT0FBQTtJQUNBLElBQUksQ0FBQ0MsRUFBRSxHQUFHLElBQUksQ0FBQ0gsS0FBSyxDQUFDRyxFQUFFLElBQUksV0FBVyxHQUFHLElBQUFDLDBCQUFZLEVBQUMsRUFBRSxDQUFDO0VBQzdEO0VBRU9DLE1BQU1BLENBQUEsRUFBb0I7SUFDN0I7SUFDQSxNQUFBQyxXQUFBLEdBQXFGLElBQUksQ0FBQ04sS0FBSztNQUF6RjtRQUFFTyxRQUFRO1FBQUVDLFNBQVM7UUFBRUMsSUFBSSxHQUFHZixhQUFhLENBQUNnQixLQUFLO1FBQUVDO01BQXdCLENBQUMsR0FBQUwsV0FBQTtNQUFaTSxVQUFVLE9BQUFDLHlCQUFBLENBQUFYLE9BQUEsRUFBQUksV0FBQSxFQUFBYixTQUFBO0lBRWhGLE1BQU1xQixZQUFZLEdBQUcsSUFBQUMsbUJBQVUsRUFBQyxhQUFhLEVBQUVQLFNBQVMsRUFBRTtNQUN0RFEsbUJBQW1CLEVBQUVQLElBQUk7TUFDekIsQ0FBQyxvQkFBb0JBLElBQUksRUFBRSxHQUFHQTtJQUNsQyxDQUFDLENBQUM7SUFDRixvQkFDSXJCLE1BQUEsQ0FBQWMsT0FBQSxDQUFBZSxhQUFBO01BQU1ULFNBQVMsRUFBRU07SUFBYSxnQkFDMUIxQixNQUFBLENBQUFjLE9BQUEsQ0FBQWUsYUFBQSxjQUFBQyxTQUFBLENBQUFoQixPQUFBO01BQ0k7TUFDQWlCLEdBQUcsRUFBRVIsUUFBUztNQUNkUixFQUFFLEVBQUUsSUFBSSxDQUFDQTtJQUFHLEdBQ1JTLFVBQVU7TUFDZFEsSUFBSSxFQUFDO0lBQVUsRUFDbEIsQ0FBQyxlQUNGaEMsTUFBQSxDQUFBYyxPQUFBLENBQUFlLGFBQUE7TUFBT0ksT0FBTyxFQUFFLElBQUksQ0FBQ2xCO0lBQUcsZ0JBRXBCZixNQUFBLENBQUFjLE9BQUEsQ0FBQWUsYUFBQTtNQUFLVCxTQUFTLEVBQUM7SUFBd0IsZ0JBQ25DcEIsTUFBQSxDQUFBYyxPQUFBLENBQUFlLGFBQUE7TUFBS1QsU0FBUyxFQUFDO0lBQXVCLENBQUUsQ0FDdkMsQ0FBQyxFQUNMLENBQUMsQ0FBQyxJQUFJLENBQUNSLEtBQUssQ0FBQ08sUUFBUSxpQkFBSW5CLE1BQUEsQ0FBQWMsT0FBQSxDQUFBZSxhQUFBLGNBQU0sSUFBSSxDQUFDakIsS0FBSyxDQUFDTyxRQUFjLENBQ3RELENBQ0wsQ0FBQztFQUVmO0FBQ0o7QUFBQ1osT0FBQSxDQUFBTyxPQUFBLEdBQUFOLGNBQUE7QUFBQSxJQUFBSyxnQkFBQSxDQUFBQyxPQUFBLEVBeENvQk4sY0FBYyxrQkFHTztFQUNsQ1ksU0FBUyxFQUFFO0FBQ2YsQ0FBQyIsImlnbm9yZUxpc3QiOltdfQ==