@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260831113446 → 0.8.1-dev.20260901054125

package/dist/server.mjs

@@ -1,10 +1,10 @@
 import {
   OdataBuilder
-} from "./chunk-5TQWVOWH.mjs";
+} from "./chunk-2VS554XP.mjs";
 import {
   Hyperlink
 } from "./chunk-2R26M6CK.mjs";
-import "./chunk-4R7F7LBL.mjs";
+import "./chunk-IEY342PD.mjs";
 import {
   ServiceClient_default
 } from "./chunk-WXZMRMRS.mjs";
@@ -743,7 +743,7 @@ var TimeUntilStarts_default = TimeUntilStarts;
 
 // src/components/controls/view/Commentrenderer.tsx
 import dynamic7 from "next/dynamic";
-var CommentRenderer = dynamic7(() => import("./CommentRendererClient-JYDYPHSQ.mjs"), {
+var CommentRenderer = dynamic7(() => import("./CommentRendererClient-FU5ZMGBV.mjs"), {
   ssr: false
 });
 var Commentrenderer_default = CommentRenderer;
@@ -2359,8 +2359,8 @@ var GoogleMapNode_default = GoogleMapNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
 import { jsx as jsx37, jsxs as jsxs14 } from "react/jsx-runtime";
-var Pagination = dynamic12(() => import("./Pagination-QBPYDD66.mjs"), { ssr: true });
-var DataBindingControls = dynamic12(() => import("./DataBindingControls-Y4JXUDZV.mjs"), {
+var Pagination = dynamic12(() => import("./Pagination-LNJ27L7U.mjs"), { ssr: true });
+var DataBindingControls = dynamic12(() => import("./DataBindingControls-WC3HBVVQ.mjs"), {
   ssr: true
 });
 var Slider = dynamic12(() => import("./Slider-PEIVH6A5.mjs"), {
@@ -2599,7 +2599,8 @@ var DivContainer = async (props) => {
   let result = null;
   let response = null;
   let childCollectionData = null;
-  if (dataBindingProperties) {
+  let shouldShowNoDataMessage = props.forceNoDataMessage === true;
+  if (dataBindingProperties && !shouldShowNoDataMessage) {
     const serviceClient = new ServiceClient_default(props.apiBaseUrl, props.session);
     endpoint = dataBindingProperties.dataSource;
     {
@@ -2616,15 +2617,17 @@ var DivContainer = async (props) => {
     }
     response = await serviceClient.get(endpoint);
     result = response?.result;
-    if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
-      return /* @__PURE__ */ jsx37(NoDataFound_default, {});
-    }
     if (dataBindingProperties.childCollectionName && props.dataitem) {
       childCollectionData = getNestedValue6(
         props.dataitem,
         dataBindingProperties.childCollectionName
       );
     }
+    const effectiveResult = dataBindingProperties.childCollectionName ? childCollectionData : result;
+    const hasNoData = effectiveResult === null || effectiveResult === void 0 || typeof effectiveResult === "string" && effectiveResult.trim() === "" || Array.isArray(effectiveResult) && effectiveResult.length === 0 || typeof effectiveResult === "object" && !Array.isArray(effectiveResult) && Object.keys(effectiveResult).length === 0;
+    if (hasNoData && (props.node.repeatForEachItem === true || props.node.replicate === true)) {
+      shouldShowNoDataMessage = dataBindingProperties.showNoResultsMessage;
+    }
   }
   const cssResult = generateCssString(
     guid,
@@ -2632,7 +2635,7 @@ var DivContainer = async (props) => {
     tabletStyles,
     mobileStyles
   );
-  function renderNode(node, props2, dataitem, key, href) {
+  function renderNode(node, props2, dataitem, key, href, forceNoDataMessage = false) {
     {
     }
     const SelectedNode = NodeTypes2[node.type];
@@ -2653,7 +2656,8 @@ var DivContainer = async (props) => {
         href,
         assetBaseUrl: props2.assetBaseUrl,
         device: props2.device,
-        widgetRenderer: props2.widgetRenderer
+        widgetRenderer: props2.widgetRenderer,
+        forceNoDataMessage
       }
     ) }, key);
   }
@@ -2681,19 +2685,25 @@ var DivContainer = async (props) => {
       return dataItem[key] !== void 0 ? dataItem[key] : match;
     });
   }
+  const arrayResult = result && props.node.dataBinding?.responseType === "array" && Array.isArray(result) ? result : null;
+  const hasReplicatedChildren = Boolean(
+    props.node.children?.some(
+      (node) => node?.type === "div-container" && (node?.repeatForEachItem === true || node?.replicate === true)
+    )
+  );
   const dataToRender = (() => {
     if (childCollectionData && Array.isArray(childCollectionData)) {
       return childCollectionData;
     }
-    if (result && props.node.dataBinding?.responseType === "array") {
-      return result;
+    if (arrayResult && !hasReplicatedChildren) {
+      return arrayResult;
     }
     if (result && props.node.dataBinding?.responseType === "object") {
       return [result];
     }
     return [props.dataitem];
   })();
-  const backgroundDataItem = dataToRender.length > 0 ? dataToRender[0] : props.dataitem;
+  const backgroundDataItem = hasReplicatedChildren && arrayResult && arrayResult.length > 0 ? arrayResult[0] : dataToRender.length > 0 ? dataToRender[0] : props.dataitem;
   const background = generateCompleteBackgroundString(
     props.node.backgroundLayers,
     props.assetBaseUrl,
@@ -2708,6 +2718,52 @@ var DivContainer = async (props) => {
     combinedStyles.backgroundClip = "text";
   }
   const renderLink = result && props.node.dataBinding?.responseType === "array" ? true : false;
+  const renderContainerChildren = () => {
+    if (!hasReplicatedChildren) {
+      return dataToRender.map(
+        (item, idx) => item?.links?.view && renderLink ? renderChildren(
+          props.node.children,
+          props,
+          item,
+          idx,
+          props.href ? void 0 : item?.links?.view
+        )?.map((child, i) => /* @__PURE__ */ jsx37(React23.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
+      );
+    }
+    return props.node.children.flatMap((node, childIndex) => {
+      if (node?.type === "div-container" && (node?.repeatForEachItem === true || node?.replicate === true)) {
+        if (!arrayResult || arrayResult.length === 0) {
+          return node?.dataBinding?.showNoResultsMessage ? [
+            renderNode(
+              node,
+              props,
+              props.dataitem,
+              `no-results-${childIndex}`,
+              void 0,
+              true
+            )
+          ] : [];
+        }
+        return arrayResult.map(
+          (item, itemIndex) => renderNode(
+            node,
+            props,
+            item,
+            `replicated-${childIndex}-${itemIndex}`,
+            item?.links?.view && !props.href ? item.links.view : void 0
+          )
+        );
+      }
+      return [
+        renderNode(
+          node,
+          props,
+          props.dataitem,
+          `static-${childIndex}`
+        )
+      ];
+    });
+  };
   {
   }
   let Wrapper;
@@ -2781,15 +2837,7 @@ var DivContainer = async (props) => {
       style: combinedStyles,
       className: classNames || void 0,
       ...wrapperProps,
-      children: dataToRender.map(
-        (item, idx) => item?.links?.view && renderLink ? renderChildren(
-          props.node.children,
-          props,
-          item,
-          idx,
-          props.href ? void 0 : item?.links?.view
-        )?.map((child, i) => /* @__PURE__ */ jsx37(React23.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
-      )
+      children: shouldShowNoDataMessage ? /* @__PURE__ */ jsx37(NoDataFound_default, {}) : renderContainerChildren()
     }
   );
   const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ jsx37(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clyrex-digital/clyrex-controls-dev",
-  "version": "0.8.1-dev.20260831113446",
+  "version": "0.8.1-dev.20260901054125",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",