@dotcms/react 0.0.1-alpha.12 → 0.0.1-alpha.13

package/index.esm.js

@@ -1749,29 +1749,6 @@ var css_248z = ".column-module_col-start-1__GK-q- {\n    grid-column-start: 1;\n
 var styles = {"col-start-1":"column-module_col-start-1__GK-q-","col-start-2":"column-module_col-start-2__1DmkY","col-start-3":"column-module_col-start-3__HNEPh","col-start-4":"column-module_col-start-4__oCAwh","col-start-5":"column-module_col-start-5__re1rB","col-start-6":"column-module_col-start-6__dkB4w","col-start-7":"column-module_col-start-7__kEfJb","col-start-8":"column-module_col-start-8__Yx31z","col-start-9":"column-module_col-start-9__9YiVY","col-start-10":"column-module_col-start-10__6AFbk","col-start-11":"column-module_col-start-11__LP24D","col-start-12":"column-module_col-start-12__8p0QS","col-end-1":"column-module_col-end-1__G9axv","col-end-2":"column-module_col-end-2__pYjHG","col-end-3":"column-module_col-end-3__4woe6","col-end-4":"column-module_col-end-4__zlBaT","col-end-5":"column-module_col-end-5__aC-y8","col-end-6":"column-module_col-end-6__YljAP","col-end-7":"column-module_col-end-7__lpQrW","col-end-8":"column-module_col-end-8__F6UVd","col-end-9":"column-module_col-end-9__kvQ3T","col-end-10":"column-module_col-end-10__XJhrd","col-end-11":"column-module_col-end-11__nx-lF","col-end-12":"column-module_col-end-12__LIRnk","col-end-13":"column-module_col-end-13__0p7YI"};
 styleInject(css_248z);
 
-const FAKE_CONTENLET = {
-  identifier: 'TEMP_EMPTY_CONTENTLET',
-  title: 'TEMP_EMPTY_CONTENTLET',
-  contentType: 'TEMP_EMPTY_CONTENTLET_TYPE',
-  inode: 'TEMPY_EMPTY_CONTENTLET_INODE',
-  widgetTitle: 'TEMP_EMPTY_CONTENTLET',
-  onNumberOfPages: 1
-};
-function EmptyContainer() {
-  return jsx("div", {
-    "data-testid": "empty-container",
-    style: {
-      width: '100%',
-      backgroundColor: '#ECF0FD',
-      display: 'flex',
-      justifyContent: 'center',
-      alignItems: 'center',
-      color: '#030E32',
-      height: '10rem'
-    },
-    children: "This container is empty."
-  });
-}
 function NoContent({
   contentType
 }) {
@@ -1802,7 +1779,6 @@ function Container({
     variantId,
     path
   } = getContainersData(containers, containerRef);
-  const updatedContentlets = contentlets.length === 0 && isInsideEditor ? [FAKE_CONTENLET] : contentlets;
   const container = {
     acceptTypes,
     identifier: path != null ? path : identifier,
@@ -1810,9 +1786,17 @@ function Container({
     variantId,
     uuid
   };
-  const renderContentlets = updatedContentlets.map(contentlet => {
-    const ContentTypeComponent = components[contentlet.contentType] || NoContent;
-    const Component = contentlet.identifier === 'TEMP_EMPTY_CONTENTLET' ? EmptyContainer : ContentTypeComponent;
+  const containerStyles = contentlets.length ? undefined : {
+    width: '100%',
+    backgroundColor: '#ECF0FD',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+    color: '#030E32',
+    height: '10rem'
+  };
+  const ContainerChildren = contentlets.map(contentlet => {
+    const Component = components[contentlet.contentType] || NoContent;
     return isInsideEditor ? jsx("div", {
       "data-dot-object": "contentlet",
       "data-dot-identifier": contentlet.identifier,
@@ -1827,16 +1811,18 @@ function Container({
     })));
   });
   return isInsideEditor ? jsx("div", {
+    "data-testid": "dot-container",
     "data-dot-object": "container",
     "data-dot-accept-types": acceptTypes,
     "data-dot-identifier": path != null ? path : identifier,
     "data-max-contentlets": maxContentlets,
-    "data-uuid": uuid,
-    children: renderContentlets
+    "data-dot-uuid": uuid,
+    style: containerStyles,
+    children: ContainerChildren.length ? ContainerChildren : 'This container is empty.'
   }) :
   // eslint-disable-next-line react/jsx-no-useless-fragment
   jsx(Fragment, {
-    children: renderContentlets
+    children: ContainerChildren
   });
 }
 

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@dotcms/react",
-  "version": "0.0.1-alpha.12",
+  "version": "0.0.1-alpha.13",
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18",
-    "@dotcms/client": "0.0.1-alpha.12"
+    "@dotcms/client": "0.0.1-alpha.13"
   },
   "description": "Official React Components library to render a dotCMS page.",
   "repository": {