chore(fuselage-ui-kit): Review build configuration

packages/fuselage-ui-kit/.eslintrc.json

@@ -1,65 +1,4 @@
 {
-	"extends": [
-		"plugin:@typescript-eslint/recommended",
-		"plugin:@typescript-eslint/eslint-recommended",
-		"@rocket.chat/eslint-config/original",
-		"@rocket.chat/eslint-config/react",
-		"prettier",
-		"plugin:anti-trojan-source/recommended",
-		"plugin:react/jsx-runtime",
-		"plugin:storybook/recommended"
-	],
-	"parser": "@typescript-eslint/parser",
-	"plugins": ["@typescript-eslint", "prettier"],
-	"rules": {
-		"func-call-spacing": "off",
-		"import/named": "error",
-		"import/order": [
-			"error",
-			{
-				"newlines-between": "always",
-				"groups": ["builtin", "external", "internal", ["parent", "sibling", "index"]],
-				"alphabetize": {
-					"order": "asc"
-				}
-			}
-		],
-		"indent": "off",
-		"jsx-quotes": ["error", "prefer-single"],
-		"new-cap": ["error"],
-		"no-extra-parens": "off",
-		"no-spaced-func": "off",
-		"no-undef": "off",
-		"no-unused-vars": "off",
-		"no-useless-constructor": "off",
-		"no-use-before-define": "off",
-		"prefer-arrow-callback": ["error", { "allowNamedFunctions": true }],
-		"prettier/prettier": 2
-	},
-	"settings": {
-		"import/resolver": {
-			"node": {
-				"extensions": [".js", ".ts", ".tsx"]
-			}
-		}
-	},
-	"ignorePatterns": ["dist", "storybook-static", "!.storybook"],
-	"overrides": [
-		{
-			"files": ["*.ts", "*.tsx"],
-			"rules": {
-				"@typescript-eslint/ban-ts-ignore": "off",
-				"@typescript-eslint/indent": "off",
-				"@typescript-eslint/no-extra-parens": "off",
-				"@typescript-eslint/no-explicit-any": "off",
-				"@typescript-eslint/no-unused-vars": [
-					"error",
-					{
-						"argsIgnorePattern": "^_"
-					}
-				],
-				"@typescript-eslint/prefer-optional-chain": "warn"
-			}
-		}
-	]
+	"extends": ["@rocket.chat/eslint-config", "@rocket.chat/eslint-config/react", "plugin:storybook/recommended"],
+	"ignorePatterns": ["dist", "storybook-static", "!.storybook"]
 }

packages/fuselage-ui-kit/package.json

@@ -17,21 +17,19 @@
 		"name": "Rocket.Chat",
 		"url": "https://rocket.chat/"
 	},
-	"main": "dist/cjs/index.js",
-	"module": "dist/esm/index.js",
-	"types": "dist/esm/index.d.ts",
+	"main": "dist/index.js",
+	"types": "dist/index.d.ts",
 	"files": [
 		"/dist"
 	],
 	"scripts": {
 		".:build-preview-move": "mkdir -p ../../.preview/ && cp -r ./storybook-static ../../.preview/fuselage-ui-kit",
-		".:build:cjs": "tsc -p tsconfig.cjs.json",
 		".:build:clean": "rimraf dist",
-		".:build:esm": "tsc -p tsconfig.esm.json",
-		"build": "run-s .:build:clean .:build:esm .:build:cjs",
+		".:build:tsc": "tsc -p tsconfig.build.json",
+		"build": "run-s .:build:clean .:build:tsc",
 		"build-preview": "yarn build-storybook",
 		"build-storybook": "NODE_ENV=production storybook build",
-		"dev": "tsc --watch --preserveWatchOutput -p tsconfig.esm.json",
+		"dev": "tsc --watch --preserveWatchOutput -p tsconfig.build.json",
 		"docs": "cross-env NODE_ENV=production storybook build -o ../../static/fuselage-ui-kit",
 		"lint": "eslint --ext .js,.jsx,.ts,.tsx .",
 		"storybook": "storybook dev -p 6006 --no-version-updates",
@@ -45,10 +43,6 @@
 		"@rocket.chat/ui-kit": "workspace:~"
 	},
 	"devDependencies": {
-		"@babel/core": "~7.28.5",
-		"@babel/preset-env": "~7.28.5",
-		"@babel/preset-react": "~7.27.1",
-		"@babel/preset-typescript": "~7.27.1",
 		"@rocket.chat/apps-engine": "workspace:^",
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/emitter": "~0.31.25",
@@ -78,7 +72,6 @@
 		"@testing-library/user-event": "~14.6.1",
 		"@types/react": "~18.3.26",
 		"@types/react-dom": "~18.3.7",
-		"babel-loader": "~10.0.0",
 		"cross-env": "^7.0.3",
 		"eslint": "~8.45.0",
 		"eslint-plugin-storybook": "~0.11.6",

packages/fuselage-ui-kit/src/elements/IconButtonElement.tsx

@@ -1,5 +1,5 @@
 import { IconButton } from '@rocket.chat/fuselage';
-import * as UiKit from '@rocket.chat/ui-kit';
+import type * as UiKit from '@rocket.chat/ui-kit';
 import type { MouseEventHandler, ReactElement } from 'react';
 
 import { useUiKitState } from '../hooks/useUiKitState';

packages/fuselage-ui-kit/src/elements/IconElement.tsx

@@ -1,8 +1,8 @@
 import { Icon } from '@rocket.chat/fuselage';
-import * as UiKit from '@rocket.chat/ui-kit';
+import type * as UiKit from '@rocket.chat/ui-kit';
 import type { ReactElement } from 'react';
 
-import { BlockProps } from '../utils/BlockProps';
+import type { BlockProps } from '../utils/BlockProps';
 
 type IconElementProps = BlockProps<UiKit.IconElement>;
 

packages/fuselage-ui-kit/tsconfig.build.json

@@ -0,0 +1,10 @@
+{
+	"extends": "./tsconfig.json",
+	"compilerOptions": {
+		"module": "ESNext",
+		"rootDir": "./src",
+		"outDir": "./dist"
+	},
+	"include": ["src"],
+	"exclude": ["node_modules", "dist", "src/**/*.stories.tsx", ".storybook/**/*", "./src/**/*.spec.ts", "./src/**/*.spec.tsx"]
+}

packages/fuselage-ui-kit/tsconfig.json

@@ -1,8 +1,8 @@
 {
 	"extends": "@rocket.chat/tsconfig/client.json",
-  "compilerOptions": {
-    "noImplicitReturns": true,
-    "noImplicitThis": true,
-  },
+	"compilerOptions": {
+		"noImplicitReturns": true,
+		"noImplicitThis": true,
+	},
 	"include": ["src", ".storybook/**/*", "jest.config.ts"]
 }

packages/livechat/package.json

@@ -56,6 +56,7 @@
 		"@babel/core": "~7.28.5",
 		"@babel/eslint-parser": "~7.28.5",
 		"@babel/preset-env": "~7.28.5",
+		"@babel/preset-react": "~7.27.1",
 		"@babel/preset-typescript": "~7.27.1",
 		"@rocket.chat/core-typings": "workspace:^",
 		"@rocket.chat/ddp-client": "workspace:^",

yarn.lock

@@ -8620,10 +8620,6 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@rocket.chat/fuselage-ui-kit@workspace:packages/fuselage-ui-kit"
   dependencies:
-    "@babel/core": "npm:~7.28.5"
-    "@babel/preset-env": "npm:~7.28.5"
-    "@babel/preset-react": "npm:~7.27.1"
-    "@babel/preset-typescript": "npm:~7.27.1"
     "@rocket.chat/apps-engine": "workspace:^"
     "@rocket.chat/core-typings": "workspace:^"
     "@rocket.chat/emitter": "npm:~0.31.25"
@@ -8654,7 +8650,6 @@ __metadata:
     "@testing-library/user-event": "npm:~14.6.1"
     "@types/react": "npm:~18.3.26"
     "@types/react-dom": "npm:~18.3.7"
-    babel-loader: "npm:~10.0.0"
     cross-env: "npm:^7.0.3"
     eslint: "npm:~8.45.0"
     eslint-plugin-storybook: "npm:~0.11.6"
@@ -8926,6 +8921,7 @@ __metadata:
     "@babel/core": "npm:~7.28.5"
     "@babel/eslint-parser": "npm:~7.28.5"
     "@babel/preset-env": "npm:~7.28.5"
+    "@babel/preset-react": "npm:~7.27.1"
     "@babel/preset-typescript": "npm:~7.27.1"
     "@rocket.chat/core-typings": "workspace:^"
     "@rocket.chat/ddp-client": "workspace:^"