Merge pull request #12 from nginformatica/chore/remove-npm-publish

chore/remove npm publish

.babelrc.js

@@ -1,6 +1,15 @@
 module.exports = {
     plugins: [
-        '@babel/plugin-transform-runtime'
+        '@babel/plugin-transform-runtime',
+        [
+            'import',
+            {
+                libraryName: '@mui/icons-material',
+                libraryDirectory: '',
+                camel2DashComponentName: false
+            },
+            'icons'
+        ]
     ],
     presets: [
         '@babel/preset-env',

.eslintrc.js

@@ -185,5 +185,5 @@ module.exports = {
         ...rulesTypescript
     },
     plugins: ['@typescript-eslint', 'import', '@stylistic'],
-    ignorePatterns: ['.eslintrc.js', 'pre-publish.js']
+    ignorePatterns: ['.eslintrc.js']
 }

.gitignore

@@ -1,5 +1,2 @@
 /node_modules/
-/lib/
-/public/
-
-*storybook.log
+/docs

.nvmrc

@@ -0,0 +1 @@
+18.12.1

.storybook/main.ts

@@ -6,17 +6,12 @@ const config: StorybookConfig = {
         '../src/**/**/*.mdx',
         '../src/**/**/*.stories.@(js|jsx|mjs|ts|tsx)'
     ],
-    features: {
-        storyStoreV7: true
-    },
     addons: [
         '@storybook/addon-essentials',
         '@storybook/addon-styling-webpack',
-        '@storybook/addon-themes'
-    ],
-    docs: {
-        autodocs: true
-    }
+        '@storybook/addon-themes',
+        '@storybook/addon-webpack5-compiler-babel'
+    ]
 }
 
 export default config

.storybook/preview.tsx

@@ -2,8 +2,7 @@ import React from 'react'
 import { Preview } from '@storybook/react'
 import { withThemeFromJSXProvider } from '@storybook/addon-themes'
 import { ThemeProvider, createGlobalStyle } from 'styled-components'
-import { ThemeProviderFlipper } from 'flipper-ui'
-import { muiThemeOptions, theme } from 'flipper-ui/theme'
+import { ThemeProviderFlipper, muiThemeOptions, theme } from 'flipper-ui/theme'
 
 const GlobalStyles = createGlobalStyle`
   body {
@@ -19,7 +18,6 @@ export const decorators = [
 
 const preview: Preview = {
     parameters: {
-        actions: { argTypesRegex: '^on[A-Z].*' },
         options: {
             storySort: {
                 order: [

package.json

@@ -1,64 +1,56 @@
 {
-	"name": "nginformatica-styleguide",
-	"version": "1.0.4",
+	"name": "ng-design-system",
+	"version": "1.0.5",
 	"description": "The Design System for the NG Saas Products",
-	"main": "lib/index.js",
-	"author": "void",
+	"author": "NG",
 	"license": "MIT",
-	"resolutions": {
-		"wrap-ansi": "7.0.0"
-	},
 	"scripts": {
-		"start": "sb dev -p 6006",
+		"start": "storybook dev -p 6006",
 		"type-check": "tsc --noEmit",
+		"docs:build": "storybook build -o docs",
 		"format": "prettier -w 'src/**/*.{ts,tsx}'",
 		"lint": "eslint -c .eslintrc.js 'src/**/*.{ts,tsx}'",
 		"lint:fix": "eslint -c .eslintrc.js --fix 'src/**/*.{ts,tsx}'",
-		"lint:quiet": "eslint --quiet .eslintrc.js 'src/**/*.{ts,tsx}'",
-		"docs:build": "storybook build -o docs public",
-		"build": "node pre-publish && npm run build:types && npm run build:js",
-		"build:types": "tsc --emitDeclarationOnly",
-		"build:js": "babel src --out-dir lib --extensions \".ts,.tsx\" --source-maps inline",
-		"npm:release": "npm publish ./lib --scope=@nginformatica --access public"
+		"lint:quiet": "eslint --quiet .eslintrc.js 'src/**/*.{ts,tsx}'"
 	},
 	"dependencies": {},
 	"devDependencies": {
-		"@babel/cli": "7.24.5",
-		"@babel/core": "7.24.5",
-		"@babel/plugin-transform-runtime": "7.24.3",
-		"@babel/preset-env": "7.24.5",
-		"@babel/preset-react": "7.24.1",
-		"@babel/preset-typescript": "7.24.1",
-		"@storybook/addon-essentials": "7.6.17",
-		"@storybook/addon-styling-webpack": "0.0.6",
-		"@storybook/addon-themes": "7.6.17",
-		"@storybook/blocks": "7.6.17",
-		"@storybook/react": "7.6.17",
-		"@storybook/react-webpack5": "7.6.17",
+		"@babel/cli": "7.24.6",
+		"@babel/core": "7.24.6",
+		"@babel/plugin-transform-runtime": "7.24.6",
+		"@babel/preset-env": "7.24.6",
+		"@babel/preset-react": "7.24.6",
+		"@babel/preset-typescript": "7.24.6",
+		"@storybook/addon-essentials": "8.1.5",
+		"@storybook/addon-styling-webpack": "1.0.0",
+		"@storybook/addon-themes": "8.1.5",
+		"@storybook/blocks": "8.1.5",
+		"@storybook/react": "8.1.5",
+		"@storybook/react-webpack5": "8.1.5",
+		"@storybook/addon-webpack5-compiler-babel": "3.0.3",
 		"@stylistic/eslint-plugin": "1.5.4",
-		"@types/react": "18.3.1",
+		"@types/react": "18.3.3",
 		"@types/react-dom": "18.3.0",
 		"@typescript-eslint/eslint-plugin": "7.2.0",
 		"@typescript-eslint/parser": "7.2.0",
-		"amazing-react-charts": "1.0.8",
+		"amazing-react-charts": "1.0.9",
 		"babel-loader": "9.1.3",
+		"babel-plugin-import": "1.13.8",
 		"eslint": "8.57.0",
 		"eslint-config-prettier": "9.1.0",
 		"eslint-import-resolver-typescript": "3.6.1",
 		"eslint-plugin-import": "2.29.1",
 		"eslint-plugin-prettier": "5.1.3",
-		"eslint-plugin-react": "7.34.1",
-		"flipper-ui": "0.31.5",
-		"fs-extra": "11.2.0",
-		"prettier": "3.2.5",
+		"eslint-plugin-react": "7.34.2",
+		"flipper-ui": "0.32.0",
+		"prettier": "3.3.0",
 		"react": "18.3.1",
 		"react-dom": "18.3.1",
-		"storybook": "7.6.17",
-		"styled-components": "6.1.9",
+		"react-router": "6.23.1",
+		"react-router-dom": "6.23.1",
+		"storybook": "8.1.5",
+		"styled-components": "6.1.11",
 		"typescript": "5.4.5",
 		"webpack": "5.91.0"
-	},
-	"publishConfig": {
-		"access": "public"
 	}
 }

src/web/docs/UsageGuide.stories.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
+import { PhotoCamera } from '@mui/icons-material'
 import { DonutChart } from 'amazing-react-charts'
 import { Button } from 'flipper-ui'
-import { PhotoCamera } from 'flipper-ui/icons'
 import type { Meta } from '@storybook/react'
 import { theme } from 'flipper-ui/theme'
 

tsconfig.json

@@ -36,13 +36,9 @@
     },
     "include": [
         "./src/**/*.ts",
-        "./src/**/*.tsx",
-        "./src/**/*.stories.ts",
-        "./src/**/*.stories.tsx",
+        "./src/**/*.tsx"
     ],
     "exclude": [
-        "node_modules",
-        "lib",
-        "scripts"
+        "node_modules"
     ]
 }