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

package/dist/index.js

@@ -6897,10 +6897,7 @@ var DivContainer = async (props) => {
       Wrapper,
       {
         id: guid,
-        style: {
-          ...combinedStyles,
-          backgroundColor: "red"
-        },
+        style: combinedStyles,
         className: classNames || void 0,
         ...wrapperProps,
         children: dataToRender.map(
@@ -6964,46 +6961,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

@@ -1,6 +1,8 @@
+"use client";
+
 import {
   OdataBuilder
-} from "./chunk-UFKPTMM7.mjs";
+} from "./chunk-X3YSXTD2.mjs";
 import {
   AssetUtility_default,
   BooleanSelect_default,
@@ -17,22 +19,22 @@ import {
   PhoneInput_default,
   SelectWithSearchInput_default,
   TimeInput_default
-} from "./chunk-YG6FKKQJ.mjs";
+} from "./chunk-7ZFZLN56.mjs";
 import {
   Constants,
   Hyperlink,
   Icon_default,
   InputControlType_default
-} from "./chunk-DBHUCH4B.mjs";
+} from "./chunk-5GHPW7SJ.mjs";
 import {
   ServiceClient_default
-} from "./chunk-3GWLDT7C.mjs";
+} from "./chunk-WEV5U33G.mjs";
 import {
   Button_default,
   ClientButton_default,
   ToastService_default
-} from "./chunk-RHVNJMS4.mjs";
-import "./chunk-56HSDML5.mjs";
+} from "./chunk-23WJE3YB.mjs";
+import "./chunk-IMNQO57B.mjs";
 
 // src/components/controls/view/ViewControl.tsx
 import React13 from "react";
@@ -76,7 +78,7 @@ var NumberView_default = NumberView;
 
 // src/components/controls/view/DateView.tsx
 import dynamic from "next/dynamic";
-var DateView = dynamic(() => import("./DateViewClient-4CTEMOMJ.mjs"), {
+var DateView = dynamic(() => import("./DateViewClient-JBS5UXMD.mjs"), {
   ssr: false
 });
 var DateView_default = DateView;
@@ -131,7 +133,7 @@ import React3 from "react";
 // src/components/DeviceAssetSelector.tsx
 import dynamic2 from "next/dynamic";
 import { jsx as jsx3 } from "react/jsx-runtime";
-var HlsPlayer = dynamic2(() => import("./HlsPlayer-57543DTW.mjs"), { ssr: false });
+var HlsPlayer = dynamic2(() => import("./HlsPlayer-5AWFZ2P6.mjs"), { ssr: false });
 var FORMAT_CLASSES = {
   center: "justify-center",
   left: "justify-start",
@@ -366,7 +368,7 @@ var AiGeneratedSummary_default = AiGeneratedSummary;
 
 // src/components/controls/view/DateTimeVew.tsx
 import dynamic3 from "next/dynamic";
-var DateTimeView = dynamic3(() => import("./DateTimeViewClient-K5FE5VSN.mjs"), {
+var DateTimeView = dynamic3(() => import("./DateTimeViewClient-M7V35KUW.mjs"), {
   ssr: false
 });
 var DateTimeVew_default = DateTimeView;
@@ -407,7 +409,7 @@ var ViewControl_default = ViewControl;
 
 // src/components/controls/edit/InputControl.tsx
 import dynamic4 from "next/dynamic";
-var InputControl = dynamic4(() => import("./InputControlClient-BUOYZNWQ.mjs"), {
+var InputControl = dynamic4(() => import("./InputControlClient-7NS4QUWO.mjs"), {
   ssr: false
 });
 var InputControl_default = InputControl;
@@ -503,7 +505,7 @@ import React14 from "react";
 // src/components/pageRenderingEngine/nodes/ImageNode.tsx
 import dynamic5 from "next/dynamic";
 import { jsx as jsx17 } from "react/jsx-runtime";
-var HlsPlayer2 = dynamic5(() => import("./HlsPlayer-57543DTW.mjs"), { ssr: false });
+var HlsPlayer2 = dynamic5(() => import("./HlsPlayer-5AWFZ2P6.mjs"), { ssr: false });
 var getNestedValue = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
@@ -611,7 +613,7 @@ var ImageNode_default = ImageNode;
 // src/components/pageRenderingEngine/nodes/LinkNode.tsx
 import dynamic6 from "next/dynamic";
 import { Fragment, jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
-var LinkNodeButton = dynamic6(() => import("./LinkNodeButton-BIZA2NPE.mjs"), {
+var LinkNodeButton = dynamic6(() => import("./LinkNodeButton-AOEDCCL7.mjs"), {
   ssr: false
 });
 function getNestedValue2(obj, path) {
@@ -1046,7 +1048,7 @@ var QuoteNode_default = QuoteNode;
 import React20 from "react";
 import dynamic7 from "next/dynamic";
 import { jsx as jsx27, jsxs as jsxs9 } from "react/jsx-runtime";
-var CopyButton = dynamic7(() => import("./CopyButton-XONTQQW7.mjs"), {
+var CopyButton = dynamic7(() => import("./CopyButton-UPJPMJUB.mjs"), {
   ssr: false,
   // optional: fallback UI while loading
   loading: () => /* @__PURE__ */ jsx27("span", { className: "text-gray-400 text-xs", children: "Copy" })
@@ -1189,7 +1191,7 @@ import React22 from "react";
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
 import dynamic8 from "next/dynamic";
 import { jsx as jsx30 } from "react/jsx-runtime";
-var IframeClient = dynamic8(() => import("./IframeClient-J22NMEVY.mjs"), {
+var IframeClient = dynamic8(() => import("./IframeClient-RGJFZ5P2.mjs"), {
   ssr: false
 });
 var EmbedNode = (props) => {
@@ -1425,7 +1427,7 @@ var NoDataFound_default = NoDataFound;
 // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
 import dynamic9 from "next/dynamic";
 import { Fragment as Fragment5, jsx as jsx32, jsxs as jsxs11 } from "react/jsx-runtime";
-var HlsPlayer3 = dynamic9(() => import("./HlsPlayer-57543DTW.mjs"), { ssr: false });
+var HlsPlayer3 = dynamic9(() => import("./HlsPlayer-5AWFZ2P6.mjs"), { ssr: false });
 var deviceToMediaQuery = (device) => {
   switch (device) {
     case "lg":
@@ -2240,8 +2242,8 @@ var DocumentNode_default = DocumentNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
 import { jsx as jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
-var Pagination = dynamic10(() => import("./Pagination-NCJCOYHF.mjs"), { ssr: true });
-var Slider = dynamic10(() => import("./Slider-PEIVH6A5.mjs"), {
+var Pagination = dynamic10(() => import("./Pagination-T7YN2OMV.mjs"), { ssr: true });
+var Slider = dynamic10(() => import("./Slider-554BKC7N.mjs"), {
   ssr: false
 });
 function toCamelCase(str) {
@@ -2658,10 +2660,7 @@ var DivContainer = async (props) => {
       Wrapper,
       {
         id: guid,
-        style: {
-          ...combinedStyles,
-          backgroundColor: "red"
-        },
+        style: combinedStyles,
         className: classNames || void 0,
         ...wrapperProps,
         children: dataToRender.map(
@@ -2688,7 +2687,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 +2724,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 +2820,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 +2854,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 +2933,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 +3018,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 +3148,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 +3174,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 +3196,7 @@ var DataList = (props) => {
           ) })
         ] });
       } else if (showLastPages) {
-        return /* @__PURE__ */ jsxs16(Fragment8, { children: [
+        return /* @__PURE__ */ jsxs17(Fragment8, { children: [
           /* @__PURE__ */ jsx40(
             Hyperlink,
             {
@@ -3224,7 +3226,7 @@ var DataList = (props) => {
           )
         ] });
       } else {
-        return /* @__PURE__ */ jsxs16(Fragment8, { children: [
+        return /* @__PURE__ */ jsxs17(Fragment8, { children: [
           /* @__PURE__ */ jsx40(
             Hyperlink,
             {
@@ -3270,7 +3272,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 +3293,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 +3329,7 @@ var DataList = (props) => {
                 },
                 filter.name
               )),
-              props.addLinkHref && /* @__PURE__ */ jsxs16(
+              props.addLinkHref && /* @__PURE__ */ jsxs17(
                 Hyperlink,
                 {
                   className: "gap-1",
@@ -3343,7 +3345,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 +3365,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 +3433,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 +3458,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 +3493,7 @@ var DataList = (props) => {
                 },
                 filter.name
               )),
-              props.addLinkHref && /* @__PURE__ */ jsxs16(
+              props.addLinkHref && /* @__PURE__ */ jsxs17(
                 Hyperlink,
                 {
                   className: "gap-1",
@@ -3507,7 +3509,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 +3529,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 +3549,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 +3644,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 +3695,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 +3763,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 +3787,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 +3854,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 +4074,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 +4108,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 +4120,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 +4176,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 +4213,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 +4239,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.20260722105036",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",