feat(SDK): Create DotCMSLayoutBody React Component to render page content (dotCMS#31306)

This pull request includes several changes to the
`core-web/libs/sdk/react` package to improve configuration and module
exports. The most important changes include modifications to the ESLint
configuration, updates to the `package.json` file, and adjustments to
the project's entry points and exports.

Configuration improvements:

*
[`core-web/libs/sdk/react/.eslintrc.js`](diffhunk://#diff-1bc6d4551c440cba97e1cd7fdef8397aa288ce0553a099306f9affe6b6e95397R1-R34):
Added a new ESLint configuration file with specific rules for different
file types and disabled the `@typescript-eslint/no-explicit-any` rule
for test files.
*
[`core-web/libs/sdk/react/.eslintrc.json`](diffhunk://#diff-c1253471d19eba15e7d897c041d10975d49a77bacb2727b17a46024c6798d754R16-R28):
Updated the existing ESLint configuration to include rules for test
files, matching the new `.eslintrc.js` file.

Module and export updates:

*
[`core-web/libs/sdk/react/package.json`](diffhunk://#diff-0e57f36b05f8bf64758e7a7c7f599a2b2ce1e20a9bff3de098a5675fd3ccb4d2R11-R35):
Added `main`, `module`, and `types` fields, defined `typesVersions`, and
specified exports for the package, including a new `next` entry point.
*
[`core-web/libs/sdk/react/project.json`](diffhunk://#diff-7d9813e75d2eb001605855207c4c396bea3ecec81bde3e537f8fedb0d11b9382R23-R28):
Added an additional entry point for `next.ts` and specified the output
format as `esm`.
*
[`core-web/libs/sdk/react/src/index.ts`](diffhunk://#diff-4767f5022b15f9cb3231be4ec4fd472295f2bee4d08face5bcf964efa44be862L1-R1):
Changed exports to use a single deprecated API file instead of
individual component exports.

### Video



https://github.com/user-attachments/assets/20a9905f-3cf9-486a-ae38-026950c34729

Author: rjvelazco

core-web/libs/sdk/react/.eslintrc.js

@@ -0,0 +1,34 @@
+module.exports = {
+    extends: ['plugin:@nrwl/nx/react', '../../../.eslintrc.base.json'],
+    ignorePatterns: ['!**/*'],
+    parserOptions: {
+        sourceType: 'module'
+    },
+    overrides: [
+        {
+            files: ['*.ts', '*.tsx', '*.js', '*.jsx'],
+            rules: {}
+        },
+        {
+            files: ['*.ts', '*.tsx'],
+            rules: {}
+        },
+        {
+            files: ['*.js', '*.jsx'],
+            rules: {}
+        },
+        {
+            files: [
+                '**/*.spec.ts',
+                '**/*.spec.tsx',
+                '**/*.test.ts',
+                '**/*.test.tsx',
+                '**/*.spec.js',
+                '**/*.test.js'
+            ],
+            rules: {
+                '@typescript-eslint/no-explicit-any': 'off'
+            }
+        }
+    ]
+};

core-web/libs/sdk/react/.eslintrc.json

@@ -13,6 +13,19 @@
         {
             "files": ["*.js", "*.jsx"],
             "rules": {}
+        },
+        {
+            "files": [
+                "**/*.spec.ts",
+                "**/*.spec.tsx",
+                "**/*.test.ts",
+                "**/*.test.tsx",
+                "**/*.spec.js",
+                "**/*.test.js"
+            ],
+            "rules": {
+                "@typescript-eslint/no-explicit-any": "off"
+            }
         }
     ]
 }

core-web/libs/sdk/react/README.md

@@ -4,14 +4,36 @@
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@dotcms/client": "latest",
+    "@dotcms/client": "next",
+    "@dotcms/uve": "next",
     "@tinymce/tinymce-react": "^5.1.1"
   },
   "description": "Official React Components library to render a dotCMS page.",
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "typesVersions": {
+    "*": {
+      "*": ["./dist/index.d.ts"],
+      "next": ["./dist/next.d.ts"]
+    }
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dotCMS/core.git#main"
   },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./next": {
+      "types": "./dist/next.d.ts",
+      "import": "./dist/next.js",
+      "require": "./dist/next.cjs"
+    }
+  },
   "keywords": [
     "dotCMS",
     "CMS",

core-web/libs/sdk/react/package.json

@@ -20,10 +20,12 @@
                 "tsConfig": "libs/sdk/react/tsconfig.lib.json",
                 "project": "libs/sdk/react/package.json",
                 "entryFile": "libs/sdk/react/src/index.ts",
+                "additionalEntryPoints": ["libs/sdk/react/src/next.ts"],
                 "external": ["react/jsx-runtime"],
                 "rollupConfig": "@nrwl/react/plugins/bundle-rollup",
                 "compiler": "babel",
                 "extractCss": false,
+                "format": ["esm"],
                 "assets": [
                     {
                         "glob": "libs/sdk/react/README.md",

core-web/libs/sdk/react/project.json

@@ -1,7 +1 @@
-export * from './lib/components/DotcmsLayout/DotcmsLayout';
-export * from './lib/components/DotEditableText/DotEditableText';
-export * from './lib/components/PageProvider/PageProvider';
-export * from './lib/components/Row/Row';
-export * from './lib/hooks/useDotcmsPageContext';
-export * from './lib/components/BlockEditorRenderer/BlockEditorRenderer';
-export * from './lib/models/content-node.interface';
+export * from './lib/deprecated/deprecated_api';