@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260930053845 → 0.8.1-dev.20260930111822

package/dist/{InputControlClient-QMFSUGTK.mjs → InputControlClient-6MTR5RJ6.mjs}

@@ -517,6 +517,7 @@ var SwitchInput = (props) => {
         htmlFor: props.name,
         className: "inline-block text-sm font-semibold text-slate-800",
         children: [
+          "//Add Required asterisk if the field is required",
           props.attributes.label,
           props?.attributes?.required && /* @__PURE__ */ jsx3("span", { className: "bg-error-weak", children: "*" })
         ]

package/dist/index.js

@@ -4592,6 +4592,7 @@ var init_SwitchInput = __esm({
             htmlFor: props.name,
             className: "inline-block text-sm font-semibold text-slate-800",
             children: [
+              "//Add Required asterisk if the field is required",
               props.attributes.label,
               props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("span", { className: "bg-error-weak", children: "*" })
             ]
@@ -10442,41 +10443,38 @@ var PageBodyRenderer = (props) => {
     if (!shouldRenderNode(node)) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_react63.default.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("p", { children: "xncbvcxmn" }),
-      node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
-        SelectedNode,
-        {
-          node,
-          firstNode: true,
-          routeParameters: props.routeParameters,
-          query: props.query,
-          session: props.session,
-          host: props.host,
-          path: props.path,
-          apiBaseUrl: props.apiBaseUrl,
-          serviceClient: props.serviceClient,
-          assetBaseUrl: props.assetBaseUrl,
-          device: props.device,
-          widgetRenderer: props.widgetRenderer
-        }
-      ) }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
-        SelectedNode,
-        {
-          node,
-          routeParameters: props.routeParameters,
-          query: props.query,
-          session: props.session,
-          host: props.host,
-          path: props.path,
-          apiBaseUrl: props.apiBaseUrl,
-          serviceClient: props.serviceClient,
-          assetBaseUrl: props.assetBaseUrl,
-          device: props.device,
-          widgetRenderer: props.widgetRenderer
-        }
-      ) })
-    ] }) }, index);
+    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+      SelectedNode,
+      {
+        node,
+        firstNode: true,
+        routeParameters: props.routeParameters,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl,
+        serviceClient: props.serviceClient,
+        assetBaseUrl: props.assetBaseUrl,
+        device: props.device,
+        widgetRenderer: props.widgetRenderer
+      }
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react63.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+      SelectedNode,
+      {
+        node,
+        routeParameters: props.routeParameters,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl,
+        serviceClient: props.serviceClient,
+        assetBaseUrl: props.assetBaseUrl,
+        device: props.device,
+        widgetRenderer: props.widgetRenderer
+      }
+    ) }) }) }, index);
   }) });
 };
 var PageBodyRenderer_default = PageBodyRenderer;

package/dist/index.mjs

@@ -463,7 +463,7 @@ var ViewControl_default = ViewControl;
 
 // src/components/controls/edit/InputControl.tsx
 import dynamic7 from "next/dynamic";
-var InputControl = dynamic7(() => import("./InputControlClient-QMFSUGTK.mjs"), {
+var InputControl = dynamic7(() => import("./InputControlClient-6MTR5RJ6.mjs"), {
   ssr: false
 });
 var InputControl_default = InputControl;
@@ -3076,7 +3076,7 @@ var DivContainer = async (props) => {
 var DivContainer_default = DivContainer;
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-import { jsx as jsx39, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var NodeTypes = {
   ["paragraph"]: ParagraphNode_default,
   ["heading"]: HeadingNode_default,
@@ -3122,41 +3122,38 @@ var PageBodyRenderer = (props) => {
     if (!shouldRenderNode(node)) {
       return null;
     }
-    return /* @__PURE__ */ jsx39(React25.Fragment, { children: SelectedNode && /* @__PURE__ */ jsxs17(React25.Fragment, { children: [
-      /* @__PURE__ */ jsx39("p", { children: "xncbvcxmn" }),
-      node.type == "layout-container" ? /* @__PURE__ */ jsx39(React25.Fragment, { children: /* @__PURE__ */ jsx39(
-        SelectedNode,
-        {
-          node,
-          firstNode: true,
-          routeParameters: props.routeParameters,
-          query: props.query,
-          session: props.session,
-          host: props.host,
-          path: props.path,
-          apiBaseUrl: props.apiBaseUrl,
-          serviceClient: props.serviceClient,
-          assetBaseUrl: props.assetBaseUrl,
-          device: props.device,
-          widgetRenderer: props.widgetRenderer
-        }
-      ) }) : /* @__PURE__ */ jsx39(React25.Fragment, { children: /* @__PURE__ */ jsx39(
-        SelectedNode,
-        {
-          node,
-          routeParameters: props.routeParameters,
-          query: props.query,
-          session: props.session,
-          host: props.host,
-          path: props.path,
-          apiBaseUrl: props.apiBaseUrl,
-          serviceClient: props.serviceClient,
-          assetBaseUrl: props.assetBaseUrl,
-          device: props.device,
-          widgetRenderer: props.widgetRenderer
-        }
-      ) })
-    ] }) }, index);
+    return /* @__PURE__ */ jsx39(React25.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx39(React25.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx39(React25.Fragment, { children: /* @__PURE__ */ jsx39(
+      SelectedNode,
+      {
+        node,
+        firstNode: true,
+        routeParameters: props.routeParameters,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl,
+        serviceClient: props.serviceClient,
+        assetBaseUrl: props.assetBaseUrl,
+        device: props.device,
+        widgetRenderer: props.widgetRenderer
+      }
+    ) }) : /* @__PURE__ */ jsx39(React25.Fragment, { children: /* @__PURE__ */ jsx39(
+      SelectedNode,
+      {
+        node,
+        routeParameters: props.routeParameters,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl,
+        serviceClient: props.serviceClient,
+        assetBaseUrl: props.assetBaseUrl,
+        device: props.device,
+        widgetRenderer: props.widgetRenderer
+      }
+    ) }) }) }, index);
   }) });
 };
 var PageBodyRenderer_default = PageBodyRenderer;
@@ -3211,7 +3208,7 @@ function EnterAnimationHydrator() {
 
 // src/components/Toast.tsx
 import { useCallback as useCallback2, useEffect as useEffect3, useRef as useRef2, useState as useState2 } from "react";
-import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx40, jsxs as jsxs17 } from "react/jsx-runtime";
 var Toast = () => {
   const [showToast, setShowToast] = useState2(false);
   const [message, setMessage] = useState2("");
@@ -3245,7 +3242,7 @@ var Toast = () => {
       });
     };
   }, [closeToast, showMessage]);
-  return /* @__PURE__ */ jsx40(Fragment7, { children: showToast && /* @__PURE__ */ jsx40("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ jsxs18("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
+  return /* @__PURE__ */ jsx40(Fragment7, { children: showToast && /* @__PURE__ */ jsx40("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ jsxs17("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
     /* @__PURE__ */ jsx40(
       "span",
       {
@@ -3324,33 +3321,33 @@ var NoContentView_default = NoContentView;
 
 // src/components/dataForm/ContentView.tsx
 import React28 from "react";
-import { jsx as jsx43, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs18 } from "react/jsx-runtime";
 var ContentView = (props) => {
-  return /* @__PURE__ */ jsxs19(React28.Fragment, { children: [
-    props.isDataFound == null && /* @__PURE__ */ jsx43("div", { className: "", children: /* @__PURE__ */ jsxs19("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
-      /* @__PURE__ */ jsxs19("div", { className: "flex items-center mb-4", children: [
+  return /* @__PURE__ */ jsxs18(React28.Fragment, { children: [
+    props.isDataFound == null && /* @__PURE__ */ jsx43("div", { className: "", children: /* @__PURE__ */ jsxs18("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "flex items-center mb-4", children: [
         /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
-        /* @__PURE__ */ jsxs19("div", { className: "ml-2", children: [
+        /* @__PURE__ */ jsxs18("div", { className: "ml-2", children: [
           /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
           /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs19("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
-        /* @__PURE__ */ jsxs19("div", { className: "animate-pulse", children: [
+      /* @__PURE__ */ jsxs18("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
+        /* @__PURE__ */ jsxs18("div", { className: "animate-pulse", children: [
           /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
           /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
           /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
           /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
           /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] }),
-        /* @__PURE__ */ jsxs19("div", { className: "animate-pulse", children: [
+        /* @__PURE__ */ jsxs18("div", { className: "animate-pulse", children: [
           /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
           /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
           /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
           /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
           /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] }),
-        /* @__PURE__ */ jsxs19("div", { className: "animate-pulse", children: [
+        /* @__PURE__ */ jsxs18("div", { className: "animate-pulse", children: [
           /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
           /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
           /* @__PURE__ */ jsx43("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
@@ -3409,7 +3406,7 @@ function FormReducer(state, action) {
 var FormReducer_default = FormReducer;
 
 // src/components/dataForm/DataList.tsx
-import { Fragment as Fragment8, jsx as jsx44, jsxs as jsxs20 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx44, jsxs as jsxs19 } from "react/jsx-runtime";
 var DataList = (props) => {
   const router = useRouter();
   let builder = new OdataBuilder(props.path);
@@ -3545,7 +3542,7 @@ var DataList = (props) => {
       const showFirstPages = activePageNumber <= 5;
       const showLastPages = activePageNumber > pages - 5;
       if (showFirstPages) {
-        return /* @__PURE__ */ jsxs20(Fragment8, { children: [
+        return /* @__PURE__ */ jsxs19(Fragment8, { children: [
           Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx44(React29.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx44(
             Hyperlink,
             {
@@ -3571,7 +3568,7 @@ var DataList = (props) => {
               children: pages
             }
           ),
-          /* @__PURE__ */ jsx44("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs20(
+          /* @__PURE__ */ jsx44("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs19(
             "select",
             {
               className: "  py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -3593,7 +3590,7 @@ var DataList = (props) => {
           ) })
         ] });
       } else if (showLastPages) {
-        return /* @__PURE__ */ jsxs20(Fragment8, { children: [
+        return /* @__PURE__ */ jsxs19(Fragment8, { children: [
           /* @__PURE__ */ jsx44(
             Hyperlink,
             {
@@ -3623,7 +3620,7 @@ var DataList = (props) => {
           )
         ] });
       } else {
-        return /* @__PURE__ */ jsxs20(Fragment8, { children: [
+        return /* @__PURE__ */ jsxs19(Fragment8, { children: [
           /* @__PURE__ */ jsx44(
             Hyperlink,
             {
@@ -3669,7 +3666,7 @@ var DataList = (props) => {
               children: pages
             }
           ),
-          /* @__PURE__ */ jsx44("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs20(
+          /* @__PURE__ */ jsx44("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs19(
             "select",
             {
               className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -3690,15 +3687,15 @@ var DataList = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs20(React29.Fragment, { children: [
-    /* @__PURE__ */ jsxs20(ContentView_default, { isDataFound, children: [
-      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsxs19(React29.Fragment, { children: [
+    /* @__PURE__ */ jsxs19(ContentView_default, { isDataFound, children: [
+      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs19(
         "div",
         {
           className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
           children: [
             props.title ? /* @__PURE__ */ jsx44("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx44("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ jsx44("div", {}),
-            /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3", children: [
               props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx44(
                 InputControl_default,
                 {
@@ -3727,7 +3724,7 @@ var DataList = (props) => {
                 },
                 filter.name
               )),
-              props.addLinkHref && /* @__PURE__ */ jsxs20(
+              props.addLinkHref && /* @__PURE__ */ jsxs19(
                 Hyperlink,
                 {
                   className: "gap-1",
@@ -3743,8 +3740,8 @@ var DataList = (props) => {
           ]
         }
       ),
-      /* @__PURE__ */ jsx44("div", { className: "flex-1 overflow-y-auto  justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs20("table", { className: "w-full   divide-y divide-gray-200", children: [
-        /* @__PURE__ */ jsx44("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ jsxs20("tr", { children: [
+      /* @__PURE__ */ jsx44("div", { className: "flex-1 overflow-y-auto  justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs19("table", { className: "w-full   divide-y divide-gray-200", children: [
+        /* @__PURE__ */ jsx44("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ jsxs19("tr", { children: [
           props?.columns?.map((column) => {
             let url = builder.getNewOrderByUrl(column.name);
             let icon = "chevronUpDown";
@@ -3764,7 +3761,7 @@ var DataList = (props) => {
                   {
                     href: column.enableSorting ? url : void 0,
                     className: "!text-neutral-contrast ",
-                    children: /* @__PURE__ */ jsxs20("span", { className: "flex items-center space-x-1", children: [
+                    children: /* @__PURE__ */ jsxs19("span", { className: "flex items-center space-x-1", children: [
                       /* @__PURE__ */ jsx44("span", { className: "text-black", children: column.label }),
                       column.enableSorting && /* @__PURE__ */ jsx44(Icon_default, { className: "w-4 h-4", name: icon })
                     ] })
@@ -3781,7 +3778,7 @@ var DataList = (props) => {
           if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
             validityClass = "bg-alert-200";
           }
-          return /* @__PURE__ */ jsxs20("tr", { className: validityClass, children: [
+          return /* @__PURE__ */ jsxs19("tr", { className: validityClass, children: [
             props?.columns?.map((column, colindex) => {
               return /* @__PURE__ */ jsx44(React29.Fragment, { children: /* @__PURE__ */ jsx44(
                 "td",
@@ -3831,7 +3828,7 @@ var DataList = (props) => {
                 }
               ) }, colindex);
             }),
-            props.onQuickView && /* @__PURE__ */ jsx44("td", { className: "px-6 py-2 text-right whitespace-nowrap", children: /* @__PURE__ */ jsxs20(
+            props.onQuickView && /* @__PURE__ */ jsx44("td", { className: "px-6 py-2 text-right whitespace-nowrap", children: /* @__PURE__ */ jsxs19(
               "button",
               {
                 type: "button",
@@ -3841,7 +3838,7 @@ var DataList = (props) => {
                 },
                 className: "inline-flex items-center gap-1.5 px-3 py-1 text-xs font-semibold rounded-md border border-neutral-300 bg-white hover:bg-neutral-100 text-neutral-800 transition-colors shadow-xs",
                 children: [
-                  /* @__PURE__ */ jsxs20(
+                  /* @__PURE__ */ jsxs19(
                     "svg",
                     {
                       className: "w-3.5 h-3.5",
@@ -3864,9 +3861,9 @@ var DataList = (props) => {
           ] }, index);
         }) })
       ] }) }),
-      /* @__PURE__ */ jsx44("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs20("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx44("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs19("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsx44("div", { className: "text-gray-700", children: label }),
-        /* @__PURE__ */ jsxs20("div", { className: "flex space-x-2 items-center", children: [
+        /* @__PURE__ */ jsxs19("div", { className: "flex space-x-2 items-center", children: [
           activePageNumber > 1 && /* @__PURE__ */ jsx44(
             Hyperlink,
             {
@@ -3889,14 +3886,14 @@ var DataList = (props) => {
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs20(NoContentView_default, { isDataFound, children: [
-      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs20(
+    /* @__PURE__ */ jsxs19(NoContentView_default, { isDataFound, children: [
+      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs19(
         "div",
         {
           className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md border-b border-neutral-200`,
           children: [
             props.title ? /* @__PURE__ */ jsx44("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx44("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ jsx44("div", {}),
-            /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs19("div", { className: "flex items-center gap-3", children: [
               props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx44(
                 InputControl_default,
                 {
@@ -3925,7 +3922,7 @@ var DataList = (props) => {
                 },
                 filter.name
               )),
-              props.addLinkHref && /* @__PURE__ */ jsxs20(
+              props.addLinkHref && /* @__PURE__ */ jsxs19(
                 Hyperlink,
                 {
                   className: "gap-1",
@@ -3941,7 +3938,7 @@ var DataList = (props) => {
           ]
         }
       ),
-      /* @__PURE__ */ jsxs20("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
+      /* @__PURE__ */ jsxs19("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
         /* @__PURE__ */ jsx44("div", { children: /* @__PURE__ */ jsx44("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ jsx44("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsx44("tr", { children: props?.columns?.map((column) => {
           let url = builder.getNewOrderByUrl(column.name);
           let icon = "chevronUpDown";
@@ -3961,7 +3958,7 @@ var DataList = (props) => {
                 {
                   href: column.enableSorting ? url : void 0,
                   className: "text-body-950",
-                  children: /* @__PURE__ */ jsxs20("span", { className: "flex items-center space-x-1", children: [
+                  children: /* @__PURE__ */ jsxs19("span", { className: "flex items-center space-x-1", children: [
                     /* @__PURE__ */ jsx44("span", { children: column.label }),
                     column.enableSorting && /* @__PURE__ */ jsx44(Icon_default, { className: "w-4 h-4", name: icon })
                   ] })
@@ -3981,7 +3978,7 @@ var DataList_default = DataList;
 // src/components/dataForm/DataListRenderer.tsx
 import React30, { useState as useState4, useEffect as useEffect5 } from "react";
 import { usePathname as usePathname2 } from "next/navigation";
-import { jsx as jsx45, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs20 } from "react/jsx-runtime";
 var viewControlMap = {
   number: ViewControlTypes.number,
   lineText: ViewControlTypes.lineText,
@@ -4076,7 +4073,7 @@ var DataListRenderer = ({
       isActive: landingPageUrl === pathname
     };
   });
-  return /* @__PURE__ */ jsxs21(React30.Fragment, { children: [
+  return /* @__PURE__ */ jsxs20(React30.Fragment, { children: [
     resolvedTabs.length > 0 && // <NavigationTabsV2
     //   tabs={resolvedTabs}
     //   params={(widgetProps?.params ?? params) as Record<string, any>}
@@ -4127,7 +4124,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
 var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
 
 // src/components/dataForm/DataFormChildSection.tsx
-import { jsx as jsx46, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs21 } from "react/jsx-runtime";
 var DataFormChildSection = (props) => {
   const { section } = props;
   const isOneToOne = section.relationshipType === "one-to-one";
@@ -4195,12 +4192,12 @@ var DataFormChildSection = (props) => {
     childItemsToRender,
     allChildItems: childItems
   });
-  return /* @__PURE__ */ jsx46(React31.Fragment, { children: /* @__PURE__ */ jsxs22("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
+  return /* @__PURE__ */ jsx46(React31.Fragment, { children: /* @__PURE__ */ jsxs21("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
     section.sectionTitle && /* @__PURE__ */ jsx46("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
-    /* @__PURE__ */ jsx46("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs22("div", { className: "flex flex-col justify-between gap-2", children: [
-      /* @__PURE__ */ jsx46("div", { children: /* @__PURE__ */ jsxs22("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
+    /* @__PURE__ */ jsx46("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs21("div", { className: "flex flex-col justify-between gap-2", children: [
+      /* @__PURE__ */ jsx46("div", { children: /* @__PURE__ */ jsxs21("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
         (!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ jsx46("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
-          return /* @__PURE__ */ jsxs22("tr", { className: "", children: [
+          return /* @__PURE__ */ jsxs21("tr", { className: "", children: [
             sectionRow.elements.map((field, index) => {
               return /* @__PURE__ */ jsx46(
                 "th",
@@ -4219,7 +4216,7 @@ var DataFormChildSection = (props) => {
           const rowKey = originalIndex;
           return /* @__PURE__ */ jsx46(React31.Fragment, { children: section.sectionRows.map(
             (sectionRow, sectionRowIndex) => {
-              return /* @__PURE__ */ jsxs22(
+              return /* @__PURE__ */ jsxs21(
                 "tr",
                 {
                   className: "",
@@ -4286,7 +4283,7 @@ var DataFormChildSection = (props) => {
 var DataFormChildSection_default = DataFormChildSection;
 
 // src/components/dataForm/DataForm.tsx
-import { jsx as jsx47, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs22 } from "react/jsx-runtime";
 var DataForm = (props) => {
   const formRef = useRef3(null);
   console.log(props.dataItem, "dssads");
@@ -4506,8 +4503,8 @@ var DataForm = (props) => {
       return false;
     }
   }
-  return /* @__PURE__ */ jsx47(React32.Fragment, { children: /* @__PURE__ */ jsxs23("div", { className: "flex-grow flex flex-col", children: [
-    props.title && /* @__PURE__ */ jsx47("div", { className: "inline-flex items-center gap-2 px-6 py-3 border border-neutral-200 bg-white shadow-sm rounded-t-md", children: /* @__PURE__ */ jsxs23(
+  return /* @__PURE__ */ jsx47(React32.Fragment, { children: /* @__PURE__ */ jsxs22("div", { className: "flex-grow flex flex-col", children: [
+    props.title && /* @__PURE__ */ jsx47("div", { className: "inline-flex items-center gap-2 px-6 py-3 border border-neutral-200 bg-white shadow-sm rounded-t-md", children: /* @__PURE__ */ jsxs22(
       "div",
       {
         className: "inline-flex items-center gap-2 cursor-pointer",
@@ -4540,7 +4537,7 @@ var DataForm = (props) => {
           }
         },
         children: /* @__PURE__ */ jsx47("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
-          return /* @__PURE__ */ jsx47(React32.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs23("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
+          return /* @__PURE__ */ jsx47(React32.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs22("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
             section.sectionRows?.map(
               (sectionRow, sectionRowIndex) => {
                 const elementsCount = sectionRow.elements.length;
@@ -4552,7 +4549,7 @@ var DataForm = (props) => {
                   );
                 }
                 return /* @__PURE__ */ jsx47(React32.Fragment, { children: isVisible && /* @__PURE__ */ jsx47("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
-                  return /* @__PURE__ */ jsxs23(
+                  return /* @__PURE__ */ jsxs22(
                     "div",
                     {
                       className: sectionRow.grow ? "grow" : "",
@@ -4608,7 +4605,7 @@ var DataForm = (props) => {
         }) })
       }
     ),
-    /* @__PURE__ */ jsxs23("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end  items-center gap-5", children: [
+    /* @__PURE__ */ jsxs22("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end  items-center gap-5", children: [
       /* @__PURE__ */ jsx47("div", { children: props.additionalActions && /* @__PURE__ */ jsx47(
         Button_default,
         {
@@ -4645,7 +4642,7 @@ var DataForm = (props) => {
 var DataForm_default = DataForm;
 
 // src/components/dataForm/DataFormRenderer.tsx
-import { jsx as jsx48, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs23 } from "react/jsx-runtime";
 function getAction(actions, code) {
   return actions?.find((a) => a.actionCode === code);
 }
@@ -4671,7 +4668,7 @@ var DataFormRenderer = ({
     "Delete"
   );
   const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
-  return /* @__PURE__ */ jsxs24("div", { className: "flex-grow flex flex-col", children: [
+  return /* @__PURE__ */ jsxs23("div", { className: "flex-grow flex flex-col", children: [
     widgetProps && /* @__PURE__ */ jsx48(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
     /* @__PURE__ */ jsx48(
       DataForm_default,

package/dist/server.js

@@ -8036,41 +8036,38 @@ var PageBodyRenderer = (props) => {
     if (!shouldRenderNode(node)) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react43.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_react43.default.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { children: "xncbvcxmn" }),
-      node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react43.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-        SelectedNode,
-        {
-          node,
-          firstNode: true,
-          routeParameters: props.routeParameters,
-          query: props.query,
-          session: props.session,
-          host: props.host,
-          path: props.path,
-          apiBaseUrl: props.apiBaseUrl,
-          serviceClient: props.serviceClient,
-          assetBaseUrl: props.assetBaseUrl,
-          device: props.device,
-          widgetRenderer: props.widgetRenderer
-        }
-      ) }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react43.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
-        SelectedNode,
-        {
-          node,
-          routeParameters: props.routeParameters,
-          query: props.query,
-          session: props.session,
-          host: props.host,
-          path: props.path,
-          apiBaseUrl: props.apiBaseUrl,
-          serviceClient: props.serviceClient,
-          assetBaseUrl: props.assetBaseUrl,
-          device: props.device,
-          widgetRenderer: props.widgetRenderer
-        }
-      ) })
-    ] }) }, index);
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react43.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react43.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react43.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      SelectedNode,
+      {
+        node,
+        firstNode: true,
+        routeParameters: props.routeParameters,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl,
+        serviceClient: props.serviceClient,
+        assetBaseUrl: props.assetBaseUrl,
+        device: props.device,
+        widgetRenderer: props.widgetRenderer
+      }
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react43.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+      SelectedNode,
+      {
+        node,
+        routeParameters: props.routeParameters,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl,
+        serviceClient: props.serviceClient,
+        assetBaseUrl: props.assetBaseUrl,
+        device: props.device,
+        widgetRenderer: props.widgetRenderer
+      }
+    ) }) }) }, index);
   }) });
 };
 var PageBodyRenderer_default = PageBodyRenderer;

package/dist/server.mjs

@@ -3032,7 +3032,7 @@ var DivContainer = async (props) => {
 var DivContainer_default = DivContainer;
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-import { jsx as jsx39, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var NodeTypes = {
   ["paragraph"]: ParagraphNode_default,
   ["heading"]: HeadingNode_default,
@@ -3078,41 +3078,38 @@ var PageBodyRenderer = (props) => {
     if (!shouldRenderNode(node)) {
       return null;
     }
-    return /* @__PURE__ */ jsx39(React25.Fragment, { children: SelectedNode && /* @__PURE__ */ jsxs17(React25.Fragment, { children: [
-      /* @__PURE__ */ jsx39("p", { children: "xncbvcxmn" }),
-      node.type == "layout-container" ? /* @__PURE__ */ jsx39(React25.Fragment, { children: /* @__PURE__ */ jsx39(
-        SelectedNode,
-        {
-          node,
-          firstNode: true,
-          routeParameters: props.routeParameters,
-          query: props.query,
-          session: props.session,
-          host: props.host,
-          path: props.path,
-          apiBaseUrl: props.apiBaseUrl,
-          serviceClient: props.serviceClient,
-          assetBaseUrl: props.assetBaseUrl,
-          device: props.device,
-          widgetRenderer: props.widgetRenderer
-        }
-      ) }) : /* @__PURE__ */ jsx39(React25.Fragment, { children: /* @__PURE__ */ jsx39(
-        SelectedNode,
-        {
-          node,
-          routeParameters: props.routeParameters,
-          query: props.query,
-          session: props.session,
-          host: props.host,
-          path: props.path,
-          apiBaseUrl: props.apiBaseUrl,
-          serviceClient: props.serviceClient,
-          assetBaseUrl: props.assetBaseUrl,
-          device: props.device,
-          widgetRenderer: props.widgetRenderer
-        }
-      ) })
-    ] }) }, index);
+    return /* @__PURE__ */ jsx39(React25.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx39(React25.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx39(React25.Fragment, { children: /* @__PURE__ */ jsx39(
+      SelectedNode,
+      {
+        node,
+        firstNode: true,
+        routeParameters: props.routeParameters,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl,
+        serviceClient: props.serviceClient,
+        assetBaseUrl: props.assetBaseUrl,
+        device: props.device,
+        widgetRenderer: props.widgetRenderer
+      }
+    ) }) : /* @__PURE__ */ jsx39(React25.Fragment, { children: /* @__PURE__ */ jsx39(
+      SelectedNode,
+      {
+        node,
+        routeParameters: props.routeParameters,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl,
+        serviceClient: props.serviceClient,
+        assetBaseUrl: props.assetBaseUrl,
+        device: props.device,
+        widgetRenderer: props.widgetRenderer
+      }
+    ) }) }) }, index);
   }) });
 };
 var PageBodyRenderer_default = PageBodyRenderer;

package/package.json

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