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

package/dist/{DataBindingControls-GA2UILYQ.mjs → DataBindingControls-GWNAJ7PR.mjs}

@@ -3,7 +3,7 @@
 "use client";
 import {
   InputControl_default
-} from "./chunk-37F2HMKK.mjs";
+} from "./chunk-Q3LFGHLM.mjs";
 import {
   InputControlType_default
 } from "./chunk-DTWPZPSX.mjs";

package/dist/{DataBindingControls-ANAEGFPF.mjs → DataBindingControls-WC3HBVVQ.mjs}

@@ -9,7 +9,7 @@ import { useRouter } from "next/navigation";
 
 // src/components/controls/edit/InputControl.tsx
 import dynamic from "next/dynamic";
-var InputControl = dynamic(() => import("./InputControlClient-HDT3N6ZI.mjs"), {
+var InputControl = dynamic(() => import("./InputControlClient-NHZU2L64.mjs"), {
   ssr: false
 });
 var InputControl_default = InputControl;

package/dist/{InputControlClient-ZM6VEU6Q.mjs → InputControlClient-GRH7VSJR.mjs}

@@ -18,7 +18,7 @@ import {
   SelectWithSearchInput_default,
   Select_default,
   TimeInput_default
-} from "./chunk-PE3NKJNR.mjs";
+} from "./chunk-5VGTT4A5.mjs";
 import {
   Hyperlink,
   Icon_default

package/dist/{InputControlClient-HDT3N6ZI.mjs → InputControlClient-NHZU2L64.mjs}

@@ -101,6 +101,7 @@ var LineTextInput = (props) => {
         value,
         onChange: textChangeHandler,
         onBlur: props?.onBlur,
+        autoFocus: props?.attributes?.autoFocus,
         required: props?.attributes?.required,
         placeholder: props?.attributes?.placeholder,
         maxLength: props?.attributes?.maxLength,

package/dist/{chunk-PE3NKJNR.mjs → chunk-5VGTT4A5.mjs}

@@ -85,6 +85,7 @@ var LineTextInput = (props) => {
         value,
         onChange: textChangeHandler,
         onBlur: props?.onBlur,
+        autoFocus: props?.attributes?.autoFocus,
         required: props?.attributes?.required,
         placeholder: props?.attributes?.placeholder,
         maxLength: props?.attributes?.maxLength,

package/dist/{chunk-37F2HMKK.mjs → chunk-Q3LFGHLM.mjs}

@@ -3,7 +3,7 @@
 
 // src/components/controls/edit/InputControl.tsx
 import dynamic from "next/dynamic";
-var InputControl = dynamic(() => import("./InputControlClient-ZM6VEU6Q.mjs"), {
+var InputControl = dynamic(() => import("./InputControlClient-GRH7VSJR.mjs"), {
   ssr: false
 });
 var InputControl_default = InputControl;

package/dist/index.js

@@ -2114,6 +2114,7 @@ var init_LineTextInput = __esm({
             value,
             onChange: textChangeHandler,
             onBlur: props?.onBlur,
+            autoFocus: props?.attributes?.autoFocus,
             required: props?.attributes?.required,
             placeholder: props?.attributes?.placeholder,
             maxLength: props?.attributes?.maxLength,
@@ -8634,7 +8635,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;
     {
@@ -8651,15 +8653,17 @@ var DivContainer = async (props) => {
     }
     response = await serviceClient.get(endpoint);
     result = response?.result;
-    if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(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,
@@ -8667,7 +8671,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];
@@ -8688,7 +8692,8 @@ var DivContainer = async (props) => {
         href,
         assetBaseUrl: props2.assetBaseUrl,
         device: props2.device,
-        widgetRenderer: props2.widgetRenderer
+        widgetRenderer: props2.widgetRenderer,
+        forceNoDataMessage
       }
     ) }, key);
   }
@@ -8716,19 +8721,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,
@@ -8743,6 +8754,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 ? renderChildren2(
+          props.node.children,
+          props,
+          item,
+          idx,
+          props.href ? void 0 : item?.links?.view
+        )?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react60.default.Fragment, { children: child }, i)) : renderChildren2(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;
@@ -8816,15 +8873,7 @@ var DivContainer = async (props) => {
       style: combinedStyles,
       className: classNames || void 0,
       ...wrapperProps,
-      children: dataToRender.map(
-        (item, idx) => item?.links?.view && renderLink ? renderChildren2(
-          props.node.children,
-          props,
-          item,
-          idx,
-          props.href ? void 0 : item?.links?.view
-        )?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react60.default.Fragment, { children: child }, i)) : renderChildren2(props.node.children, props, item, idx)
-      )
+      children: shouldShowNoDataMessage ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(NoDataFound_default, {}) : renderContainerChildren()
     }
   );
   const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
@@ -9546,6 +9595,7 @@ var DataList = (props) => {
                   value: searchTerm,
                   callback: (e) => setSearchTerm(e.value),
                   attributes: {
+                    autoFocus: true,
                     placeholder: `Search by ${props.columns.filter((col) => col.isSearchable).map((col) => col.label).join(", ")}`
                   }
                 }
@@ -9743,6 +9793,7 @@ var DataList = (props) => {
                   value: searchTerm,
                   callback: (e) => setSearchTerm(e.value),
                   attributes: {
+                    autoFocus: true,
                     placeholder: `Search by ${props.columns.filter((col) => col.isSearchable).map((col) => col.label).join(", ")}`
                   }
                 }

package/dist/index.mjs

@@ -5,7 +5,7 @@ import {
 } from "./chunk-RG3CISAA.mjs";
 import {
   InputControl_default
-} from "./chunk-37F2HMKK.mjs";
+} from "./chunk-Q3LFGHLM.mjs";
 import "./chunk-JDX47MFV.mjs";
 import {
   CheckboxInput_default,
@@ -24,7 +24,7 @@ import {
   SelectWithSearchInput_default,
   Select_default,
   TimeInput_default
-} from "./chunk-PE3NKJNR.mjs";
+} from "./chunk-5VGTT4A5.mjs";
 import {
   Hyperlink,
   Icon_default
@@ -2392,7 +2392,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 DataBindingControls = dynamic12(() => import("./DataBindingControls-GA2UILYQ.mjs"), {
+var DataBindingControls = dynamic12(() => import("./DataBindingControls-GWNAJ7PR.mjs"), {
   ssr: true
 });
 var Slider = dynamic12(() => import("./Slider-554BKC7N.mjs"), {
@@ -2631,7 +2631,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;
     {
@@ -2648,15 +2649,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,
@@ -2664,7 +2667,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];
@@ -2685,7 +2688,8 @@ var DivContainer = async (props) => {
         href,
         assetBaseUrl: props2.assetBaseUrl,
         device: props2.device,
-        widgetRenderer: props2.widgetRenderer
+        widgetRenderer: props2.widgetRenderer,
+        forceNoDataMessage
       }
     ) }, key);
   }
@@ -2713,19 +2717,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,
@@ -2740,6 +2750,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;
@@ -2813,15 +2869,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(
@@ -3513,6 +3561,7 @@ var DataList = (props) => {
                   value: searchTerm,
                   callback: (e) => setSearchTerm(e.value),
                   attributes: {
+                    autoFocus: true,
                     placeholder: `Search by ${props.columns.filter((col) => col.isSearchable).map((col) => col.label).join(", ")}`
                   }
                 }
@@ -3710,6 +3759,7 @@ var DataList = (props) => {
                   value: searchTerm,
                   callback: (e) => setSearchTerm(e.value),
                   attributes: {
+                    autoFocus: true,
                     placeholder: `Search by ${props.columns.filter((col) => col.isSearchable).map((col) => col.label).join(", ")}`
                   }
                 }

package/dist/server.js

@@ -3625,6 +3625,7 @@ var init_LineTextInput = __esm({
             value,
             onChange: textChangeHandler,
             onBlur: props?.onBlur,
+            autoFocus: props?.attributes?.autoFocus,
             required: props?.attributes?.required,
             placeholder: props?.attributes?.placeholder,
             maxLength: props?.attributes?.maxLength,
@@ -8603,7 +8604,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;
     {
@@ -8620,15 +8622,17 @@ var DivContainer = async (props) => {
     }
     response = await serviceClient.get(endpoint);
     result = response?.result;
-    if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(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,
@@ -8636,7 +8640,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];
@@ -8657,7 +8661,8 @@ var DivContainer = async (props) => {
         href,
         assetBaseUrl: props2.assetBaseUrl,
         device: props2.device,
-        widgetRenderer: props2.widgetRenderer
+        widgetRenderer: props2.widgetRenderer,
+        forceNoDataMessage
       }
     ) }, key);
   }
@@ -8685,19 +8690,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,
@@ -8712,6 +8723,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 ? renderChildren2(
+          props.node.children,
+          props,
+          item,
+          idx,
+          props.href ? void 0 : item?.links?.view
+        )?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react60.default.Fragment, { children: child }, i)) : renderChildren2(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;
@@ -8785,15 +8842,7 @@ var DivContainer = async (props) => {
       style: combinedStyles,
       className: classNames || void 0,
       ...wrapperProps,
-      children: dataToRender.map(
-        (item, idx) => item?.links?.view && renderLink ? renderChildren2(
-          props.node.children,
-          props,
-          item,
-          idx,
-          props.href ? void 0 : item?.links?.view
-        )?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(import_react60.default.Fragment, { children: child }, i)) : renderChildren2(props.node.children, props, item, idx)
-      )
+      children: shouldShowNoDataMessage ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(NoDataFound_default, {}) : renderContainerChildren()
     }
   );
   const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(

package/dist/server.mjs

@@ -2360,7 +2360,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 DataBindingControls = dynamic12(() => import("./DataBindingControls-ANAEGFPF.mjs"), {
+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.20260901043813",
+  "version": "0.8.1-dev.20260901054125",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",