Update "Code Expression" to "Inline Function" (#367)

* Update "Code Expression" to "Inline Function"

* Apply suggestions from code review

---------

Co-authored-by: Pooja Bhaumik <[email protected]>

Author: pinkeshmars

docs/ff-concepts/animations/widget_animations.md

@@ -208,7 +208,7 @@ If you notice carefully, the items appear in a staggered fashion. This can be ac
 
 Select the item in the list and add the Slide animation.
 
-In the Delay property, open the variable menu and add a [code expression](../../resources/control-flow/functions/utility-functions.md#code-expressions) to calculate the delay value based on the item's index. For this example, we use the formula `[index] * 100`, where `index` represents the position of the item, and `100` is the delay in milliseconds. This means the first item will slide in after 100 ms, the second after 200 ms, and so on, creating a staggered animation effect.
+In the Delay property, open the variable menu and add a [inline function](../../resources/control-flow/functions/utility-functions.md#inline-function) to calculate the delay value based on the item's index. For this example, we use the formula `[index] * 100`, where `index` represents the position of the item, and `100` is the delay in milliseconds. This means the first item will slide in after 100 ms, the second after 200 ms, and so on, creating a staggered animation effect.
 
 <div style={{
     position: 'relative',

docs/ff-integrations/payments/razorpay.md

@@ -137,7 +137,7 @@ Follow the steps below to add this action:
 3. Search and select the **Razorpay Payment** (under *Integrations*) action.
 4. Enter or use a variable for specifying the total amount under the **Amount** section. **Note** that the value should be specified in the currency's smallest unit.
     - For example, *$24.99* should be passed as *2499* (as a round-off integer; otherwise, it would be automatically rounded); similarly, for an amount of ₹120.00, 12000 should be passed.
-    - Most probably, you'll specify this value from a variable. If you do so, you might need this [code expression](../../resources/control-flow/functions/utility-functions.md#code-expressions) to convert the total amount in the required format: `amount.toStringAsFixed(2).replaceAll(".", "");`
+    - Most probably, you'll specify this value from a variable. If you do so, you might need this [inline function](../../resources/control-flow/functions/utility-functions.md#inline-function) to convert the total amount in the required format: `amount.toStringAsFixed(2).replaceAll(".", "");`
 5. Enter the **Currency Code** to be used for the amount, for example, *INR*, *USD*, *EUR*, or *BRL*. Make sure you enter a valid currency code; otherwise, the transaction won't go through. Download the complete [list of supported currencies](https://razorpay.com/docs/build/browser/assets/images/international-currency-list.xlsx).
 <p></p>
 

docs/resources/control-flow/backend-logic/api/soap-api.md

@@ -309,7 +309,7 @@ You can now proceed to display the country list in *HomePage*. Here are the step
     <p></p>
 
 4. On ListView, [generate dynamic children](../../../ui/widgets/composing-widgets/generate-dynamic-children.md) using the page state variable.
-5. The page state variable stores the country name and code as a single string (e.g., Australia - AT). To display the name and code separately in a *ListTile*, we can use a [code expression](../../../control-flow/functions/utility-functions.md#code-expressions). To display the country name, we can use `var1.split("-")[1].trim()`, where `var1` is the current item in the list. To display the country code, we can use the same expression and replace `[1]` with `[0]`.
+5. The page state variable stores the country name and code as a single string (e.g., Australia - AT). To display the name and code separately in a *ListTile*, we can use a [inline function](../../../control-flow/functions/utility-functions.md#inline-function). To display the country name, we can use `var1.split("-")[1].trim()`, where `var1` is the current item in the list. To display the country code, we can use the same expression and replace `[1]` with `[0]`.
 
     <div style={{
         position: 'relative',

docs/resources/control-flow/backend-logic/api/streaming-api.md

@@ -356,7 +356,7 @@ id: 2
 ```
 The Server Sent Event Data JSON will be `null` because the data cannot be parsed as JSON.
 
-You can fix this by using the following expression inside the [Code Expression](../../../control-flow/functions/utility-functions.md#code-expressions) to handle the `null` case:
+You can fix this by using the following expression inside the [Inline Function](../../../control-flow/functions/utility-functions.md#inline-function) to handle the `null` case:
 
 ```
 responseData ?? ''

docs/resources/control-flow/functions/utility-functions.md

@@ -21,9 +21,7 @@ FlutterFlow has the following built-in functions:
 * **Combine Text:** A built-in function that lets you concatenate strings, making it easy to join
   multiple text elements together seamlessly.
 
-* **Code Expression:**  This feature allows you to perform simple calculations and data
-  manipulations
-  quickly and efficiently.
+* **Inline Function:**  This feature allows you to perform simple calculations and data manipulations quickly and efficiently.
 
 
 
@@ -87,34 +85,22 @@ together, with the same text style applied to all of them. If you need to combin
 values with different text styles for each, consider using the **[RichText](../../ui/widgets/basic-widgets/text.md#richtext-widget)** widget.
 :::
 
-## Code Expressions
+## Inline Function
+Often times, you may need to quickly format data, convert a data type from one form to another, or perform a simple calculation before setting the variable to a data source, such as a widget value source.
 
-Oftentimes, you may need to quickly format data, convert a data type from one form to another,
-or perform a simple calculation before setting the variable to a data source, such as a widget
-value source.
+Inline Function is a piece of code that combines operators, variables, and/or values to produce a result. It can be used for arithmetic and logical operations, among other tasks.
 
-**Code Expression** built-in functions can help with
-these tasks. A code expression is a piece of code that combines operators, variables, and/or values
-to produce a result. It can be used for arithmetic and logical operations, among other tasks.
+To add inline function, open the Set from Variable dialog wherever it's possible to set a dynamic value and choose the values that will be part of the inline function.
 
-To perform a code expression, open the Variable Setter dialog wherever it's possible to set a
-dynamic value and choose the values that will be part of the code expression.
+For example, we may want to quickly calculate the discount amount of a product where the discount is 18% of the MRP of the product. The expression would be `cost - (cost * discount)`.
 
-For example, we may want to quickly calculate the discount amount of a product where the discount is
-18% of the MRP of the product.
+**Precedence of operations**
 
-The expression would be `cost - (cost * discount)`.
+Inline Function for math operations follow typical precedence (e.g., multiplication/division before addition/subtraction), but parentheses can change the order.
 
-:::warning[Precedence of operations]
-Code expressions for math operations follow typical precedence (e.g., multiplication/division before
-addition/subtraction), but parentheses can change the order.
-:::
-
-In this case, the variables we need are `cost` and `discount`.
+In this case, the variables we need are `cost` and `discount`.
 
-So, we create two arguments in the **Code Expression** dialog where they hold the value of `cost`
-and `discount`, assign the data type for each of the arguments, and define the return type of the
-final value. In this case, the return type is a `double` since it holds the **subtotal** amount.
+So, we create two arguments in the **Inline Function** dialog where they hold the value of `cost` and `discount`, assign the data type for each of the arguments, and define the return type of the final value. In this case, the return type is a `double` since it holds the **subtotal** amount.
 
 <div style={{
     position: 'relative',
@@ -123,7 +109,7 @@ final value. In this case, the return type is a `double` since it holds the **su
     width: '100%'
 }}>
     <iframe 
-        src="https://demo.arcade.software/I6UcltVn7ssAIWmipeFY?embed&show_copy_link=true"
+        src="https://demo.arcade.software/qM8kjAlMJl6WyH3tXN4X?embed&show_copy_link=true"
         title=""
         style={{
             position: 'absolute',
@@ -142,10 +128,9 @@ final value. In this case, the return type is a `double` since it holds the **su
     </iframe>
 </div>
 
-Now you can write the code expression in the **Expression** field and click on **Check Errors** to
-see if the expression is valid. If it is valid, you will see the generated code for the same.
+Now you can write the inline function in the **Expression** field and click on **Check Errors** to see if the expression is valid. If it is valid, you will see the generated code for the same.
 
-The arguments in a Code Expression can take the following properties:
+The arguments in a Inline Function can take the following properties:
 
 | DataType | Supports Nullable | Supports List |
 |----------|-------------------|---------------|
@@ -172,12 +157,10 @@ Here are some common expressions you can use for your business logic:
 
 
 
-
-
 ## Custom Functions
 
-You can also use custom functions to handle slightly more complex calculations or to process a wider range of data types that are not supported in Code Expression.
+You can also use custom functions to handle slightly more complex calculations or to process a wider range of data types that are not supported in Inline Function.
 
 :::info
 Learn more about [**Custom Functions**](../../../ff-concepts/adding-customization/custom-functions.md).
-:::
+:::

docs/resources/control-flow/overview.md

@@ -65,7 +65,7 @@ There are different types of functions you can use in your app. Some examples in
   tasks, such as 
   formatting 
 data or performing calculations. In FlutterFlow, you can use 
-[**Code Expression**](functions/utility-functions.md#code-expressions) for simple data 
+[**Inline Function**](functions/utility-functions.md#inline-function) for simple data 
   manipulation tasks or use the 
   **[Combine Text](functions/utility-functions.md#combine-text)** built-in 
   function to concatenate strings.

docs/resources/control-flow/user-interactivity/forms/form-widgets/dropdown.md

@@ -244,7 +244,7 @@ You might need to disable a dropdown when certain conditions are not yet met or
 To disable the dropdown:
 
 1. Select the **DropDown** widget, move to the **Properties Panel > DropDown Search >** enable **Disable Dropdown** option.
-2. Click on **Unset** and select the source that returns the boolean value (i.e., True or False), such as boolean variable, [Conditions](../../../../../resources/functions/conditional-logic), [Code Expression](../../../../../resources/functions/utility#code-expressions).
+2. Click on **Unset** and select the source that returns the boolean value (i.e., True or False), such as boolean variable, [Conditions](../../../../../resources/functions/conditional-logic), [Inline Function](../../../../../resources/control-flow/functions/utility-functions.md#inline-function).
 
 ![Disabling dropdown](../../imgs/disabling-dropdown.png)
 

docs/resources/ui/widgets/built-in-widgets/sticky-header.md

@@ -166,7 +166,7 @@ com/embed/39bb5fc9068f4a759a4b0d6fd62e3f16?sid=ed5c274e-f1e0-4830-9702-dd35ac2d6
 4. Now, inside the *StickyHeader* *Content* section, add the **ListView** with a **Container** 
 inside to display the list of matching contacts.
 
-    1. On this ListView, generate dynamic children from a variable that holds all the contacts. But while doing so, filter the list and extract only matching contacts using [Code expression](../../../../resources/control-flow/functions/utility-functions.md#code-expressions).
+    1. On this ListView, generate dynamic children from a variable that holds all the contacts. But while doing so, filter the list and extract only matching contacts using [Inline Function](../../../../resources/control-flow/functions/utility-functions.md#inline-function).
     2. Now you can display the contact's details, such as name, inside the UI.
 
 <div class="video-container"><iframe src="https://www.loom.

firebase.json

@@ -2407,6 +2407,11 @@
         "source": "/marketplace/creators-hub/submit-item-for-reivew",
         "destination": "/marketplace/creators-hub/submit-item-for-review",
         "type": 301
+      },
+      {
+        "source": "/resources/functions/utility/#code-expressions",
+        "destination": "/resources/functions/utility/#inline-function",
+        "type": 301
       }
     ]
   }