hds-web 1.36.9 → 1.37.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hds-web",
-  "version": "1.36.9",
+  "version": "1.37.0",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/HDS/components/Cards/Menu/ConnectorsDropdown.js

@@ -52,7 +52,7 @@ export default function FlyoutA(props) {
                           {item.name}
                         </Typography>
                       </div>
-                      <div className="flex group-hover/icon:translate-x-1 transform transition-all duration-200 ease-in-out ">
+                      <div className="flex group-hover/icon:translate-x-1 transform transition-all duration-200 ease-in-out tb-l:-ml-1">
                         <Icon
                           height={
                             "h-4 w-4 stroke-2 invisible group-hover/icon:visible transition-all ease-in-out   "
@@ -61,43 +61,12 @@ export default function FlyoutA(props) {
                           strokeClass={"stroke-blue-500"}
                         />
                       </div>
-
-                      {/* {item.description &&
-                    item.description.length > 0 && (
-                      <Typography
-                        textStyle='body3c-medium'
-                        className='text-neutral-700'>
-                        {item.description}
-                      </Typography>
-                    )} */}
                     </div>
                   </a>
                 </div>
               ))}
           </div>
         </div>
-        <div className="grid grid-cols-2 divide-x bg-gray-50">
-          {/* {buttonArray && buttonArray.map((item) => (
-            <a
-              key={item.name}
-              href={item.href}
-              className="flex justify-center gap-x-2.5 p-3 font-semibold text-gray-900 hover:bg-gray-100"
-            >
-
-              {item.icon && (
-                <Icon
-                  height={'h-6'}
-                  variant={item.icon}
-                  strokeColor={'#6C737F'} />
-              )}
-              <Typography
-                textStyle='h-6'
-                className='text-neutral-500'>
-                {item.name}
-              </Typography>
-            </a>
-          ))} */}
-        </div>
       </div>
     </div>
   );
@@ -116,7 +85,7 @@ export default function FlyoutA(props) {
                 )
               )}
             </div>
-            <div className="group/split rounded-r-2xl">
+            <div className="group/split rounded-r-2xl tb-l:-ml-6">
               {cardLayout(
                 null,
                 props.childArray.slice(Math.ceil(props.childArray.length / 2))

package/src/HDS/components/Cards/Menu/flyoutD.js

@@ -2,7 +2,7 @@ import React from "react";
 
 export default function FlyoutD() {
   return (
-    <div className="">
+    <div className="flex justify-center">
       <a href={`https://hasura.io/ddn`}>
         <img
           src="https://res.cloudinary.com/dh8fp23nd/image/upload/v1716906625/Frame_12754_2_iaixzx.png"

package/src/HDS/components/Headers/v3Header.js

@@ -51,13 +51,12 @@ export default function V3Header(props) {
   };
 
   const handleDropdownLeave = (index) => {
-    // return null;
-
-    setDropdownVisibility((prevVisibility) => {
-      const updatedVisibility = [...prevVisibility];
-      updatedVisibility[index] = false;
-      return updatedVisibility;
-    });
+    return null;
+    // setDropdownVisibility((prevVisibility) => {
+    //   const updatedVisibility = [...prevVisibility];
+    //   updatedVisibility[index] = false;
+    //   return updatedVisibility;
+    // });
   };
 
   const renderDropdown = (
@@ -591,49 +590,49 @@ V3Header.defaultProps = {
           childArray: [
             {
               description: "",
-              href: "/connectors/postgres",
+              href: "/graphql/database/postgresql",
               icon: "database01",
               name: "PostgreSQL",
               strokeClass: "stroke-neutral-500",
             },
             {
               description: "",
-              href: "/connectors/mongodb",
+              href: "/graphql/database/mongodb",
               icon: "database01",
               name: "MongoDB",
               strokeClass: "stroke-neutral-500",
             },
             {
               description: "",
-              href: "/connectors#connectors-list",
+              href: "/graphql/database/mysql",
               icon: "database01",
               name: "MySQL",
               strokeClass: "stroke-neutral-500",
             },
             {
               description: "",
-              href: "/connectors#connectors-list",
+              href: "/graphql/database/snowflake",
               icon: "database01",
               name: "Snowflake",
               strokeClass: "stroke-neutral-500",
             },
             {
               description: "",
-              href: "/connectors#connectors-list",
+              href: "/graphql/database/oracle",
               icon: "database01",
               name: "Oracle",
               strokeClass: "stroke-neutral-500",
             },
             {
               description: "",
-              href: "/connectors/sqlserver",
+              href: "/graphql/database/sql-server",
               icon: "database01",
               name: "SQL Server",
               strokeClass: "stroke-neutral-500",
             },
             {
               description: "",
-              href: "/connectors#connectors-list",
+              href: "/graphql/database",
               icon: "database01",
               name: "See all",
               strokeClass: "stroke-neutral-500",

package/src/styles/tailwind.css

@@ -1439,6 +1439,10 @@ select{
   margin-right: 1.25rem;
 }
 
+.mr-6{
+  margin-right: 1.5rem;
+}
+
 .mr-8{
   margin-right: 2rem;
 }
@@ -1523,10 +1527,6 @@ select{
   margin-top: 70px;
 }
 
-.mr-6{
-  margin-right: 1.5rem;
-}
-
 .line-clamp-3{
   overflow: hidden;
   display: -webkit-box;
@@ -2084,6 +2084,10 @@ select{
   min-width: 48px;
 }
 
+.min-w-\[56px\]{
+  min-width: 56px;
+}
+
 .min-w-\[64px\]{
   min-width: 64px;
 }
@@ -2102,10 +2106,6 @@ select{
   min-width: 100%;
 }
 
-.min-w-\[56px\]{
-  min-width: 56px;
-}
-
 .max-w-2xl{
   max-width: 42rem;
 }
@@ -11151,18 +11151,6 @@ select{
     min-width: 130px;
   }
 
-  .tb\:min-w-\[120px\]{
-    min-width: 120px;
-  }
-
-  .tb\:min-w-\[116px\]{
-    min-width: 116px;
-  }
-
-  .tb\:min-w-\[135px\]{
-    min-width: 135px;
-  }
-
   .tb\:max-w-\[17rem\]{
     max-width: 17rem;
   }
@@ -12035,8 +12023,12 @@ select{
     margin-top: 0px;
   }
 
-  .tb-l\:-ml-2{
-    margin-left: -0.5rem;
+  .tb-l\:-ml-6{
+    margin-left: -1.5rem;
+  }
+
+  .tb-l\:-ml-1{
+    margin-left: -0.25rem;
   }
 
   .tb-l\:block{
@@ -12316,10 +12308,6 @@ select{
 }
 
 @media (min-width: 1024px){
-  .lg\:mr-6{
-    margin-right: 1.5rem;
-  }
-
   .lg\:flex{
     display: flex;
   }
@@ -12332,10 +12320,6 @@ select{
     height: auto;
   }
 
-  .lg\:min-w-\[56px\]{
-    min-width: 56px;
-  }
-
   .lg\:grid-cols-2{
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }