Merge pull request #3 from oslabs-beta/feature/MUI-Components-Data

Feature/m UI components data

Author: ZackVandiver

app/src/interfaces/Interfaces.ts

@@ -114,6 +114,7 @@ export interface MUIType {
   framework: string;
   nestable: boolean;
   imports: any[];
+  props: any[];
 }
 export interface DragItem extends DragObjectWithType {
   newInstance: boolean;

app/src/redux/MUITypes.ts

@@ -0,0 +1,119 @@
+import { MUIType } from '../interfaces/Interfaces';
+import { TroubleshootSharp } from '@mui/icons-material';
+
+const MUITypes: MUIType[] = [  
+   {
+    id: 11,
+    tag: 'button',
+    name: 'Material UI Button',
+    style: {},
+    placeHolderShort: 'button',
+    placeHolderLong: 'Material UI Button Component',
+    icon: 'EditAttributes',
+    framework: 'reactClassic',
+    nestable: true,
+    imports: ["import Button from '@mui/material/Button'"], 
+    props: [
+        'children',
+        'classes',
+        'color',
+        'component',
+        'disabled',
+        'disableElevation',
+        'disableFocusRipple',
+        'disableRipple',
+        'endIcon',
+        'fullWidth',
+        'href',
+        'size',
+        'startIcon',
+        'sx',
+        'variant'
+    ]
+   },
+   {
+    id: 21,
+    tag: 'input',
+    name: 'Material UI TextField',
+    style: {},
+    placeHolderShort: 'input',
+    placeHolderLong: 'Material UI TextField Component',
+    icon: 'Input',
+    framework: 'reactClassic',
+    nestable: true,
+    imports: ["import Box from '@mui/material/Box'", "import TextField from '@mui/material/TextField'"],
+    props: [
+        'autoComplete',
+        'autoFocus',
+        'classes',
+        'color',
+        'defaultValue',
+        'disabled',
+        'error',
+        'FormHelperTextProps',
+        'fullWidth',
+        'helperText',
+        'id',
+        'InputLabelProps',
+        'inputProps',
+        'InputProps',
+        'inputRef',
+        'label',
+        'margin',
+        'maxRows',
+        'minRows',
+        'multiline',
+        'name',
+        'onChange',
+        'placeholder',
+        'required',
+        'rows',
+        'select',
+        'SelectProps',
+        'size',
+        'sx',
+        'type',
+        'value',
+        'variant'
+    ]
+   },
+   {
+    id: 31,
+    tag: 'card',
+    name: 'Material UI Card',
+    style: {},
+    placeHolderShort: 'card',
+    placeHolderLong: 'Material UI Card Component',
+    icon: 'CardTravel',
+    framework: 'reactClassic',
+    nestable: true,
+    imports: ["import Box from '@mui/material/Box'", "import Card from '@mui/material/Card'", "import CardActions from '@mui/material/CardActions'", "import CardContent from '@mui/material/CardContent'", "import Button from '@mui/material/Button'", "import Typography from '@mui/material/Typography'"],
+    props: ['children','classes','raised','sx']
+   }, 
+   {
+    id: 41,
+    tag: 'typography',
+    name: 'Material UI Typography',
+    style: {},
+    placeHolderShort: 'typography',
+    placeHolderLong: 'Material UI Typography Component',
+    icon: 'TextFields',
+    framework: 'reactClassic',
+    nestable: true,
+    imports: ["import Box from '@mui/material/Box'", "import Typography from '@mui/material/Typography'"],
+    props: [
+        'align',
+        'children',
+        'classes',
+        'component',
+        'gutterBottom',
+        'noWrap',
+        'paragraph',
+        'sx',
+        'variant',
+        'variantMapping'
+    ]
+   }
+];
+
+export default MUITypes;