@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260722104420 → 0.8.1-dev.20260722112436

package/dist/index.js

@@ -1,5 +1,3 @@
-"use client";
-
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -6897,10 +6895,7 @@ var DivContainer = async (props) => {
       Wrapper,
       {
         id: guid,
-        style: {
-          ...combinedStyles,
-          backgroundColor: "red"
-        },
+        style: combinedStyles,
         className: classNames || void 0,
         ...wrapperProps,
         children: dataToRender.map(
@@ -6964,46 +6959,49 @@ var PageBodyRenderer = (props) => {
     }
     return true;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
-    {
-    }
-    const SelectedNode = NodeTypes[node.type];
-    if (!shouldRenderNode(node)) {
-      return null;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
-      SelectedNode,
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_react53.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { children: "Thuis isadiasdia testaststtstst" }),
+    rootNode && rootNode?.children?.map((node, index) => {
       {
-        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_runtime73.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime73.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
+      const SelectedNode = NodeTypes[node.type];
+      if (!shouldRenderNode(node)) {
+        return null;
       }
-    ) }) }) }, index);
-  }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime73.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_runtime73.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime73.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

@@ -2658,10 +2658,7 @@ var DivContainer = async (props) => {
       Wrapper,
       {
         id: guid,
-        style: {
-          ...combinedStyles,
-          backgroundColor: "red"
-        },
+        style: combinedStyles,
         className: classNames || void 0,
         ...wrapperProps,
         children: dataToRender.map(
@@ -2688,7 +2685,7 @@ var DivContainer = async (props) => {
 var DivContainer_default = DivContainer;
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs14 } from "react/jsx-runtime";
 var NodeTypes = {
   ["paragraph"]: ParagraphNode_default,
   ["heading"]: HeadingNode_default,
@@ -2725,46 +2722,49 @@ var PageBodyRenderer = (props) => {
     }
     return true;
   };
-  return /* @__PURE__ */ jsx35(React23.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
-    {
-    }
-    const SelectedNode = NodeTypes[node.type];
-    if (!shouldRenderNode(node)) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx35(React23.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx35(React23.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
-      SelectedNode,
+  return /* @__PURE__ */ jsxs14(React23.Fragment, { children: [
+    /* @__PURE__ */ jsx35("div", { children: "Thuis isadiasdia testaststtstst" }),
+    rootNode && rootNode?.children?.map((node, index) => {
       {
-        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__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
-      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
+      const SelectedNode = NodeTypes[node.type];
+      if (!shouldRenderNode(node)) {
+        return null;
       }
-    ) }) }) }, index);
-  }) });
+      return /* @__PURE__ */ jsx35(React23.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx35(React23.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
+        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__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
+        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;
 
@@ -2818,7 +2818,7 @@ function EnterAnimationHydrator() {
 
 // src/components/Toast.tsx
 import { useCallback, useEffect as useEffect2, useRef, useState } from "react";
-import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs15 } from "react/jsx-runtime";
 var Toast = () => {
   const [showToast, setShowToast] = useState(false);
   const [message, setMessage] = useState("");
@@ -2852,7 +2852,7 @@ var Toast = () => {
       });
     };
   }, [closeToast, showMessage]);
-  return /* @__PURE__ */ jsx36(Fragment7, { children: showToast && /* @__PURE__ */ jsx36("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__ */ jsxs14("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
+  return /* @__PURE__ */ jsx36(Fragment7, { children: showToast && /* @__PURE__ */ jsx36("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__ */ jsxs15("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
     /* @__PURE__ */ jsx36(
       "span",
       {
@@ -2931,33 +2931,33 @@ var NoContentView_default = NoContentView;
 
 // src/components/dataForm/ContentView.tsx
 import React26 from "react";
-import { jsx as jsx39, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs16 } from "react/jsx-runtime";
 var ContentView = (props) => {
-  return /* @__PURE__ */ jsxs15(React26.Fragment, { children: [
-    props.isDataFound == null && /* @__PURE__ */ jsx39("div", { className: "", children: /* @__PURE__ */ jsxs15("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
-      /* @__PURE__ */ jsxs15("div", { className: "flex items-center mb-4", children: [
+  return /* @__PURE__ */ jsxs16(React26.Fragment, { children: [
+    props.isDataFound == null && /* @__PURE__ */ jsx39("div", { className: "", children: /* @__PURE__ */ jsxs16("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "flex items-center mb-4", children: [
         /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
-        /* @__PURE__ */ jsxs15("div", { className: "ml-2", children: [
+        /* @__PURE__ */ jsxs16("div", { className: "ml-2", children: [
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs15("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
-        /* @__PURE__ */ jsxs15("div", { className: "animate-pulse", children: [
+      /* @__PURE__ */ jsxs16("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
+        /* @__PURE__ */ jsxs16("div", { className: "animate-pulse", children: [
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] }),
-        /* @__PURE__ */ jsxs15("div", { className: "animate-pulse", children: [
+        /* @__PURE__ */ jsxs16("div", { className: "animate-pulse", children: [
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] }),
-        /* @__PURE__ */ jsxs15("div", { className: "animate-pulse", children: [
+        /* @__PURE__ */ jsxs16("div", { className: "animate-pulse", children: [
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
           /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
@@ -3016,7 +3016,7 @@ function FormReducer(state, action) {
 var FormReducer_default = FormReducer;
 
 // src/components/dataForm/DataList.tsx
-import { Fragment as Fragment8, jsx as jsx40, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx40, jsxs as jsxs17 } from "react/jsx-runtime";
 var DataList = (props) => {
   const router = useRouter();
   let builder = new OdataBuilder(props.path);
@@ -3146,7 +3146,7 @@ var DataList = (props) => {
       const showFirstPages = activePageNumber <= 5;
       const showLastPages = activePageNumber > pages - 5;
       if (showFirstPages) {
-        return /* @__PURE__ */ jsxs16(Fragment8, { children: [
+        return /* @__PURE__ */ jsxs17(Fragment8, { children: [
           Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx40(React27.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx40(
             Hyperlink,
             {
@@ -3172,7 +3172,7 @@ var DataList = (props) => {
               children: pages
             }
           ),
-          /* @__PURE__ */ jsx40("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs16(
+          /* @__PURE__ */ jsx40("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs17(
             "select",
             {
               className: "  py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -3194,7 +3194,7 @@ var DataList = (props) => {
           ) })
         ] });
       } else if (showLastPages) {
-        return /* @__PURE__ */ jsxs16(Fragment8, { children: [
+        return /* @__PURE__ */ jsxs17(Fragment8, { children: [
           /* @__PURE__ */ jsx40(
             Hyperlink,
             {
@@ -3224,7 +3224,7 @@ var DataList = (props) => {
           )
         ] });
       } else {
-        return /* @__PURE__ */ jsxs16(Fragment8, { children: [
+        return /* @__PURE__ */ jsxs17(Fragment8, { children: [
           /* @__PURE__ */ jsx40(
             Hyperlink,
             {
@@ -3270,7 +3270,7 @@ var DataList = (props) => {
               children: pages
             }
           ),
-          /* @__PURE__ */ jsx40("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs16(
+          /* @__PURE__ */ jsx40("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs17(
             "select",
             {
               className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -3291,15 +3291,15 @@ var DataList = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs16(React27.Fragment, { children: [
-    /* @__PURE__ */ jsxs16(ContentView_default, { isDataFound, children: [
-      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs16(
+  return /* @__PURE__ */ jsxs17(React27.Fragment, { children: [
+    /* @__PURE__ */ jsxs17(ContentView_default, { isDataFound, children: [
+      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs17(
         "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__ */ jsx40("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx40("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ jsx40("div", {}),
-            /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-3", children: [
               props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx40(
                 InputControl_default,
                 {
@@ -3327,7 +3327,7 @@ var DataList = (props) => {
                 },
                 filter.name
               )),
-              props.addLinkHref && /* @__PURE__ */ jsxs16(
+              props.addLinkHref && /* @__PURE__ */ jsxs17(
                 Hyperlink,
                 {
                   className: "gap-1",
@@ -3343,7 +3343,7 @@ var DataList = (props) => {
           ]
         }
       ),
-      /* @__PURE__ */ jsx40("div", { className: "flex-1 overflow-y-auto  justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs16("table", { className: "w-full   divide-y divide-gray-200", children: [
+      /* @__PURE__ */ jsx40("div", { className: "flex-1 overflow-y-auto  justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs17("table", { className: "w-full   divide-y divide-gray-200", children: [
         /* @__PURE__ */ jsx40("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ jsx40("tr", { children: props?.columns?.map((column) => {
           let url = builder.getNewOrderByUrl(column.name);
           let icon = "chevronUpDown";
@@ -3363,7 +3363,7 @@ var DataList = (props) => {
                 {
                   href: column.enableSorting ? url : void 0,
                   className: "!text-neutral-contrast ",
-                  children: /* @__PURE__ */ jsxs16("span", { className: "flex items-center space-x-1", children: [
+                  children: /* @__PURE__ */ jsxs17("span", { className: "flex items-center space-x-1", children: [
                     /* @__PURE__ */ jsx40("span", { className: "text-black", children: column.label }),
                     column.enableSorting && /* @__PURE__ */ jsx40(Icon_default, { className: "w-4 h-4", name: icon })
                   ] })
@@ -3431,9 +3431,9 @@ var DataList = (props) => {
           }) }, index);
         }) })
       ] }) }),
-      /* @__PURE__ */ jsx40("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx40("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs17("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsx40("div", { className: "text-gray-700", children: label }),
-        /* @__PURE__ */ jsxs16("div", { className: "flex space-x-2 items-center", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "flex space-x-2 items-center", children: [
           activePageNumber > 1 && /* @__PURE__ */ jsx40(
             Hyperlink,
             {
@@ -3456,14 +3456,14 @@ var DataList = (props) => {
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ jsxs16(NoContentView_default, { isDataFound, children: [
-      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs16(
+    /* @__PURE__ */ jsxs17(NoContentView_default, { isDataFound, children: [
+      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs17(
         "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__ */ jsx40("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx40("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ jsx40("div", {}),
-            /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-3", children: [
               props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx40(
                 InputControl_default,
                 {
@@ -3491,7 +3491,7 @@ var DataList = (props) => {
                 },
                 filter.name
               )),
-              props.addLinkHref && /* @__PURE__ */ jsxs16(
+              props.addLinkHref && /* @__PURE__ */ jsxs17(
                 Hyperlink,
                 {
                   className: "gap-1",
@@ -3507,7 +3507,7 @@ var DataList = (props) => {
           ]
         }
       ),
-      /* @__PURE__ */ jsxs16("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
+      /* @__PURE__ */ jsxs17("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
         /* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsx40("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ jsx40("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsx40("tr", { children: props?.columns?.map((column) => {
           let url = builder.getNewOrderByUrl(column.name);
           let icon = "chevronUpDown";
@@ -3527,7 +3527,7 @@ var DataList = (props) => {
                 {
                   href: column.enableSorting ? url : void 0,
                   className: "text-body-950",
-                  children: /* @__PURE__ */ jsxs16("span", { className: "flex items-center space-x-1", children: [
+                  children: /* @__PURE__ */ jsxs17("span", { className: "flex items-center space-x-1", children: [
                     /* @__PURE__ */ jsx40("span", { children: column.label }),
                     column.enableSorting && /* @__PURE__ */ jsx40(Icon_default, { className: "w-4 h-4", name: icon })
                   ] })
@@ -3547,7 +3547,7 @@ var DataList_default = DataList;
 // src/components/dataForm/DataListRenderer.tsx
 import React28, { useState as useState3, useEffect as useEffect4 } from "react";
 import { usePathname as usePathname2 } from "next/navigation";
-import { jsx as jsx41, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs18 } from "react/jsx-runtime";
 var viewControlMap = {
   number: ViewControlTypes.number,
   lineText: ViewControlTypes.lineText,
@@ -3642,7 +3642,7 @@ var DataListRenderer = ({
       isActive: landingPageUrl === pathname
     };
   });
-  return /* @__PURE__ */ jsxs17(React28.Fragment, { children: [
+  return /* @__PURE__ */ jsxs18(React28.Fragment, { children: [
     resolvedTabs.length > 0 && // <NavigationTabsV2
     //   tabs={resolvedTabs}
     //   params={(widgetProps?.params ?? params) as Record<string, any>}
@@ -3693,7 +3693,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 jsx42, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs19 } from "react/jsx-runtime";
 var DataFormChildSection = (props) => {
   const { section } = props;
   const isOneToOne = section.relationshipType === "one-to-one";
@@ -3761,12 +3761,12 @@ var DataFormChildSection = (props) => {
     childItemsToRender,
     allChildItems: childItems
   });
-  return /* @__PURE__ */ jsx42(React29.Fragment, { children: /* @__PURE__ */ jsxs18("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
+  return /* @__PURE__ */ jsx42(React29.Fragment, { children: /* @__PURE__ */ jsxs19("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
     section.sectionTitle && /* @__PURE__ */ jsx42("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
-    /* @__PURE__ */ jsx42("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs18("div", { className: "flex flex-col justify-between gap-2", children: [
-      /* @__PURE__ */ jsx42("div", { children: /* @__PURE__ */ jsxs18("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
+    /* @__PURE__ */ jsx42("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs19("div", { className: "flex flex-col justify-between gap-2", children: [
+      /* @__PURE__ */ jsx42("div", { children: /* @__PURE__ */ jsxs19("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
         (!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ jsx42("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
-          return /* @__PURE__ */ jsxs18("tr", { className: "", children: [
+          return /* @__PURE__ */ jsxs19("tr", { className: "", children: [
             sectionRow.elements.map((field, index) => {
               return /* @__PURE__ */ jsx42(
                 "th",
@@ -3785,7 +3785,7 @@ var DataFormChildSection = (props) => {
           const rowKey = originalIndex;
           return /* @__PURE__ */ jsx42(React29.Fragment, { children: section.sectionRows.map(
             (sectionRow, sectionRowIndex) => {
-              return /* @__PURE__ */ jsxs18(
+              return /* @__PURE__ */ jsxs19(
                 "tr",
                 {
                   className: "",
@@ -3852,7 +3852,7 @@ var DataFormChildSection = (props) => {
 var DataFormChildSection_default = DataFormChildSection;
 
 // src/components/dataForm/DataForm.tsx
-import { jsx as jsx43, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs20 } from "react/jsx-runtime";
 var DataForm = (props) => {
   const formRef = useRef2(null);
   console.log(props.dataItem, "dssads");
@@ -4072,8 +4072,8 @@ var DataForm = (props) => {
       return false;
     }
   }
-  return /* @__PURE__ */ jsx43(React30.Fragment, { children: /* @__PURE__ */ jsxs19("div", { className: "flex-grow flex flex-col", children: [
-    props.title && /* @__PURE__ */ jsx43("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__ */ jsxs19(
+  return /* @__PURE__ */ jsx43(React30.Fragment, { children: /* @__PURE__ */ jsxs20("div", { className: "flex-grow flex flex-col", children: [
+    props.title && /* @__PURE__ */ jsx43("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__ */ jsxs20(
       "div",
       {
         className: "inline-flex items-center gap-2 cursor-pointer",
@@ -4106,7 +4106,7 @@ var DataForm = (props) => {
           }
         },
         children: /* @__PURE__ */ jsx43("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
-          return /* @__PURE__ */ jsx43(React30.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs19("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
+          return /* @__PURE__ */ jsx43(React30.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs20("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;
@@ -4118,7 +4118,7 @@ var DataForm = (props) => {
                   );
                 }
                 return /* @__PURE__ */ jsx43(React30.Fragment, { children: isVisible && /* @__PURE__ */ jsx43("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
-                  return /* @__PURE__ */ jsxs19(
+                  return /* @__PURE__ */ jsxs20(
                     "div",
                     {
                       className: sectionRow.grow ? "grow" : "",
@@ -4174,7 +4174,7 @@ var DataForm = (props) => {
         }) })
       }
     ),
-    /* @__PURE__ */ jsxs19("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end  items-center gap-5", children: [
+    /* @__PURE__ */ jsxs20("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end  items-center gap-5", children: [
       /* @__PURE__ */ jsx43("div", { children: props.additionalActions && /* @__PURE__ */ jsx43(
         Button_default,
         {
@@ -4211,7 +4211,7 @@ var DataForm = (props) => {
 var DataForm_default = DataForm;
 
 // src/components/dataForm/DataFormRenderer.tsx
-import { jsx as jsx44, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs21 } from "react/jsx-runtime";
 function getAction(actions, code) {
   return actions?.find((a) => a.actionCode === code);
 }
@@ -4237,7 +4237,7 @@ var DataFormRenderer = ({
     "Delete"
   );
   const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
-  return /* @__PURE__ */ jsxs20("div", { className: "flex-grow flex flex-col", children: [
+  return /* @__PURE__ */ jsxs21("div", { className: "flex-grow flex flex-col", children: [
     widgetProps && /* @__PURE__ */ jsx44(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
     /* @__PURE__ */ jsx44(
       DataForm_default,

package/package.json

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