@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260616060453 → 0.8.1-dev.20260616104505

package/dist/index.js

@@ -1266,7 +1266,7 @@ var init_LinkNodeButton = __esm({
         const fieldNames = extractFieldNames(template);
         if (responseData) {
           fieldNames.forEach((fieldName) => {
-            const value = getNestedValue4(responseData, fieldName);
+            const value = getNestedValue5(responseData, fieldName);
             if (value !== void 0) {
               const regex1 = new RegExp(`\\{${fieldName}\\}`, "g");
               const regex2 = new RegExp(`\\{\\{${fieldName}\\}\\}`, "g");
@@ -1289,7 +1289,7 @@ var init_LinkNodeButton = __esm({
         }
         return result;
       }, [props.routeParameters, dataitem, extractFieldNames]);
-      const getNestedValue4 = (0, import_react35.useCallback)((obj, path) => {
+      const getNestedValue5 = (0, import_react35.useCallback)((obj, path) => {
         if (!obj || !path) return void 0;
         if (obj[path] !== void 0) {
           return obj[path];
@@ -1339,15 +1339,15 @@ var init_LinkNodeButton = __esm({
             console.log("Field names in redirect URL:", fieldNames);
             const fieldValueMap = {};
             fieldNames.forEach((fieldName) => {
-              const value = getNestedValue4(response, fieldName);
+              const value = getNestedValue5(response, fieldName);
               if (value !== void 0) {
                 fieldValueMap[fieldName] = String(value);
               } else {
-                const resultValue = getNestedValue4(response, `result.${fieldName}`);
+                const resultValue = getNestedValue5(response, `result.${fieldName}`);
                 if (resultValue !== void 0) {
                   fieldValueMap[fieldName] = String(resultValue);
                 } else {
-                  const dataValue = getNestedValue4(response, `data.${fieldName}`);
+                  const dataValue = getNestedValue5(response, `data.${fieldName}`);
                   if (dataValue !== void 0) {
                     fieldValueMap[fieldName] = String(dataValue);
                   }
@@ -1385,7 +1385,7 @@ var init_LinkNodeButton = __esm({
           setIsLoading(false);
           return { isSuccessful: false, message: err.message };
         }
-      }, [node.postUrl, node.payload, node.redirectUrl, replaceTemplateVariables, extractFieldNames, getNestedValue4, props.apiBaseUrl, props.session]);
+      }, [node.postUrl, node.payload, node.redirectUrl, replaceTemplateVariables, extractFieldNames, getNestedValue5, props.apiBaseUrl, props.session]);
       const renderButtonContent = () => {
         if (children) {
           return children;
@@ -2852,7 +2852,7 @@ var SelectWithSearchPanel = (props) => {
   const containerRef = (0, import_react29.useRef)(null);
   const [isCreateOpen, setIsCreateOpen] = (0, import_react29.useState)(false);
   const [formData, setFormData] = (0, import_react29.useState)({});
-  const getNestedValue4 = (obj, path) => {
+  const getNestedValue5 = (obj, path) => {
     return path.split(".").reduce((acc, key) => acc?.[key], obj);
   };
   (0, import_react29.useEffect)(() => {
@@ -2890,7 +2890,7 @@ var SelectWithSearchPanel = (props) => {
     props.dataSourceDependsOn
   ]);
   const filteredItems = list?.filter((item) => {
-    const value = getNestedValue4(item, props.dataTextFieldName);
+    const value = getNestedValue5(item, props.dataTextFieldName);
     return value?.toLowerCase().includes(searchTerm?.toLowerCase());
   });
   const playBeep = () => {
@@ -2921,7 +2921,7 @@ var SelectWithSearchPanel = (props) => {
   }, [searchTerm]);
   const handleSelect = (event, item) => {
     event.preventDefault();
-    setSearchTerm(getNestedValue4(item, props.dataTextFieldName));
+    setSearchTerm(getNestedValue5(item, props.dataTextFieldName));
     if (props.callback) {
       const val = {};
       props.callback({
@@ -3076,7 +3076,7 @@ var SelectWithSearchPanel = (props) => {
               role: "option",
               tabIndex: -1,
               onMouseEnter: () => setHighlightedIndex(index),
-              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: getNestedValue4(item, props.dataTextFieldName) })
+              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: getNestedValue5(item, props.dataTextFieldName) })
             }
           ) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
         }
@@ -4948,6 +4948,9 @@ var OdataBuilder = class {
           if (key == "searchTerm") {
             this.searchTerm = odata[key];
           }
+          if (key == "searchCols") {
+            this.searchCols = odata[key];
+          }
         }
       }
     }
@@ -4971,6 +4974,9 @@ var OdataBuilder = class {
     if (obj?.["searchTerm"] && obj["searchTerm"].trim() !== "") {
       queryString += `&searchTerm=${encodeURIComponent(obj["searchTerm"])}`;
     }
+    if (obj?.["searchCols"] && obj["searchCols"].trim() !== "") {
+      queryString += `&searchCols=${encodeURIComponent(obj["searchCols"])}`;
+    }
     if (obj) {
       if (obj["$filter"] && obj["$filter"] !== null && obj["$filter"] !== "") {
         queryString = queryString + `&$filter=${encodeURIComponent(obj["$filter"])}`;
@@ -5029,6 +5035,9 @@ var OdataBuilder = class {
     if (this.searchTerm) {
       url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
     }
+    if (this.searchCols) {
+      url += `&searchCols=${encodeURIComponent(this.searchCols)}`;
+    }
     console.log(url);
     return url;
   }
@@ -5040,6 +5049,9 @@ var OdataBuilder = class {
     if (this.searchTerm) {
       url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
     }
+    if (this.searchCols) {
+      url += `&searchCols=${encodeURIComponent(this.searchCols)}`;
+    }
     url = url + `&$orderby=${encodeURIComponent(orderBy)}`;
     return url;
   }
@@ -5051,6 +5063,12 @@ var OdataBuilder = class {
     if (this.orderBy !== null && this.orderBy !== "") {
       url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
     }
+    if (this.searchTerm) {
+      url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
+    }
+    if (this.searchCols) {
+      url += `&searchCols=${encodeURIComponent(this.searchCols)}`;
+    }
     return url;
   }
   getNewPageUrl(page) {
@@ -5062,6 +5080,12 @@ var OdataBuilder = class {
     if (this.orderBy !== null && this.orderBy !== "") {
       url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
     }
+    if (this.searchTerm) {
+      url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
+    }
+    if (this.searchCols) {
+      url += `&searchCols=${encodeURIComponent(this.searchCols)}`;
+    }
     return url;
   }
   getNewPageSizeUrl(pageSize) {
@@ -5365,10 +5389,69 @@ var parseMaybeNumber = (value) => {
   const n = Number(value);
   return Number.isFinite(n) ? n : void 0;
 };
+function resolveAssetUrl(fieldValue, tag) {
+  if (!fieldValue) {
+    return void 0;
+  }
+  if (typeof fieldValue === "string") {
+    const trimmed = fieldValue.trim();
+    if (trimmed.startsWith("itemassets/") || trimmed.startsWith("/itemassets/") || trimmed.startsWith("http")) {
+      return trimmed;
+    }
+    try {
+      const parsed = JSON.parse(trimmed);
+      return resolveAssetUrl(parsed, tag);
+    } catch {
+      return void 0;
+    }
+  }
+  if (Array.isArray(fieldValue)) {
+    const asset = tag ? fieldValue.find(
+      (x) => x?.tag?.toLowerCase() === tag?.toLowerCase()
+    ) : fieldValue[0];
+    return asset?.assetUrl;
+  }
+  if (typeof fieldValue === "object" && fieldValue !== null) {
+    const assetObject = fieldValue;
+    if (assetObject.assetUrl) {
+      return assetObject.assetUrl;
+    }
+  }
+  return void 0;
+}
+var getNestedValue3 = (obj, path) => {
+  if (!obj || !path) {
+    return void 0;
+  }
+  return path.split(".").reduce(
+    (current, key) => {
+      return current?.[key];
+    },
+    obj
+  );
+};
 var ImageGalleryNode = (props) => {
-  const resolveImageUrl = (imageUrl) => {
-    if (!imageUrl) return "";
-    if (imageUrl.startsWith("http")) return imageUrl;
+  const resolveImageUrl = (image) => {
+    let imageUrl = image.imageUrl;
+    if (image.datafield && props.dataitem) {
+      const fieldValue = getNestedValue3(
+        props.dataitem,
+        image.datafield
+      );
+      const resolvedAsset = resolveAssetUrl(
+        fieldValue,
+        image.tag
+      );
+      if (resolvedAsset) {
+        imageUrl = resolvedAsset;
+      }
+    }
+    if (!imageUrl) {
+      return "";
+    }
+    if (imageUrl.startsWith("http")) {
+      return imageUrl;
+    }
     const base = props.assetBaseUrl.replace(/\/$/, "");
     const path = imageUrl.replace(/^\//, "");
     return `${base}/${path}`;
@@ -5379,23 +5462,23 @@ var ImageGalleryNode = (props) => {
   };
   const rawImages = Array.isArray(props.node.images) ? props.node.images : [];
   const hlsImages = rawImages.filter(
-    (img) => resolveImageUrl(img.imageUrl).endsWith(".m3u8")
+    (img) => resolveImageUrl(img).endsWith(".m3u8")
   );
   const staticImages = rawImages.filter(
-    (img) => !resolveImageUrl(img.imageUrl).endsWith(".m3u8")
+    (img) => !resolveImageUrl(img).endsWith(".m3u8")
   );
   const hlsSources = [
     ...DEVICE_ORDER.flatMap((deviceKey) => {
       const img = hlsImages.find((i) => i.device === deviceKey);
       if (!img) return [];
-      const src = resolveImageUrl(img.imageUrl);
+      const src = resolveImageUrl(img);
       if (!src) return [];
       const media = deviceToMediaQuery(img.device);
       const posterUrl = resolvePosterUrl(img.posterUrl);
       return [{ src, ...media ? { media } : {}, ...posterUrl ? { posterUrl } : {} }];
     }),
     ...hlsImages.filter((img) => !img.device).map((img) => {
-      const src = resolveImageUrl(img.imageUrl);
+      const src = resolveImageUrl(img);
       const posterUrl = resolvePosterUrl(img.posterUrl);
       return { src, ...posterUrl ? { posterUrl } : {} };
     }).filter((s) => !!s.src)
@@ -5435,7 +5518,7 @@ var ImageGalleryNode = (props) => {
       DEVICE_ORDER.map((deviceKey) => {
         const match = staticSources.find((img) => img.device === deviceKey);
         if (!match) return null;
-        const srcUrl = resolveImageUrl(match.imageUrl);
+        const srcUrl = resolveImageUrl(match);
         if (!srcUrl) return null;
         const mediaQuery = deviceToMediaQuery(match.device);
         return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
@@ -5451,7 +5534,7 @@ var ImageGalleryNode = (props) => {
       }),
       (() => {
         const img = staticFallback;
-        const imageUrl = resolveImageUrl(img.imageUrl);
+        const imageUrl = resolveImageUrl(img);
         if (!imageUrl) return null;
         const intrinsicWidth = parseMaybeNumber(img.intrinsicWidth);
         const intrinsicHeight = parseMaybeNumber(img.intrinsicHeight);
@@ -5497,7 +5580,7 @@ function convertKeysToCamelCase(obj) {
     ])
   );
 }
-var getNestedValue3 = (obj, path) => {
+var getNestedValue4 = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
     {
@@ -5505,7 +5588,7 @@ var getNestedValue3 = (obj, path) => {
     return current && current[key] !== void 0 ? current[key] : void 0;
   }, obj);
 };
-function resolveAssetUrl(fieldValue, tag) {
+function resolveAssetUrl2(fieldValue, tag) {
   if (!fieldValue) {
     return void 0;
   }
@@ -5516,7 +5599,7 @@ function resolveAssetUrl(fieldValue, tag) {
     }
     try {
       const parsed = JSON.parse(trimmed);
-      return resolveAssetUrl(parsed, tag);
+      return resolveAssetUrl2(parsed, tag);
     } catch {
       return void 0;
     }
@@ -5542,11 +5625,11 @@ function generateCompleteBackgroundString(layers, apiBaseUrl, dataItem) {
       const imageValue = layer.value;
       let assetUrl = imageValue.assetUrl || "";
       if (layer.datafield && dataItem) {
-        const fieldValue = getNestedValue3(
+        const fieldValue = getNestedValue4(
           dataItem,
           layer.datafield
         );
-        const resolvedAssetUrl = resolveAssetUrl(
+        const resolvedAssetUrl = resolveAssetUrl2(
           fieldValue,
           layer.tag
         );
@@ -5703,7 +5786,7 @@ var DivContainer = async (props) => {
     const condition = props.node.fieldVisibleOnTrue;
     const isNegated = condition.startsWith("!");
     const fieldName = isNegated ? condition.substring(1) : condition;
-    const fieldValue = getNestedValue3(props.dataitem, fieldName);
+    const fieldValue = getNestedValue4(props.dataitem, fieldName);
     if (fieldValue === void 0) {
       return false;
     }
@@ -5736,7 +5819,7 @@ var DivContainer = async (props) => {
       return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(NoDataFound_default, {});
     }
     if (dataBindingProperties.childCollectionName && props.dataitem) {
-      childCollectionData = getNestedValue3(props.dataitem, dataBindingProperties.childCollectionName);
+      childCollectionData = getNestedValue4(props.dataitem, dataBindingProperties.childCollectionName);
     }
   }
   const cssResult = generateCssString(
@@ -6178,7 +6261,9 @@ var DataList = (props) => {
     lastPropertyChanged: ""
   };
   const [formState, dispatch] = (0, import_react55.useReducer)(FormReducer_default, initialState);
-  const searchableColumns = props.columns.filter((x) => x.isSearchable).map((x) => x.name).join(",");
+  const getSearchableColumns = () => {
+    return props.columns?.filter((c) => c.isSearchable)?.map((c) => c.name)?.join(",");
+  };
   const handleFilterChange = (0, import_react55.useCallback)(
     (updatedValues) => {
       dispatch({
@@ -6211,11 +6296,18 @@ var DataList = (props) => {
     [dispatch, props, router]
   );
   (0, import_react55.useEffect)(() => {
+    if (!props.columns.some((col) => col.isSearchable)) {
+      return;
+    }
+    if (searchTerm === (props.query?.searchTerm ?? "")) {
+      return;
+    }
     const timeout = setTimeout(() => {
       const builder2 = new OdataBuilder(props.path);
       builder2.setQuery({
         ...props.query,
         searchTerm,
+        searchCols: getSearchableColumns(),
         $skip: "0"
       });
       router.push(builder2.getUrl());
@@ -6405,7 +6497,7 @@ var DataList = (props) => {
           children: [
             props.title ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", {}),
             /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+              props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                 InputControl_default,
                 {
                   name: "Search_input",
@@ -6567,7 +6659,7 @@ var DataList = (props) => {
           children: [
             props.title ? /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", {}),
             /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+              props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
                 InputControl_default,
                 {
                   name: "Search_input",

package/dist/index.mjs

@@ -1252,7 +1252,7 @@ var SelectWithSearchPanel = (props) => {
   const containerRef = useRef2(null);
   const [isCreateOpen, setIsCreateOpen] = useState4(false);
   const [formData, setFormData] = useState4({});
-  const getNestedValue4 = (obj, path) => {
+  const getNestedValue5 = (obj, path) => {
     return path.split(".").reduce((acc, key) => acc?.[key], obj);
   };
   useEffect5(() => {
@@ -1290,7 +1290,7 @@ var SelectWithSearchPanel = (props) => {
     props.dataSourceDependsOn
   ]);
   const filteredItems = list?.filter((item) => {
-    const value = getNestedValue4(item, props.dataTextFieldName);
+    const value = getNestedValue5(item, props.dataTextFieldName);
     return value?.toLowerCase().includes(searchTerm?.toLowerCase());
   });
   const playBeep = () => {
@@ -1321,7 +1321,7 @@ var SelectWithSearchPanel = (props) => {
   }, [searchTerm]);
   const handleSelect = (event, item) => {
     event.preventDefault();
-    setSearchTerm(getNestedValue4(item, props.dataTextFieldName));
+    setSearchTerm(getNestedValue5(item, props.dataTextFieldName));
     if (props.callback) {
       const val = {};
       props.callback({
@@ -1476,7 +1476,7 @@ var SelectWithSearchPanel = (props) => {
               role: "option",
               tabIndex: -1,
               onMouseEnter: () => setHighlightedIndex(index),
-              children: /* @__PURE__ */ jsx25("span", { children: getNestedValue4(item, props.dataTextFieldName) })
+              children: /* @__PURE__ */ jsx25("span", { children: getNestedValue5(item, props.dataTextFieldName) })
             }
           ) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ jsx25("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
         }
@@ -3343,6 +3343,9 @@ var OdataBuilder = class {
           if (key == "searchTerm") {
             this.searchTerm = odata[key];
           }
+          if (key == "searchCols") {
+            this.searchCols = odata[key];
+          }
         }
       }
     }
@@ -3366,6 +3369,9 @@ var OdataBuilder = class {
     if (obj?.["searchTerm"] && obj["searchTerm"].trim() !== "") {
       queryString += `&searchTerm=${encodeURIComponent(obj["searchTerm"])}`;
     }
+    if (obj?.["searchCols"] && obj["searchCols"].trim() !== "") {
+      queryString += `&searchCols=${encodeURIComponent(obj["searchCols"])}`;
+    }
     if (obj) {
       if (obj["$filter"] && obj["$filter"] !== null && obj["$filter"] !== "") {
         queryString = queryString + `&$filter=${encodeURIComponent(obj["$filter"])}`;
@@ -3424,6 +3430,9 @@ var OdataBuilder = class {
     if (this.searchTerm) {
       url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
     }
+    if (this.searchCols) {
+      url += `&searchCols=${encodeURIComponent(this.searchCols)}`;
+    }
     console.log(url);
     return url;
   }
@@ -3435,6 +3444,9 @@ var OdataBuilder = class {
     if (this.searchTerm) {
       url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
     }
+    if (this.searchCols) {
+      url += `&searchCols=${encodeURIComponent(this.searchCols)}`;
+    }
     url = url + `&$orderby=${encodeURIComponent(orderBy)}`;
     return url;
   }
@@ -3446,6 +3458,12 @@ var OdataBuilder = class {
     if (this.orderBy !== null && this.orderBy !== "") {
       url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
     }
+    if (this.searchTerm) {
+      url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
+    }
+    if (this.searchCols) {
+      url += `&searchCols=${encodeURIComponent(this.searchCols)}`;
+    }
     return url;
   }
   getNewPageUrl(page) {
@@ -3457,6 +3475,12 @@ var OdataBuilder = class {
     if (this.orderBy !== null && this.orderBy !== "") {
       url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
     }
+    if (this.searchTerm) {
+      url += `&searchTerm=${encodeURIComponent(this.searchTerm)}`;
+    }
+    if (this.searchCols) {
+      url += `&searchCols=${encodeURIComponent(this.searchCols)}`;
+    }
     return url;
   }
   getNewPageSizeUrl(pageSize) {
@@ -3759,10 +3783,69 @@ var parseMaybeNumber = (value) => {
   const n = Number(value);
   return Number.isFinite(n) ? n : void 0;
 };
+function resolveAssetUrl(fieldValue, tag) {
+  if (!fieldValue) {
+    return void 0;
+  }
+  if (typeof fieldValue === "string") {
+    const trimmed = fieldValue.trim();
+    if (trimmed.startsWith("itemassets/") || trimmed.startsWith("/itemassets/") || trimmed.startsWith("http")) {
+      return trimmed;
+    }
+    try {
+      const parsed = JSON.parse(trimmed);
+      return resolveAssetUrl(parsed, tag);
+    } catch {
+      return void 0;
+    }
+  }
+  if (Array.isArray(fieldValue)) {
+    const asset = tag ? fieldValue.find(
+      (x) => x?.tag?.toLowerCase() === tag?.toLowerCase()
+    ) : fieldValue[0];
+    return asset?.assetUrl;
+  }
+  if (typeof fieldValue === "object" && fieldValue !== null) {
+    const assetObject = fieldValue;
+    if (assetObject.assetUrl) {
+      return assetObject.assetUrl;
+    }
+  }
+  return void 0;
+}
+var getNestedValue3 = (obj, path) => {
+  if (!obj || !path) {
+    return void 0;
+  }
+  return path.split(".").reduce(
+    (current, key) => {
+      return current?.[key];
+    },
+    obj
+  );
+};
 var ImageGalleryNode = (props) => {
-  const resolveImageUrl = (imageUrl) => {
-    if (!imageUrl) return "";
-    if (imageUrl.startsWith("http")) return imageUrl;
+  const resolveImageUrl = (image) => {
+    let imageUrl = image.imageUrl;
+    if (image.datafield && props.dataitem) {
+      const fieldValue = getNestedValue3(
+        props.dataitem,
+        image.datafield
+      );
+      const resolvedAsset = resolveAssetUrl(
+        fieldValue,
+        image.tag
+      );
+      if (resolvedAsset) {
+        imageUrl = resolvedAsset;
+      }
+    }
+    if (!imageUrl) {
+      return "";
+    }
+    if (imageUrl.startsWith("http")) {
+      return imageUrl;
+    }
     const base = props.assetBaseUrl.replace(/\/$/, "");
     const path = imageUrl.replace(/^\//, "");
     return `${base}/${path}`;
@@ -3773,23 +3856,23 @@ var ImageGalleryNode = (props) => {
   };
   const rawImages = Array.isArray(props.node.images) ? props.node.images : [];
   const hlsImages = rawImages.filter(
-    (img) => resolveImageUrl(img.imageUrl).endsWith(".m3u8")
+    (img) => resolveImageUrl(img).endsWith(".m3u8")
   );
   const staticImages = rawImages.filter(
-    (img) => !resolveImageUrl(img.imageUrl).endsWith(".m3u8")
+    (img) => !resolveImageUrl(img).endsWith(".m3u8")
   );
   const hlsSources = [
     ...DEVICE_ORDER.flatMap((deviceKey) => {
       const img = hlsImages.find((i) => i.device === deviceKey);
       if (!img) return [];
-      const src = resolveImageUrl(img.imageUrl);
+      const src = resolveImageUrl(img);
       if (!src) return [];
       const media = deviceToMediaQuery(img.device);
       const posterUrl = resolvePosterUrl(img.posterUrl);
       return [{ src, ...media ? { media } : {}, ...posterUrl ? { posterUrl } : {} }];
     }),
     ...hlsImages.filter((img) => !img.device).map((img) => {
-      const src = resolveImageUrl(img.imageUrl);
+      const src = resolveImageUrl(img);
       const posterUrl = resolvePosterUrl(img.posterUrl);
       return { src, ...posterUrl ? { posterUrl } : {} };
     }).filter((s) => !!s.src)
@@ -3829,7 +3912,7 @@ var ImageGalleryNode = (props) => {
       DEVICE_ORDER.map((deviceKey) => {
         const match = staticSources.find((img) => img.device === deviceKey);
         if (!match) return null;
-        const srcUrl = resolveImageUrl(match.imageUrl);
+        const srcUrl = resolveImageUrl(match);
         if (!srcUrl) return null;
         const mediaQuery = deviceToMediaQuery(match.device);
         return /* @__PURE__ */ jsx58(
@@ -3845,7 +3928,7 @@ var ImageGalleryNode = (props) => {
       }),
       (() => {
         const img = staticFallback;
-        const imageUrl = resolveImageUrl(img.imageUrl);
+        const imageUrl = resolveImageUrl(img);
         if (!imageUrl) return null;
         const intrinsicWidth = parseMaybeNumber(img.intrinsicWidth);
         const intrinsicHeight = parseMaybeNumber(img.intrinsicHeight);
@@ -3891,7 +3974,7 @@ function convertKeysToCamelCase(obj) {
     ])
   );
 }
-var getNestedValue3 = (obj, path) => {
+var getNestedValue4 = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
     {
@@ -3899,7 +3982,7 @@ var getNestedValue3 = (obj, path) => {
     return current && current[key] !== void 0 ? current[key] : void 0;
   }, obj);
 };
-function resolveAssetUrl(fieldValue, tag) {
+function resolveAssetUrl2(fieldValue, tag) {
   if (!fieldValue) {
     return void 0;
   }
@@ -3910,7 +3993,7 @@ function resolveAssetUrl(fieldValue, tag) {
     }
     try {
       const parsed = JSON.parse(trimmed);
-      return resolveAssetUrl(parsed, tag);
+      return resolveAssetUrl2(parsed, tag);
     } catch {
       return void 0;
     }
@@ -3936,11 +4019,11 @@ function generateCompleteBackgroundString(layers, apiBaseUrl, dataItem) {
       const imageValue = layer.value;
       let assetUrl = imageValue.assetUrl || "";
       if (layer.datafield && dataItem) {
-        const fieldValue = getNestedValue3(
+        const fieldValue = getNestedValue4(
           dataItem,
           layer.datafield
         );
-        const resolvedAssetUrl = resolveAssetUrl(
+        const resolvedAssetUrl = resolveAssetUrl2(
           fieldValue,
           layer.tag
         );
@@ -4097,7 +4180,7 @@ var DivContainer = async (props) => {
     const condition = props.node.fieldVisibleOnTrue;
     const isNegated = condition.startsWith("!");
     const fieldName = isNegated ? condition.substring(1) : condition;
-    const fieldValue = getNestedValue3(props.dataitem, fieldName);
+    const fieldValue = getNestedValue4(props.dataitem, fieldName);
     if (fieldValue === void 0) {
       return false;
     }
@@ -4130,7 +4213,7 @@ var DivContainer = async (props) => {
       return /* @__PURE__ */ jsx59(NoDataFound_default, {});
     }
     if (dataBindingProperties.childCollectionName && props.dataitem) {
-      childCollectionData = getNestedValue3(props.dataitem, dataBindingProperties.childCollectionName);
+      childCollectionData = getNestedValue4(props.dataitem, dataBindingProperties.childCollectionName);
     }
   }
   const cssResult = generateCssString(
@@ -4566,7 +4649,9 @@ var DataList = (props) => {
     lastPropertyChanged: ""
   };
   const [formState, dispatch] = useReducer2(FormReducer_default, initialState);
-  const searchableColumns = props.columns.filter((x) => x.isSearchable).map((x) => x.name).join(",");
+  const getSearchableColumns = () => {
+    return props.columns?.filter((c) => c.isSearchable)?.map((c) => c.name)?.join(",");
+  };
   const handleFilterChange = useCallback3(
     (updatedValues) => {
       dispatch({
@@ -4599,11 +4684,18 @@ var DataList = (props) => {
     [dispatch, props, router]
   );
   useEffect10(() => {
+    if (!props.columns.some((col) => col.isSearchable)) {
+      return;
+    }
+    if (searchTerm === (props.query?.searchTerm ?? "")) {
+      return;
+    }
     const timeout = setTimeout(() => {
       const builder2 = new OdataBuilder(props.path);
       builder2.setQuery({
         ...props.query,
         searchTerm,
+        searchCols: getSearchableColumns(),
         $skip: "0"
       });
       router.push(builder2.getUrl());
@@ -4793,7 +4885,7 @@ var DataList = (props) => {
           children: [
             props.title ? /* @__PURE__ */ jsx65("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx65("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ jsx65("div", {}),
             /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx65(
+              props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx65(
                 InputControl_default,
                 {
                   name: "Search_input",
@@ -4955,7 +5047,7 @@ var DataList = (props) => {
           children: [
             props.title ? /* @__PURE__ */ jsx65("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx65("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ jsx65("div", {}),
             /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-3", children: [
-              /* @__PURE__ */ jsx65(
+              props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx65(
                 InputControl_default,
                 {
                   name: "Search_input",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260616060453",
+  "version": "0.8.1-dev.20260616104505",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",