fix: region issues (#3995)

Author: drdelambre

src/flows/components/AddButtons.tsx

@@ -25,6 +25,10 @@ interface Props {
 }
 
 const SUPPORTED_FAMILIES = [
+  {
+    name: 'Query Context',
+    family: 'context',
+  },
   {
     name: 'Data Source',
     family: 'inputs',

src/flows/context/flow.query.tsx

@@ -146,24 +146,21 @@ export const FlowQueryProvider: FC = ({children}) => {
       }
 
       if (typeof PIPE_DEFINITIONS[panel.type].scope === 'function') {
-        meta.scope = PIPE_DEFINITIONS[panel.type].scope(
-          panel,
-          acc[acc.length - 1]?.scope || {}
-        )
+        meta.scope = PIPE_DEFINITIONS[panel.type].scope(panel, last.scope)
       }
 
       if (typeof PIPE_DEFINITIONS[panel.type].source === 'function') {
         meta.source = PIPE_DEFINITIONS[panel.type].source(
           panel,
-          '' + (acc[acc.length - 1]?.source || ''),
+          '' + last.source,
           meta.scope
         )
       }
 
       if (typeof PIPE_DEFINITIONS[panel.type].visual === 'function') {
         meta.visual = PIPE_DEFINITIONS[panel.type].visual(
           panel,
-          '' + (acc[acc.length - 1]?.source || ''),
+          '' + last.source,
           meta.scope
         )
       }

src/flows/pipes/Region/index.ts

@@ -4,7 +4,7 @@ import ReadOnly from './readOnly'
 export default register => {
   register({
     type: 'region',
-    family: 'inputs',
+    family: 'context',
     component: View,
     featureFlag: 'flow-panel--remote',
     button: 'Remote Database',

src/flows/pipes/Time/index.ts

@@ -3,7 +3,7 @@ import View from './view'
 export default register => {
   register({
     type: 'time',
-    family: 'inputs',
+    family: 'context',
     featureFlag: 'flow-panel--time',
     button: 'Time Range',
     component: View,

src/types/flows.ts

@@ -151,6 +151,7 @@ export interface QueryScope {
 export interface TypeRegistration {
   type: string // a unique string that identifies a pipe
   family:
+    | 'context'
     | 'inputs'
     | 'passThrough'
     | 'test'