nexxtway/react-rainbow

View on GitHub

Showing 445 of 2,739 total issues

Function ActionsCell has 32 lines of code (exceeds 25 allowed). Consider refactoring.
Open

export default function ActionsCell(props) {
    const { columnChildren, rowsLength, rowIndex, rowData } = props;

    if (columnChildren) {
        const getMenuAlignment = () => {
Severity: Minor
Found in src/components/Table/body/actionsCell.js - About 1 hr to fix

    Function goNextStep has 32 lines of code (exceeds 25 allowed). Consider refactoring.
    Open

        const goNextStep = () => {
            if (currentStepIndex === 2) {
                mappedRecords.current = getDataToImport({
                    data,
                    fieldsMap,
    Severity: Minor
    Found in src/components/ImportRecordsFlow/index.js - About 1 hr to fix

      Function handleChangeHour has 32 lines of code (exceeds 25 allowed). Consider refactoring.
      Open

          handleChangeHour(event) {
              const { hour } = this.state;
              const { hour24 } = this.props;
              const { value } = event.target;
              let normalizedValue;
      Severity: Minor
      Found in src/components/TimePicker/timeSelect.js - About 1 hr to fix

        Function Upload has 32 lines of code (exceeds 25 allowed). Consider refactoring.
        Open

        export default function Upload(props) {
            const { className, style } = props;
            return (
                <svg
                    className={className}
        Severity: Minor
        Found in src/components/ImportRecordsFlow/icons/upload.js - About 1 hr to fix

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

              render() {
                  const { disabled, children, footer, style, className, size } = this.props;
                  const { groupName, ariaDescribedby } = this.props;
          
                  return (
          Severity: Minor
          Found in src/components/VisualPickerOption/index.js - About 1 hr to fix

            Function Linkedin has 32 lines of code (exceeds 25 allowed). Consider refactoring.
            Open

            const Linkedin = props => {
                const { className, style } = props;
                return (
                    <svg
                        className={className}
            Severity: Minor
            Found in library/exampleComponents/Icons/linkedin.js - About 1 hr to fix

              Function ToolbarButton has 32 lines of code (exceeds 25 allowed). Consider refactoring.
              Open

              export default function ToolbarButton(props) {
                  const { onClick, href, title, children } = props;
              
                  if (href !== undefined && title === 'Open isolated') {
                      return (
              Severity: Minor
              Found in library/styleguideComponents/ToolbarButton/index.js - About 1 hr to fix

                Function CheckmarkIcon has 32 lines of code (exceeds 25 allowed). Consider refactoring.
                Open

                export default function CheckmarkIcon(props) {
                    const { className, style } = props;
                    return (
                        <svg
                            className={className}
                Severity: Minor
                Found in src/components/VisualPickerOption/checkmark.js - About 1 hr to fix

                  Function Pricing has 32 lines of code (exceeds 25 allowed). Consider refactoring.
                  Open

                  const Pricing = props => {
                      const { className, style } = props;
                      return (
                          <svg
                              className={className}
                  Severity: Minor
                  Found in library/exampleComponents/Icons/pricing.js - About 1 hr to fix

                    Function CheckmarkIcon has 32 lines of code (exceeds 25 allowed). Consider refactoring.
                    Open

                    export default function CheckmarkIcon(props) {
                        const { className, style } = props;
                        return (
                            <svg
                                className={className}
                    Severity: Minor
                    Found in library/exampleComponents/Icons/checkmark.js - About 1 hr to fix

                      Function InfoFilled has 32 lines of code (exceeds 25 allowed). Consider refactoring.
                      Open

                      const InfoFilled = props => {
                          const { className, style } = props;
                          return (
                              <svg
                                  className={className}
                      Severity: Minor
                      Found in library/exampleComponents/Icons/infoFilled.js - About 1 hr to fix

                        Function PercentInput has a Cognitive Complexity of 11 (exceeds 5 allowed). Consider refactoring.
                        Open

                        const PercentInput = forwardRef((props, ref) => {
                            const {
                                value,
                                name,
                                placeholder,
                        Severity: Minor
                        Found in src/components/PercentInput/index.js - About 1 hr to fix

                        Cognitive Complexity

                        Cognitive Complexity is a measure of how difficult a unit of code is to intuitively understand. Unlike Cyclomatic Complexity, which determines how difficult your code will be to test, Cognitive Complexity tells you how difficult your code will be to read and comprehend.

                        A method's cognitive complexity is based on a few simple rules:

                        • Code is not considered more complex when it uses shorthand that the language provides for collapsing multiple statements into one
                        • Code is considered more complex for each "break in the linear flow of the code"
                        • Code is considered more complex when "flow breaking structures are nested"

                        Further reading

                        Function CurrencyInput has a Cognitive Complexity of 11 (exceeds 5 allowed). Consider refactoring.
                        Open

                        const CurrencyInput = forwardRef((props, ref) => {
                            const {
                                value,
                                name,
                                placeholder,
                        Severity: Minor
                        Found in src/components/CurrencyInput/index.js - About 1 hr to fix

                        Cognitive Complexity

                        Cognitive Complexity is a measure of how difficult a unit of code is to intuitively understand. Unlike Cyclomatic Complexity, which determines how difficult your code will be to test, Cognitive Complexity tells you how difficult your code will be to read and comprehend.

                        A method's cognitive complexity is based on a few simple rules:

                        • Code is not considered more complex when it uses shorthand that the language provides for collapsing multiple statements into one
                        • Code is considered more complex for each "break in the linear flow of the code"
                        • Code is considered more complex when "flow breaking structures are nested"

                        Further reading

                        Function handleChangeMinutes has a Cognitive Complexity of 11 (exceeds 5 allowed). Consider refactoring.
                        Open

                            handleChangeMinutes(event) {
                                const { minutes } = this.state;
                                const { value } = event.target;
                                const { hour24 } = this.props;
                                let normalizedValue;
                        Severity: Minor
                        Found in src/components/TimePicker/timeSelect.js - About 1 hr to fix

                        Cognitive Complexity

                        Cognitive Complexity is a measure of how difficult a unit of code is to intuitively understand. Unlike Cyclomatic Complexity, which determines how difficult your code will be to test, Cognitive Complexity tells you how difficult your code will be to read and comprehend.

                        A method's cognitive complexity is based on a few simple rules:

                        • Code is not considered more complex when it uses shorthand that the language provides for collapsing multiple statements into one
                        • Code is considered more complex for each "break in the linear flow of the code"
                        • Code is considered more complex when "flow breaking structures are nested"

                        Further reading

                        Function DoubleCalendar has a Cognitive Complexity of 11 (exceeds 5 allowed). Consider refactoring.
                        Open

                        export default function DoubleCalendar(props) {
                            const {
                                id,
                                className,
                                style,
                        Severity: Minor
                        Found in src/components/Calendar/doubleCalendar/index.js - About 1 hr to fix

                        Cognitive Complexity

                        Cognitive Complexity is a measure of how difficult a unit of code is to intuitively understand. Unlike Cyclomatic Complexity, which determines how difficult your code will be to test, Cognitive Complexity tells you how difficult your code will be to read and comprehend.

                        A method's cognitive complexity is based on a few simple rules:

                        • Code is not considered more complex when it uses shorthand that the language provides for collapsing multiple statements into one
                        • Code is considered more complex for each "break in the linear flow of the code"
                        • Code is considered more complex when "flow breaking structures are nested"

                        Further reading

                        Function InputExample has 31 lines of code (exceeds 25 allowed). Consider refactoring.
                        Open

                        export default function InputExample() {
                            return (
                                <div>
                                    <Input
                                        className="rainbow-m-around_large"
                        Severity: Minor
                        Found in examples/create-react-app/src/pages/Input/index.js - About 1 hr to fix

                          Function ErrorIcon has 31 lines of code (exceeds 25 allowed). Consider refactoring.
                          Open

                          export default function ErrorIcon() {
                              return (
                                  <svg
                                      width="20px"
                                      height="20px"
                          Severity: Minor
                          Found in src/components/ProgressStep/errorIcon.js - About 1 hr to fix

                            Function resolveCustomBackground has 31 lines of code (exceeds 25 allowed). Consider refactoring.
                            Open

                            function resolveCustomBackground(background) {
                                if (background && isValidColor(background)) {
                                    const dark = isDark(background);
                                    const mainText = getContrastText(background);
                                    const theme = {
                            Severity: Minor
                            Found in src/styles/helpers/normalizeTheme.js - About 1 hr to fix

                              Function Pagination has 31 lines of code (exceeds 25 allowed). Consider refactoring.
                              Open

                              export default function Pagination(props) {
                                  const { pages, activePage, onChange, className, style, variant } = props;
                              
                                  const isFirstItemSelected = activePage === 1;
                                  const isLastItemSelected = activePage === pages;
                              Severity: Minor
                              Found in src/components/Pagination/index.js - About 1 hr to fix

                                Function SocialIconsSet has 31 lines of code (exceeds 25 allowed). Consider refactoring.
                                Open

                                export default function SocialIconsSet() {
                                    return (
                                        <DesignDetails
                                            category="library"
                                            title="Rainbow Social Icons"
                                Severity: Minor
                                Found in library/pages/Designs/SocialIconsSet/index.js - About 1 hr to fix
                                  Severity
                                  Category
                                  Status
                                  Source
                                  Language