[workflow/test] Fixed the types, Added code check action

Author: dheeraj1429

.github/workflows/codeql.yml

@@ -0,0 +1,30 @@
+name: "CodeQL Analysis"
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: 
+      - master
+  schedule:
+    - cron: '0 0 * * 0'
+
+jobs:
+  codeql:
+    name: Analyze
+    runs-on: ubuntu-latest
+
+    steps:
+    - name: Checkout repository
+      uses: actions/checkout@v3
+
+    - name: Initialize CodeQL
+      uses: github/codeql-action/init@v3
+      with:
+        languages: typescript, javascript
+
+    - name: Autobuild
+      uses: github/codeql-action/autobuild@v3
+
+    - name: Perform CodeQL Analysis
+      uses: github/codeql-action/analyze@v3

src/packages/react-native-material-elements/__test__/createThemeDimensions.test.ts

@@ -1,5 +1,5 @@
 import { createThemeDimensions, themeDimensions } from '../src';
-import { CreateThemeDimensions } from '../src/libraries/themes/types';
+import { CreateThemeDimensions } from '../src/libraries/types';
 
 describe('createThemeDimensions', () => {
   it('should merge custom and default theme dimensions', () => {

src/packages/react-native-material-elements/__test__/useThemedProps.test.tsx

@@ -3,8 +3,8 @@ import React, { isValidElement } from 'react';
 import { Text, View } from 'react-native';
 import { useThemedProps } from '../src/hooks';
 import { render, ThemeWrapper } from './test-utils';
-import { Theme } from '../src/libraries/themes/types';
 import { green } from '../src';
+import { Theme } from '../src/libraries/types';
 
 describe('useThemedProps', () => {
   it('should match icon component snapshot correctly', () => {

src/packages/react-native-material-elements/examples/Badge.tsx

@@ -125,14 +125,7 @@ export const Ex8: React.FC = () => {
   const { theme } = useTheme();
 
   return (
-    <Badge
-      badgeContent={100}
-      max={1000}
-      invisible={false}
-      anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
-      badgeContentProps={{
-        style: { fontWeight: 500, fontSize: 10, color: 'red' },
-      }}>
+    <Badge badgeContent={100} max={1000} invisible={false} anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}>
       <Box
         sx={{
           w: 200,
@@ -149,15 +142,7 @@ export const Ex9: React.FC = () => {
   const { theme } = useTheme();
 
   return (
-    <Badge
-      badgeContent={100}
-      max={1000}
-      invisible={false}
-      anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
-      badgeContentProps={{
-        style: { fontWeight: 500, fontSize: 10, color: 'red' },
-        onLayout: (event: LayoutChangeEvent) => console.log(event),
-      }}>
+    <Badge badgeContent={100} max={1000} invisible={false} anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}>
       <Box
         sx={{
           w: 200,

src/packages/react-native-material-elements/examples/form-validation/TextInputFormValidation01.tsx

@@ -1,7 +1,7 @@
 import _ from 'lodash';
 import React, { isValidElement, useMemo } from 'react';
 import { useThemeColorsSelector } from '../libraries';
-import { Theme } from '../libraries/themes/types';
+import { Theme } from '../libraries/types';
 
 export type ThemedIconProp = ((theme: Theme) => React.ReactNode) | React.ReactNode;
 type ThemedProp<T = any> = T | ((themeColors: ReturnType<typeof useThemeColorsSelector>) => T);

src/packages/react-native-material-elements/examples/form-validation/index.ts

@@ -4,5 +4,6 @@
     "paths": {
       "react": ["./node_modules/@types/react"]
     }
-  }
+  },
+  "exclude": ["node_modules", "**/*.test.ts", "**/*.test.tsx", "**/__tests__/**"]
 }