chore(react): Initialize react-ui package

.vscode/settings.json

@@ -1,7 +1,8 @@
 {
     "conventionalCommits.scopes": [
         "workspace",
-        "core"
+        "core",
+        "react"
     ],
     "editor.codeActionsOnSave": {
         "source.fixAll.eslint": "explicit"

packages/react/.eslintignore

@@ -0,0 +1,2 @@
+/dist
+/node_modules

packages/react/.eslintrc.cjs

@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) 2024, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+const path = require('path');
+
+module.exports = {
+  extends: [
+    'plugin:@wso2/typescript',
+    'plugin:@wso2/react',
+    'plugin:@wso2/strict',
+    'plugin:@wso2/internal',
+    'plugin:@wso2/prettier',
+    'plugin:@wso2/jest',
+    'plugin:react/jsx-runtime',
+  ],
+  parserOptions: {
+    project: [path.resolve(__dirname, 'tsconfig.lib.json'), path.resolve(__dirname, 'tsconfig.eslint.json')],
+  },
+  plugins: ['@wso2'],
+};

packages/react/.prettierignore

@@ -0,0 +1,2 @@
+/dist
+/node_modules

packages/react/package.json

@@ -0,0 +1,58 @@
+{
+  "name": "@asgardeo/react-ui",
+  "version": "0.1.0",
+  "description": "React Wrapper to build customizable login UIs for Asgardeo or Identity Server",
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/index.d.ts",
+  "type": "module",
+  "author": "WSO2",
+  "license": "Apache-2.0",
+  "files": [
+    "dist"
+  ],
+  "homepage": "https://github.com/asgardeo/web-ui-sdks/tree/main/packages/react#readme",
+  "bugs": {
+    "url": "https://github.com/asgardeo/web-ui-sdks/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/asgardeo/web-ui-sdks/",
+    "directory": "packages/react"
+  },
+  "keywords": [
+    "asgardeo",
+    "identity",
+    "ui",
+    "react",
+    "login",
+    "customize"
+  ],
+  "scripts": {},
+  "publishConfig": {
+    "access": "public"
+  },
+  "devDependencies": {
+    "@types/node": "^20.12.7",
+    "@types/react": "^18.2.79",
+    "@types/react-dom": "^18.2.25",
+    "@wso2/eslint-plugin": "https://gitpkg.now.sh/brionmario/wso2-ui-configs/packages/eslint-plugin?fa0b844715320a3953d6d055997c0770f8695082",
+    "@wso2/prettier-config": "https://gitpkg.now.sh/brionmario/wso2-ui-configs/packages/prettier-config?fa0b844715320a3953d6d055997c0770f8695082",
+    "@wso2/stylelint-config": "https://gitpkg.now.sh/brionmario/wso2-ui-configs/packages/stylelint-config?fa0b844715320a3953d6d055997c0770f8695082",
+    "eslint": "~8.57.0",
+    "prettier": "^3.2.5",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "sass": "^1.75.0",
+    "stylelint": "^16.4.0",
+    "tslib": "^2.6.2",
+    "typescript": "^5.4.5"
+  },
+  "dependencies": {
+    "@asgardeo/js-ui-core": "*"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  }
+}

packages/react/prettier.config.cjs

@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) 2024, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+module.exports = require('@wso2/prettier-config');

packages/react/stylelint.config.cjs

@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) 2024, WSO2 LLC. (https://www.wso2.com).
+ *
+ * WSO2 LLC. licenses this file to you under the Apache License,
+ * Version 2.0 (the "License"); you may not use this file except
+ * in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied. See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+module.exports = {
+  extends: ['@wso2/stylelint-config'],
+  ignoreFiles: ['**/*.ts', '**/*.cjs'],
+};

packages/react/tsconfig.eslint.json

@@ -0,0 +1,14 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+      "module": "ESNext",
+      "types": ["jest", "node"]
+    },
+    "include": [
+      "**/*.cjs",
+      "**/*.js",
+      "**/*.jsx",
+      "**/*.ts",
+      "**/*.tsx",
+    ]
+  }

packages/react/tsconfig.json

@@ -0,0 +1,35 @@
+{
+    "compileOnSave": false,
+    "compilerOptions": {
+      "jsx": "react-jsx",
+      "target": "es2016",
+      "module": "ESNext",
+      "emitDecoratorMetadata": true,
+      "esModuleInterop": true,
+      "experimentalDecorators": true,
+      "forceConsistentCasingInFileNames": true,
+      "strict": false,
+      "skipLibCheck": true,
+      "skipDefaultLibCheck": true,
+      "allowJs": true,
+      "allowSyntheticDefaultImports": true,
+      "declaration": true,
+      "declarationDir": "dist/types",
+      "outDir": "dist",
+      "moduleResolution": "node",
+      "importHelpers": true,
+      "resolveJsonModule": true,
+      "noImplicitOverride": true,
+      "noPropertyAccessFromIndexSignature": true,
+      "noImplicitReturns": true,
+      "noFallthroughCasesInSwitch": true,
+  },
+    "include": [],
+    "files": [],
+    "exclude": ["node_modules", "tmp"],
+    "references": [
+        {
+          "path": "./tsconfig.lib.json"
+        }
+  ]
+}

packages/react/tsconfig.lib.json

@@ -0,0 +1,26 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+      "declaration": true,
+      "outDir": "dist",
+      "declarationDir": "types",
+      "types": ["node"],
+      "emitDeclarationOnly": true
+    },
+    "files": [],
+    "exclude": [
+      "test-configs",
+      "jest.config.ts",
+      "**/*.spec.ts",
+      "**/*.test.ts",
+      "**/*.spec.tsx",
+      "**/*.test.tsx",
+      "**/*.spec.js",
+      "**/*.test.js",
+      "**/*.spec.jsx",
+      "**/*.test.jsx",
+      "scripts",
+      "dist"
+    ],
+    "include": ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx", "rollup.config.cjs", "declarations.d.ts"]
+  }