refactor: file renaming

src/components/javigaralva/colorized-letter.tsx → src/components/javigaralva/components/colorized-letter.tsx

@@ -1,12 +1,12 @@
 import { CSSProperties } from 'react'
-import { sample } from './utils/sample'
-import { getVerticalLinesStyle } from './styles/getVerticalLinesStyle'
-import { getSquareAndVerticalLinesStyle } from './styles/getSquareAndVerticalLinesStyle'
-import { getBigCircleDottedStyle } from './styles/getBigCircleDottedStyle'
-import { getBigDotsStyle } from './styles/getBigDotsStyle'
-import { isUpperCaseLetter } from './utils/is-upper-case-letter'
-import { isSymbol } from './utils/is-symbol'
-import { isNumber } from './utils/is-number'
+import { sample } from '../utils/sample'
+import { getVerticalLinesStyle } from '../utils/style-generators/vertical-lines'
+import { getSquareAndVerticalLinesStyle } from '../utils/style-generators/square-and-vertical-lines'
+import { getBigCircleDottedStyle } from '../utils/style-generators/big-circle-doted'
+import { getBigDotsStyle } from '../utils/style-generators/big-dots'
+import { isUpperCaseLetter } from '../utils/is-upper-case-letter'
+import { isSymbol } from '../utils/is-symbol'
+import { isNumber } from '../utils/is-number'
 
 type ColorizedLetterStyles = {
  classNames: string

src/components/javigaralva/password-generator-app.tsx

@@ -1,12 +1,12 @@
 import { useState, useEffect, type ChangeEventHandler } from 'react'
 import { sample } from './utils/sample'
-import { ColorizedPassword } from './colorized-password'
+import { ColorizedPassword } from './components/colorized-password'
 import {
  UPPER_CASE_LETTERS_LIST,
  LOWER_CASE_LETTERS_LIST,
  NUMBERS_LIST,
  SYMBOLS_LIST
-} from './constants'
+} from './constants/constants'
 
 interface GeneratePasswordOptions {
  length: number

src/components/javigaralva/utils/is-number.tsx

@@ -1,4 +1,4 @@
-import { NUMBERS } from '../constants'
+import { NUMBERS } from '../constants/constants'
 
 export function isNumber(letter: string) {
  return NUMBERS.includes(letter)

src/components/javigaralva/utils/is-symbol.tsx

@@ -1,4 +1,4 @@
-import { SYMBOLS } from '../constants'
+import { SYMBOLS } from '../constants/constants'
 
 export function isSymbol(letter: string) {
  return SYMBOLS.includes(letter)

src/components/javigaralva/utils/is-upper-case-letter.tsx

@@ -1,4 +1,4 @@
-import { UPPER_CASE_LETTERS_LIST } from '../constants'
+import { UPPER_CASE_LETTERS_LIST } from '../constants/constants'
 
 export function isUpperCaseLetter(letter: string) {
  return UPPER_CASE_LETTERS_LIST.includes(letter)

src/components/javigaralva/styles/getBigCircleDottedStyle.tsx → src/components/javigaralva/utils/style-generators/big-circle-doted.tsx

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react'
-import { random } from '../utils/random'
+import { random } from '../random'
 
 export function getBigCircleDottedStyle() {
  const style: CSSProperties = {}

src/components/javigaralva/styles/getBigDotsStyle.tsx → src/components/javigaralva/utils/style-generators/big-dots.tsx

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react'
-import { random } from '../utils/random'
+import { random } from '../random'
 
 export function getBigDotsStyle() {
  const style: CSSProperties = {}

src/components/javigaralva/styles/getSquareAndVerticalLinesStyle.tsx → src/components/javigaralva/utils/style-generators/square-and-vertical-lines.tsx

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react'
-import { random } from '../utils/random'
+import { random } from '../random'
 
 export function getSquareAndVerticalLinesStyle() {
  const style: CSSProperties = {}

src/components/javigaralva/styles/getVerticalLinesStyle.tsx → src/components/javigaralva/utils/style-generators/vertical-lines.tsx

@@ -1,5 +1,5 @@
 import { CSSProperties } from 'react'
-import { random } from '../utils/random'
+import { random } from '../random'
 
 export function getVerticalLinesStyle() {
  const style: CSSProperties = {}