feat(prettier): add svelteBracketNewLine

src/DataTable/DataTable.Story.svelte

@@ -82,7 +82,8 @@
     <TableContainer
       title="DataTable"
       description="With default options"
-      {...props.getTableContainerProps()}>
+      {...props.getTableContainerProps()}
+    >
       <Table {...props.getTableProps()}>
         <TableHead>
           <TableRow>
@@ -126,7 +127,8 @@
       console.log('on:click:cell', detail);
     }}"
     rows="{rows}"
-    headers="{headers}" />
+    headers="{headers}"
+  />
 {:else}
   <DataTable
     title="{$$props.title}"
@@ -147,5 +149,6 @@
       console.log('on:click:cell', detail);
     }}"
     rows="{rows}"
-    headers="{headers}" />
+    headers="{headers}"
+  />
 {/if}

src/DataTable/DataTable.svelte

@@ -121,7 +121,8 @@
       zebra="{zebra}"
       size="{size}"
       stickyHeader="{stickyHeader}"
-      sortable="{sortable}">
+      sortable="{sortable}"
+    >
       <TableHead>
         <TableRow>
           {#each headers as header, i (header.key)}
@@ -137,7 +138,8 @@
                   key: header.key,
                   sortDirection,
                 });
-              }}">
+              }}"
+            >
               {header.value}
             </TableHeader>
           {/each}
@@ -149,13 +151,15 @@
             on:click="{() => {
               dispatch('click', { row });
               dispatch('click:row', row);
-            }}">
+            }}"
+          >
             {#each row.cells as cell, j (cell.key)}
               <TableCell
                 on:click="{() => {
                   dispatch('click', { row, cell });
                   dispatch('click:cell', cell);
-                }}">
+                }}"
+              >
                 {cell.value}
               </TableCell>
             {/each}

src/DataTable/Table.svelte

@@ -47,7 +47,8 @@
       class:bx--data-table--zebra="{zebra}"
       class:bx--data-table--static="{useStaticWidth}"
       class:bx--data-table--no-border="{!shouldShowBorder}"
-      class:bx--data-table--sticky-header="{stickyHeader}">
+      class:bx--data-table--sticky-header="{stickyHeader}"
+    >
       <slot />
     </table>
   </section>
@@ -62,7 +63,8 @@
     class:bx--data-table--static="{useStaticWidth}"
     class:bx--data-table--no-border="{!shouldShowBorder}"
     class:bx--data-table--sticky-header="{stickyHeader}"
-    {...$$restProps}>
+    {...$$restProps}
+  >
     <slot />
   </table>
 {/if}

src/DataTable/TableContainer.svelte

@@ -21,7 +21,8 @@
 <div
   class:bx--data-table-container="{true}"
   class:bx--data-table--max-width="{stickyHeader}"
-  {...$$restProps}>
+  {...$$restProps}
+>
   {#if title}
     <div class:bx--data-table-header="{true}">
       <h4 class:bx--data-table-header__title="{true}">{title}</h4>

src/DataTable/TableHeader.svelte

@@ -38,19 +38,22 @@
     {...$$restProps}
     on:mouseover
     on:mouseenter
-    on:mouseleave>
+    on:mouseleave
+  >
     <button
       class:bx--table-sort="{true}"
       class:bx--table-sort--active="{active}"
       class:bx--table-sort--ascending="{active && $sortHeader.sortDirection === 'descending'}"
-      on:click>
+      on:click
+    >
       <span class:bx--table-header-label="{true}">
         <slot />
       </span>
       <ArrowUp20 aria-label="{ariaLabel}" class="bx--table-sort__icon" />
       <ArrowsVertical20
         aria-label="{ariaLabel}"
-        class="bx--table-sort__icon-unsorted" />
+        class="bx--table-sort__icon-unsorted"
+      />
     </button>
   </th>
 {:else}
@@ -61,7 +64,8 @@
     on:click
     on:mouseover
     on:mouseenter
-    on:mouseleave>
+    on:mouseleave
+  >
     <span class:bx--table-header-label="{true}">
       <slot />
     </span>

src/DataTable/TableRow.svelte

@@ -14,6 +14,7 @@
   on:click
   on:mouseover
   on:mouseenter
-  on:mouseleave>
+  on:mouseleave
+>
   <slot />
 </tr>