Software: Apache/2.4.41 (Ubuntu). PHP/8.0.30 

uname -a: Linux apirnd 5.4.0-204-generic #224-Ubuntu SMP Thu Dec 5 13:38:28 UTC 2024 x86_64 

uid=33(www-data) gid=33(www-data) groups=33(www-data) 

Safe-mode: OFF (not secure)

/var/www/html/wincloud_gateway/node_modules/reactstrap/src/   drwxr-xr-x
Free 12.97 GB of 57.97 GB (22.38%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

Viewing file:     ButtonToggle.js (1.59 KB)      -rw-r--r--

import React from "react";
import PropTypes from 'prop-types';
import Button from "./Button";
import classNames from 'classnames';
import { mapToCssModules } from './utils';

const propTypes = {
  onClick: PropTypes.func,
  onBlur: PropTypes.func,
  onFocus: PropTypes.func,
  defaultValue: PropTypes.bool,
};

const defaultProps = {
  defaultValue: false,
};

class ButtonToggle extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      toggled: props.defaultValue,
      focus: false,
    }

    this.onBlur = this.onBlur.bind(this);
    this.onFocus = this.onFocus.bind(this);
    this.onClick = this.onClick.bind(this);
  }

  onBlur(e) {
    if(this.props.onBlur) {
      this.props.onBlur(e);
    }

    this.setState({
      focus: false,
    });
  }

  onFocus(e) {
    if(this.props.onFocus) {
      this.props.onFocus(e);
    }

    this.setState({
      focus: true,
    });
  }

  onClick(e) {
    if(this.props.onClick) {
      this.props.onClick(e);
    }

    this.setState(({ toggled }) => ({
      toggled: !toggled,
    }));
  }

  render() {
    const {
      className,
      ...attributes
    } = this.props;

    const classes = mapToCssModules(classNames(
      className, 
      { 
        focus: this.state.focus, 
      }
      ), this.props.cssModule);

    return <Button
      active={this.state.toggled}
      onBlur={this.onBlur} 
      onFocus={this.onFocus} 
      onClick={this.onClick}
      className={classes}
      {...attributes}
    />;
  }
}

ButtonToggle.propTypes = propTypes;
ButtonToggle.defaultProps = defaultProps;

export default ButtonToggle;