@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260627090429 → 0.8.1-dev.20260629084835

package/dist/index.js

@@ -6034,9 +6034,28 @@ var DocumentNode = (props) => {
     }
   }
   if (documents.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_jsx_runtime70.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "py-4 px-2 bg-neutral-soft gap-4 border rounded", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "text-sm font-medium", children: "\u{1F4C4} No documents found" }),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("p", { className: "text-xs", children: "Kindly Check Later" })
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_jsx_runtime70.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "py-4 px-2 bg-neutral-weak border rounded text-center flex flex-col gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "mx-auto w-10 h-10 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+        "svg",
+        {
+          className: "w-5 h-5",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: "1.5",
+              d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"
+            }
+          )
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "text-sm font-medium", children: "No documents found" }),
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "text-xs", children: "No records found. Data may be empty or not available at the moment." })
     ] }) });
   }
   return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "", children: documents.map((doc, index) => {
@@ -6124,10 +6143,7 @@ function convertKeysToCamelCase(obj) {
   if (!obj || typeof obj !== "object") return obj;
   if (Array.isArray(obj)) return obj.map(convertKeysToCamelCase);
   return Object.fromEntries(
-    Object.entries(obj).filter(([_, value]) => value !== "" && value !== void 0).map(([key, value]) => [
-      toCamelCase(key),
-      convertKeysToCamelCase(value)
-    ])
+    Object.entries(obj).filter(([_, value]) => value !== "" && value !== void 0).map(([key, value]) => [toCamelCase(key), convertKeysToCamelCase(value)])
   );
 }
 var getNestedValue5 = (obj, path) => {
@@ -6175,14 +6191,8 @@ function generateCompleteBackgroundString(layers, apiBaseUrl, dataItem) {
       const imageValue = layer.value;
       let assetUrl = imageValue.assetUrl || "";
       if (layer.datafield && dataItem) {
-        const fieldValue = getNestedValue5(
-          dataItem,
-          layer.datafield
-        );
-        const resolvedAssetUrl = resolveAssetUrl2(
-          fieldValue,
-          layer.tag
-        );
+        const fieldValue = getNestedValue5(dataItem, layer.datafield);
+        const resolvedAssetUrl = resolveAssetUrl2(fieldValue, layer.tag);
         if (resolvedAssetUrl) {
           assetUrl = resolvedAssetUrl;
         }
@@ -6190,10 +6200,7 @@ function generateCompleteBackgroundString(layers, apiBaseUrl, dataItem) {
       if (!assetUrl) {
         return "";
       }
-      const url = `url('${AssetUtility_default.resolveUrl(
-        apiBaseUrl,
-        assetUrl
-      )}')`;
+      const url = `url('${AssetUtility_default.resolveUrl(apiBaseUrl, assetUrl)}')`;
       const repeat = layer.repeat || "no-repeat";
       const position = layer.position || "center";
       const size = layer.size || "auto";
@@ -6322,24 +6329,32 @@ var DivContainer = async (props) => {
   let animationCSS = "";
   if (enterAnimation?.name) {
     animationCSS += AnimationUtility_default.generateAnimationCSS(
-      { animation: enterAnimation.name, mode: "enter", ...enterAnimation.properties },
+      {
+        animation: enterAnimation.name,
+        mode: "enter",
+        ...enterAnimation.properties
+      },
       `#${guid}`
     );
   }
   if (hoverAnimation?.name) {
     animationCSS += AnimationUtility_default.generateAnimationCSS(
-      { animation: hoverAnimation.name, mode: "hover", ...hoverAnimation.properties },
+      {
+        animation: hoverAnimation.name,
+        mode: "hover",
+        ...hoverAnimation.properties
+      },
       `#${guid}`
     );
   }
   const shouldHideContainer = () => {
     if (!props.node.fieldVisibleOnTrue) return false;
-    const condition = props.node.fieldVisibleOnTrue;
+    const condition = props.node.fieldVisibleOnTrue.trim();
     const isNegated = condition.startsWith("!");
-    const fieldName = isNegated ? condition.substring(1) : condition;
+    const fieldName = isNegated ? condition.substring(1).trim() : condition;
     const fieldValue = getNestedValue5(props.dataitem, fieldName);
-    if (fieldValue === void 0) {
-      return false;
+    if (fieldValue == null || fieldValue === 0) {
+      return true;
     }
     return isNegated ? fieldValue === true : fieldValue === false;
   };
@@ -6379,7 +6394,10 @@ var DivContainer = async (props) => {
       return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(NoDataFound_default, {});
     }
     if (dataBindingProperties.childCollectionName && props.dataitem) {
-      childCollectionData = getNestedValue5(props.dataitem, dataBindingProperties.childCollectionName);
+      childCollectionData = getNestedValue5(
+        props.dataitem,
+        dataBindingProperties.childCollectionName
+      );
     }
   }
   const cssResult = generateCssString(
@@ -6416,7 +6434,10 @@ var DivContainer = async (props) => {
   function renderChildren(nodes, props2, data, key, href) {
     if (!nodes) return null;
     const childNodes = nodes.map((node, index) => {
-      if (node.type === "div-container" && node.dataBinding?.childCollectionName && data) {
+      if (
+        // @ts-expect-error custom code
+        node.type === "div-container" && node.dataBinding?.childCollectionName && data
+      ) {
         return renderNode(node, props2, data, index, href);
       }
       return renderNode(node, props2, data, index, href);
@@ -6475,7 +6496,10 @@ var DivContainer = async (props) => {
         medium: Math.ceil(largeCols / 2),
         small: 1
       };
-      wrapperProps = { ...props.node.componentProperties, "slidesToShow": slidesToShow };
+      wrapperProps = {
+        ...props.node.componentProperties,
+        slidesToShow
+      };
       break;
     case !!(props.node.href || props.href):
       Wrapper = import_link2.default;
@@ -6483,11 +6507,18 @@ var DivContainer = async (props) => {
       if (href?.includes("{")) {
         href = resolveHrefTemplate(href, props.dataitem);
       }
-      const currentPath = decodeURIComponent(PathUtility_default.removeTrailingSlash(props.path) + "?" + queryObjectToString(props.query));
+      const currentPath = decodeURIComponent(
+        PathUtility_default.removeTrailingSlash(props.path) + "?" + queryObjectToString(props.query)
+      );
       const resolvedHref = decodeURIComponent(href || "");
       const isSelected = currentPath === resolvedHref;
       noLinkColor = true;
-      wrapperProps = { href, "data-isSelected": isSelected, "data-path": currentPath, "data-href": resolvedHref };
+      wrapperProps = {
+        href,
+        "data-isSelected": isSelected,
+        "data-path": currentPath,
+        "data-href": resolvedHref
+      };
       break;
     default: {
       const replacementTag = props.node.replaceDivTagWith;
@@ -6513,7 +6544,12 @@ var DivContainer = async (props) => {
     noLinkColor && "no-link-color"
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_react50.default.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      "style",
+      {
+        dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
+      }
+    ),
     /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       Wrapper,
       {
@@ -6522,13 +6558,24 @@ var DivContainer = async (props) => {
         className: classNames || void 0,
         ...wrapperProps,
         children: dataToRender.map(
-          (item, idx) => item?.links?.view && renderLink ? renderChildren(props.node.children, props, item, idx, props.href ? void 0 : item?.links?.view)?.map(
-            (child, i) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react50.default.Fragment, { children: child }, i)
-          ) : renderChildren(props.node.children, props, item, idx)
+          (item, idx) => item?.links?.view && renderLink ? renderChildren(
+            props.node.children,
+            props,
+            item,
+            idx,
+            props.href ? void 0 : item?.links?.view
+          )?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react50.default.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
         )
       }
     ) }),
-    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
+    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
+      Pagination_default,
+      {
+        path: props.path,
+        query: props.query,
+        dataset: response
+      }
+    ) })
   ] });
 };
 var DivContainer_default = DivContainer;

package/dist/index.mjs

@@ -4428,9 +4428,28 @@ var DocumentNode = (props) => {
     }
   }
   if (documents.length === 0) {
-    return /* @__PURE__ */ jsx59(Fragment9, { children: /* @__PURE__ */ jsxs32("div", { className: "py-4 px-2 bg-neutral-soft gap-4 border rounded", children: [
-      /* @__PURE__ */ jsx59("p", { className: "text-sm font-medium", children: "\u{1F4C4} No documents found" }),
-      /* @__PURE__ */ jsx59("p", { className: "text-xs", children: "Kindly Check Later" })
+    return /* @__PURE__ */ jsx59(Fragment9, { children: /* @__PURE__ */ jsxs32("div", { className: "py-4 px-2 bg-neutral-weak border rounded text-center flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx59("div", { className: "mx-auto w-10 h-10 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx59(
+        "svg",
+        {
+          className: "w-5 h-5",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ jsx59(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: "1.5",
+              d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"
+            }
+          )
+        }
+      ) }),
+      /* @__PURE__ */ jsx59("div", { className: "text-sm font-medium", children: "No documents found" }),
+      /* @__PURE__ */ jsx59("div", { className: "text-xs", children: "No records found. Data may be empty or not available at the moment." })
     ] }) });
   }
   return /* @__PURE__ */ jsx59("div", { className: "", children: documents.map((doc, index) => {
@@ -4518,10 +4537,7 @@ function convertKeysToCamelCase(obj) {
   if (!obj || typeof obj !== "object") return obj;
   if (Array.isArray(obj)) return obj.map(convertKeysToCamelCase);
   return Object.fromEntries(
-    Object.entries(obj).filter(([_, value]) => value !== "" && value !== void 0).map(([key, value]) => [
-      toCamelCase(key),
-      convertKeysToCamelCase(value)
-    ])
+    Object.entries(obj).filter(([_, value]) => value !== "" && value !== void 0).map(([key, value]) => [toCamelCase(key), convertKeysToCamelCase(value)])
   );
 }
 var getNestedValue5 = (obj, path) => {
@@ -4569,14 +4585,8 @@ function generateCompleteBackgroundString(layers, apiBaseUrl, dataItem) {
       const imageValue = layer.value;
       let assetUrl = imageValue.assetUrl || "";
       if (layer.datafield && dataItem) {
-        const fieldValue = getNestedValue5(
-          dataItem,
-          layer.datafield
-        );
-        const resolvedAssetUrl = resolveAssetUrl2(
-          fieldValue,
-          layer.tag
-        );
+        const fieldValue = getNestedValue5(dataItem, layer.datafield);
+        const resolvedAssetUrl = resolveAssetUrl2(fieldValue, layer.tag);
         if (resolvedAssetUrl) {
           assetUrl = resolvedAssetUrl;
         }
@@ -4584,10 +4594,7 @@ function generateCompleteBackgroundString(layers, apiBaseUrl, dataItem) {
       if (!assetUrl) {
         return "";
       }
-      const url = `url('${AssetUtility_default.resolveUrl(
-        apiBaseUrl,
-        assetUrl
-      )}')`;
+      const url = `url('${AssetUtility_default.resolveUrl(apiBaseUrl, assetUrl)}')`;
       const repeat = layer.repeat || "no-repeat";
       const position = layer.position || "center";
       const size = layer.size || "auto";
@@ -4716,24 +4723,32 @@ var DivContainer = async (props) => {
   let animationCSS = "";
   if (enterAnimation?.name) {
     animationCSS += AnimationUtility_default.generateAnimationCSS(
-      { animation: enterAnimation.name, mode: "enter", ...enterAnimation.properties },
+      {
+        animation: enterAnimation.name,
+        mode: "enter",
+        ...enterAnimation.properties
+      },
       `#${guid}`
     );
   }
   if (hoverAnimation?.name) {
     animationCSS += AnimationUtility_default.generateAnimationCSS(
-      { animation: hoverAnimation.name, mode: "hover", ...hoverAnimation.properties },
+      {
+        animation: hoverAnimation.name,
+        mode: "hover",
+        ...hoverAnimation.properties
+      },
       `#${guid}`
     );
   }
   const shouldHideContainer = () => {
     if (!props.node.fieldVisibleOnTrue) return false;
-    const condition = props.node.fieldVisibleOnTrue;
+    const condition = props.node.fieldVisibleOnTrue.trim();
     const isNegated = condition.startsWith("!");
-    const fieldName = isNegated ? condition.substring(1) : condition;
+    const fieldName = isNegated ? condition.substring(1).trim() : condition;
     const fieldValue = getNestedValue5(props.dataitem, fieldName);
-    if (fieldValue === void 0) {
-      return false;
+    if (fieldValue == null || fieldValue === 0) {
+      return true;
     }
     return isNegated ? fieldValue === true : fieldValue === false;
   };
@@ -4773,7 +4788,10 @@ var DivContainer = async (props) => {
       return /* @__PURE__ */ jsx60(NoDataFound_default, {});
     }
     if (dataBindingProperties.childCollectionName && props.dataitem) {
-      childCollectionData = getNestedValue5(props.dataitem, dataBindingProperties.childCollectionName);
+      childCollectionData = getNestedValue5(
+        props.dataitem,
+        dataBindingProperties.childCollectionName
+      );
     }
   }
   const cssResult = generateCssString(
@@ -4810,7 +4828,10 @@ var DivContainer = async (props) => {
   function renderChildren(nodes, props2, data, key, href) {
     if (!nodes) return null;
     const childNodes = nodes.map((node, index) => {
-      if (node.type === "div-container" && node.dataBinding?.childCollectionName && data) {
+      if (
+        // @ts-expect-error custom code
+        node.type === "div-container" && node.dataBinding?.childCollectionName && data
+      ) {
         return renderNode(node, props2, data, index, href);
       }
       return renderNode(node, props2, data, index, href);
@@ -4869,7 +4890,10 @@ var DivContainer = async (props) => {
         medium: Math.ceil(largeCols / 2),
         small: 1
       };
-      wrapperProps = { ...props.node.componentProperties, "slidesToShow": slidesToShow };
+      wrapperProps = {
+        ...props.node.componentProperties,
+        slidesToShow
+      };
       break;
     case !!(props.node.href || props.href):
       Wrapper = Link2;
@@ -4877,11 +4901,18 @@ var DivContainer = async (props) => {
       if (href?.includes("{")) {
         href = resolveHrefTemplate(href, props.dataitem);
       }
-      const currentPath = decodeURIComponent(PathUtility_default.removeTrailingSlash(props.path) + "?" + queryObjectToString(props.query));
+      const currentPath = decodeURIComponent(
+        PathUtility_default.removeTrailingSlash(props.path) + "?" + queryObjectToString(props.query)
+      );
       const resolvedHref = decodeURIComponent(href || "");
       const isSelected = currentPath === resolvedHref;
       noLinkColor = true;
-      wrapperProps = { href, "data-isSelected": isSelected, "data-path": currentPath, "data-href": resolvedHref };
+      wrapperProps = {
+        href,
+        "data-isSelected": isSelected,
+        "data-path": currentPath,
+        "data-href": resolvedHref
+      };
       break;
     default: {
       const replacementTag = props.node.replaceDivTagWith;
@@ -4907,7 +4938,12 @@ var DivContainer = async (props) => {
     noLinkColor && "no-link-color"
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs33(React41.Fragment, { children: [
-    /* @__PURE__ */ jsx60("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
+    /* @__PURE__ */ jsx60(
+      "style",
+      {
+        dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
+      }
+    ),
     /* @__PURE__ */ jsx60(React41.Fragment, { children: /* @__PURE__ */ jsx60(
       Wrapper,
       {
@@ -4916,13 +4952,24 @@ var DivContainer = async (props) => {
         className: classNames || void 0,
         ...wrapperProps,
         children: dataToRender.map(
-          (item, idx) => item?.links?.view && renderLink ? renderChildren(props.node.children, props, item, idx, props.href ? void 0 : item?.links?.view)?.map(
-            (child, i) => /* @__PURE__ */ jsx60(React41.Fragment, { children: child }, i)
-          ) : renderChildren(props.node.children, props, item, idx)
+          (item, idx) => item?.links?.view && renderLink ? renderChildren(
+            props.node.children,
+            props,
+            item,
+            idx,
+            props.href ? void 0 : item?.links?.view
+          )?.map((child, i) => /* @__PURE__ */ jsx60(React41.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
         )
       }
     ) }),
-    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx60("div", { children: /* @__PURE__ */ jsx60(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
+    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx60("div", { children: /* @__PURE__ */ jsx60(
+      Pagination_default,
+      {
+        path: props.path,
+        query: props.query,
+        dataset: response
+      }
+    ) })
   ] });
 };
 var DivContainer_default = DivContainer;

package/package.json

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