Add feature flag to advanced formulas checkbox (baserow#4127)

* Add feature flag to advanced formulas checkbox

* Revert css change for advanced formula

Author: jrmi

web-frontend/modules/core/assets/scss/components/form.scss

@@ -33,7 +33,7 @@
 
 .control__elements--flex {
   display: flex;
-  align-items: flex-start;
+  align-items: center;
   gap: 5px;
 }
 

web-frontend/modules/core/components/formula/FormulaInputField.vue

@@ -31,7 +31,7 @@
       @input="emitAdvancedChange"
     />
 
-    <div v-if="enableAdvancedMode" class="margin-top-1">
+    <div v-if="showAdvancedCheckbox" class="margin-top-1">
       <label class="checkbox">
         <Checkbox
           :checked="isAdvancedMode"
@@ -72,6 +72,7 @@ import DataExplorer from '@baserow/modules/core/components/dataExplorer/DataExpl
 import { RuntimeGet } from '@baserow/modules/core/runtimeFormulaTypes'
 import { isElement, onClickOutside } from '@baserow/modules/core/utils/dom'
 import { isFormulaValid } from '@baserow/modules/core/formula'
+import { FF_ADVANCED_FORMULA } from '@baserow/modules/core/plugins/featureFlags'
 
 export default {
   name: 'FormulaInputField',
@@ -222,6 +223,12 @@ export default {
     nodeSelected() {
       return this.dataNodeSelected?.attrs?.path || null
     },
+    showAdvancedCheckbox() {
+      return (
+        this.enableAdvancedMode &&
+        this.$featureFlagIsEnabled(FF_ADVANCED_FORMULA)
+      )
+    },
   },
   watch: {
     disabled(newValue) {

web-frontend/modules/core/plugins/featureFlags.js

@@ -3,6 +3,7 @@ export const FF_AUTOMATION = 'automation'
 export const FF_ASSISTANT = 'assistant'
 export const FF_WORKSPACE_SEARCH = 'workspace-search'
 export const FF_DATE_DEPENDENCY = 'date_dependency'
+export const FF_ADVANCED_FORMULA = 'advanced-formula'
 
 /**
  * A comma separated list of feature flags used to enable in-progress or not ready