nexxtway/react-rainbow

Function WeekDay has 41 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const WeekDay = React.forwardRef((props, ref) => {
    const {
        name,
        value,
        locale,

Function render has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        const {
            style,
            className,
            label,

Function extractExamples has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const extractExamples = file => {
    const code = fs.readFileSync(file.path).toString();
    const componentName = file.path.match(/src\/components\/([a-zA-Z]+)\/readme.md$/i)[1];
    const examples = [];
    const myPlugin = () => {

Function disableBodyScroll has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export function disableBodyScroll(targetElement, options) {
    if (isIosDevice) {
        // targetElement must be provided, and disableBodyScroll must not have been
        // called on this targetElement before.
        if (!targetElement) {

Function render has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

    render() {
        const { label, className, variant, name, numbersMap, tooltip } = this.props;
        const { stepState, isTooltipVisible } = this.state;

        const shouldRenderNumber =

Function withReduxForm has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function withReduxForm(WrappedComponent) {
    return class extends Component {
        constructor(props) {
            super(props);
            this.fieldRef = React.createRef();

Function SignInExample has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function SignInExample() {
    return (
        <div className="rainbow-align-content_center rainbow-flex_column rainbow-sign-in_view-port">
            <img
                className="rainbow-m-bottom_x-large rainbow-sign-in_logo"

Function DirectionalFooter has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function DirectionalFooter(props) {
    const {
        onBack,
        onNext,
        currentStep,

Function File has 40 lines of code (exceeds 25 allowed). Consider refactoring.

Open

export default function File(props) {
    const { className, style } = props;
    return (
        <svg
            className={className}

Similar blocks of code found in 6 locations. Consider refactoring.

Open

export const StyledLink = attachThemeAttrs(styled.a)`
    color: ${props => props.palette.text.main};
    text-decoration: underline;

    :hover {

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

export const StyledTable = attachThemeAttrs(styled.table)`
    table-layout: fixed;
    border-collapse: separate;
    background-color: ${props => props.palette.background.main};
    border-spacing: 0;

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

export const SpanContainer = attachThemeAttrs(styled.div)`
    display: flex;
    flex-direction: row;
    justify-content: space-between
    align-items: center;

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

export const StyledColorCircle = attachThemeAttrs(styled.div)`
    height: 20px;
    width: 20px;
    background-color: ${props => props.palette.brand.main};
    display: inline-block;

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

export const StyledWrapper = attachThemeAttrs(styled.div)`
    padding: 0;
    border-radius: 0.875rem;
    background-color: ${props => props.palette.background.secondary};
    background-clip: padding-box;

• Read up
  Read up

Similar blocks of code found in 6 locations. Consider refactoring.

Open

export const StyledTopBar = attachThemeAttrs(styled.header)`
    background-color: ${props => props.palette.background.main};
    width: 100%;
    display: flex;
    justify-content: space-between;

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

function getNormalizedFieldValue(value, attributeDef) {
    if (typeof attributeDef === 'function') {
        return getTypeValue(value, attributeDef);
    }
    if (typeof attributeDef.type === 'function') {

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

function getNormalizedFieldValue(value, attributeDef) {
    if (typeof attributeDef === 'function') {
        return getTypeValue(value, attributeDef);
    }
    if (typeof attributeDef.type === 'function') {

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

        expect(onRowSelectionMockFn).toHaveBeenCalledWith([
            {
                name: 'Pepe',
                email: 'pepe@gmail.com',
                id: '1234qwerty',

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

        expect(onRowSelectionMockFn).toHaveBeenCalledWith([
            {
                name: 'Pepe',
                email: 'pepe@gmail.com',
                id: '1234qwerty',

• Read up
  Read up

Similar blocks of code found in 3 locations. Consider refactoring.

Open

    it('should render the StarBordered when the prop isFilled is false', () => {
        const component = mount(<Star isFilled={false} />);
        expect(component.find('StarBordered').exists()).toBe(true);
    });

• Read up
  Read up