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

package/dist/index.mjs

@@ -2,13 +2,12 @@
 
 import {
   OdataBuilder
-} from "./chunk-X5ERUUQV.mjs";
+} from "./chunk-RG3CISAA.mjs";
 import {
   InputControl_default
-} from "./chunk-GGG5MJLN.mjs";
+} from "./chunk-Q3LFGHLM.mjs";
 import "./chunk-JDX47MFV.mjs";
 import {
-  BooleanSelect_default,
   CheckboxInput_default,
   ColorInput_default,
   DateInput_default,
@@ -24,9 +23,8 @@ import {
   RadioInput_default,
   SelectWithSearchInput_default,
   Select_default,
-  Switcher_default,
   TimeInput_default
-} from "./chunk-XTG4JW2O.mjs";
+} from "./chunk-5VGTT4A5.mjs";
 import {
   Hyperlink,
   Icon_default
@@ -34,7 +32,7 @@ import {
 import {
   Constants,
   InputControlType_default
-} from "./chunk-E4VOFO5Q.mjs";
+} from "./chunk-DTWPZPSX.mjs";
 import {
   AssetUtility_default
 } from "./chunk-UPCAOGEY.mjs";
@@ -412,7 +410,7 @@ var TimeUntilStarts_default = TimeUntilStarts;
 
 // src/components/controls/view/Commentrenderer.tsx
 import dynamic5 from "next/dynamic";
-var CommentRenderer = dynamic5(() => import("./CommentRendererClient-5OIJYJ5Z.mjs"), {
+var CommentRenderer = dynamic5(() => import("./CommentRendererClient-L6GILW7U.mjs"), {
   ssr: false
 });
 var Commentrenderer_default = CommentRenderer;
@@ -2393,8 +2391,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-T7Z2NXKO.mjs"), { ssr: true });
-var DataBindingControls = dynamic12(() => import("./DataBindingControls-JLAO3NJL.mjs"), {
+var Pagination = dynamic12(() => import("./Pagination-JGUQJ2DH.mjs"), { ssr: true });
+var DataBindingControls = dynamic12(() => import("./DataBindingControls-GWNAJ7PR.mjs"), {
   ssr: true
 });
 var Slider = dynamic12(() => import("./Slider-554BKC7N.mjs"), {
@@ -2633,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;
     {
@@ -2650,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,
@@ -2666,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];
@@ -2687,7 +2688,8 @@ var DivContainer = async (props) => {
         href,
         assetBaseUrl: props2.assetBaseUrl,
         device: props2.device,
-        widgetRenderer: props2.widgetRenderer
+        widgetRenderer: props2.widgetRenderer,
+        forceNoDataMessage
       }
     ) }, key);
   }
@@ -2715,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,
@@ -2742,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;
@@ -2815,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(
@@ -3515,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(", ")}`
                   }
                 }
@@ -3712,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(", ")}`
                   }
                 }
@@ -4499,7 +4547,6 @@ var DataFormRenderer = ({
 };
 var DataFormRenderer_default = DataFormRenderer;
 export {
-  BooleanSelect_default as BooleanSelect,
   Button_default as Button,
   CheckboxInput_default as CheckboxInput,
   ColorInput_default as ColorInput,
@@ -4523,7 +4570,6 @@ export {
   PhoneInput_default as PhoneInput,
   RadioInput_default as RadioInput,
   Select_default as Select,
-  Switcher_default as Switcher,
   TimeInput_default as TimeInput,
   Toast_default as Toast,
   ToastService_default as ToastService,