Ensure side panel ejection works properly and tidy up table block structure

packages/client/manifest.json

@@ -3667,7 +3667,7 @@
           "Ascending",
           "Descending"
         ],
-        "defaultValue": "Descending"
+        "defaultValue": "Ascending"
       },
       {
         "type": "number",
@@ -4578,7 +4578,7 @@
             "type": "boolean",
             "key": "showTitleButton",
             "label": "Show button above table",
-            "defaultValue": true
+            "defaultValue": false
           },
           {
             "type": "text",

packages/client/src/components/app/SidePanel.svelte

@@ -39,9 +39,7 @@
   hidden
   class="side-panel"
 >
-  {#if open}
   <slot />
-  {/if}
 </div>
 
 <style>

packages/client/src/components/app/blocks/TableBlock.svelte

@@ -184,7 +184,7 @@
         props={{
           dataSource,
           filter: enrichedFilter,
-          sortColumn: sortColumn || normalFields?.[0],
+          sortColumn,
           sortOrder,
           paginate,
           limit: rowCount,
@@ -206,6 +206,7 @@
           }}
         />
       </BlockComponent>
+      {#if clickBehaviour === "details"}
         <BlockComponent
           type="sidepanel"
           bind:id={detailsSidePanelId}
@@ -226,6 +227,8 @@
             }}
           />
         </BlockComponent>
+      {/if}
+      {#if showTitleButton && titleButtonClickBehaviour === "new"}
         <BlockComponent
           type="sidepanel"
           bind:id={newRowSidePanelId}
@@ -245,6 +248,7 @@
             }}
           />
         </BlockComponent>
+      {/if}
     </BlockComponent>
   </Block>
 {/if}