From eddfce4d2312913bd2f3f781ad2a11a5e71f3a01 Mon Sep 17 00:00:00 2001
From: Aman Sharma <mannu.poski10@gmail.com>
Date: Mon, 21 Oct 2019 03:14:30 +0530
Subject: [PATCH] Wrap strings at 80 characters

---
 .eslintrc.json                               |  1 +
 src/Diagram/index.js                         |  2 ++
 src/Documentation/HeadInjector.js            | 20 ++++++++++++++++----
 src/Documentation/Markdown/Markdown.js       |  1 +
 src/Documentation/SidebarMenu/helper.test.js |  1 +
 src/Documentation/glossary.js                | 13 +++++++------
 src/DownloadButton/index.js                  | 20 ++++++++++++++++----
 src/LandingHero/index.js                     |  2 ++
 src/Subscribe/index.js                       |  2 ++
 src/SubscribeForm/index.js                   | 10 ++++++++--
 src/Video/index.js                           |  5 ++++-
 src/styles.js                                |  2 ++
 12 files changed, 62 insertions(+), 17 deletions(-)

diff --git a/.eslintrc.json b/.eslintrc.json
index ff1fc1ac0be..bec02dd35fb 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -15,6 +15,7 @@
     }
   },
   "rules": {
+    "max-len": ["error", { "ignoreStrings": false }],
     "no-tabs": "error"
   }
 }
diff --git a/src/Diagram/index.js b/src/Diagram/index.js
index ff25ee4e4f2..f802a7ea268 100644
--- a/src/Diagram/index.js
+++ b/src/Diagram/index.js
@@ -160,6 +160,7 @@ export class DiagramSection extends Component {
 
 export default DiagramSection
 
+/* eslint-disable max-len */
 const Diagram = styled.section`
   padding-top: 80px;
   padding-bottom: 91px;
@@ -343,3 +344,4 @@ const SliderDots = styled.ul`
     font-size: 8px;
   }
 `
+/* eslint-enable max-len */
diff --git a/src/Documentation/HeadInjector.js b/src/Documentation/HeadInjector.js
index e2b9795a65b..d8a0de47132 100644
--- a/src/Documentation/HeadInjector.js
+++ b/src/Documentation/HeadInjector.js
@@ -7,19 +7,31 @@ export const HeadInjector = ({ sectionName = 'Documentation' }) => (
     <link
       rel="stylesheet"
       type="text/css"
-      href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/3.0.1/github-markdown.min.css"
+      href={`
+        https://cdnjs.cloudflare.com/ajax/libs/
+        github-markdown-css/3.0.1/github-markdown.min.css
+      `}
     />
     <link
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/docsearch.js@2.6.2/dist/cdn/docsearch.min.css"
+      href={`
+        https://cdn.jsdelivr.net/npm/
+        docsearch.js@2.6.2/dist/cdn/docsearch.min.css
+      `}
     />
     <link
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/perfect-scrollbar@1.4.0/css/perfect-scrollbar.min.css"
+      href={`
+        https://cdn.jsdelivr.net/npm/
+        perfect-scrollbar@1.4.0/css/perfect-scrollbar.min.css
+      `}
     />
     <script
       type="text/javascript"
-      src="https://cdn.jsdelivr.net/npm/docsearch.js@2.6.2/dist/cdn/docsearch.min.js"
+      src={`
+        https://cdn.jsdelivr.net/npm/
+        docsearch.js@2.6.2/dist/cdn/docsearch.min.js
+      `}
     />
     <title>{sectionName} | Machine Learning Version Control System · DVC</title>
   </Head>
diff --git a/src/Documentation/Markdown/Markdown.js b/src/Documentation/Markdown/Markdown.js
index 1c01793395c..28111a41943 100644
--- a/src/Documentation/Markdown/Markdown.js
+++ b/src/Documentation/Markdown/Markdown.js
@@ -55,6 +55,7 @@ const HeadingRenderer = ({ level, children }) => {
         >
           <path
             fillRule="evenodd"
+            // eslint-disable-next-line max-len
             d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
           ></path>
         </svg>
diff --git a/src/Documentation/SidebarMenu/helper.test.js b/src/Documentation/SidebarMenu/helper.test.js
index 4e3bd75319c..01ca93da5a8 100644
--- a/src/Documentation/SidebarMenu/helper.test.js
+++ b/src/Documentation/SidebarMenu/helper.test.js
@@ -257,6 +257,7 @@ describe('SidebarMenu/helper', () => {
       )
     })
 
+    // eslint-disable-next-line max-len
     it("Throws error if item has source: false and doesn't have children", () => {
       const rawData = [{ slug: 'item-name', source: false }]
 
diff --git a/src/Documentation/glossary.js b/src/Documentation/glossary.js
index 654e50d25ac..fed1ca3f885 100644
--- a/src/Documentation/glossary.js
+++ b/src/Documentation/glossary.js
@@ -33,8 +33,8 @@ Initialized by running \`dvc init\` in the **workspace**. It will contain the
       desc: `
 The DVC cache is a hidden storage (by default located in the \`.dvc/cache\`
 directory) for files that are under DVC control, and their different versions.
-For more details, please refer to this
-[document](/doc/user-guide/dvc-files-and-directories#structure-of-cache-directory).
+For more details, please refer to this [document]
+(/doc/user-guide/dvc-files-and-directories#structure-of-cache-directory).
       `
     },
     {
@@ -43,8 +43,8 @@ For more details, please refer to this
       desc: `
 Any data file or directory, as well as intermediate or final result (such as
 extracted features or a ML model file) that is under DVC control. Refer to
-[Data and Model Files Versioning](/doc/use-cases/data-and-model-files-versioning)
-for more details.
+[Data and Model Files Versioning]
+(/doc/use-cases/data-and-model-files-versioning) for more details.
       `
     },
     {
@@ -68,8 +68,9 @@ A file or a directory that is under DVC control. See \`dvc add\` \`dvc run\`,
       match: ['external dependency', 'external dependencies'],
       desc: `
 A DVC-file dependency with origin in an external source, for example HTTP, SSH,
-Amazon S3, Google Cloud Storage remote locations, or even other DVC repositories.
-See [External Dependencies](/doc/user-guide/external-dependencies).
+Amazon S3, Google Cloud Storage remote locations, or even other DVC
+repositories. See [External Dependencies]
+(/doc/user-guide/external-dependencies).
       `
     }
   ]
diff --git a/src/DownloadButton/index.js b/src/DownloadButton/index.js
index d5d752e020f..cb9a83151b9 100644
--- a/src/DownloadButton/index.js
+++ b/src/DownloadButton/index.js
@@ -16,19 +16,31 @@ const LINE = `line`
 const links = {
   [OSX]: {
     title: 'Mac OS',
-    url: `https://github.com/iterative/dvc/releases/download/${VERSION}/dvc-${VERSION}.pkg`
+    url: `
+      https://github.com/iterative/dvc/releases/download/
+      ${VERSION}/dvc-${VERSION}.pkg
+    `
   },
   [WINDOWS]: {
     title: 'Windows',
-    url: `https://github.com/iterative/dvc/releases/download/${VERSION}/dvc-${VERSION}.exe`
+    url: `
+      https://github.com/iterative/dvc/releases/download/
+      ${VERSION}/dvc-${VERSION}.exe
+    `
   },
   [LINUX]: {
     title: 'Linux Deb',
-    url: `https://github.com/iterative/dvc/releases/download/${VERSION}/dvc_${VERSION}_amd64.deb`
+    url: `
+      https://github.com/iterative/dvc/releases/download/
+      ${VERSION}/dvc_${VERSION}_amd64.deb
+    `
   },
   [LINUX_RPM]: {
     title: 'Linux RPM',
-    url: `https://github.com/iterative/dvc/releases/download/${VERSION}/dvc-${VERSION}-1.x86_64.rpm`
+    url: `
+      https://github.com/iterative/dvc/releases/download/
+      ${VERSION}/dvc-${VERSION}-1.x86_64.rpm
+    `
   },
   [UNKNOWN]: {
     title: 'pip install dvc'
diff --git a/src/LandingHero/index.js b/src/LandingHero/index.js
index 6b1dbd44476..c384e35fa7a 100644
--- a/src/LandingHero/index.js
+++ b/src/LandingHero/index.js
@@ -103,6 +103,7 @@ export default class LandingHero extends Component {
   }
 }
 
+/* eslint-disable max-len */
 const Wrapper = styled.div`
   padding-top: 136px;
   padding-bottom: 146px;
@@ -297,3 +298,4 @@ const Github = styled.div`
     font-size: 18px;
   }
 `
+/* eslint-enable max-len */
diff --git a/src/Subscribe/index.js b/src/Subscribe/index.js
index 99a8512b08c..0c165aaa411 100644
--- a/src/Subscribe/index.js
+++ b/src/Subscribe/index.js
@@ -19,6 +19,7 @@ export default function Subscribe() {
   )
 }
 
+/* eslint-disable max-len */
 const Wrapper = styled.section`
   position: relative;
   height: 300px;
@@ -118,3 +119,4 @@ const SubscribeContainer = styled.div`
     min-height: auto;
   }
 `
+/* eslint-enable max-len */
diff --git a/src/SubscribeForm/index.js b/src/SubscribeForm/index.js
index adda7120cd4..163038d3d0b 100644
--- a/src/SubscribeForm/index.js
+++ b/src/SubscribeForm/index.js
@@ -5,7 +5,10 @@ import { media } from '../styles'
 export default function SubscribeForm() {
   return (
     <Form
-      action="https://sweedom.us10.list-manage.com/subscribe/post?u=a08bf93caae4063c4e6a351f6&amp;id=24c0ecc49a"
+      action={`
+        https://sweedom.us10.list-manage.com/subscribe/post?
+        u=a08bf93caae4063c4e6a351f6&amp;id=24c0ecc49a
+      `}
       method="post"
       id="mc-embedded-subscribe-form"
       name="mc-embedded-subscribe-form"
@@ -22,7 +25,10 @@ export default function SubscribeForm() {
         required
       />
 
-      {/*real people should not fill this in and expect good things - do not remove this or risk form bot signups*/}
+      {/*
+        real people should not fill this in and expect good things - 
+        do not remove this or risk form bot signups
+      */}
       <div style={{ position: 'absolute', left: '-5000px' }} aria-hidden="true">
         <input
           type="text"
diff --git a/src/Video/index.js b/src/Video/index.js
index e3a9e52303f..dee94d94756 100644
--- a/src/Video/index.js
+++ b/src/Video/index.js
@@ -75,7 +75,10 @@ export default class Video extends Component {
             title="Video"
             width="560"
             height="315"
-            src={`https://www.youtube.com/embed/${id}?rel=0&amp;controls=0&amp;showinfo=0;${playing}`}
+            src={`
+              https://www.youtube.com/embed/${id}?
+              rel=0&amp;controls=0&amp;showinfo=0;${playing}
+            `}
             frameBorder="0"
             allow="autoplay; encrypted-media"
             allowFullScreen
diff --git a/src/styles.js b/src/styles.js
index ef89ddebf8c..d7404403377 100644
--- a/src/styles.js
+++ b/src/styles.js
@@ -60,6 +60,7 @@ export const media = Object.keys(sizes).reduce((accumulator, label) => {
   return accumulator
 }, {})
 
+/* eslint-disable max-len */
 export const container = css`
   margin: 0 auto;
   max-width: ${maxWidth}px;
@@ -148,3 +149,4 @@ export const OnlyDesktop = styled.div`
   ${media.phablet`display: none;`};
   ${media.phone`display: none;`};
 `
+/* eslint-enable max-len */