Skip to content

Commit

Permalink
Merge pull request #23 from bancodobrasil/feat/edit-menu-tabs
Browse files Browse the repository at this point in the history
Feat/edit menu tabs
  • Loading branch information
ralphg6 authored Aug 22, 2023
2 parents 95d4a63 + fa8fdda commit 75aee5b
Show file tree
Hide file tree
Showing 17 changed files with 3,356 additions and 343 deletions.
3 changes: 2 additions & 1 deletion .babelrc
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,8 @@
}
}
],
"@babel/preset-react"
["@babel/preset-react", {"runtime": "automatic"}],
["@babel/preset-typescript", {"isTSX": true, "allExtensions": true}]
],
"plugins": [
["prismjs", {
Expand Down
203 changes: 203 additions & 0 deletions jest.config.ts
Original file line number Diff line number Diff line change
@@ -0,0 +1,203 @@
/**
* For a detailed explanation regarding each configuration property, visit:
* https://jestjs.io/docs/configuration
*/

import type { Config } from 'jest';

const config: Config = {
// All imported modules in your tests should be mocked automatically
// automock: false,

// Stop running tests after `n` failures
// bail: 0,

// The directory where Jest should store its cached dependency information
// cacheDirectory: "/private/var/folders/w3/c091cx1n5wncx_q51pkk39k80000gn/T/jest_dx",

// Automatically clear mock calls, instances, contexts and results before every test
clearMocks: true,

// Indicates whether the coverage information should be collected while executing the test
collectCoverage: true,

// An array of glob patterns indicating a set of files for which coverage information should be collected
// collectCoverageFrom: undefined,

// The directory where Jest should output its coverage files
coverageDirectory: 'coverage',

// An array of regexp pattern strings used to skip coverage collection
// coveragePathIgnorePatterns: [
// "/node_modules/"
// ],

// Indicates which provider should be used to instrument code for coverage
// coverageProvider: "babel",

// A list of reporter names that Jest uses when writing coverage reports
// coverageReporters: [
// "json",
// "text",
// "lcov",
// "clover"
// ],

// An object that configures minimum threshold enforcement for coverage results
// coverageThreshold: undefined,

// A path to a custom dependency extractor
// dependencyExtractor: undefined,

// Make calling deprecated APIs throw helpful error messages
// errorOnDeprecated: false,

// The default configuration for fake timers
// fakeTimers: {
// "enableGlobally": false
// },

// Force coverage collection from ignored files using an array of glob patterns
// forceCoverageMatch: [],

// A path to a module which exports an async function that is triggered once before all test suites
// globalSetup: undefined,

// A path to a module which exports an async function that is triggered once after all test suites
// globalTeardown: undefined,

// A set of global variables that need to be available in all test environments
// globals: {},

// The maximum amount of workers used to run your tests. Can be specified as % or a number. E.g. maxWorkers: 10% will use 10% of your CPU amount + 1 as the maximum worker number. maxWorkers: 2 will use a maximum of 2 workers.
// maxWorkers: "50%",

// An array of directory names to be searched recursively up from the requiring module's location
// moduleDirectories: [
// "node_modules"
// ],

// An array of file extensions your modules use
// moduleFileExtensions: [
// "js",
// "mjs",
// "cjs",
// "jsx",
// "ts",
// "tsx",
// "json",
// "node"
// ],

// A map from regular expressions to module names or to arrays of module names that allow to stub out resources with a single module
moduleNameMapper: {
'\\.(jpg|ico|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$':
'identity-obj-proxy',
'\\.(css)$': 'identity-obj-proxy',
},

// An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
// modulePathIgnorePatterns: [],

// Activates notifications for test results
// notify: false,

// An enum that specifies notification mode. Requires { notify: true }
// notifyMode: "failure-change",

// A preset that is used as a base for Jest's configuration
// preset: undefined,

// Run tests from one or more projects
// projects: undefined,

// Use this configuration option to add custom reporters to Jest
// reporters: undefined,

// Automatically reset mock state before every test
// resetMocks: false,

// Reset the module registry before running each individual test
// resetModules: false,

// A path to a custom resolver
// resolver: undefined,

// Automatically restore mock state and implementation before every test
// restoreMocks: false,

// The root directory that Jest should scan for tests and modules within
// rootDir: undefined,

// A list of paths to directories that Jest should use to search for files in
// roots: [
// "<rootDir>"
// ],

// Allows you to use a custom runner instead of Jest's default test runner
// runner: "jest-runner",

// The paths to modules that run some code to configure or set up the testing environment before each test
// setupFiles: [],

// A list of paths to modules that run some code to configure or set up the testing framework before each test
// setupFilesAfterEnv: [],

// The number of seconds after which a test is considered as slow and reported as such in the results.
// slowTestThreshold: 5,

// A list of paths to snapshot serializer modules Jest should use for snapshot testing
// snapshotSerializers: [],

// The test environment that will be used for testing
testEnvironment: 'jsdom',

// Options that will be passed to the testEnvironment
// testEnvironmentOptions: {},

// Adds a location field to test results
// testLocationInResults: false,

// The glob patterns Jest uses to detect test files
// testMatch: [
// "**/__tests__/**/*.[jt]s?(x)",
// "**/?(*.)+(spec|test).[tj]s?(x)"
// ],

// An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
// testPathIgnorePatterns: [
// "/node_modules/"
// ],

// The regexp pattern or array of patterns that Jest uses to detect test files
// testRegex: [],

// This option allows the use of a custom results processor
// testResultsProcessor: undefined,

// This option allows use of a custom test runner
// testRunner: "jest-circus/runner",

// A map from regular expressions to paths to transformers
// transform: undefined,

// An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
// transformIgnorePatterns: [
// "/node_modules/",
// "\\.pnp\\.[^\\/]+$"
// ],

// An array of regexp pattern strings that are matched against all modules before the module loader will automatically return a mock for them
// unmockedModulePathPatterns: undefined,

// Indicates whether each individual test should be reported during the run
// verbose: undefined,

// An array of regexp patterns that are matched against all source file paths before re-running tests in watch mode
// watchPathIgnorePatterns: [],

// Whether to use watchman for file crawling
// watchman: true,
};

export default config;
17 changes: 14 additions & 3 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
"start": "webpack serve --open --config webpack.dev.js",
"build": "webpack --config webpack.prod.js",
"serve": "webpack serve",
"test": "echo 'test ok!'",
"test": "jest",
"clean": "rm -rf dist",
"lint": "eslint --ext .js,.jsx,.ts,.tsx ./",
"lint-fix": "eslint --ext .js,.jsx,.ts,.tsx ./ --fix",
Expand Down Expand Up @@ -85,13 +85,18 @@
"@babel/core": "^7.17.10",
"@babel/plugin-syntax-flow": "^7.16.7",
"@babel/plugin-transform-react-jsx": "^7.17.3",
"@babel/preset-env": "^7.20.2",
"@babel/preset-react": "7.12.10",
"@babel/preset-env": "^7.22.10",
"@babel/preset-react": "^7.22.5",
"@babel/preset-typescript": "^7.22.5",
"@babel/runtime": "^7.20.13",
"@lezer/generator": "^1.2.2",
"@testing-library/jest-dom": "^6.0.1",
"@testing-library/react": "^12.0.0",
"@types/ejs": "^3.1.1",
"@types/jest": "^29.5.3",
"@types/lodash": "^4.14.191",
"@types/luxon": "^3.2.0",
"@types/node": "^20.5.2",
"@types/react": "^17.0.43",
"@types/react-beautiful-dnd": "^13.1.3",
"@types/react-dom": "^17.0.14",
Expand All @@ -101,6 +106,7 @@
"@webpack-cli/generators": "^3.0.1",
"autoprefixer": "^10.4.13",
"babel-eslint": "^10.1.0",
"babel-jest": "^29.6.3",
"babel-loader": "8.2.2",
"babel-plugin-prismjs": "^2.1.0",
"css-loader": "^6.7.3",
Expand All @@ -118,15 +124,20 @@
"eslint-plugin-react-hooks": "^4.5.0",
"file-loader": "^6.2.0",
"html-webpack-plugin": "^5.5.0",
"identity-obj-proxy": "^3.0.0",
"jest": "^29.6.3",
"jest-environment-jsdom": "^29.6.3",
"mem-fs": "^2.2.1",
"mem-fs-editor": "^9.6.0",
"postcss": "^8.4.20",
"postcss-loader": "^7.0.2",
"prettier": "^2.3.2",
"react-test-renderer": "^17.0.2",
"serve": "^12.0.1",
"style-loader": "^3.3.1",
"tailwindcss": "^3.2.4",
"ts-loader": "^9.4.2",
"ts-node": "^10.9.1",
"typescript": "^4.9.4",
"webpack": "^5.75.0",
"webpack-cli": "^5.0.1",
Expand Down
14 changes: 3 additions & 11 deletions src/components/AppBreadcrumbs/AppBreadcrumbs.tsx
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
import { Box, Breadcrumbs, IconButton, Link, Typography } from '@mui/material';
import { Box, Breadcrumbs, Link, Typography } from '@mui/material';
import React from 'react';
import { useNavigate, Link as RouterLink } from 'react-router-dom';
import ArrowBackIcon from '@mui/icons-material/ArrowBack';
import { Link as RouterLink } from 'react-router-dom';

// TODO: Remove onBack prop on new UI
export interface AppBreadcrumbsProps {
items: { label: string; navigateTo?: string }[];
onBack?: () => void;
Expand All @@ -22,10 +22,6 @@ const BreadcrumbsSeparator = ({ disabled = false }: { disabled?: boolean }): JSX
);

export const AppBreadcrumbs = ({ items, onBack }: AppBreadcrumbsProps): JSX.Element => {
const navigate = useNavigate();
const onBackClickHandler = () => {
navigate('../');
};
const renderItems = () => {
const disabledColor = '#BFC3CA';
return items.map(({ label, navigateTo }, index) => {
Expand Down Expand Up @@ -73,10 +69,6 @@ export const AppBreadcrumbs = ({ items, onBack }: AppBreadcrumbsProps): JSX.Elem
mt: '2rem',
}}
>
<IconButton onClick={onBack || onBackClickHandler} size="small">
<ArrowBackIcon fontSize="small" color="primary" />
</IconButton>

<Breadcrumbs
aria-label="breadcrumb"
sx={{
Expand Down
1 change: 0 additions & 1 deletion src/components/Menu/Form/index.ts

This file was deleted.

Loading

0 comments on commit 75aee5b

Please sign in to comment.