linting

Author: scott-williams-az

packages/component-header-footer/src/header/components/Button/index.styles.js

@@ -5,12 +5,12 @@ import {
   ASU_WHITE,
   GRAY_BUTTON_DISABLED,
   ASU_GOLD,
-  ASU_MAROON
+  ASU_MAROON,
 } from "../../colors";
 
 const ButtonWrapper = styled.a`
-  font-family: Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans,
-    sans-serif;
+  font-family:
+    Arial, Helvetica, "Nimbus Sans L", "Liberation Sans", FreeSans, sans-serif;
   color: ${ASU_GRAY1};
   padding: 0.5rem 1rem;
   border-radius: 400rem;

packages/component-header-footer/src/header/components/HeaderMain/NavbarContainer/Buttons.test.js

@@ -64,9 +64,19 @@ const stateWithButtons = {
     },
   ],
   buttons: [
-    { text: "Login", href: "/login", "data-testid": "header-button" },
-    { text: "Sign Up", onClick: jest.fn(), as: "button", "data-testid": "header-button" },
-    { text: "Contact", onClick: jest.fn(), href: "#", "data-testid": "header-button" },
+    { "text": "Login", "href": "/login", "data-testid": "header-button" },
+    {
+      "text": "Sign Up",
+      "onClick": jest.fn(),
+      "as": "button",
+      "data-testid": "header-button",
+    },
+    {
+      "text": "Contact",
+      "onClick": jest.fn(),
+      "href": "#",
+      "data-testid": "header-button",
+    },
   ],
   breakpoint: "lg",
 };

packages/component-header-footer/src/header/components/UniversalNavbar/Search/SearchInput.js

@@ -22,12 +22,12 @@ const SearchInput = ({
   isMobile,
   style = {},
   className = "",
-  onBlur
+  onBlur,
 }) => {
   /**
    * @param {React.ChangeEvent<HTMLInputElement>} e
    */
-  const handleInputChange = (e) => {
+  const handleInputChange = e => {
     const value = e.target.value;
     setHasInputValue(value.length > 0);
   };
@@ -43,14 +43,16 @@ const SearchInput = ({
     onBlur: onBlur,
     style: {
       paddingLeft: hasInputValue && isMobile ? "1rem" : undefined,
-      ...style
-    }
+      ...style,
+    },
   };
 
   if (isMobile) {
     return (
       <>
-        {!hasInputValue && <FontAwesomeIcon className="search-icon" icon={faSearch} />}
+        {!hasInputValue && (
+          <FontAwesomeIcon className="search-icon" icon={faSearch} />
+        )}
         <input {...baseInputProps} />
         {hasInputValue && (
           <button

packages/shared/assets/img/named/index.js

@@ -20,7 +20,7 @@ import * as intro01 from "./intro01.jpg";
 import * as poly1 from "./poly01.jpg";
 import * as requestFormInformation from "./request-form-information.jpeg";
 import * as ws2DefaultImagev01Final from "./WS2-DefaultImagev01-Final.png";
-import * as moreGradsMoreInnovation from "./more-grads-more-innovation.png"
+import * as moreGradsMoreInnovation from "./more-grads-more-innovation.png";
 
 export const imageName = {
   anon: anon.default,

packages/unity-react-core/src/components/Button/Button.stories.jsx

@@ -281,45 +281,65 @@ export const AllVariants = () => (
   <div className="container-fluid">
     <div className="col col-sm-12 p-3">
       <h3>UDS Button Variants</h3>
+      <Button
+        label="Borderless"
+        variant="borderless"
+        color="gold"
+        onClick={handleClick}
+      />
+      <Button
+        label="Outline"
+        variant="outline"
+        color="gold"
+        onClick={handleClick}
+      />
+      <Button
+        label="Filled sm"
+        variant="filled"
+        color="gold"
+        onClick={handleClick}
+        size="small"
+      />
+      <Button
+        label="Filled md"
+        variant="filled"
+        color="gold"
+        onClick={handleClick}
+        size="medium"
+      />
+      <Button
+        label="Filled lg/default"
+        variant="filled"
+        color="gold"
+        onClick={handleClick}
+        size="large"
+      />
+      <h3>All Colors</h3>
+      <div style={{ display: "flex", gap: "1rem", flexWrap: "wrap" }}>
         <Button
-          label="Borderless"
-          variant="borderless"
-          color="gold"
-          onClick={handleClick}
-        />
-        <Button
-          label="Outline"
-          variant="outline"
+          label="Gold"
+          variant="filled"
           color="gold"
           onClick={handleClick}
         />
         <Button
-          label="Filled sm"
+          label="Maroon"
           variant="filled"
-          color="gold"
+          color="maroon"
           onClick={handleClick}
-          size="small"
         />
         <Button
-          label="Filled md"
+          label="Gray"
           variant="filled"
-          color="gold"
+          color="gray"
           onClick={handleClick}
-          size="medium"
         />
         <Button
-          label="Filled lg/default"
+          label="Dark"
           variant="filled"
-          color="gold"
+          color="dark"
           onClick={handleClick}
-          size="large"
         />
-      <h3>All Colors</h3>
-      <div style={{ display: "flex", gap: "1rem", flexWrap: "wrap" }}>
-        <Button label="Gold" variant="filled" color="gold" onClick={handleClick} />
-        <Button label="Maroon" variant="filled" color="maroon" onClick={handleClick} />
-        <Button label="Gray" variant="filled" color="gray" onClick={handleClick} />
-        <Button label="Dark" variant="filled" color="dark" onClick={handleClick} />
       </div>
     </div>
   </div>
@@ -332,4 +352,3 @@ AllVariants.parameters = {
   },
   controls: { disable: true },
 };
-

packages/unity-react-core/src/components/CardArrangement/CardArrangement.stories.jsx

@@ -5,7 +5,6 @@ import { CardArrangement } from "./CardArrangement";
 
 const img1 = imageAny();
 
-
 export default {
   title: "Components/Card Arrangement",
   component: CardArrangement,
@@ -198,25 +197,28 @@ const imageCards = [
     src: img1,
     alt: "Image card 1",
     captionTitle: "Image Card One",
-    caption: "This is the body content for the first image card with dropshadow and with cardLink prop provided. Card acts as anchor/link",
+    caption:
+      "This is the body content for the first image card with dropshadow and with cardLink prop provided. Card acts as anchor/link",
     border: true,
     dropShadow: true,
     cardLink: "https://example.com",
-    title: "example"
+    title: "example",
   },
   {
     type: "image",
     src: img1,
     alt: "Image card 2",
     captionTitle: "Image Card Two",
-    caption: "This is the body content for the second image card with no border",
+    caption:
+      "This is the body content for the second image card with no border",
   },
   {
     type: "image",
     src: img1,
     alt: "Image card 3",
     captionTitle: "Image Card Three",
-    caption: "This is the body content for the third image card with no drop shadow.",
+    caption:
+      "This is the body content for the third image card with no drop shadow.",
     border: true,
     dropShadow: false,
   },

packages/unity-react-core/src/components/ContentSpotlight/ContentSpotlight.stories.jsx

@@ -1,7 +1,7 @@
 // @ts-check
 import React from "react";
 import { ContentSpotlight } from "./ContentSpotlight";
-import {imageName} from "@asu/shared";
+import { imageName } from "@asu/shared";
 
 export default {
   title: "Components/ContentSpotlight",