Feat(root): refactor new folder structure (#41)

* feat(root): Create new strucutre packages

Co-authored-by: erfan moghadasi <erfanmoghadasi@users.noreply.github.com>

* feat: handle type structure

* fix: change the files and directories names

* fix(form & root): move the useQuery files and api files from form module to root of the core package

* fix: use aliases for importing types and utils from various modules

---------

Co-authored-by: MRBadri <badri0000badri@gmail.com>
Co-authored-by: erfan moghadasi <erfanmoghadasi@users.noreply.github.com>

.eslintrc.json

@@ -3,24 +3,24 @@
   "ignorePatterns": ["**/*"],
   "plugins": ["@nx"],
   "overrides": [
-    {
-      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
-      "rules": {
-        "@nx/enforce-module-boundaries": [
-          "error",
-          {
-            "enforceBuildableLibDependency": true,
-            "allow": [],
-            "depConstraints": [
-              {
-                "sourceTag": "*",
-                "onlyDependOnLibsWithTags": ["*"]
-              }
-            ]
-          }
-        ]
-      }
-    },
+    // {
+    //   "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+    //   "rules": {
+    //     "@nx/enforce-module-boundaries": [
+    //       "error",
+    //       {
+    //         "enforceBuildableLibDependency": true,
+    //         "allow": [],
+    //         "depConstraints": [
+    //           {
+    //             "sourceTag": "*",
+    //             "onlyDependOnLibsWithTags": ["*"]
+    //           }
+    //         ]
+    //       }
+    //     ]
+    //   }
+    // },
     {
       "files": ["*.ts", "*.tsx"],
       "extends": ["plugin:@nx/typescript"],

apps/docs/src/app/app.tsx

@@ -1,25 +1,11 @@
-import { FormBuilderProps } from 'packages/core/src/components/builder/builder.types';
-
 import { Link, Route, Routes } from 'react-router-dom';
 
 import { Stack } from '@mui/material';
 
-import { Builder } from '@mui-builder/core';
-
-// const createGridContainer = (children, option) => {
-//   return {
-//     id: Math.random() * Math.random(),
-//     groupType: 'grid',
-//     type: 'container',
-//     props: {
-//       children,
-//       ...option,
-//     },
-//   };
-// };
+import Builder, { BuilderProps } from '@mui-builder/core';
 
 export function App() {
-  const groupList: FormBuilderProps[] = [
+  const children: BuilderProps[] = [
     // Fields
     {
       id: 'form-field-1',
@@ -67,15 +53,15 @@ export function App() {
     },
 
     {
-      id: 'form-field-2',
+      id: 'form-field-273',
       groupType: 'grid',
       type: 'container',
       props: {
         rowSpacing: 2,
         columnSpacing: 2,
         children: [
           {
-            id: 'form-field-4',
+            id: 'form-field-4kldjd',
             groupType: 'grid',
             type: 'item',
             props: {
@@ -214,7 +200,7 @@ export function App() {
           path="/"
           element={
             <Stack direction="row" alignItems="flex-end">
-              <Builder groupList={groupList} />
+              <Builder children={children} />
             </Stack>
           }
         />