FOrmatting fixes via yarn format

Author: liamjohnston

CODE_OF_CONDUCT.md

@@ -5,43 +5,43 @@
 In the interest of fostering an open and welcoming environment, we as
 contributors and maintainers pledge to making participation in our project and
 our community a harassment-free experience for everyone, regardless of age, body
-size, disability, ethnicity, sex characteristics, gender identity and expression,
-level of experience, education, socio-economic status, nationality, personal
-appearance, race, religion, or sexual identity and orientation.
+size, disability, ethnicity, sex characteristics, gender identity and
+expression, level of experience, education, socio-economic status, nationality,
+personal appearance, race, religion, or sexual identity and orientation.
 
 ## Our Standards
 
 Examples of behavior that contributes to creating a positive environment
 include:
 
-* Using welcoming and inclusive language
-* Being respectful of differing viewpoints and experiences
-* Gracefully accepting constructive criticism
-* Focusing on what is best for the community
-* Showing empathy towards other community members
+-   Using welcoming and inclusive language
+-   Being respectful of differing viewpoints and experiences
+-   Gracefully accepting constructive criticism
+-   Focusing on what is best for the community
+-   Showing empathy towards other community members
 
 Examples of unacceptable behavior by participants include:
 
-* The use of sexualized language or imagery and unwelcome sexual attention or
- advances
-* Trolling, insulting/derogatory comments, and personal or political attacks
-* Public or private harassment
-* Publishing others' private information, such as a physical or electronic
- address, without explicit permission
-* Other conduct which could reasonably be considered inappropriate in a
- professional setting
+-   The use of sexualized language or imagery and unwelcome sexual attention or
+    advances
+-   Trolling, insulting/derogatory comments, and personal or political attacks
+-   Public or private harassment
+-   Publishing others' private information, such as a physical or electronic
+    address, without explicit permission
+-   Other conduct which could reasonably be considered inappropriate in a
+    professional setting
 
 ## Our Responsibilities
 
 Project maintainers are responsible for clarifying the standards of acceptable
 behavior and are expected to take appropriate and fair corrective action in
 response to any instances of unacceptable behavior.
 
-Project maintainers have the right and responsibility to remove, edit, or
-reject comments, commits, code, wiki edits, issues, and other contributions
-that are not aligned to this Code of Conduct, or to ban temporarily or
-permanently any contributor for other behaviors that they deem inappropriate,
-threatening, offensive, or harmful.
+Project maintainers have the right and responsibility to remove, edit, or reject
+comments, commits, code, wiki edits, issues, and other contributions that are
+not aligned to this Code of Conduct, or to ban temporarily or permanently any
+contributor for other behaviors that they deem inappropriate, threatening,
+offensive, or harmful.
 
 ## Scope
 
@@ -58,17 +58,19 @@ Instances of abusive, harassing, or otherwise unacceptable behavior may be
 reported by contacting the project team at hello@springload.co.nz. All
 complaints will be reviewed and investigated and will result in a response that
 is deemed necessary and appropriate to the circumstances. The project team is
-obligated to maintain confidentiality with regard to the reporter of an incident.
-Further details of specific enforcement policies may be posted separately.
+obligated to maintain confidentiality with regard to the reporter of an
+incident. Further details of specific enforcement policies may be posted
+separately.
 
 Project maintainers who do not follow or enforce the Code of Conduct in good
 faith may face temporary or permanent repercussions as determined by other
 members of the project's leadership.
 
 ## Attribution
 
-This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4,
-available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
+This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+version 1.4, available at
+https://www.contributor-covenant.org/version/1/4/code-of-conduct.html
 
 [homepage]: https://www.contributor-covenant.org
 

babel.config.js

@@ -1,4 +1,4 @@
-module.exports = api => {
+module.exports = (api) => {
     api.cache(true);
 
     const presets = [

demo/src/index.tsx

@@ -133,8 +133,8 @@ const App = (): JSX.Element => (
         <Accordion preExpanded={[placeholders[0].uuid]}>
             {placeholders.map((placeholder: Placeholder) => (
                 <AccordionItem
-                key={placeholder.heading}
-                uuid={placeholder.uuid}
+                    key={placeholder.heading}
+                    uuid={placeholder.uuid}
                 >
                     <AccordionItemHeading>
                         <AccordionItemButton>
@@ -147,7 +147,7 @@ const App = (): JSX.Element => (
         </Accordion>
 
         <Code code={ExamplePreExpanded} />
-        
+
         <h2 className="u-margin-top">Informative onChange</h2>
 
         <p>
@@ -170,8 +170,8 @@ const App = (): JSX.Element => (
         >
             {placeholders.map((placeholder: Placeholder) => (
                 <AccordionItem
-                key={placeholder.heading}
-                uuid={placeholder.uuid}
+                    key={placeholder.heading}
+                    uuid={placeholder.uuid}
                 >
                     <AccordionItemHeading>
                         <AccordionItemButton>
@@ -182,7 +182,7 @@ const App = (): JSX.Element => (
                 </AccordionItem>
             ))}
         </Accordion>
-    
+
         <Code code={ExampleOnChange} />
 
         <h2 className="u-margin-top">Accessing Item State</h2>
@@ -222,8 +222,9 @@ const App = (): JSX.Element => (
         <h2 className="u-margin-top">Manual state</h2>
 
         <p>
-            When you use the <strong>dangerouslySetExpanded</strong> prop, you can 
-            manually override whether an <strong>AccordionItem</strong> is expanded.
+            When you use the <strong>dangerouslySetExpanded</strong> prop, you
+            can manually override whether an <strong>AccordionItem</strong> is
+            expanded.
         </p>
 
         <p>
@@ -238,7 +239,6 @@ const App = (): JSX.Element => (
                     <AccordionItem
                         key={placeholder.heading}
                         uuid={placeholder.uuid}
-                        // Warning: This can impact accessibility negatively
                         dangerouslySetExpanded={isExpanded}
                     >
                         <AccordionItemHeading>

integration/wai-aria.spec.js

@@ -86,10 +86,10 @@ describe('WAI ARIA Spec', () => {
                 function evaluateIsExpanded(buttonHandle) {
                     return page
                         .evaluate(
-                            heading => heading.getAttribute('aria-expanded'),
+                            (heading) => heading.getAttribute('aria-expanded'),
                             buttonHandle,
                         )
-                        .then(ariaExpanded => ariaExpanded === 'true');
+                        .then((ariaExpanded) => ariaExpanded === 'true');
                 }
 
                 // ENTER key
@@ -132,7 +132,7 @@ describe('WAI ARIA Spec', () => {
                 await firstButtonHandle.focus();
                 await page.keyboard.press('Tab');
                 const secondIsFocussed = await page.evaluate(
-                    button => document.activeElement === button,
+                    (button) => document.activeElement === button,
                     secondButtonHandle,
                 );
                 expect(secondIsFocussed).toEqual(true);
@@ -150,7 +150,7 @@ describe('WAI ARIA Spec', () => {
                 await page.keyboard.press('Tab');
                 await page.keyboard.up('Shift');
                 const firstIsFocussed = await page.evaluate(
-                    button => document.activeElement === button,
+                    (button) => document.activeElement === button,
                     firstButtonHandle,
                 );
                 expect(firstIsFocussed).toEqual(true);
@@ -165,7 +165,7 @@ describe('WAI ARIA Spec', () => {
                 await firstButtonHandle.focus();
                 await page.keyboard.press('ArrowDown');
                 const secondIsFocussed = await page.evaluate(
-                    button => document.activeElement === button,
+                    (button) => document.activeElement === button,
                     secondButtonHandle,
                 );
                 expect(secondIsFocussed).toEqual(true);
@@ -185,7 +185,7 @@ describe('WAI ARIA Spec', () => {
                 await secondButtonHandle.focus();
                 await page.keyboard.press('ArrowUp');
                 const firstIsFocussed = await page.evaluate(
-                    button => document.activeElement === button,
+                    (button) => document.activeElement === button,
                     firstButtonHandle,
                 );
                 expect(firstIsFocussed).toEqual(true);
@@ -209,7 +209,7 @@ describe('WAI ARIA Spec', () => {
                 await thirdButtonHandle.focus();
                 await page.keyboard.press('Home');
                 const firstIsFocussed = await page.evaluate(
-                    button => document.activeElement === button,
+                    (button) => document.activeElement === button,
                     firstButtonHandle,
                 );
                 expect(firstIsFocussed).toEqual(true);
@@ -228,7 +228,7 @@ describe('WAI ARIA Spec', () => {
                 await firstButtonHandle.focus();
                 await page.keyboard.press('End');
                 const thirdIsFocussed = await page.evaluate(
-                    button => document.activeElement === button,
+                    (button) => document.activeElement === button,
                     thirdButtonHandle,
                 );
                 expect(thirdIsFocussed).toEqual(true);
@@ -246,7 +246,7 @@ describe('WAI ARIA Spec', () => {
             for (const buttonHandle of buttonsHandles) {
                 expect(
                     await page.evaluate(
-                        button => button.getAttribute('role'),
+                        (button) => button.getAttribute('role'),
                         buttonHandle,
                     ),
                 ).toBe('button');
@@ -261,14 +261,14 @@ describe('WAI ARIA Spec', () => {
             for (const buttonHandle of buttonsHandles) {
                 expect(
                     await page.evaluate(
-                        button => button.parentElement.getAttribute('role'),
+                        (button) => button.parentElement.getAttribute('role'),
                         buttonHandle,
                     ),
                 ).toBe('heading');
 
                 expect(
                     await page.evaluate(
-                        button =>
+                        (button) =>
                             button.parentElement.getAttribute('aria-level'),
                         buttonHandle,
                     ),
@@ -292,14 +292,14 @@ describe('WAI ARIA Spec', () => {
             for (const handle of headingsHandles) {
                 expect(
                     await page.evaluate(
-                        heading => heading.childNodes.length === 1,
+                        (heading) => heading.childNodes.length === 1,
                         handle,
                     ),
                 ).toEqual(true);
 
                 expect(
                     await page.evaluate(
-                        heading =>
+                        (heading) =>
                             heading.firstChild.getAttribute(
                                 'data-accordion-component',
                             ) === 'AccordionItemButton',
@@ -319,7 +319,7 @@ describe('WAI ARIA Spec', () => {
                 // Before expanding
                 expect(
                     await page.evaluate(
-                        button => button.getAttribute('aria-expanded'),
+                        (button) => button.getAttribute('aria-expanded'),
                         handle,
                     ),
                 ).toEqual('false');
@@ -330,7 +330,7 @@ describe('WAI ARIA Spec', () => {
                 // After expanding
                 expect(
                     await page.evaluate(
-                        button => button.getAttribute('aria-expanded'),
+                        (button) => button.getAttribute('aria-expanded'),
                         handle,
                     ),
                 ).toEqual('true');
@@ -351,11 +351,11 @@ describe('WAI ARIA Spec', () => {
                 );
 
                 const buttonAriaControls = await page.evaluate(
-                    button => button.getAttribute('aria-controls'),
+                    (button) => button.getAttribute('aria-controls'),
                     buttonHandle,
                 );
                 const panelId = await page.evaluate(
-                    panel => panel.id,
+                    (panel) => panel.id,
                     panelHandle,
                 );
 
@@ -375,7 +375,7 @@ describe('WAI ARIA Spec', () => {
             await firstButtonHandle.click();
 
             const buttonAriaDisabled = await page.evaluate(
-                button => button.getAttribute('aria-disabled'),
+                (button) => button.getAttribute('aria-disabled'),
                 firstButtonHandle,
             );
 
@@ -397,15 +397,15 @@ describe('WAI ARIA Spec', () => {
                 );
 
                 const buttonId = await page.evaluate(
-                    button => button.id,
+                    (button) => button.id,
                     buttonHandle,
                 );
                 const panelAriaLabelledBy = await page.evaluate(
-                    panel => panel.getAttribute('aria-labelledby'),
+                    (panel) => panel.getAttribute('aria-labelledby'),
                     panelHandle,
                 );
                 const panelRole = await page.evaluate(
-                    panel => panel.getAttribute('role'),
+                    (panel) => panel.getAttribute('role'),
                     panelHandle,
                 );