From 1a8f75c418c1e9af38ddbc7a9aaf173e5268445a Mon Sep 17 00:00:00 2001
From: Bhushan Palsapure <bhushanp@ebi.ac.uk>
Date: Tue, 10 Sep 2024 22:11:03 +0100
Subject: [PATCH] Issue-1647 : Fixed build errors

---
 components/vf-tabs/vf-tabs.react.js    | 38 ++++++++++++++++----------
 tools/vf-sass-compilation/CHANGELOG.md |  4 +++
 tools/vf-sass-compilation/package.json |  2 +-
 3 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/components/vf-tabs/vf-tabs.react.js b/components/vf-tabs/vf-tabs.react.js
index 02db32eba..cf015e83e 100644
--- a/components/vf-tabs/vf-tabs.react.js
+++ b/components/vf-tabs/vf-tabs.react.js
@@ -8,42 +8,50 @@ import { vfTabs } from "@visual-framework/vf-tabs/vf-tabs";
 
 function VfTabs(tabsData) {
   useEffect(() => {
-      vfTabs();
+    vfTabs();
   }, []);
   return (
     <>
       <div className="vf-tabs">
         <ul className="vf-tabs__list" data-vf-js-tabs>
-          {Object.entries(tabsData).map((tab_forlink) => {
+          {Object.entries(tabsData).map(tab_forlink => {
             return (
               <li className="vf-tabs__item" key={tab_forlink[0]}>
                 <a
                   className="vf-tabs__link"
                   href={`#vf-tabs__section--${tab_forlink[1][1].tab_number}`}
-                  dangerouslySetInnerHTML={{__html: tab_forlink[1][0].tab_title}}
-                >
-                </a>
+                  dangerouslySetInnerHTML={{
+                    __html: tab_forlink[1][0].tab_title
+                  }}
+                ></a>
               </li>
-            )
-            })
-          }
+            );
+          })}
         </ul>
       </div>
       <div className="vf-tabs-content" data-vf-js-tabs-content>
-        {Object.entries(tabsData).map((tab_forsection) => {
+        {Object.entries(tabsData).map(tab_forsection => {
           return (
             <section
               className="vf-tabs__section"
               id={`vf-tabs__section--${tab_forsection[1][1].tab_number}`}
               key={tab_forsection[0]}
             >
-
-              {tab_forsection[1][2].tab_heading !== "" ? <h2 dangerouslySetInnerHTML={{__html:`${tab_forsection[1][2].tab_heading}`}}></h2> : null}
-              <p dangerouslySetInnerHTML={{__html:`${tab_forsection[1][3].tab_content}`}}></p>
+              {tab_forsection[1][2].tab_heading !== "" ? (
+                <h2
+                  dangerouslySetInnerHTML={{
+                    __html: `${tab_forsection[1][2].tab_heading}`
+                  }}
+                ></h2>
+              ) : null}
+              <p
+                dangerouslySetInnerHTML={{
+                  __html: `${tab_forsection[1][3].tab_content}`
+                }}
+              ></p>
             </section>
-          )
-          })
-        }
+          );
+        })}
       </div>
     </>
   );
diff --git a/tools/vf-sass-compilation/CHANGELOG.md b/tools/vf-sass-compilation/CHANGELOG.md
index c6cdccf73..f06f9627a 100644
--- a/tools/vf-sass-compilation/CHANGELOG.md
+++ b/tools/vf-sass-compilation/CHANGELOG.md
@@ -1,3 +1,7 @@
+### 1.1.25
+
+* Degraded stylelint to fix build errors [Tracking issue](https://github.com/visual-framework/vf-core/issues/1647)
+
 ### 1.1.24
 
 * Dependency update [Tracking issue](https://github.com/visual-framework/vf-core/issues/1647)
diff --git a/tools/vf-sass-compilation/package.json b/tools/vf-sass-compilation/package.json
index 4c92af388..55a86aa90 100644
--- a/tools/vf-sass-compilation/package.json
+++ b/tools/vf-sass-compilation/package.json
@@ -28,7 +28,7 @@
     "rollup": "^4.0.0",
     "rollup-plugin-includepaths": "^0.2.4",
     "sass": "1.77.6",
-    "stylelint": "^16.0.0",
+    "stylelint": "^15.0.0",
     "stylelint-order": "^6.0.0",
     "stylelint-scss": "^6.0.0",
     "vinyl-source-stream": "^2.0.0"