@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260917110459 → 0.8.1-dev.20260919052532

package/dist/{DataBindingControls-GRHOY57C.mjs → DataBindingControls-54BNRIUZ.mjs}

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

package/dist/{DataBindingControls-5HQK4HQH.mjs → DataBindingControls-AJKE3EWG.mjs}

@@ -3,7 +3,7 @@
 "use client";
 import {
   InputControl_default
-} from "./chunk-H72AVQXX.mjs";
+} from "./chunk-XMAYRT62.mjs";
 import {
   Button_default
 } from "./chunk-LSKD5U3S.mjs";

package/dist/{InputControlClient-2MSQ6AFW.mjs → InputControlClient-IZXNAD2P.mjs}

@@ -732,14 +732,14 @@ var SelectWithSearchInput = (props) => {
   useEffect3(() => {
     if (props.value && list.length && props.dataKeyFieldName && props.dataTextFieldName) {
       const selected = list.find(
-        (x) => x[props.dataKeyFieldName] == props.value
+        (x) => String(x[props.dataKeyFieldName]) === String(props.value)
       );
       if (selected) {
         setSearchTerm(selected[props.dataTextFieldName]);
         setSelectedItem(selected);
       }
     }
-  }, [props.value, list]);
+  }, [props.value, list, props.dataKeyFieldName, props.dataTextFieldName]);
   const filteredItems = list.filter((item) => {
     const text = item[props.dataTextFieldName] ?? "";
     return text.toString().toLowerCase().includes(searchTerm.toLowerCase());
@@ -800,15 +800,21 @@ var SelectWithSearchInput = (props) => {
           type: "text",
           value: searchTerm,
           onChange: (e) => {
-            setSearchTerm(e.target.value);
-            setIsOpen(true);
-            setHighlightedIndex(-1);
+            if (!isReadOnly) {
+              setSearchTerm(e.target.value);
+              setIsOpen(true);
+              setHighlightedIndex(-1);
+            }
+          },
+          onFocus: () => {
+            if (!isReadOnly) {
+              setIsOpen(true);
+            }
           },
-          onFocus: () => setIsOpen(true),
           onKeyDown: handleKeyDown,
           placeholder: props.attributes?.placeholder ?? "Search...",
           readOnly: isReadOnly,
-          disabled: props.disable || props.attributes?.disable,
+          disabled: isReadOnly,
           className: `peer mt-2 py-1.5 select block w-full text-black rounded border-gray-300 shadow-sm
           focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
           disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none

package/dist/{InputControlClient-LD7GLFTL.mjs → InputControlClient-SROI2BE2.mjs}

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

package/dist/{chunk-BF4G3ZGG.mjs → chunk-A5UTFK4O.mjs}

@@ -716,14 +716,14 @@ var SelectWithSearchInput = (props) => {
   useEffect3(() => {
     if (props.value && list.length && props.dataKeyFieldName && props.dataTextFieldName) {
       const selected = list.find(
-        (x) => x[props.dataKeyFieldName] == props.value
+        (x) => String(x[props.dataKeyFieldName]) === String(props.value)
       );
       if (selected) {
         setSearchTerm(selected[props.dataTextFieldName]);
         setSelectedItem(selected);
       }
     }
-  }, [props.value, list]);
+  }, [props.value, list, props.dataKeyFieldName, props.dataTextFieldName]);
   const filteredItems = list.filter((item) => {
     const text = item[props.dataTextFieldName] ?? "";
     return text.toString().toLowerCase().includes(searchTerm.toLowerCase());
@@ -784,15 +784,21 @@ var SelectWithSearchInput = (props) => {
           type: "text",
           value: searchTerm,
           onChange: (e) => {
-            setSearchTerm(e.target.value);
-            setIsOpen(true);
-            setHighlightedIndex(-1);
+            if (!isReadOnly) {
+              setSearchTerm(e.target.value);
+              setIsOpen(true);
+              setHighlightedIndex(-1);
+            }
+          },
+          onFocus: () => {
+            if (!isReadOnly) {
+              setIsOpen(true);
+            }
           },
-          onFocus: () => setIsOpen(true),
           onKeyDown: handleKeyDown,
           placeholder: props.attributes?.placeholder ?? "Search...",
           readOnly: isReadOnly,
-          disabled: props.disable || props.attributes?.disable,
+          disabled: isReadOnly,
           className: `peer mt-2 py-1.5 select block w-full text-black rounded border-gray-300 shadow-sm
           focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
           disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none

package/dist/{chunk-H72AVQXX.mjs → chunk-XMAYRT62.mjs}

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

package/dist/index.js

@@ -2975,14 +2975,14 @@ var init_SelectWithSearchInput = __esm({
       (0, import_react34.useEffect)(() => {
         if (props.value && list.length && props.dataKeyFieldName && props.dataTextFieldName) {
           const selected = list.find(
-            (x) => x[props.dataKeyFieldName] == props.value
+            (x) => String(x[props.dataKeyFieldName]) === String(props.value)
           );
           if (selected) {
             setSearchTerm(selected[props.dataTextFieldName]);
             setSelectedItem(selected);
           }
         }
-      }, [props.value, list]);
+      }, [props.value, list, props.dataKeyFieldName, props.dataTextFieldName]);
       const filteredItems = list.filter((item) => {
         const text = item[props.dataTextFieldName] ?? "";
         return text.toString().toLowerCase().includes(searchTerm.toLowerCase());
@@ -3043,15 +3043,21 @@ var init_SelectWithSearchInput = __esm({
               type: "text",
               value: searchTerm,
               onChange: (e) => {
-                setSearchTerm(e.target.value);
-                setIsOpen(true);
-                setHighlightedIndex(-1);
+                if (!isReadOnly) {
+                  setSearchTerm(e.target.value);
+                  setIsOpen(true);
+                  setHighlightedIndex(-1);
+                }
+              },
+              onFocus: () => {
+                if (!isReadOnly) {
+                  setIsOpen(true);
+                }
               },
-              onFocus: () => setIsOpen(true),
               onKeyDown: handleKeyDown,
               placeholder: props.attributes?.placeholder ?? "Search...",
               readOnly: isReadOnly,
-              disabled: props.disable || props.attributes?.disable,
+              disabled: isReadOnly,
               className: `peer mt-2 py-1.5 select block w-full text-black rounded border-gray-300 shadow-sm
           focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
           disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none
@@ -8157,6 +8163,30 @@ var getNestedValue5 = (obj, path) => {
     return current && current[key] !== void 0 ? current[key] : void 0;
   }, obj);
 };
+var parseDocuments = (value) => {
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (!trimmed) return [];
+    if (trimmed.startsWith("[") || trimmed.startsWith("{")) {
+      try {
+        return parseDocuments(JSON.parse(trimmed));
+      } catch {
+        return [];
+      }
+    }
+    return [{ assetUrl: trimmed }];
+  }
+  if (Array.isArray(value)) {
+    return value.filter(
+      (item) => Boolean(item && typeof item === "object" && typeof item.assetUrl === "string" && item.assetUrl.trim())
+    );
+  }
+  if (value && typeof value === "object" && "assetUrl" in value) {
+    const asset = value;
+    return typeof asset.assetUrl === "string" && asset.assetUrl.trim() ? [asset] : [];
+  }
+  return [];
+};
 var PdfIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
   "svg",
   {
@@ -8467,38 +8497,13 @@ var getFileDetails2 = (url) => {
   return { Icon: Icon2, extLabel };
 };
 var DocumentNode = (props) => {
-  console.log("DocumentNode rendered");
-  console.log("props", props);
-  console.log("node", props.node);
   let documents = [];
   if (props.dataitem && props.node.documentKey) {
     const docData = getNestedValue5(props.dataitem, props.node.documentKey);
-    if (typeof docData === "string") {
-      const trimmed = docData.trim();
-      if (trimmed.startsWith("[") || trimmed.startsWith("{")) {
-        try {
-          const parsed = JSON.parse(trimmed);
-          if (Array.isArray(parsed)) {
-            documents = parsed.filter(
-              (item) => item && item.assetUrl
-            );
-          } else if (parsed?.assetUrl) {
-            documents = [parsed];
-          }
-        } catch {
-        }
-      } else {
-        documents = [
-          {
-            assetUrl: docData
-          }
-        ];
-      }
-    } else if (Array.isArray(docData)) {
-      documents = docData.filter((item) => item && item.assetUrl);
-    } else if (docData && typeof docData === "object" && docData.assetUrl) {
-      documents = [docData];
-    }
+    documents = parseDocuments(docData);
+  }
+  if (documents.length === 0 && props.node.documentAsset) {
+    documents = parseDocuments(props.node.documentAsset);
   }
   if (documents.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_jsx_runtime82.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "py-4 px-2 bg-neutral-weak border rounded text-center flex flex-col gap-2", children: [

package/dist/index.mjs

@@ -8,7 +8,7 @@ import {
 } from "./chunk-SNDGEYWZ.mjs";
 import {
   InputControl_default
-} from "./chunk-H72AVQXX.mjs";
+} from "./chunk-XMAYRT62.mjs";
 import "./chunk-JDX47MFV.mjs";
 import {
   CheckboxInput_default,
@@ -27,7 +27,7 @@ import {
   SelectWithSearchInput_default,
   Select_default,
   TimeInput_default
-} from "./chunk-BF4G3ZGG.mjs";
+} from "./chunk-A5UTFK4O.mjs";
 import {
   Hyperlink,
   Icon_default
@@ -1926,6 +1926,30 @@ var getNestedValue5 = (obj, path) => {
     return current && current[key] !== void 0 ? current[key] : void 0;
   }, obj);
 };
+var parseDocuments = (value) => {
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (!trimmed) return [];
+    if (trimmed.startsWith("[") || trimmed.startsWith("{")) {
+      try {
+        return parseDocuments(JSON.parse(trimmed));
+      } catch {
+        return [];
+      }
+    }
+    return [{ assetUrl: trimmed }];
+  }
+  if (Array.isArray(value)) {
+    return value.filter(
+      (item) => Boolean(item && typeof item === "object" && typeof item.assetUrl === "string" && item.assetUrl.trim())
+    );
+  }
+  if (value && typeof value === "object" && "assetUrl" in value) {
+    const asset = value;
+    return typeof asset.assetUrl === "string" && asset.assetUrl.trim() ? [asset] : [];
+  }
+  return [];
+};
 var PdfIcon = () => /* @__PURE__ */ jsxs13(
   "svg",
   {
@@ -2236,38 +2260,13 @@ var getFileDetails = (url) => {
   return { Icon, extLabel };
 };
 var DocumentNode = (props) => {
-  console.log("DocumentNode rendered");
-  console.log("props", props);
-  console.log("node", props.node);
   let documents = [];
   if (props.dataitem && props.node.documentKey) {
     const docData = getNestedValue5(props.dataitem, props.node.documentKey);
-    if (typeof docData === "string") {
-      const trimmed = docData.trim();
-      if (trimmed.startsWith("[") || trimmed.startsWith("{")) {
-        try {
-          const parsed = JSON.parse(trimmed);
-          if (Array.isArray(parsed)) {
-            documents = parsed.filter(
-              (item) => item && item.assetUrl
-            );
-          } else if (parsed?.assetUrl) {
-            documents = [parsed];
-          }
-        } catch {
-        }
-      } else {
-        documents = [
-          {
-            assetUrl: docData
-          }
-        ];
-      }
-    } else if (Array.isArray(docData)) {
-      documents = docData.filter((item) => item && item.assetUrl);
-    } else if (docData && typeof docData === "object" && docData.assetUrl) {
-      documents = [docData];
-    }
+    documents = parseDocuments(docData);
+  }
+  if (documents.length === 0 && props.node.documentAsset) {
+    documents = parseDocuments(props.node.documentAsset);
   }
   if (documents.length === 0) {
     return /* @__PURE__ */ jsx34(Fragment6, { children: /* @__PURE__ */ jsxs13("div", { className: "py-4 px-2 bg-neutral-weak border rounded text-center flex flex-col gap-2", children: [
@@ -2392,7 +2391,7 @@ var GoogleMapNode_default = GoogleMapNode;
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
 import { jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
 var Pagination = dynamic13(() => import("./Pagination-BDWRNSFB.mjs"), { ssr: true });
-var DataBindingControls = dynamic13(() => import("./DataBindingControls-5HQK4HQH.mjs"), {
+var DataBindingControls = dynamic13(() => import("./DataBindingControls-AJKE3EWG.mjs"), {
   ssr: true
 });
 var Slider = dynamic13(() => import("./Slider-IVPJBPE5.mjs"), {

package/dist/server.js

@@ -4454,14 +4454,14 @@ var init_SelectWithSearchInput = __esm({
       (0, import_react50.useEffect)(() => {
         if (props.value && list.length && props.dataKeyFieldName && props.dataTextFieldName) {
           const selected = list.find(
-            (x) => x[props.dataKeyFieldName] == props.value
+            (x) => String(x[props.dataKeyFieldName]) === String(props.value)
           );
           if (selected) {
             setSearchTerm(selected[props.dataTextFieldName]);
             setSelectedItem(selected);
           }
         }
-      }, [props.value, list]);
+      }, [props.value, list, props.dataKeyFieldName, props.dataTextFieldName]);
       const filteredItems = list.filter((item) => {
         const text = item[props.dataTextFieldName] ?? "";
         return text.toString().toLowerCase().includes(searchTerm.toLowerCase());
@@ -4522,15 +4522,21 @@ var init_SelectWithSearchInput = __esm({
               type: "text",
               value: searchTerm,
               onChange: (e) => {
-                setSearchTerm(e.target.value);
-                setIsOpen(true);
-                setHighlightedIndex(-1);
+                if (!isReadOnly) {
+                  setSearchTerm(e.target.value);
+                  setIsOpen(true);
+                  setHighlightedIndex(-1);
+                }
+              },
+              onFocus: () => {
+                if (!isReadOnly) {
+                  setIsOpen(true);
+                }
               },
-              onFocus: () => setIsOpen(true),
               onKeyDown: handleKeyDown,
               placeholder: props.attributes?.placeholder ?? "Search...",
               readOnly: isReadOnly,
-              disabled: props.disable || props.attributes?.disable,
+              disabled: isReadOnly,
               className: `peer mt-2 py-1.5 select block w-full text-black rounded border-gray-300 shadow-sm
           focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
           disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none
@@ -8126,6 +8132,30 @@ var getNestedValue5 = (obj, path) => {
     return current && current[key] !== void 0 ? current[key] : void 0;
   }, obj);
 };
+var parseDocuments = (value) => {
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (!trimmed) return [];
+    if (trimmed.startsWith("[") || trimmed.startsWith("{")) {
+      try {
+        return parseDocuments(JSON.parse(trimmed));
+      } catch {
+        return [];
+      }
+    }
+    return [{ assetUrl: trimmed }];
+  }
+  if (Array.isArray(value)) {
+    return value.filter(
+      (item) => Boolean(item && typeof item === "object" && typeof item.assetUrl === "string" && item.assetUrl.trim())
+    );
+  }
+  if (value && typeof value === "object" && "assetUrl" in value) {
+    const asset = value;
+    return typeof asset.assetUrl === "string" && asset.assetUrl.trim() ? [asset] : [];
+  }
+  return [];
+};
 var PdfIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
   "svg",
   {
@@ -8436,38 +8466,13 @@ var getFileDetails2 = (url) => {
   return { Icon: Icon2, extLabel };
 };
 var DocumentNode = (props) => {
-  console.log("DocumentNode rendered");
-  console.log("props", props);
-  console.log("node", props.node);
   let documents = [];
   if (props.dataitem && props.node.documentKey) {
     const docData = getNestedValue5(props.dataitem, props.node.documentKey);
-    if (typeof docData === "string") {
-      const trimmed = docData.trim();
-      if (trimmed.startsWith("[") || trimmed.startsWith("{")) {
-        try {
-          const parsed = JSON.parse(trimmed);
-          if (Array.isArray(parsed)) {
-            documents = parsed.filter(
-              (item) => item && item.assetUrl
-            );
-          } else if (parsed?.assetUrl) {
-            documents = [parsed];
-          }
-        } catch {
-        }
-      } else {
-        documents = [
-          {
-            assetUrl: docData
-          }
-        ];
-      }
-    } else if (Array.isArray(docData)) {
-      documents = docData.filter((item) => item && item.assetUrl);
-    } else if (docData && typeof docData === "object" && docData.assetUrl) {
-      documents = [docData];
-    }
+    documents = parseDocuments(docData);
+  }
+  if (documents.length === 0 && props.node.documentAsset) {
+    documents = parseDocuments(props.node.documentAsset);
   }
   if (documents.length === 0) {
     return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_jsx_runtime56.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "py-4 px-2 bg-neutral-weak border rounded text-center flex flex-col gap-2", children: [

package/dist/server.mjs

@@ -1894,6 +1894,30 @@ var getNestedValue5 = (obj, path) => {
     return current && current[key] !== void 0 ? current[key] : void 0;
   }, obj);
 };
+var parseDocuments = (value) => {
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (!trimmed) return [];
+    if (trimmed.startsWith("[") || trimmed.startsWith("{")) {
+      try {
+        return parseDocuments(JSON.parse(trimmed));
+      } catch {
+        return [];
+      }
+    }
+    return [{ assetUrl: trimmed }];
+  }
+  if (Array.isArray(value)) {
+    return value.filter(
+      (item) => Boolean(item && typeof item === "object" && typeof item.assetUrl === "string" && item.assetUrl.trim())
+    );
+  }
+  if (value && typeof value === "object" && "assetUrl" in value) {
+    const asset = value;
+    return typeof asset.assetUrl === "string" && asset.assetUrl.trim() ? [asset] : [];
+  }
+  return [];
+};
 var PdfIcon = () => /* @__PURE__ */ jsxs13(
   "svg",
   {
@@ -2204,38 +2228,13 @@ var getFileDetails = (url) => {
   return { Icon, extLabel };
 };
 var DocumentNode = (props) => {
-  console.log("DocumentNode rendered");
-  console.log("props", props);
-  console.log("node", props.node);
   let documents = [];
   if (props.dataitem && props.node.documentKey) {
     const docData = getNestedValue5(props.dataitem, props.node.documentKey);
-    if (typeof docData === "string") {
-      const trimmed = docData.trim();
-      if (trimmed.startsWith("[") || trimmed.startsWith("{")) {
-        try {
-          const parsed = JSON.parse(trimmed);
-          if (Array.isArray(parsed)) {
-            documents = parsed.filter(
-              (item) => item && item.assetUrl
-            );
-          } else if (parsed?.assetUrl) {
-            documents = [parsed];
-          }
-        } catch {
-        }
-      } else {
-        documents = [
-          {
-            assetUrl: docData
-          }
-        ];
-      }
-    } else if (Array.isArray(docData)) {
-      documents = docData.filter((item) => item && item.assetUrl);
-    } else if (docData && typeof docData === "object" && docData.assetUrl) {
-      documents = [docData];
-    }
+    documents = parseDocuments(docData);
+  }
+  if (documents.length === 0 && props.node.documentAsset) {
+    documents = parseDocuments(props.node.documentAsset);
   }
   if (documents.length === 0) {
     return /* @__PURE__ */ jsx34(Fragment6, { children: /* @__PURE__ */ jsxs13("div", { className: "py-4 px-2 bg-neutral-weak border rounded text-center flex flex-col gap-2", children: [
@@ -2360,7 +2359,7 @@ var GoogleMapNode_default = GoogleMapNode;
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
 import { jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
 var Pagination = dynamic13(() => import("./Pagination-OSLUL7SF.mjs"), { ssr: true });
-var DataBindingControls = dynamic13(() => import("./DataBindingControls-GRHOY57C.mjs"), {
+var DataBindingControls = dynamic13(() => import("./DataBindingControls-54BNRIUZ.mjs"), {
   ssr: true
 });
 var Slider = dynamic13(() => import("./Slider-QIGKP6AE.mjs"), {

package/package.json

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