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/src/components/InputText/   drwxr-xr-x
Free 13.22 GB of 57.97 GB (22.8%)
                            Encoder    Tools    Proc.    FTP brute    Sec.    SQL    PHP-code    Update    Self remove    Logout    

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

/**
 *
 * InputText
 *
 */

import React, { useState } from 'react';
import PropTypes from 'prop-types';
import {
  IconWrapper,
  InputText as Input,
  InputWrapper,
} from '@buffetjs/styles';
import Icon from '../Icon';
import PrefixIcon from './PrefixIcon';

function InputText({
  autoFocus,
  className,
  icon,
  id,
  name,
  onChange,
  tabIndex,
  type,
  value,
  ...rest
}) {
  const [showPassword, togglePassword] = useState(false);

  return (
    <InputWrapper className={className}>
      <PrefixIcon icon={icon} type={type} />
      {type === 'password' && (
        <button
          type="button"
          onClick={() => togglePassword(!showPassword)}
          className={showPassword ? 'shown' : ''}
          tabIndex="-1"
        >
          <IconWrapper background={false}>
            <Icon icon={type} />
          </IconWrapper>
        </button>
      )}
      <Input
        autoFocus={autoFocus}
        id={id || name}
        name={name}
        onChange={onChange}
        tabIndex={tabIndex}
        type={showPassword ? 'text' : type}
        value={value}
        icon={icon}
        {...rest}
      />
    </InputWrapper>
  );
}

InputText.defaultProps = {
  autoComplete: 'off',
  autoFocus: false,
  className: null,
  icon: null,
  id: null,
  onChange: () => {},
  placeholder: null,
  tabIndex: '0',
  type: 'text',
  value: '',
};

InputText.propTypes = {
  autoComplete: PropTypes.string,
  autoFocus: PropTypes.bool,
  className: PropTypes.string,
  icon: PropTypes.node,
  id: PropTypes.string,
  name: PropTypes.string.isRequired,
  onChange: PropTypes.func,
  placeholder: PropTypes.string,
  tabIndex: PropTypes.string,
  type: PropTypes.string,
  value: PropTypes.string,
};

export default InputText;