strapi-plugin-content-manager/admin/src/components/CustomInputCheckbox/index.js

A powerful UI to easily manage your data.

/**
 *
 * CustomInputCheckbox
 */

import React from 'react';
import PropTypes from 'prop-types';
import cn from 'classnames';

import styles from './styles.scss';

function CustomInputCheckbox({ entriesToDelete, isAll, name, onChange, value }) {
  return (
    <span className={cn('form-check', styles.customSpan)}>
      <label
        className={cn(
          'form-check-label',
          styles.customLabel,
          isAll ? styles.customLabelHeader : styles.customLabelRow,
          isAll && entriesToDelete.length > 0 && !value && styles.customLabelUnCheckedHeader,
          value && isAll && styles.customLabelCheckedHeader,
          value && !isAll && styles.customLabelCheckedRow,
        )}
        htmlFor={name}
      >
        <input
          className="form-check-input"
          checked={value}
          id={name}
          name={name}
          onChange={onChange}
          type="checkbox"
        />
      </label>
    </span>
  );
}

CustomInputCheckbox.defaultProps = {
  entriesToDelete: [],
  isAll: false,
  name: '',
  value: false,
};

CustomInputCheckbox.propTypes = {
  entriesToDelete: PropTypes.array,
  isAll: PropTypes.bool,
  name: PropTypes.oneOfType([
    PropTypes.number,
    PropTypes.string,
  ]),
  onChange: PropTypes.func.isRequired,
  value: PropTypes.bool,
};

export default CustomInputCheckbox;