@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260901065721 → 0.8.1-dev.20260901095905

package/dist/{Pagination-LNJ27L7U.mjs → Pagination-M3VZKKXY.mjs}

@@ -86,7 +86,7 @@ var Pagination = (props) => {
     );
   };
   if (totalPages <= 1 && totalItems === 0) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "py-6 border-t bg-default", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "py-6 border-t bg-default mt-6", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
         "Showing ",

package/dist/{Pagination-JGUQJ2DH.mjs → Pagination-PGAK7KDA.mjs}

@@ -86,7 +86,7 @@ var Pagination = (props) => {
     );
   };
   if (totalPages <= 1 && totalItems === 0) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "py-6 border-t bg-default", children: [
+  return /* @__PURE__ */ jsxs("div", { className: "py-6 border-t bg-default mt-6", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
       /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
         "Showing ",

package/dist/index.js

@@ -5333,7 +5333,7 @@ var init_Pagination = __esm({
         );
       };
       if (totalPages <= 1 && totalItems === 0) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "py-6 border-t bg-default", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "py-6 border-t bg-default mt-6", children: [
         /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)("div", { className: "text-sm", children: [
             "Showing ",
@@ -8587,6 +8587,7 @@ var DivContainer = async (props) => {
   const mobileStyles = props.node.mobileCssProperties;
   const tabletStyles = props.node.tabletCssProperties;
   const dataBindingProperties = props.node.dataBinding;
+  const isRepeatForEachItem = props.node.repeatForEachItem === true || props.node.replicate === true;
   const updatedStyles = convertKeysToCamelCase(styles);
   let containerPaddingClass = "";
   if (props.node.containerPadding == "small") {
@@ -8659,9 +8660,9 @@ var DivContainer = async (props) => {
         dataBindingProperties.childCollectionName
       );
     }
-    const effectiveResult = dataBindingProperties.childCollectionName ? childCollectionData : result;
+    const effectiveResult = 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 && dataBindingProperties.showNoResultsMessage !== true) {
+    if (hasNoData && !isRepeatForEachItem && dataBindingProperties.showNoResultsMessage !== true) {
       return null;
     }
   }
@@ -8721,7 +8722,7 @@ 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 arrayResult = Array.isArray(result) ? result : null;
   const hasReplicatedChildren = Boolean(
     props.node.children?.some(
       (node) => node?.type === "div-container" && (node?.repeatForEachItem === true || node?.replicate === true)
@@ -8767,9 +8768,27 @@ var DivContainer = async (props) => {
       );
     }
     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 ? [
+      const isRepeated = node?.type === "div-container" && (node?.repeatForEachItem === true || node?.replicate === true);
+      if (!isRepeated) {
+        return [renderNode(node, props, props.dataitem, `static-${childIndex}`)];
+      }
+      let repeatItems = null;
+      const childCollectionName = node?.dataBinding?.childCollectionName;
+      if (childCollectionName && props.dataitem) {
+        const nestedCollection = getNestedValue6(
+          props.dataitem,
+          childCollectionName
+        );
+        if (Array.isArray(nestedCollection)) {
+          repeatItems = nestedCollection;
+        }
+      }
+      if (repeatItems === null && Array.isArray(arrayResult)) {
+        repeatItems = arrayResult;
+      }
+      if (!repeatItems || repeatItems.length === 0) {
+        if (node?.dataBinding?.showNoResultsMessage === true) {
+          return [
             renderNode(
               node,
               props,
@@ -8778,35 +8797,19 @@ var DivContainer = async (props) => {
               void 0,
               true
             )
-          ] : [
-            // Let the repeated child evaluate its own data source. It returns
-            // null when the result is empty and the no-results message is off.
-            renderNode(
-              node,
-              props,
-              props.dataitem,
-              `replicated-${childIndex}`
-            )
           ];
         }
-        return arrayResult.map(
-          (item, itemIndex) => renderNode(
-            node,
-            props,
-            item,
-            `replicated-${childIndex}-${itemIndex}`,
-            item?.links?.view && !props.href ? item.links.view : void 0
-          )
-        );
+        return [];
       }
-      return [
-        renderNode(
+      return repeatItems.map(
+        (item, itemIndex) => renderNode(
           node,
           props,
-          props.dataitem,
-          `static-${childIndex}`
+          item,
+          `replicated-${childIndex}-${itemIndex}`,
+          item?.links?.view && !props.href ? item.links.view : void 0
         )
-      ];
+      );
     });
   };
   {

package/dist/index.mjs

@@ -2391,7 +2391,7 @@ 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-JGUQJ2DH.mjs"), { ssr: true });
+var Pagination = dynamic12(() => import("./Pagination-PGAK7KDA.mjs"), { ssr: true });
 var DataBindingControls = dynamic12(() => import("./DataBindingControls-GWNAJ7PR.mjs"), {
   ssr: true
 });
@@ -2583,6 +2583,7 @@ var DivContainer = async (props) => {
   const mobileStyles = props.node.mobileCssProperties;
   const tabletStyles = props.node.tabletCssProperties;
   const dataBindingProperties = props.node.dataBinding;
+  const isRepeatForEachItem = props.node.repeatForEachItem === true || props.node.replicate === true;
   const updatedStyles = convertKeysToCamelCase(styles);
   let containerPaddingClass = "";
   if (props.node.containerPadding == "small") {
@@ -2655,9 +2656,9 @@ var DivContainer = async (props) => {
         dataBindingProperties.childCollectionName
       );
     }
-    const effectiveResult = dataBindingProperties.childCollectionName ? childCollectionData : result;
+    const effectiveResult = 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 && dataBindingProperties.showNoResultsMessage !== true) {
+    if (hasNoData && !isRepeatForEachItem && dataBindingProperties.showNoResultsMessage !== true) {
       return null;
     }
   }
@@ -2717,7 +2718,7 @@ 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 arrayResult = Array.isArray(result) ? result : null;
   const hasReplicatedChildren = Boolean(
     props.node.children?.some(
       (node) => node?.type === "div-container" && (node?.repeatForEachItem === true || node?.replicate === true)
@@ -2763,9 +2764,27 @@ var DivContainer = async (props) => {
       );
     }
     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 ? [
+      const isRepeated = node?.type === "div-container" && (node?.repeatForEachItem === true || node?.replicate === true);
+      if (!isRepeated) {
+        return [renderNode(node, props, props.dataitem, `static-${childIndex}`)];
+      }
+      let repeatItems = null;
+      const childCollectionName = node?.dataBinding?.childCollectionName;
+      if (childCollectionName && props.dataitem) {
+        const nestedCollection = getNestedValue6(
+          props.dataitem,
+          childCollectionName
+        );
+        if (Array.isArray(nestedCollection)) {
+          repeatItems = nestedCollection;
+        }
+      }
+      if (repeatItems === null && Array.isArray(arrayResult)) {
+        repeatItems = arrayResult;
+      }
+      if (!repeatItems || repeatItems.length === 0) {
+        if (node?.dataBinding?.showNoResultsMessage === true) {
+          return [
             renderNode(
               node,
               props,
@@ -2774,35 +2793,19 @@ var DivContainer = async (props) => {
               void 0,
               true
             )
-          ] : [
-            // Let the repeated child evaluate its own data source. It returns
-            // null when the result is empty and the no-results message is off.
-            renderNode(
-              node,
-              props,
-              props.dataitem,
-              `replicated-${childIndex}`
-            )
           ];
         }
-        return arrayResult.map(
-          (item, itemIndex) => renderNode(
-            node,
-            props,
-            item,
-            `replicated-${childIndex}-${itemIndex}`,
-            item?.links?.view && !props.href ? item.links.view : void 0
-          )
-        );
+        return [];
       }
-      return [
-        renderNode(
+      return repeatItems.map(
+        (item, itemIndex) => renderNode(
           node,
           props,
-          props.dataitem,
-          `static-${childIndex}`
+          item,
+          `replicated-${childIndex}-${itemIndex}`,
+          item?.links?.view && !props.href ? item.links.view : void 0
         )
-      ];
+      );
     });
   };
   {

package/dist/server.js

@@ -3437,7 +3437,7 @@ var init_Pagination = __esm({
         );
       };
       if (totalPages <= 1 && totalItems === 0) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "py-6 border-t bg-default", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "py-6 border-t bg-default mt-6", children: [
         /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
           /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)("div", { className: "text-sm", children: [
             "Showing ",
@@ -8556,6 +8556,7 @@ var DivContainer = async (props) => {
   const mobileStyles = props.node.mobileCssProperties;
   const tabletStyles = props.node.tabletCssProperties;
   const dataBindingProperties = props.node.dataBinding;
+  const isRepeatForEachItem = props.node.repeatForEachItem === true || props.node.replicate === true;
   const updatedStyles = convertKeysToCamelCase(styles);
   let containerPaddingClass = "";
   if (props.node.containerPadding == "small") {
@@ -8628,9 +8629,9 @@ var DivContainer = async (props) => {
         dataBindingProperties.childCollectionName
       );
     }
-    const effectiveResult = dataBindingProperties.childCollectionName ? childCollectionData : result;
+    const effectiveResult = 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 && dataBindingProperties.showNoResultsMessage !== true) {
+    if (hasNoData && !isRepeatForEachItem && dataBindingProperties.showNoResultsMessage !== true) {
       return null;
     }
   }
@@ -8690,7 +8691,7 @@ 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 arrayResult = Array.isArray(result) ? result : null;
   const hasReplicatedChildren = Boolean(
     props.node.children?.some(
       (node) => node?.type === "div-container" && (node?.repeatForEachItem === true || node?.replicate === true)
@@ -8736,9 +8737,27 @@ var DivContainer = async (props) => {
       );
     }
     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 ? [
+      const isRepeated = node?.type === "div-container" && (node?.repeatForEachItem === true || node?.replicate === true);
+      if (!isRepeated) {
+        return [renderNode(node, props, props.dataitem, `static-${childIndex}`)];
+      }
+      let repeatItems = null;
+      const childCollectionName = node?.dataBinding?.childCollectionName;
+      if (childCollectionName && props.dataitem) {
+        const nestedCollection = getNestedValue6(
+          props.dataitem,
+          childCollectionName
+        );
+        if (Array.isArray(nestedCollection)) {
+          repeatItems = nestedCollection;
+        }
+      }
+      if (repeatItems === null && Array.isArray(arrayResult)) {
+        repeatItems = arrayResult;
+      }
+      if (!repeatItems || repeatItems.length === 0) {
+        if (node?.dataBinding?.showNoResultsMessage === true) {
+          return [
             renderNode(
               node,
               props,
@@ -8747,35 +8766,19 @@ var DivContainer = async (props) => {
               void 0,
               true
             )
-          ] : [
-            // Let the repeated child evaluate its own data source. It returns
-            // null when the result is empty and the no-results message is off.
-            renderNode(
-              node,
-              props,
-              props.dataitem,
-              `replicated-${childIndex}`
-            )
           ];
         }
-        return arrayResult.map(
-          (item, itemIndex) => renderNode(
-            node,
-            props,
-            item,
-            `replicated-${childIndex}-${itemIndex}`,
-            item?.links?.view && !props.href ? item.links.view : void 0
-          )
-        );
+        return [];
       }
-      return [
-        renderNode(
+      return repeatItems.map(
+        (item, itemIndex) => renderNode(
           node,
           props,
-          props.dataitem,
-          `static-${childIndex}`
+          item,
+          `replicated-${childIndex}-${itemIndex}`,
+          item?.links?.view && !props.href ? item.links.view : void 0
         )
-      ];
+      );
     });
   };
   {

package/dist/server.mjs

@@ -2359,7 +2359,7 @@ 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-LNJ27L7U.mjs"), { ssr: true });
+var Pagination = dynamic12(() => import("./Pagination-M3VZKKXY.mjs"), { ssr: true });
 var DataBindingControls = dynamic12(() => import("./DataBindingControls-WC3HBVVQ.mjs"), {
   ssr: true
 });
@@ -2551,6 +2551,7 @@ var DivContainer = async (props) => {
   const mobileStyles = props.node.mobileCssProperties;
   const tabletStyles = props.node.tabletCssProperties;
   const dataBindingProperties = props.node.dataBinding;
+  const isRepeatForEachItem = props.node.repeatForEachItem === true || props.node.replicate === true;
   const updatedStyles = convertKeysToCamelCase(styles);
   let containerPaddingClass = "";
   if (props.node.containerPadding == "small") {
@@ -2623,9 +2624,9 @@ var DivContainer = async (props) => {
         dataBindingProperties.childCollectionName
       );
     }
-    const effectiveResult = dataBindingProperties.childCollectionName ? childCollectionData : result;
+    const effectiveResult = 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 && dataBindingProperties.showNoResultsMessage !== true) {
+    if (hasNoData && !isRepeatForEachItem && dataBindingProperties.showNoResultsMessage !== true) {
       return null;
     }
   }
@@ -2685,7 +2686,7 @@ 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 arrayResult = Array.isArray(result) ? result : null;
   const hasReplicatedChildren = Boolean(
     props.node.children?.some(
       (node) => node?.type === "div-container" && (node?.repeatForEachItem === true || node?.replicate === true)
@@ -2731,9 +2732,27 @@ var DivContainer = async (props) => {
       );
     }
     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 ? [
+      const isRepeated = node?.type === "div-container" && (node?.repeatForEachItem === true || node?.replicate === true);
+      if (!isRepeated) {
+        return [renderNode(node, props, props.dataitem, `static-${childIndex}`)];
+      }
+      let repeatItems = null;
+      const childCollectionName = node?.dataBinding?.childCollectionName;
+      if (childCollectionName && props.dataitem) {
+        const nestedCollection = getNestedValue6(
+          props.dataitem,
+          childCollectionName
+        );
+        if (Array.isArray(nestedCollection)) {
+          repeatItems = nestedCollection;
+        }
+      }
+      if (repeatItems === null && Array.isArray(arrayResult)) {
+        repeatItems = arrayResult;
+      }
+      if (!repeatItems || repeatItems.length === 0) {
+        if (node?.dataBinding?.showNoResultsMessage === true) {
+          return [
             renderNode(
               node,
               props,
@@ -2742,35 +2761,19 @@ var DivContainer = async (props) => {
               void 0,
               true
             )
-          ] : [
-            // Let the repeated child evaluate its own data source. It returns
-            // null when the result is empty and the no-results message is off.
-            renderNode(
-              node,
-              props,
-              props.dataitem,
-              `replicated-${childIndex}`
-            )
           ];
         }
-        return arrayResult.map(
-          (item, itemIndex) => renderNode(
-            node,
-            props,
-            item,
-            `replicated-${childIndex}-${itemIndex}`,
-            item?.links?.view && !props.href ? item.links.view : void 0
-          )
-        );
+        return [];
       }
-      return [
-        renderNode(
+      return repeatItems.map(
+        (item, itemIndex) => renderNode(
           node,
           props,
-          props.dataitem,
-          `static-${childIndex}`
+          item,
+          `replicated-${childIndex}-${itemIndex}`,
+          item?.links?.view && !props.href ? item.links.view : void 0
         )
-      ];
+      );
     });
   };
   {

package/package.json

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