umairkhalid-devsinc · umairkhalid-devsinc · Aug 28, 2023 · Aug 28, 2023
diff --git a/.DS_Store b/.DS_Store
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -38,6 +38,7 @@
     "@babel/plugin-proposal-function-sent": "^7.18.2",
     "@babel/plugin-proposal-numeric-separator": "^7.18.2",
     "@babel/plugin-proposal-object-rest-spread": "^7.18.2",
+    "@babel/plugin-transform-class-properties": "^7.18.2",
     "@babel/preset-env": "^7.18.2",
     "@babel/preset-react": "^7.18.2",
     "@babel/preset-stage-2": "^7.8.3",
@@ -78,6 +79,7 @@
     "@emotion/css": "^11.11.2",
     "deepmerge": "^4.3.1",
     "prop-types": "^15.8.1",
+    "react-scripts": "^5.0.1",
     "react-select": "^5.7.4"
   }
 }
diff --git a/src/.DS_Store b/src/.DS_Store
diff --git a/lib/Blanket.js → src/lib/Blanket.js b/lib/Blanket.js → src/lib/Blanket.js
diff --git a/lib/Blanket.jsx → src/lib/Blanket.jsx b/lib/Blanket.jsx → src/lib/Blanket.jsx
diff --git a/lib/CheckboxGroup.js → src/lib/CheckboxGroup.js b/lib/CheckboxGroup.js → src/lib/CheckboxGroup.js
diff --git a/lib/CheckboxGroup.jsx → src/lib/CheckboxGroup.jsx b/lib/CheckboxGroup.jsx → src/lib/CheckboxGroup.jsx
diff --git a/lib/CheckboxGroupHeading.js → src/lib/CheckboxGroupHeading.js b/lib/CheckboxGroupHeading.js → src/lib/CheckboxGroupHeading.js
diff --git a/lib/CheckboxGroupHeading.jsx → src/lib/CheckboxGroupHeading.jsx b/lib/CheckboxGroupHeading.jsx → src/lib/CheckboxGroupHeading.jsx
@@ -36,7 +36,6 @@ class CheckboxWithIndeterminate extends React.Component {
 
 export const GroupHeading = (props) => {
   const { className, cx, getStyles, children, ...cleanProps } = props;
-  console.log(props);
   return (
     <div
       className={cx(

diff --git a/lib/CheckboxOption.js → src/lib/CheckboxOption.js b/lib/CheckboxOption.js → src/lib/CheckboxOption.js
diff --git a/lib/CheckboxOption.jsx → src/lib/CheckboxOption.jsx b/lib/CheckboxOption.jsx → src/lib/CheckboxOption.jsx
diff --git a/lib/CheckboxWithIndeterminate.js → src/lib/CheckboxWithIndeterminate.js b/lib/CheckboxWithIndeterminate.js → src/lib/CheckboxWithIndeterminate.js
diff --git a/lib/ChevronDown.js → src/lib/ChevronDown.js b/lib/ChevronDown.js → src/lib/ChevronDown.js
diff --git a/lib/Dropdown.js → src/lib/Dropdown.js b/lib/Dropdown.js → src/lib/Dropdown.js
diff --git a/lib/Dropdown.jsx → src/lib/Dropdown.jsx b/lib/Dropdown.jsx → src/lib/Dropdown.jsx
diff --git a/lib/DropdownButton.js → src/lib/DropdownButton.js b/lib/DropdownButton.js → src/lib/DropdownButton.js
diff --git a/lib/DropdownButton.jsx → src/lib/DropdownButton.jsx b/lib/DropdownButton.jsx → src/lib/DropdownButton.jsx
diff --git a/lib/DropdownIndicator.js → src/lib/DropdownIndicator.js b/lib/DropdownIndicator.js → src/lib/DropdownIndicator.js
diff --git a/lib/LengthAwareSearchControl.js → src/lib/LengthAwareSearchControl.js b/lib/LengthAwareSearchControl.js → src/lib/LengthAwareSearchControl.js
diff --git a/lib/Menu.js → src/lib/Menu.js b/lib/Menu.js → src/lib/Menu.js
diff --git a/lib/Menu.jsx → src/lib/Menu.jsx b/lib/Menu.jsx → src/lib/Menu.jsx
diff --git a/lib/PopoutExample.js → src/lib/PopoutExample.js b/lib/PopoutExample.js → src/lib/PopoutExample.js
diff --git a/lib/PopoutExample.jsx → src/lib/PopoutExample.jsx b/lib/PopoutExample.jsx → src/lib/PopoutExample.jsx
@@ -35,7 +35,6 @@ export default class PopoutExample extends Component {
   state = { isOpen: false, value: undefined };
 
   onSelectChange = (value) => {
-    // this.toggleOpen();
     this.setState({ value });
   };
 

diff --git a/lib/ReactMultiselectCheckboxes.js → src/lib/ReactMultiselectCheckboxes.js b/lib/ReactMultiselectCheckboxes.js → src/lib/ReactMultiselectCheckboxes.js
diff --git a/lib/ReactMultiselectCheckboxes.jsx → src/lib/ReactMultiselectCheckboxes.jsx b/lib/ReactMultiselectCheckboxes.jsx → src/lib/ReactMultiselectCheckboxes.jsx
diff --git a/lib/Svg.js → src/lib/Svg.js b/lib/Svg.js → src/lib/Svg.js
diff --git a/lib/data.js → src/lib/data.js b/lib/data.js → src/lib/data.js
diff --git a/lib/index.js → src/lib/index.js b/lib/index.js → src/lib/index.js
diff --git a/lib/index.jsx → src/lib/index.jsx b/lib/index.jsx → src/lib/index.jsx
@@ -1,9 +1,6 @@
-import React from "react";
-import Select from "react-select";
-
-class MySuperCoolComponent extends React.Component {
-  state = {};
+import { Component } from "react";
 
+class MySuperCoolComponent extends Component {
   render() {
     return (
       <div style={{ width: 200 }}>

diff --git a/webpack.config.js b/webpack.config.js
@@ -0,0 +1,24 @@
+const path = require('path');
+
+module.exports = {
+  entry: './src/lib/index.js', // The main entry point of your application
+  output: {
+    path: path.resolve(__dirname, 'dist'), // Output directory
+    filename: 'bundle.js', // Output bundle file name
+  },
+  module: {
+    rules: [
+      {
+        test: /\.js$/, // Apply the following loaders to .js files
+        exclude: /node_modules/, // Exclude node_modules folder
+        use: {
+          loader: 'babel-loader', // Use Babel for transpiling ES6+ code
+        },
+      },
+      {
+        test: /\.css$/, // Apply the following loaders to .css files
+        use: ['style-loader', 'css-loader'], // Use style-loader and css-loader
+      },
+    ],
+  },
+};