fix: remove wrong lib

.babelrc.js

@@ -126,5 +126,9 @@ module.exports = {
         '@babel/plugin-transform-runtime',
         'transform-class-properties'
     ],
-    presets: ['@babel/env', '@babel/react', '@babel/typescript']
+    presets: [
+        '@babel/preset-env',
+        '@babel/preset-react',
+        '@babel/preset-typescript'
+    ]
 }

.nvmrc

@@ -0,0 +1 @@
+18.18.2

.storybook/main.ts

@@ -1,22 +1,19 @@
 import type { StorybookConfig } from '@storybook/react-webpack5'
 import path from 'path'
+
 const config: StorybookConfig = {
+    framework: '@storybook/react-webpack5',
     stories: [
         '../src/**/*.stories.mdx',
         '../src/**/*.stories.@(js|jsx|ts|tsx)'
     ],
-    addons: [
-        '@storybook/addon-links',
-        '@storybook/addon-essentials',
-        '@storybook/addon-interactions'
-    ],
+    features: {
+        storyStoreV7: false
+    },
+    addons: ['@storybook/addon-essentials', '@storybook/addon-styling-webpack'],
     docs: {
         autodocs: true
     },
-    framework: {
-        name: '@storybook/react-webpack5',
-        options: {}
-    },
     typescript: {
         check: false,
         checkOptions: {},
@@ -31,10 +28,14 @@ const config: StorybookConfig = {
         }
     },
     webpackFinal: async config => {
-        if (config.resolve?.alias) {
-            config.resolve.alias['@'] = path.resolve(__dirname, '../src')
+        if (config.resolve) {
+            config.resolve.alias = {
+                ...config.resolve.alias,
+                '@': path.resolve(__dirname, '../src')
+            }
         }
         return config
     }
 }
+
 export default config

.storybook/preview-body.html

@@ -0,0 +1,7 @@
+<style>
+    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
+    body {
+      margin: 0;
+      padding: 0;
+    }
+</style>

package.json

@@ -1,13 +1,16 @@
 {
   "name": "flipper-ui",
-  "version": "0.30.6",
+  "version": "0.30.7",
   "description": "",
   "main": "dist/index.js",
   "homepage": "https://flipper-ui.ngi.com.br/",
   "repository": {
     "type": "git",
     "url": "https://github.com/nginformatica/flipper-ui.git"
   },
+  "resolutions": {
+    "wrap-ansi": "7.0.0"
+  },
   "scripts": {
     "test": "jest --silent --passWithNoTests --noStackTrace --runInBand",
     "test:ci": "yarn test --coverage",
@@ -44,67 +47,61 @@
     "react-loading-skeleton": "3.3.1",
     "react-number-format": "4.4.1",
     "sprintf-js": "1.1.3",
-    "styled-component": "2.8.0",
     "uuid": "9.0.1"
   },
   "devDependencies": {
-    "@babel/cli": "7.23.0",
-    "@babel/core": "7.23.2",
-    "@babel/plugin-transform-runtime": "7.23.2",
-    "@babel/preset-env": "7.23.2",
-    "@babel/preset-typescript": "7.23.2",
-    "@storybook/addon-actions": "7.4.6",
-    "@storybook/addon-essentials": "7.4.6",
-    "@storybook/addon-interactions": "7.4.6",
-    "@storybook/addon-links": "7.4.6",
-    "@storybook/addon-mdx-gfm": "7.4.6",
-    "@storybook/react": "7.4.6",
-    "@storybook/react-webpack5": "7.4.6",
+    "@babel/cli": "7.23.4",
+    "@babel/core": "7.23.6",
+    "@babel/plugin-transform-runtime": "7.23.6",
+    "@babel/preset-env": "7.23.6",
+    "@babel/preset-typescript": "7.23.3",
+    "@storybook/addon-essentials": "7.6.6",
+    "@storybook/addon-styling-webpack": "0.0.5",
+    "@storybook/react": "7.6.6",
+    "@storybook/react-webpack5": "7.6.6",
     "@testing-library/react": "14.0.0",
     "@testing-library/user-event": "14.5.1",
     "@types/faker": "5.5.3",
     "@types/history": "5.0.0",
-    "@types/jest": "29.5.5",
-    "@types/node": "20.8.6",
+    "@types/jest": "29.5.11",
+    "@types/node": "20.10.5",
     "@types/ramda": "0.25.36",
-    "@types/react": "18.2.28",
+    "@types/react": "18.2.45",
     "@types/react-router": "5.1.20",
     "@types/react-router-dom": "5.3.3",
-    "@types/sprintf-js": "1.1.2",
-    "@types/styled-components": "5.1.28",
-    "@types/uuid": "9.0.5",
-    "@typescript-eslint/eslint-plugin": "6.7.5",
-    "@typescript-eslint/parser": "6.7.5",
+    "@types/sprintf-js": "1.1.4",
+    "@types/styled-components": "5.1.34",
+    "@types/uuid": "9.0.7",
+    "@typescript-eslint/eslint-plugin": "6.15.0",
+    "@typescript-eslint/parser": "6.15.0",
     "babel-loader": "9.1.3",
     "babel-plugin-module-resolver": "5.0.0",
     "babel-plugin-transform-class-properties": "6.24.1",
     "babel-plugin-transform-imports": "2.0.0",
-    "canvas": "2.11.2",
-    "date-fns": "2.30.0",
-    "eslint": "8.51.0",
-    "eslint-config-prettier": "9.0.0",
-    "eslint-plugin-import": "2.28.1",
+    "eslint": "8.56.0",
+    "eslint-config-prettier": "9.1.0",
+    "eslint-plugin-import": "2.29.1",
     "eslint-plugin-prefer-arrow": "1.2.3",
-    "eslint-plugin-prettier": "5.0.1",
+    "eslint-plugin-prettier": "5.1.0",
     "eslint-plugin-ramda": "2.5.1",
     "eslint-plugin-react": "7.33.2",
     "eslint-plugin-react-hooks": "4.6.0",
     "eslint-plugin-storybook": "0.6.15",
-    "fs-extra": "11.1.1",
+    "fs-extra": "11.2.0",
     "identity-obj-proxy": "3.0.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "node-fetch": "3.3.2",
-    "prettier": "3.0.3",
+    "prettier": "3.1.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-router": "6.17.0",
-    "react-router-dom": "6.17.0",
-    "storybook": "7.4.6",
-    "styled-components": "6.1.0",
+    "react-router": "6.21.0",
+    "react-router-dom": "6.21.0",
+    "storybook": "7.6.6",
+    "styled-components": "6.1.2",
     "ts-jest": "29.1.1",
-    "ts-loader": "9.5.0",
-    "typescript": "5.2.2",
+    "ts-loader": "9.5.1",
+    "typescript": "5.3.3",
     "webpack": "5.89.0"
   },
   "peerDependencies": {

src/core/data-display/advertise/__snapshots__/advertise.spec.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Advertise should match snapshot 1`] = `
 <div>
   <div
-    class="MuiPaper-root sc-bdnyFh hJlQyE MuiPaper-elevation1 MuiPaper-rounded"
+    class="MuiPaper-root sc-bdDqHD cGzQhq MuiPaper-elevation1 MuiPaper-rounded"
     role="mui-paper-container"
     style="padding: 4px;"
   >

src/core/feedback/dialog/index.tsx

@@ -166,8 +166,8 @@ export const Dialog = ({
         scroll === 'unset-body'
             ? 'body'
             : scroll === 'unset-paper'
-            ? 'paper'
-            : scroll
+              ? 'paper'
+              : scroll
 
     return (
         <MuiDialog

src/core/surfaces/content/__snapshots__/content.spec.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Content should match snapshot 1`] = `
 <div>
   <main
-    class="sc-bdnyFh cdroBp"
+    class="sc-bdDqHD dFHhtD"
     data-testid="container"
     style="flex: 1; transition: all 500ms ease;"
   >

tsconfig.json

@@ -2,9 +2,9 @@
     "compilerOptions": {
         "outDir": "./dist/", // path to output directory
         "sourceMap": true, // allow sourcemap support
-        "module": "commonjs", // specify module code generation
+        "module": "esnext", // specify module code generation
         "jsx": "react", // use typescript to transpile jsx to js
-        "target": "es2016", // specify ECMAScript target version
+        "target": "esnext", // specify ECMAScript target version
         "types": [
             "node",
             "jest"
@@ -37,6 +37,5 @@
         "./src/**/*.tsx",
         "./src/*.d.ts",
         "./src/lib/**/*"
-    ],
-    // "exclude": ["./src/**/*.spec.tsx"]
+    ]
 }