Fix lint warnings and add types (#128)

Co-authored-by: Sravan S <[email protected]>

Author: sravan-s

CHANGELOG.md

@@ -1,14 +1,14 @@
 # Changelog - v3
 
-## [3.0.0-beta] (March 2022)
+## [3.0.0-beta] (Apr 12 2022)
 
 This is the official beta for Sendbird UIKit for React version 3!
 
-> TLDR -> We split the old `smart-components` into modules which contian context and UI. Context contain logic and UI Components handle UI
+TLDR -> We split the old `smart-components` into modules which contian context and UI. Context contain logic and UI Components handle UI
 
-**[To learn how to upgrade from v2 to v3, follow the migration guide](MIGRATION_v2-to-v3.md)**
+**[Check out the v2 to v3 migration guide for details](MIGRATION_v2-to-v3.md)**
 
-An overview of changes:
+Changelog:
 * Package should be installed using `@sendbird/uikit-react`
 * Restructure smart-components into modules that contain a context and related UI components
 * Export these context and UI components to allow fine-grain customization

README.md

@@ -6,6 +6,8 @@
 
 > React based UI kit based on sendbird javascript SDK
 
+We are introducing a new version of the Sendbird Chat UIKit. Version 3 features a new modular architecture with more granular components that give you enhanced flexibility to customize your web and mobile apps. Check out our [migration guides](MIGRATION_v2-to-v3.md).
+
 ## Getting Started
 
 With Sendbird UI Kit React, we export these components:

exports.js

@@ -58,9 +58,7 @@ export default {
   // OpenChannelSettings
   OpenChannelSettings: 'src/smart-components/OpenChannelSettings/index.tsx',
   'OpenChannelSettings/context': 'src/smart-components/OpenChannelSettings/context/OpenChannelSettingsProvider.tsx',
-  'OpenChannelSettings/components/DeleteOpenChannel': 'src/smart-components/OpenChannelSettings/components/DeleteOpenChannel.tsx',
   'OpenChannelSettings/components/EditDetailsModal': 'src/smart-components/OpenChannelSettings/components/EditDetailsModal.tsx',
-  'OpenChannelSettings/components/InvalidChannel': 'src/smart-components/OpenChannelSettings/components/InvalidChannel.tsx',
   'OpenChannelSettings/components/OpenChannelProfile': 'src/smart-components/OpenChannelSettings/components/OpenChannelProfile/index.tsx',
   'OpenChannelSettings/components/OpenChannelSettingsUI': 'src/smart-components/OpenChannelSettings/components/OpenChannelSettingsUI/index.tsx',
   'OpenChannelSettings/components/OperatorUI': 'src/smart-components/OpenChannelSettings/components/OperatorUI/index.tsx',

package-lock.json

@@ -1,11 +1,11 @@
 {
-  "name": "sendbird-uikit",
-  "version": "2.5.3",
+  "name": "@sendbird/uikit-react",
+  "version": "3.0.0-beta",
   "description": "React based UI kit for sendbird",
-  "main": "release/index.js",
-  "style": "release/dist/index.css",
-  "typings": "release/index.d.ts",
-  "module": "release/index.js",
+  "main": "dist/index.js",
+  "style": "dist/index.css",
+  "typings": "dist/index.d.ts",
+  "module": "dist/index.js",
   "files": [
     "release/**/*",
     "dist/**/*",
@@ -34,7 +34,8 @@
     "generate-component": "plop",
     "rollup": "npm run clean-release; rollup -c",
     "deploy-storybook": "storybook-to-ghpages",
-    "inspect": "npm run test; npm run lint;"
+    "inspect": "npm run test; npm run lint;",
+    "bundle": "dts-bundle-generator -o ./dist/my.d.ts ./src/index.d.ts"
   },
   "repository": {
     "type": "git",
@@ -91,6 +92,7 @@
     "browserslist": "^4.14.5",
     "caniuse-lite": "^1.0.30001148",
     "css-loader": "^3.4.2",
+    "dts-bundle-generator": "^6.5.0",
     "enzyme": "^3.11.0",
     "eslint": "^6.8.0",
     "eslint-config-airbnb": "^18.0.1",

package.json

@@ -26,12 +26,12 @@ module.exports = ({
   input: inputs,
   output: [
     {
-      dir: 'release/dist/cjs',
+      dir: 'dist/cjs',
       format: 'cjs',
       sourcemap: true,
     },
     {
-      dir: 'release',
+      dir: 'dist',
       format: 'esm',
       sourcemap: true,
     },
@@ -54,7 +54,7 @@ module.exports = ({
         autoprefixer,
       ],
       sourceMap: true,
-      extract: 'dist/index.css',
+      extract: 'index.css',
       extensions: ['.sass', '.scss', '.css'],
     }),
     replace({
@@ -88,6 +88,7 @@ module.exports = ({
           },
         ],
       ],
+      babelHelpers: 'bundled',
       extensions: ['.tsx', '.ts', '.jsx', '.js'],
       exclude: 'node_modules/**',
       plugins: [
@@ -105,7 +106,7 @@ module.exports = ({
       targets: [
         {
           src: './src/index.d.ts',
-          dest: 'release',
+          dest: 'dist',
         },
       ],
     }),