Bump next from 12.1.0 to 13.5.1 (#897)

* Bump next from 12.1.0 to 13.5.1 Bumps [next](https://github.com/vercel/next.js) from 12.1.0 to 13.5.1. - [Release notes](https://github.com/vercel/next.js/releases) - [Changelog](https://github.com/vercel/next.js/blob/canary/release.js) - [Commits](vercel/next.js@v12.1.0...v13.5.1) --- updated-dependencies: - dependency-name: next dependency-type: direct:production ... Signed-off-by: dependabot[bot] <[email protected]> * Empty commit. Trigger redeploy after node version upgrade * Update nvmrc file * Update react * Fix deprecation error on <Link> components --------- Signed-off-by: dependabot[bot] <[email protected]> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> Co-authored-by: Juan Martin Garcia <[email protected]>
streamlit · Dec 14, 2023 · d76a27e · d76a27e
1 parent e2a5127
commit d76a27e
Show file tree

Hide file tree

Showing 16 changed files with 20,011 additions and 5,632 deletions.
diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-v15.14.0
+v16.14.0
diff --git a/components/blocks/button.js b/components/blocks/button.js
@@ -13,8 +13,8 @@ const Button = ({ children, link, target }) => {
       {children}
     </a>
   ) : (
-    <Link href={link}>
-      <a className={styles.Button}>{children}</a>
+    <Link href={link} className={styles.Button}>
+      {children}
     </Link>
   );
 };

diff --git a/components/blocks/dataSourcesCard.js b/components/blocks/dataSourcesCard.js
@@ -16,8 +16,8 @@ const DataSourcesCard = ({ children, size, href }) => {
       : styles.Fourth;
 
   return (
-    <Link href={href}>
-      <a className={classNames(styles.Container, tileSize)}>{children}</a>
+    <Link href={href} className={classNames(styles.Container, tileSize)}>
+      {children}
     </Link>
   );
 };

diff --git a/components/blocks/inlineCallout.js b/components/blocks/inlineCallout.js
@@ -18,23 +18,23 @@ const InlineCallout = ({ children, icon, color, bold, href }) => {
       : styles.KBText;
   return (
     <section className={styles.Container}>
-      <Link href={href}>
-        <a
-          className={classNames(
-            styles.IconContainer,
-            backgroundColor,
-            "not-link"
-          )}
-        >
-          <i className={styles.Icon}>{icon}</i>
-        </a>
+      <Link
+        href={href}
+        className={classNames(
+          styles.IconContainer,
+          backgroundColor,
+          "not-link"
+        )}
+      >
+        <i className={styles.Icon}>{icon}</i>
       </Link>
       <article>
         <p className={styles.Text}>
-          <Link href={href}>
-            <a className={classNames("not-link", styles.Link, textColor)}>
-              {bold}
-            </a>
+          <Link
+            href={href}
+            className={classNames("not-link", styles.Link, textColor)}
+          >
+            {bold}
           </Link>{" "}
           {children}
         </p>

diff --git a/components/blocks/refCard.js b/components/blocks/refCard.js
@@ -16,30 +16,28 @@ const RefCard = ({ children, size, href, deprecated }) => {
       : styles.Third;
 
   return (
-    <Link href={href}>
-      <a className={classNames(styles.Container, tileSize)}>
-        {deprecated === true ? (
-          <div className={classNames("group", styles.DeprecationNotice)}>
-            <span
-              className={classNames(
-                "h-3 w-3 p-0 transform rotate-45 absolute right-[13px] -top-2 bg-orange-10 transition ease-in-out duration-100 opacity-0 group-hover:opacity-100",
-                styles.DeprecatedArrow
-              )}
-            />
-            <i
-              className={classNames(
-                "material-icons-sharp",
-                styles.DeprecatedIcon
-              )}
-            >
-              {"delete"}
-            </i>
-          </div>
-        ) : (
-          ""
-        )}
-        {children}
-      </a>
+    <Link href={href} className={classNames(styles.Container, tileSize)}>
+      {deprecated === true ? (
+        <div className={classNames("group", styles.DeprecationNotice)}>
+          <span
+            className={classNames(
+              "h-3 w-3 p-0 transform rotate-45 absolute right-[13px] -top-2 bg-orange-10 transition ease-in-out duration-100 opacity-0 group-hover:opacity-100",
+              styles.DeprecatedArrow
+            )}
+          />
+          <i
+            className={classNames(
+              "material-icons-sharp",
+              styles.DeprecatedIcon
+            )}
+          >
+            {"delete"}
+          </i>
+        </div>
+      ) : (
+        ""
+      )}
+      {children}
     </Link>
   );
 };

diff --git a/components/blocks/tile.js b/components/blocks/tile.js
@@ -70,17 +70,15 @@ const Tile = ({
         backgroundColor
       )}
     >
-      <Link href={link || "/"}>
-        <a className={classNames("not-link", styles.Link)}>
-          {image}
-          <div>
-            <h4 className={styles.Title}>{title || "Install Streamlit"}</h4>
-            <p className={styles.Text}>
-              {text ||
-                "Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia."}
-            </p>
-          </div>
-        </a>
+      <Link href={link || "/"} className={classNames("not-link", styles.Link)}>
+        {image}
+        <div>
+          <h4 className={styles.Title}>{title || "Install Streamlit"}</h4>
+          <p className={styles.Text}>
+            {text ||
+              "Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia."}
+          </p>
+        </div>
       </Link>
     </div>
   );

diff --git a/components/navigation/arrowLink.js b/components/navigation/arrowLink.js
@@ -7,61 +7,59 @@ const ArrowLink = ({ children, link, type, content, target }) => {
     const href = link || "#";
     if (type == "back") {
       return (
-        <Link href={href}>
-          <a
-            className={`
+        <Link
+          href={href}
+          className={`
               not-link
               group
               ${styles.Link}
               ${styles.BackLink}
             `}
-            target={target == "_blank" ? target : "_self"}
+          target={target == "_blank" ? target : "_self"}
+        >
+          <svg
+            width="14"
+            height="14"
+            viewBox="0 0 14 14"
+            xmlns="http://www.w3.org/2000/svg"
+            className={`
+              ${styles.Icon}
+              ${styles.BackIcon}
+            `}
           >
-            <svg
-              width="14"
-              height="14"
-              viewBox="0 0 14 14"
-              xmlns="http://www.w3.org/2000/svg"
-              className={`
-                ${styles.Icon}
-                ${styles.BackIcon}
-              `}
-            >
-              <path d="M7.22017 13.7159L8.70312 12.2393L4.81037 8.35298H13.9318V6.19247H4.81037L8.70312 2.29972L7.22017 0.829545L0.776989 7.27273L7.22017 13.7159Z" />
-            </svg>
-            <span className={styles.Text}>Previous: </span>
-            <span className={styles.Truncate}>{content}</span>
-          </a>
+            <path d="M7.22017 13.7159L8.70312 12.2393L4.81037 8.35298H13.9318V6.19247H4.81037L8.70312 2.29972L7.22017 0.829545L0.776989 7.27273L7.22017 13.7159Z" />
+          </svg>
+          <span className={styles.Text}>Previous: </span>
+          <span className={styles.Truncate}>{content}</span>
         </Link>
       );
     } else if (type == "next") {
       return (
-        <Link href={href}>
-          <a
+        <Link
+          href={href}
+          className={`
+            not-link
+            group
+            ${styles.Link}
+            ${styles.NextLink}
+          `}
+          target={target == "_blank" ? target : "_self"}
+        >
+          <span className={styles.Text}>Next: </span>
+          <span className={styles.Truncate}>{content}</span>
+          <svg
+            width="14"
+            height="14"
+            viewBox="0 0 14 14"
+            fill="text-gray-90 dark:text-white"
+            xmlns="http://www.w3.org/2000/svg"
             className={`
-              not-link
-              group
-              ${styles.Link}
-              ${styles.NextLink}
+              ${styles.Icon}
+              ${styles.NextIcon}
             `}
-            target={target == "_blank" ? target : "_self"}
           >
-            <span className={styles.Text}>Next: </span>
-            <span className={styles.Truncate}>{content}</span>
-            <svg
-              width="14"
-              height="14"
-              viewBox="0 0 14 14"
-              fill="text-gray-90 dark:text-white"
-              xmlns="http://www.w3.org/2000/svg"
-              className={`
-                ${styles.Icon}
-                ${styles.NextIcon}
-              `}
-            >
-              <path d="M6.96165 13.7159L13.4048 7.27273L6.96165 0.829545L5.47869 2.30611L9.37145 6.19247H0.25V8.35298H9.37145L5.47869 12.2457L6.96165 13.7159Z" />
-            </svg>
-          </a>
+            <path d="M6.96165 13.7159L13.4048 7.27273L6.96165 0.829545L5.47869 2.30611L9.37145 6.19247H0.25V8.35298H9.37145L5.47869 12.2457L6.96165 13.7159Z" />
+          </svg>
         </Link>
       );
     }

diff --git a/components/navigation/footer.js b/components/navigation/footer.js
@@ -8,25 +8,23 @@ const Footer = ({ setIsTelemetryModalVisible }) => {
       <section className={styles.InnerContainer}>
         <hr className={styles.Separator} />
         <nav className={styles.Navigation}>
-          <Link href="/">
-            <a
-              className={`
-                not-link
-                ${styles.Link}
-              `}
-            >
-              Home
-            </a>
+          <Link
+            href="/"
+            className={`
+              not-link
+              ${styles.Link}
+            `}
+          >
+            Home
           </Link>
-          <Link href="mailto:[email protected]?subject=Contact%20from%20documentation%20">
-            <a
-              className={`
-                not-link
-                ${styles.Link}
-              `}
-            >
-              Contact Us
-            </a>
+          <Link
+            href="mailto:[email protected]?subject=Contact%20from%20documentation%20"
+            className={`
+              not-link
+              ${styles.Link}
+            `}
+          >
+            Contact Us
           </Link>
           <a
             className={`

diff --git a/components/navigation/header.js b/components/navigation/header.js
@@ -45,11 +45,9 @@ const Header = ({ isSticky }) => {
       )}
     >
       <nav className={styles.Navigation} id="main-header">
-        <Link href="/">
-          <a className={classNames(styles.LogoContainer, "not-link")}>
-            <img src="/logo.svg" alt="" />
-            <h4 className={styles.LogoText}>Documentation</h4>
-          </a>
+        <Link href="/" className={classNames(styles.LogoContainer, "not-link")}>
+          <img src="/logo.svg" alt="" />
+          <h4 className={styles.LogoText}>Documentation</h4>
         </Link>
         <section className={styles.NavigationContainer}>
           <Search />

diff --git a/components/navigation/navChild.js b/components/navigation/navChild.js
@@ -112,35 +112,34 @@ const NavChild = ({ slug, page, color, className }) => {
   } else {
     navElement = (
       <div className={styles.LinkContainer}>
-        <Link href={url}>
-          <a className={classNames("not-link", styles.Link)} target={target}>
-            <span
-              className={classNames(
-                styles.Circle,
-                active ? styles.ActiveCircle : "",
-                color === "violet-70"
-                  ? styles.LibraryCircle
-                  : color === "l-blue-70"
-                  ? styles.CloudCircle
-                  : styles.KBCircle
-              )}
-            />
-            <span
-              className={classNames(
-                styles.PageName,
-                active && styles.ActivePage
-              )}
-            >
-              {page.name}
-            </span>
-            {page.isDeprecated === true ? (
-              <i className={classNames("material-icons-sharp", styles.Icon)}>
-                {"delete"}
-              </i>
-            ) : (
-              icon
+        <Link
+          href={url}
+          className={classNames("not-link", styles.Link)}
+          target={target}
+        >
+          <span
+            className={classNames(
+              styles.Circle,
+              active ? styles.ActiveCircle : "",
+              color === "violet-70"
+                ? styles.LibraryCircle
+                : color === "l-blue-70"
+                ? styles.CloudCircle
+                : styles.KBCircle
             )}
-          </a>
+          />
+          <span
+            className={classNames(styles.PageName, active && styles.ActivePage)}
+          >
+            {page.name}
+          </span>
+          {page.isDeprecated === true ? (
+            <i className={classNames("material-icons-sharp", styles.Icon)}>
+              {"delete"}
+            </i>
+          ) : (
+            icon
+          )}
         </Link>
         {accordion}
       </div>

diff --git a/components/navigation/navItem.js b/components/navigation/navItem.js
@@ -85,8 +85,8 @@ const NavItem = ({ page, slug, condensed, className }) => {
             {navBox}
           </a>
         ) : (
-          <Link href={page.url}>
-            <a className="not-link">{navBox}</a>
+          <Link className="not-link" href={page.url}>
+            {navBox}
           </Link>
         )}
         {subNav}