adds documentation link to action

packages/bbui/src/InlineAlert/InlineAlert.svelte

@@ -8,6 +8,8 @@
   export let onConfirm = undefined
   export let buttonText = ""
   export let cta = false
+  export let link = ""
+  export let linkText
 
   $: icon = selectIcon(type)
   // if newlines used, convert them to different elements
@@ -49,6 +51,20 @@
       >
     </div>
   {/if}
+  {#if link && linkText}
+    <div id="docs-link">
+      <a href={link} target="_blank" rel="noopener noreferrer" class="doc-link">
+        {linkText}
+        <svg
+          class="spectrum-Icon spectrum-Icon--sizeS spectrum-Toast-typeIcon"
+          focusable="false"
+          aria-hidden="true"
+        >
+          <use xlink:href="#spectrum-icon-18-LinkOut" />
+        </svg>
+      </a>
+    </div>
+  {/if}
 </div>
 
 <style>
@@ -64,4 +80,12 @@
     margin: 0;
     border-width: 1px;
   }
+
+  a {
+    color: white;
+  }
+
+  #docs-link {
+    padding-top: 10px;
+  }
 </style>

packages/builder/src/components/design/settings/controls/ButtonActionEditor/actions/ClearRowSelection.svelte

@@ -2,9 +2,12 @@
   import { Label, Select, Body } from "@budibase/bbui"
   import { findAllMatchingComponents } from "@/helpers/components"
   import { selectedScreen } from "@/stores/builder"
+  import { InlineAlert } from "@budibase/bbui"
 
   export let parameters
 
+  const inlineMessage = ""
+
   $: tables = findAllMatchingComponents($selectedScreen?.props, component =>
     component._component.endsWith("table")
   ).map(table => ({
@@ -27,6 +30,12 @@
     <Label small>Table</Label>
     <Select bind:value={parameters.componentId} options={componentOptions} />
   </div>
+  <InlineAlert
+    header="Legacy action"
+    message="This action is only compatible with the (deprecated) Table Block. Please see the documentation for further info."
+    link="https://docs.budibase.com/docs/data-actions#clear-row-selection"
+    linkText="Budibase Documentation"
+  />
 </div>
 
 <style>