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

package/dist/index.js

@@ -6143,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) => {
@@ -6194,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;
         }
@@ -6209,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";
@@ -6341,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;
   };
@@ -6398,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(
@@ -6435,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);
@@ -6494,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;
@@ -6502,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;
@@ -6532,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,
       {
@@ -6541,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

@@ -4537,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) => {
@@ -4588,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;
         }
@@ -4603,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";
@@ -4735,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;
   };
@@ -4792,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(
@@ -4829,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);
@@ -4888,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;
@@ -4896,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;
@@ -4926,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,
       {
@@ -4935,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.20260627092052",
+  "version": "0.8.1-dev.20260629084835",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",