Add collapsable buttons to form block

packages/client/manifest.json

@@ -7188,6 +7188,18 @@
             "key": "buttons",
             "nested": true,
             "resetOn": ["actionType", "dataSource"]
+          },
+          {
+            "type": "boolean",
+            "label": "Collapse",
+            "key": "buttonsCollapsed"
+          },
+          {
+            "type": "text",
+            "label": "Collapsed text",
+            "key": "buttonsCollapsedText",
+            "dependsOn": "buttonsCollapsed",
+            "placeholder": "Action"
           }
         ]
       },

packages/client/src/components/app/blocks/form/FormBlock.svelte

@@ -18,6 +18,8 @@
   export let actionUrl
   export let noRowsMessage
   export let notificationOverride
+  export let buttonsCollapsed
+  export let buttonsCollapsedText
 
   // Legacy
   export let showDeleteButton
@@ -118,5 +120,7 @@
     {notificationOverride}
     buttons={buttonsOrDefault}
     buttonPosition={buttons ? buttonPosition : "top"}
+    {buttonsCollapsed}
+    {buttonsCollapsedText}
   />
 </FormBlockWrapper>

packages/client/src/components/app/blocks/form/InnerFormBlock.svelte

@@ -13,6 +13,8 @@
   export let description
   export let buttons
   export let buttonPosition = "bottom"
+  export let buttonsCollapsed
+  export let buttonsCollapsedText
   export let schema
 
   const context = getContext("context")
@@ -81,6 +83,8 @@
                 type="buttongroup"
                 props={{
                   buttons,
+                  collapsed: buttonsCollapsed,
+                  collapsedText: buttonsCollapsedText,
                 }}
                 order={0}
               />
@@ -104,6 +108,8 @@
         type="buttongroup"
         props={{
           buttons,
+          collapsed: buttonsCollapsed,
+          collapsedText: buttonsCollapsedText,
         }}
         styles={{
           normal: {