ant-design/ant-design

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

Open

  it('should not show pager if pagination.hideOnSinglePage is true and only 1 page', () => {
    const { container, rerender } = render(
      createTable({ pagination: { pageSize: 3, hideOnSinglePage: true } }),
    );
    expect(container.querySelectorAll('.ant-pagination')).toHaveLength(1);

• Read up
  Read up

Function FilterDropdown has 364 lines of code (exceeds 25 allowed). Consider refactoring.

Open

function FilterDropdown<RecordType>(props: FilterDropdownProps<RecordType>) {
  const {
    tablePrefixCls,
    prefixCls,
    column,

File confirm.test.tsx has 760 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import * as React from 'react';
import { SmileOutlined } from '@ant-design/icons';
import CSSMotion from 'rc-motion';
import { genCSSMotion } from 'rc-motion/lib/CSSMotion';
import KeyCode from 'rc-util/lib/KeyCode';

Function genPickerStyle has 353 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const genPickerStyle: GenerateStyle<PickerToken> = (token) => {
  const {
    componentCls,
    antCls,
    controlHeight,

Function InternalUpload has 352 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const InternalUpload: React.ForwardRefRenderFunction<UploadRef, UploadProps> = (props, ref) => {
  const {
    fileList,
    defaultFileList,
    onRemove,

File index.test.tsx has 746 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import React, { useCallback, useEffect, useState } from 'react';
import { fireEvent, render, waitFor } from '@testing-library/react';
import type { DefaultRecordType } from 'rc-table/lib/interface';

import type { SelectAllLabel, TransferProps } from '..';

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

Open

  it('should be controlled by open', () => {
    jest.useFakeTimers();
    const popconfirm = render(
      <Popconfirm title="code">
        <span>show me your code</span>

• Read up
  Read up

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

Open

  it('should be controlled by visible', () => {
    jest.useFakeTimers();
    const popconfirm = render(
      <Popconfirm title="code">
        <span>show me your code</span>

• Read up
  Read up

Function Base has 330 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Base = React.forwardRef<HTMLElement, BlockProps>((props, ref) => {
  const {
    prefixCls: customizePrefixCls,
    className,
    style,

Function Transfer has 329 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Transfer = <RecordType extends TransferItem = TransferItem>(
  props: TransferProps<RecordType>,
) => {
  const {
    dataSource,

Function Footer has 322 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const Footer: React.FC = () => {
  const location = useLocation();
  const [locale, lang] = useLocale(locales);
  const { styles } = useStyle();

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

Open

  it('should exist crossorigin attribute when set file.crossorigin in case of listType="picture"', () => {
    const list = [
      {
        uid: '0',
        name: 'xxx.png',

• Read up
  Read up

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

Open

  it('should exist crossorigin attribute when set file.crossorigin in case of listType="picture-card"', () => {
    const list = [
      {
        uid: '0',
        name: 'xxx.png',

• Read up
  Read up

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

Open

const columns: TableColumnsType<DataType> = [
  {
    title: 'Full Name',
    width: 100,
    dataIndex: 'name',

• Read up
  Read up

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

Open

const columns: TableColumnsType<DataType> = [
  {
    title: 'Full Name',
    width: 100,
    dataIndex: 'name',

• Read up
  Read up

File index.ts has 689 lines of code (exceeds 250 allowed). Consider refactoring.

Open

import type { CSSObject } from '@ant-design/cssinjs';
import { unit } from '@ant-design/cssinjs';

import { clearFix, resetComponent } from '../../style';
import { genCompactItemStyle } from '../../style/compact-item';

Function GlobalDemoStyles has 308 lines of code (exceeds 25 allowed). Consider refactoring.

Open

const GlobalDemoStyles: React.FC = () => {
  const token = useTheme();

  const { antCls, iconCls } = token;

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

Open

  it('should justify by responsive justify prop', () => {
    const matchMediaSpy = jest.spyOn(window, 'matchMedia');
    matchMediaSpy.mockImplementation(
      (query) =>
        ({

• Read up
  Read up

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

Open

  it('should align by responsive align prop', () => {
    const matchMediaSpy = jest.spyOn(window, 'matchMedia');
    matchMediaSpy.mockImplementation(
      (query) =>
        ({

• Read up
  Read up

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

Open

  it('Should ColorHsbInput work correct', () => {
    const handleAlphaChange = jest.fn();
    const { container } = render(<ColorHsbInput prefixCls="test" onChange={handleAlphaChange} />);
    expect(container.querySelector('.test-hsb-input')).toBeTruthy();
    const hsbInputEls = container.querySelectorAll('.test-hsb-input input');

• Read up
  Read up