prettier

mui · Oct 21, 2024 · 7dce2b3 · 7dce2b3
1 parent 03e0ec4
commit 7dce2b3
Show file tree

Hide file tree

Showing 4 changed files with 74 additions and 23 deletions.
diff --git a/docs/src/app/experiments/accordion-animations.tsx b/docs/src/app/experiments/accordion-animations.tsx
@@ -25,12 +25,14 @@ export default function App() {
                 <ExpandMoreIcon />
               </Accordion.Trigger>
             </Accordion.Header>
-            <Accordion.Panel className={classNames(classes.panel, classes.cssanimation)}>
+            <Accordion.Panel
+              className={classNames(classes.panel, classes.cssanimation)}
+            >
               <p>
                 This is the contents of Accordion.Panel {index + 1}
                 <br />
-                It uses `hidden=&quot;until-found&quot;` and can be opened by the browser&apos;s
-                in-page search
+                It uses `hidden=&quot;until-found&quot;` and can be opened by the
+                browser&apos;s in-page search
                 <br />
                 <input type="text" />
               </p>
@@ -40,7 +42,10 @@ export default function App() {
       </Accordion.Root>
 
       <h3>CSS transitions</h3>
-      <Accordion.Root className={classes.root} aria-label="Uncontrolled Material UI Accordion">
+      <Accordion.Root
+        className={classes.root}
+        aria-label="Uncontrolled Material UI Accordion"
+      >
         {[0, 1, 2].map((index) => (
           <Accordion.Item className={classes.item} key={index}>
             <Accordion.Header className={classes.header}>
@@ -49,7 +54,9 @@ export default function App() {
                 <ExpandMoreIcon />
               </Accordion.Trigger>
             </Accordion.Header>
-            <Accordion.Panel className={classNames(classes.panel, classes.csstransition)}>
+            <Accordion.Panel
+              className={classNames(classes.panel, classes.csstransition)}
+            >
               <p>This is the contents of Accordion.Panel {index + 1}</p>
               <a href="https://www.w3.org/TR/WCAG22/">WCAG 2.2</a>
             </Accordion.Panel>

diff --git a/docs/src/app/experiments/accordion-horizontal.tsx b/docs/src/app/experiments/accordion-horizontal.tsx
@@ -21,7 +21,9 @@ export default function App() {
         {['one', 'two', 'three'].map((value, index) => (
           <Accordion.Item className={classes.item} key={value}>
             <Accordion.Header className={classes.header}>
-              <Accordion.Trigger className={classNames(classes.trigger, classes[value])}>
+              <Accordion.Trigger
+                className={classNames(classes.trigger, classes[value])}
+              >
                 <span className={classes.triggerText}>{index + 1}</span>
                 <span className={classes.triggerLabel}>{value}</span>
               </Accordion.Trigger>
@@ -53,7 +55,9 @@ export default function App() {
         {['one', 'two', 'three'].map((value, index) => (
           <Accordion.Item className={classes.item} key={value} value={value}>
             <Accordion.Header className={classes.header}>
-              <Accordion.Trigger className={classNames(classes.trigger, classes[value])}>
+              <Accordion.Trigger
+                className={classNames(classes.trigger, classes[value])}
+              >
                 <span className={classes.triggerText}>{index + 1}</span>
                 <span className={classes.triggerLabel}>{value}</span>
               </Accordion.Trigger>

diff --git a/docs/src/app/experiments/accordion.tsx b/docs/src/app/experiments/accordion.tsx
@@ -32,7 +32,9 @@ export default function App() {
       >
         <Accordion.Item className="MyAccordion-item">
           <Accordion.Header className="MyAccordion-header">
-            <Accordion.Trigger className="MyAccordion-trigger">Trigger 1</Accordion.Trigger>
+            <Accordion.Trigger className="MyAccordion-trigger">
+              Trigger 1
+            </Accordion.Trigger>
           </Accordion.Header>
           <Accordion.Panel className="MyAccordion-panel">
             This is the contents of Accordion.Panel 1
@@ -42,7 +44,9 @@ export default function App() {
 
         <Accordion.Item className="MyAccordion-item">
           <Accordion.Header className="MyAccordion-header">
-            <Accordion.Trigger className="MyAccordion-trigger">Trigger 2</Accordion.Trigger>
+            <Accordion.Trigger className="MyAccordion-trigger">
+              Trigger 2
+            </Accordion.Trigger>
           </Accordion.Header>
           <Accordion.Panel className="MyAccordion-panel">
             This is the contents of Accordion.Panel 2
@@ -57,13 +61,16 @@ export default function App() {
             </Accordion.Trigger>
           </Accordion.Header>
           <Accordion.Panel className="MyAccordion-panel">
-            This is the contents of Accordion.Panel 3<a href="https://mui.com">MUI</a>
+            This is the contents of Accordion.Panel 3
+            <a href="https://mui.com">MUI</a>
           </Accordion.Panel>
         </Accordion.Item>
 
         <Accordion.Item className="MyAccordion-item">
           <Accordion.Header className="MyAccordion-header">
-            <Accordion.Trigger className="MyAccordion-trigger">Trigger 4</Accordion.Trigger>
+            <Accordion.Trigger className="MyAccordion-trigger">
+              Trigger 4
+            </Accordion.Trigger>
           </Accordion.Header>
           <Accordion.Panel className="MyAccordion-panel">
             This is the contents of Accordion.Panel 4
@@ -72,7 +79,9 @@ export default function App() {
 
         <Accordion.Item className="MyAccordion-item">
           <Accordion.Header className="MyAccordion-header">
-            <Accordion.Trigger className="MyAccordion-trigger">Trigger 5</Accordion.Trigger>
+            <Accordion.Trigger className="MyAccordion-trigger">
+              Trigger 5
+            </Accordion.Trigger>
           </Accordion.Header>
           <Accordion.Panel className="MyAccordion-panel">
             This is the contents of Accordion.Panel 5
@@ -93,7 +102,9 @@ export default function App() {
       >
         <Accordion.Item className="MyAccordion-item" value="one">
           <Accordion.Header className="MyAccordion-header">
-            <Accordion.Trigger className="MyAccordion-trigger">Trigger 1</Accordion.Trigger>
+            <Accordion.Trigger className="MyAccordion-trigger">
+              Trigger 1
+            </Accordion.Trigger>
           </Accordion.Header>
           <Accordion.Panel className="MyAccordion-panel">
             This is the contents of Accordion.Panel 1, the value is &quot;one&quot;
@@ -102,7 +113,9 @@ export default function App() {
 
         <Accordion.Item className="MyAccordion-item" value="two">
           <Accordion.Header className="MyAccordion-header">
-            <Accordion.Trigger className="MyAccordion-trigger">Trigger 2</Accordion.Trigger>
+            <Accordion.Trigger className="MyAccordion-trigger">
+              Trigger 2
+            </Accordion.Trigger>
           </Accordion.Header>
           <Accordion.Panel className="MyAccordion-panel">
             This is the contents of Accordion.Panel 2, the value is &quot;two&quot;
@@ -111,7 +124,9 @@ export default function App() {
 
         <Accordion.Item className="MyAccordion-item" value="three">
           <Accordion.Header className="MyAccordion-header">
-            <Accordion.Trigger className="MyAccordion-trigger">Trigger 3</Accordion.Trigger>
+            <Accordion.Trigger className="MyAccordion-trigger">
+              Trigger 3
+            </Accordion.Trigger>
           </Accordion.Header>
           <Accordion.Panel className="MyAccordion-panel">
             This is the contents of Accordion.Panel 3, the value is &quot;three&quot;
@@ -136,7 +151,9 @@ export default function App() {
       >
         <Accordion.Item className="MyAccordion-item" value="one">
           <Accordion.Header className="MyAccordion-header">
-            <Accordion.Trigger className="MyAccordion-trigger">Trigger 1</Accordion.Trigger>
+            <Accordion.Trigger className="MyAccordion-trigger">
+              Trigger 1
+            </Accordion.Trigger>
           </Accordion.Header>
           <Accordion.Panel className="MyAccordion-panel">
             This is the contents of Accordion.Panel 1, the value is &quot;one&quot;
@@ -145,7 +162,9 @@ export default function App() {
 
         <Accordion.Item className="MyAccordion-item" value="two">
           <Accordion.Header className="MyAccordion-header">
-            <Accordion.Trigger className="MyAccordion-trigger">Trigger 2</Accordion.Trigger>
+            <Accordion.Trigger className="MyAccordion-trigger">
+              Trigger 2
+            </Accordion.Trigger>
           </Accordion.Header>
           <Accordion.Panel className="MyAccordion-panel">
             This is the contents of Accordion.Panel 2, the value is &quot;two&quot;
@@ -154,7 +173,9 @@ export default function App() {
 
         <Accordion.Item className="MyAccordion-item" value="three">
           <Accordion.Header className="MyAccordion-header">
-            <Accordion.Trigger className="MyAccordion-trigger">Trigger 3</Accordion.Trigger>
+            <Accordion.Trigger className="MyAccordion-trigger">
+              Trigger 3
+            </Accordion.Trigger>
           </Accordion.Header>
           <Accordion.Panel className="MyAccordion-panel">
             This is the contents of Accordion.Panel 3, the value is &quot;three&quot;
@@ -175,7 +196,10 @@ function CheckIcon(props: React.SVGProps<SVGSVGElement>) {
       viewBox="0 0 24 24"
       fill="none"
     >
-      <path d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill="currentColor" />
+      <path
+        d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
+        fill="currentColor"
+      />
     </svg>
   );
 }

diff --git a/docs/src/app/experiments/collapsible-cls.tsx b/docs/src/app/experiments/collapsible-cls.tsx
@@ -20,7 +20,11 @@ export default function AnimatedCollapsibles() {
           <p>This is the collapsed content</p>
           <p>
             You can find the Base UI repository{' '}
-            <a href="https://github.com/mui/base-ui" target="_blank" rel="noreferrer noopener">
+            <a
+              href="https://github.com/mui/base-ui"
+              target="_blank"
+              rel="noreferrer noopener"
+            >
               here
             </a>
           </p>
@@ -36,7 +40,11 @@ export default function AnimatedCollapsibles() {
           <p>This is the collapsed content</p>
           <p>
             You can find the Base UI repository{' '}
-            <a href="https://github.com/mui/base-ui" target="_blank" rel="noreferrer noopener">
+            <a
+              href="https://github.com/mui/base-ui"
+              target="_blank"
+              rel="noreferrer noopener"
+            >
               here
             </a>
           </p>
@@ -52,7 +60,11 @@ export default function AnimatedCollapsibles() {
           <p>This is the collapsed content</p>
           <p>
             You can find the Base UI repository{' '}
-            <a href="https://github.com/mui/base-ui" target="_blank" rel="noreferrer noopener">
+            <a
+              href="https://github.com/mui/base-ui"
+              target="_blank"
+              rel="noreferrer noopener"
+            >
               here
             </a>
           </p>
@@ -68,7 +80,11 @@ export default function AnimatedCollapsibles() {
           <p>This is the collapsed content</p>
           <p>
             You can find the Base UI repository{' '}
-            <a href="https://github.com/mui/base-ui" target="_blank" rel="noreferrer noopener">
+            <a
+              href="https://github.com/mui/base-ui"
+              target="_blank"
+              rel="noreferrer noopener"
+            >
               here
             </a>
           </p>