@omniumretail/shared-resources 0.0.89 → 0.0.91

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omniumretail/shared-resources",
-  "version": "0.0.89",
+  "version": "0.0.91",
   "private": false,
   "description": "Shared Components and services or utils to the frontend versions",
   "main": "dist/bundle.js",
@@ -27,23 +27,21 @@
     "typescript": "^4.8.3",
     "url-loader": "^4.1.1",
     "webpack": "^5.74.0",
-    "webpack-cli": "^5.1.4"
+    "webpack-cli": "^4.10.0"
   },
   "dependencies": {
     "@fortawesome/fontawesome-svg-core": "^6.2.0",
-    "@fortawesome/free-regular-svg-icons": "^6.2.0",
     "@fortawesome/free-solid-svg-icons": "^6.2.0",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "@tanstack/react-query": "^4.29.19",
     "antd": "^4.23.4",
-    "babel-plugin-import": "^1.13.8",
-    "babel-plugin-lodash": "^3.3.4",
     "classnames": "^2.3.2",
-    "compression-webpack-plugin": "^10.0.0",
     "date-fns": "^2.29.3",
+    "mini-css-extract-plugin": "^2.7.6",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-router-dom": "^6.4.1",
+    "terser-webpack-plugin": "^5.3.9",
     "whatwg-fetch": "^3.6.2"
   }
 }

package/src/constants/Icons.ts

@@ -1,11 +1,9 @@
 
 import {
     faBars, faUserTie, faPlus, faXmark, faUser, faUserPlus,
-    faCartShopping, faChevronDown, faFilter, faSearch, faQrcode, faCheck
+    faCartShopping, faChevronDown, faFilter, faSearch, faQrcode, faCheck, faTrashAlt
 } from '@fortawesome/free-solid-svg-icons'
 
-import { faTrashAlt } from '@fortawesome/free-regular-svg-icons';
-
 export const icons = {
     faBars,
     faUser,
@@ -19,5 +17,5 @@ export const icons = {
     faSearch,
     faQrcode,
     faCheck,
-    'fa-thin': faTrashAlt
+    faTrashAlt
 };

package/webpack.config.js

@@ -1,5 +1,6 @@
 const path = require('path');
-const CompressionWebpackPlugin = require('compression-webpack-plugin');
+const TerserPlugin = require('terser-webpack-plugin');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 
 module.exports = {
     mode: 'production',
@@ -14,55 +15,48 @@ module.exports = {
     resolve: {
         extensions: ['.js', '.jsx', '.ts', '.tsx'],
     },
+    optimization: {
+        minimizer: [
+            new TerserPlugin({
+                terserOptions: {
+                    format: {
+                        comments: false,
+                    },
+                },
+                extractComments: false,
+            }),
+        ],
+    },
+    plugins: [
+        new MiniCssExtractPlugin({
+            filename: 'styles.css',
+        }),
+    ],
     module: {
         rules: [
             {
                 test: /\.s?css$/,
                 use: [
-                    { loader: 'style-loader' },
+                    MiniCssExtractPlugin.loader,
                     {
                         loader: 'css-loader',
                         options: {
-                            modules: true,
-                        },
+                            modules: true
+                        }
                     },
-                    { loader: 'sass-loader' },
-                ],
+                    { loader: 'sass-loader' }
+                ]
             },
             {
                 test: /\.(png|svg|jpg|gif)$/,
                 loader: 'url-loader',
                 options: {
-                    limit: Infinity, // everything
-                },
+                    limit: Infinity // everything
+                }
             },
             { test: /\.tsx?$/, use: 'ts-loader' },
-            {
-                test: /\.js$/,
-                exclude: /node_modules/,
-                use: {
-                    loader: 'babel-loader',
-                    options: {
-                        plugins: [
-                            ['import', { libraryName: 'antd', style: 'css' }],
-                            // Add other plugins if needed
-                        ],
-                        presets: [['@babel/env', { 'targets': { 'node': 6 } }]],
-                    },
-                },
-            },
         ],
     },
-    plugins: [
-        new CompressionWebpackPlugin({
-            filename: '[path][base].gz',
-            algorithm: 'gzip',
-            test: /\.js$|\.css$|\.html$/,
-            threshold: 10240,
-            minRatio: 0.8,
-        }),
-        // ...other plugins...
-    ],
     externals: {
         react: "react",
         "react-dom": "react-dom",