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,32 +398,11 @@
         ]
       }
 
-      stepLayouts[block.stepId] = {
+      const getTestDataSelector = () => {
-        row: {
+        if (!isTestModal) {
-          schema: schema["row"],
+          return []
-          //?layout: RowLayoutStepComponent.
-          content: [
-            {
-              type: TableSelector,
-              title: "Table",
-              props: {
-                isTrigger,
-                value: inputData["row"]?.tableId ?? "",
-                onChange: e => {
-                  const rowKey = $stepStore?.[block.id]?.rowType || "row"
-                  onChange({
-                    _tableId: e.detail,
-                    meta: {},
-                    [rowKey]: e.detail
-                      ? {
-                          tableId: e.detail,
         }
-                      : {},
+        return [
-                  })
-                },
-                disabled: isTestModal,
-              },
-            },
           {
             type: CoreSelect,
             title: "Row",
@@ -456,6 +446,36 @@
               noMargin: true,
             },
           },
+        ]
+      }
+
+      stepLayouts[block.stepId] = {
+        row: {
+          schema: schema["row"],
+          //?layout: RowLayoutStepComponent.
+          content: [
+            {
+              type: TableSelector,
+              title: "Table",
+              props: {
+                isTrigger,
+                value: inputData["row"]?.tableId ?? "",
+                onChange: e => {
+                  const rowKey = $stepStore?.[block.id]?.rowType || "row"
+                  onChange({
+                    _tableId: e.detail,
+                    meta: {},
+                    [rowKey]: e.detail
+                      ? {
+                          tableId: e.detail,
+                        }
+                      : {},
+                  })
+                },
+                disabled: isTestModal,
+              },
+            },
+            ...getTestDataSelector(),
             ...getIdConfig(),
             ...getRevConfig(),
             ...getRowTypeConfig(),