New update 0.3.0

.babelrc

@@ -0,0 +1,3 @@
+{
+  "presets": ["@babel/preset-env"]
+}

CHANGELOG.md

@@ -60,14 +60,19 @@ Tested in JS and React. Errors in work in React applications are revealed.
 - Fixed bugs.
 - Changed structure.
 
-### 00.03.2023 - update 0.2.6
+### 01.03.2023 - update 0.2.6
 
 - Added new theme creation mode.
 
-### 00.03.2023 - update 0.2.7
+### 01.03.2023 - update 0.2.7
 
 - Switch to new webpack project builder.
 
-##### 00.03.2023 - fix 0.2.71
+##### 04.03.2023 - fix 0.2.71
 
 - Select import fixed.
+
+### 06.03.2023 - update 0.3.0
+
+- Completely redesigned assembly to webpack and completed the transition to a new platform.
+- Assembly bugs fixed

README.md

@@ -1,6 +1,6 @@
 # CG-SELECT
 
-## version ~ 0.2.71
+## version ~ 0.3.0
 
 <a href="https://github.com/apuc/cg-select/blob/main/READMERU.md">ЧИТАТЬ НА РУССКОМ</a>
 
@@ -97,3 +97,5 @@ All documentation on CG-SELECT is located in the folder of the same name. The do
 16.12.2022 - release version 0.1.0!
 
 20.01.2023 - upgrade to version 0.2.1
+
+06.03.2023 - upgrade to version 0.3.0

READMERU.md

@@ -1,6 +1,6 @@
 # CG-SELECT
 
-## Версия ~ 0.2.71
+## Версия ~ 0.3.0
 
 <a href="https://github.com/apuc/cg-select/blob/main/README.md">English README</a>
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "cg-select",
-  "version": "0.2.71",
+  "version": "0.3.0",
   "source": "index.js",
   "main": "dist/index.js",
   "description": "Feature rich Select control for React/JS with multiselect, autocomplete and styling",
@@ -23,22 +23,25 @@
     "url": "https://github.com/apuc/cg-select/issues"
   },
   "devDependencies": {
+    "@babel/core": "^7.21.4",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/preset-env": "^7.21.4",
+    "@babel/preset-typescript": "^7.21.4",
+    "@types/prettier": "^2.7.2",
+    "babel-loader": "^9.1.2",
+    "css-loader": "^6.7.3",
+    "html-webpack-plugin": "^5.5.0",
     "jsdoc": "^4.0.0",
     "prettier": "^2.7.1",
     "sass": "^1.60.0",
     "sass-loader": "^13.2.2",
+    "style-loader": "^3.3.2",
     "ts-loader": "^9.4.2",
     "typedoc": "^0.23.28",
     "typescript": "^5.0.2",
-    "webpack": "^5.77.0"
+    "webpack": "^5.77.0",
-  },
-  "dependencies": {
-    "@types/prettier": "^2.7.2",
-    "css-loader": "^6.7.3",
-    "html-webpack-plugin": "^5.5.0",
-    "style-loader": "^3.3.2",
     "webpack-cli": "^5.0.1",
-    "webpack-dev-server": "^4.13.1"
+    "webpack-dev-server": "^4.13.2"
   },
   "keywords": [
     "select",

webpack.config.js

@@ -2,16 +2,18 @@ const path = require('path');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
 module.exports = {
-  entry: './test/index.js',
+  entry: './index.js',
   output: {
     path: path.resolve(__dirname, 'dist'),
-    filename: 'index.js',
+    filename: 'main.js',
     clean: true,
+    library: 'CGSelect',
+    libraryTarget: 'umd',
   },
-  devServer: {
+  // devServer: {
-    open: true,
+  //   open: true,
-    port: 5500,
+  //   port: 5500,
-  },
+  // },
   module: {
     rules: [
       {
@@ -23,15 +25,26 @@ module.exports = {
         test: /\.s[ac]ss$/i,
         use: ['style-loader', 'css-loader', 'sass-loader'],
       },
+      {
+        test: /\.(?:js|mjs|cjs)$/,
+        exclude: /node_modules/,
+        use: {
+          loader: 'babel-loader',
+          options: {
+            presets: [['@babel/preset-env', { targets: 'defaults' }]],
+            plugins: ['@babel/plugin-proposal-class-properties'],
+          },
+        },
+      },
     ],
   },
   resolve: {
     extensions: ['.tsx', '.ts', '.js'],
   },
-  plugins: [
+  // plugins: [
-    new HtmlWebpackPlugin({
+  //   new HtmlWebpackPlugin({
-      template: path.resolve(__dirname, './test/index.html'),
+  //     template: path.resolve(__dirname, './test/index.html'),
-      filename: 'index.html',
+  //     filename: 'index.html',
-    }),
+  //   }),
-  ],
+  // ],
 };