Merge branch 'master' into feat/pc-ts-conversions-2

lerna.json

@@ -1,6 +1,6 @@
 {
   "$schema": "node_modules/lerna/schemas/lerna-schema.json",
-  "version": "3.5.1",
+  "version": "3.5.2",
   "npmClient": "yarn",
   "concurrency": 20,
   "command": {

packages/bbui/src/Icon/Icon.svelte

@@ -25,12 +25,12 @@
   noWrap={tooltipWrap}
 >
   <div class="icon" class:newStyles>
+    <!-- svelte-ignore a11y-mouse-events-have-key-events -->
     <svg
       on:contextmenu
       on:click
       on:mouseover
       on:mouseleave
-      on:focus
       class:hoverable
       class:disabled
       class="spectrum-Icon spectrum-Icon--size{size}"

packages/builder/src/components/automation/SetupPanel/AutomationBlockSetup.svelte

@@ -220,7 +220,18 @@
   const stepStore = writable({})
   $: stepState = $stepStore?.[block.id]
 
-  $: customStepLayouts($memoBlock, schemaProperties, stepState, fetchedRows)
+  const updateSelectedRow = testData => {
+    selectedRow = testData?.row
+  }
+  $: updateSelectedRow(testData)
+
+  $: customStepLayouts(
+    $memoBlock,
+    schemaProperties,
+    stepState,
+    fetchedRows,
+    selectedRow
+  )
 
   const customStepLayouts = block => {
     if (
@@ -387,6 +398,57 @@
         ]
       }
 
+      const getTestDataSelector = () => {
+        if (!isTestModal) {
+          return []
+        }
+        return [
+          {
+            type: CoreSelect,
+            title: "Row",
+            props: {
+              disabled: !table,
+              placeholder: "Select a row",
+              options: fetchedRows,
+              loading: fetchLoading,
+              value: selectedRow,
+              autocomplete: true,
+              filter: false,
+              getOptionLabel: row => row?.[primaryDisplay] || "",
+              compare: (a, b) => a?.[primaryDisplay] === b?.[primaryDisplay],
+              onChange: e => {
+                if (isTestModal) {
+                  onChange({
+                    id: e.detail?._id,
+                    revision: e.detail?._rev,
+                    row: e.detail,
+                    oldRow: e.detail,
+                    meta: {
+                      fields: inputData["meta"]?.fields || {},
+                      oldFields: e.detail?.meta?.fields || {},
+                    },
+                  })
+                }
+              },
+            },
+          },
+          {
+            type: InfoDisplay,
+            props: {
+              warning: true,
+              icon: "AlertCircleFilled",
+              body: `Be careful when testing this automation because your data may be modified or deleted.`,
+            },
+          },
+          {
+            type: Divider,
+            props: {
+              noMargin: true,
+            },
+          },
+        ]
+      }
+
       stepLayouts[block.stepId] = {
         row: {
           schema: schema["row"],
@@ -413,49 +475,7 @@
                 disabled: isTestModal,
               },
             },
-            {
-              type: CoreSelect,
-              title: "Row",
-              props: {
-                disabled: !table,
-                placeholder: "Select a row",
-                options: fetchedRows,
-                loading: fetchLoading,
-                value: selectedRow,
-                autocomplete: true,
-                filter: false,
-                getOptionLabel: row => row?.[primaryDisplay] || "",
-                compare: (a, b) => a?.[primaryDisplay] === b?.[primaryDisplay],
-                onChange: e => {
-                  if (isTestModal) {
-                    onChange({
-                      id: e.detail?._id,
-                      revision: e.detail?._rev,
-                      row: e.detail,
-                      oldRow: e.detail,
-                      meta: {
-                        fields: inputData["meta"]?.fields || {},
-                        oldFields: e.detail?.meta?.fields || {},
-                      },
-                    })
-                  }
-                },
-              },
-            },
-            {
-              type: InfoDisplay,
-              props: {
-                warning: true,
-                icon: "AlertCircleFilled",
-                body: `Be careful when testing this automation because your data may be modified or deleted.`,
-              },
-            },
-            {
-              type: Divider,
-              props: {
-                noMargin: true,
-              },
-            },
+            ...getTestDataSelector(),
             ...getIdConfig(),
             ...getRevConfig(),
             ...getRowTypeConfig(),