Merge branch 'develop' into release/1.31.2

.github/workflows/render-preview-deploy.yml

@@ -57,6 +57,10 @@ jobs:
                 "key": "PG_DB",
                 "value": "${{ env.PR_NUMBER }}"
               },
+              {
+                "key": "ENABLE_TOOLJET_DB",
+                "value": "true"
+              },
               {
                 "key": "TOOLJET_DB",
                 "value": "${{ env.PR_NUMBER }}"

.github/workflows/render-suspend-labeler.yml

@@ -27,7 +27,7 @@ jobs:
       env:
         STALE_NUMBERS: ${{ steps.stale-label.outputs.stale-numbers }}
       with:
-        github-token: ${{ secrets.GITHUB_TOKEN }}
+        github-token: ${{ secrets.TJ_BOT_PAT }}
         script: |
           if (!process.env.STALE_NUMBERS) return
 

docs/docs/contributing-guide/setup/ubuntu.md

@@ -74,9 +74,10 @@ Follow these steps to setup and run ToolJet on Ubuntu. Open terminal and run the
     ```bash
     cd ./frontend && npm start
     ```
-
-
+    
+    :::info
     The client will start running on the port 8082, you can access the client by visiting:  [https://localhost:8082](https://localhost:8082)
+    :::
 
 9. Create login credentials
 

docs/docs/contributing-guide/tutorials/creating-a-plugin.md

@@ -75,7 +75,7 @@ All the plugins live under the `/plugins` directory. The structure of a plugin l
           manifest.json
   ```
 
-5. Add data source config paramets to manifest.json
+5. Add data source config parameters to manifest.json
 
   Our BigQuery plugin needs private key of a GCP service account to connect to BigQuery. Let's add `private_key` as a property for the data source. 
 

docs/docs/how-to/bulk-update-multiple-rows-in-table.md

@@ -98,7 +98,7 @@ Let's create a new PostgreSQL query and name it `update`. In **SQL mode**, enter
 
 - Click on the handle of the **Table** widget to open its properties
 - Go to the **Events**, and add a handler
-- Select **Bulk Update** in Events, **Run Query** in Actions, and then select the **runjs1** query in Query. Now whenever a user will edit the table and hit the **Save Changes** button runjs1 will run.
+- Select **Save Changes** in Events, **Run Query** in Actions, and then select the **runjs1** query in Query. Now whenever a user will edit the table and hit the **Save Changes** button runjs1 will run.
 
 <div style={{textAlign: 'center'}}>
 
@@ -112,4 +112,4 @@ Let's create a new PostgreSQL query and name it `update`. In **SQL mode**, enter
 
 ![ToolJet - How To - Bulk update multiple rows in table](/img/how-to/bulk-update-multiple/success.png)
 
-</div>
+</div>

docs/docs/intro.md

@@ -1,7 +1,7 @@
 ---
 id: introduction
 title: Introduction
-description: ToolJet is an **open-source low-code framework** to build and deploy custom internal tools. ToolJet can connect to your data sources such as databases ( PostgreSQL, MongoDB, MS SQL Server, Snowflake, , BigQuery, etc ), API/GraphQL endpoints, SaaS tools ( Airtable, Stripe, Google Sheets, etc ) and cloud object storage services ( AWS S3, Google Cloud Storage and Minio ). Once the data sources are connected, ToolJet can run queries on these data sources to fetch and update data. The data fetched from data sources can be visualised and modified using the UI widgets such as tables, charts, forms, etc.
+description: ToolJet is an **open-source low-code framework** to build and deploy custom internal tools. ToolJet can connect to your data sources such as databases (PostgreSQL, MongoDB, MS SQL Server, Snowflake, , BigQuery, etc), API/GraphQL endpoints, SaaS tools (Airtable, Stripe, Google Sheets, etc) and cloud object storage services (AWS S3, Google Cloud Storage and Minio). Once the data sources are connected, ToolJet can run queries on these data sources to fetch and update data. The data fetched from data sources can be visualised and modified using the UI widgets such as tables, charts, forms, etc.
 slug: /
 ---
 

docs/docs/setup/kubernetes-gke.md

@@ -69,6 +69,6 @@ If you want to seed the database with a sample user, please SSH into a pod and r
 
 This seeds the database with a default user with the following credentials:
 
-**emai**: `dev@tooljet.io`
+**email**: `dev@tooljet.io`
 
 **password**: `password`

docs/docs/tracking.md

@@ -20,4 +20,4 @@ Self-hosted version of ToolJet pings our server to fetch the latest product upda
 
 ToolJet tracks anonymous usage data such as page loads and clicks. ToolJet tracks only the events and doesn't capture data from data sources.
 
-Tracking can be disabled by setting the value environment variable `ENABLE_TRACKING` to `0`. 
+Tracking can be disabled by setting the value [environment variable](/docs/setup/env-vars/) ENABLE_TRACKING to 0.

docs/docs/tutorial/adding-a-datasource.md

@@ -26,11 +26,11 @@ You will be prompted to select the data source that you wish to add. Let's selec
 The name of the data source must be unique (within the app) and can be changed by clicking on the data source name at the top of the prompt. Click on `Test Connection` button to verify the connection, this might take a couple of minutes. Once verified, save the data source. 
 
 :::tip
-If you are using ToolJet cloud and if your data source is not publicly accessible, please white-list our IP address ( shown while creating a new data source ).
+If you are using ToolJet cloud (https://app.tooljet.com) and if your data source is not publicly accessible, please white-list our IP address ( shown while creating a new data source ).
 :::
 
 <div style={{textAlign: 'center'}}>
 
 <img className="screenshot-full" src="/img/tutorial/adding-datasource/postgres.png" alt="postgre add datasource" />
 
-</div>
+</div>

docs/docs/tutorial/creating-app.md

@@ -26,6 +26,6 @@ You will be redirected to the visual app editor once the app has been created. C
 
 The main components of an app: 
 
-- **[Widgets](https://docs.tooljet.com/docs/tutorial/adding-widget)** - UI components such as tables, buttons, dropdowns.
+- **[Components](https://docs.tooljet.com/docs/tutorial/adding-widget)** - UI components such as tables, buttons, dropdowns.
 - **[Data sources](https://docs.tooljet.com/docs/tutorial/adding-a-datasource)** - ToolJet can connect to databases, APIs and external services to fetch and modify data.
 - **[Queries](https://docs.tooljet.com/docs/tutorial/building-queries)** - Queries are used to access the connected data sources.

docs/docs/tutorial/multiworkspace.md

@@ -5,42 +5,37 @@ title: Multi-Workspace
 
 # Multi-Workspace
 
-User can create their own workspaces, user who created workspace will be having admin privileges for the workspace.
-
-
+Users can create their own workspaces, a user who created workspace will be having **Admin** privileges for the workspace.
 
 <img className="screenshot-full" src="/img/multiworkspace/multi-workspace.gif" alt="multi workspace" />
 
-
 ## Hierarchy
 
 <div style={{textAlign: 'center'}}>
-
-
+  
 <img className="screenshot-full" src="/img/multiworkspace/Tooljet-workspace.png" alt="tooljet workspace" />
 
-
 </div>
 
 ## Permissions
 
 - The administrator can manage [users and groups](/docs/tutorial/manage-users-groups) of each workspace
 - Applications and settings can not be shared between workspaces
-- A user authorised to login to Tooljet will not have access to all workspaces, Usesr should be invited or signed up to a workspace to log-in to it.
+- A user authorised to login to ToolJet will not have access to all workspaces, User should be invited or signed up to a workspace to access it.
 
 ## Enabling Multi-Workspace
 
-Set environment variable **DISABLE_MULTI_WORKSPACE** value to **false**  to enable the feature, and **true**  to disable it.
+Set environment variable **DISABLE_MULTI_WORKSPACE** value to **false** to enable the feature, and **true** to disable it.
 
 ### When enabled
 
-- When Multi-Workspace feature is enabled, user should login with username and password to log in to Tooljet.
+- When Multi-Workspace feature is enabled, user should login with username and password to log in to ToolJet.
 - Administrator can configure authentication methods for their workspaces.
 - If password login is enabled, switching to the workspace will happen without any other authorization since the user is already authorized with password login.
-- User logged in to Toojet and trying to switch to a workspace where SSO is enabled and password login is disabled, will be redirected to workspace login page and enabled SSO options will be shown
+- User logged in to TooJet and trying to switch to a workspace where SSO is enabled and password login is disabled, will be redirected to workspace login page and enabled SSO options will be shown
 - User can directly login to a workspace using workspace login URL, Administrator can view the URL **Manage SSO -> General Settings -> Login URL**.
 
 ### When disabled
 
 - If Multi-Workspace is disabled, Create workspace feature won’t be available.
-- No separate login page for workspace and SSO configured for the workspace will be reflected to the main login page/login.
+- No separate login page for workspace and SSO configured for the workspace will be reflected to the main login page/login.

docs/docs/tutorial/workspace-environment-variables.md

@@ -10,7 +10,7 @@ Workspace Variables are the variables with some value(usually tokens/secret keys
 Suppose there is an `API key` or a value that you want to use in the queries or widgets in the multiple apps of the same Workspace then the Workspace admin or the user with permissions can add an environment variable.
 
 #### Adding the environment variable
-- Go to the ToolJet Dashboard, and click on the dropdown on the navigation bar to show `Workspace` options
+- Go to the ToolJet's Dashboard, and click on the dropdown on the navigation bar to show `Workspace` options
 - Select `Manage Environment Variables`
 - Click on `Add New Variable` button
 - Give a `Name` to the variable, set the value, choose `Type`, toggle `Encryption`, and click **Add Variable** button
@@ -22,12 +22,12 @@ Suppose there is an `API key` or a value that you want to use in the queries or
 
 ### Types of variables
 
-- **Client**: The client variable can be used in widgets and queries.
+- **Client**: The client variables can be used in widgets and queries.
 
-- **Server**: The server variables can be used with all the queries except the `RunJS`. The reason why we don't allow the server variables to be used with the widgets is that these variables are only resolved during the runtime so they're highly secured.
+- **Server**: The server variables can be used with all the queries except the `RunJS` or 'RunPy'. The reason why we don't allow the server variables to be used with the components is that these variables are only resolved during the runtime so they're highly secured.
 
 :::info
-Variable Type cannot be changed once it has been created.
+Variable's Type cannot be changed once it has been created.
 :::
 
 

docs/src/css/custom.css

@@ -249,6 +249,10 @@ strong {
       var(--ifm-color-emphasis-100) 100%);
 }
 
+.DocSearch-Button{
+  border-radius: 5px !important;
+}
+
 @media screen and (min-width: 768px) {
   .DocSearch-Button-Container {
     min-width: 200px;

frontend/src/Editor/Components/Multiselect.jsx

@@ -75,43 +75,53 @@ export const Multiselect = function Multiselect({
   registerAction(
     'selectOption',
     async function (value) {
-      const newSelected = [
-        ...selected,
-        ...selectOptions.filter(
-          (option) => option.value === value && !selected.map((selectedOption) => selectedOption.value).includes(value)
-        ),
-      ];
-      setSelected(newSelected);
-      setExposedVariable(
-        'values',
-        newSelected.map((item) => item.value)
-      ).then(() => fireEvent('onSelect'));
+      if (
+        selectOptions.some((option) => option.value === value) &&
+        !selected.some((option) => option.value === value)
+      ) {
+        const newSelected = [
+          ...selected,
+          ...selectOptions.filter(
+            (option) =>
+              option.value === value && !selected.map((selectedOption) => selectedOption.value).includes(value)
+          ),
+        ];
+        setSelected(newSelected);
+        setExposedVariable(
+          'values',
+          newSelected.map((item) => item.value)
+        ).then(() => fireEvent('onSelect'));
+      }
     },
     [selected, setSelected]
   );
   registerAction(
     'deselectOption',
     async function (value) {
-      const newSelected = [
-        ...selected.filter(function (item) {
-          return item.value !== value;
-        }),
-      ];
-      setSelected(newSelected);
-      setExposedVariable(
-        'values',
-        newSelected.map((item) => item.value)
-      ).then(() => fireEvent('onSelect'));
+      if (selectOptions.some((option) => option.value === value) && selected.some((option) => option.value === value)) {
+        const newSelected = [
+          ...selected.filter(function (item) {
+            return item.value !== value;
+          }),
+        ];
+        setSelected(newSelected);
+        setExposedVariable(
+          'values',
+          newSelected.map((item) => item.value)
+        ).then(() => fireEvent('onSelect'));
+      }
     },
     [selected, setSelected]
   );
   registerAction(
     'clearSelections',
     async function () {
-      setSelected([]);
-      setExposedVariable('values', []).then(() => fireEvent('onSelect'));
+      if (selected.length >= 1) {
+        setSelected([]);
+        setExposedVariable('values', []).then(() => fireEvent('onSelect'));
+      }
     },
-    [setSelected]
+    [selected, setSelected]
   );
 
   return (

frontend/src/Editor/Inspector/Inspector.jsx

@@ -128,6 +128,13 @@ export const Inspector = ({
       if (param.type === 'select' && defaultValue) {
         allParams[defaultValue.paramName]['value'] = defaultValue.value;
       }
+      if (param.name === 'secondarySignDisplay') {
+        if (value === 'negative') {
+          newDefinition['styles']['secondaryTextColour']['value'] = '#EE2C4D';
+        } else if (value === 'positive') {
+          newDefinition['styles']['secondaryTextColour']['value'] = '#36AF8B';
+        }
+      }
     } else {
       allParams[param.name] = value;
     }

frontend/src/_components/Organization.jsx

@@ -328,6 +328,7 @@ export const Organization = function Organization({ darkMode }) {
           href="#"
           className={`btn ${!isSingleOrganization || admin ? 'dropdown-toggle' : ''} ${darkMode && 'text-muted'}`}
           onMouseOver={() => setIsListOrganizations(false)}
+          style={{ height: '38px' }}
         >
           <div>{organization}</div>
         </a>

frontend/src/_styles/theme.scss

@@ -4500,7 +4500,7 @@ input[type="text"] {
   }
 
   .modal-main {
-    padding-bottom: 5rem;
+    padding-bottom: 1.5rem;
   }
 
   .modal-footer-btn {
@@ -5173,7 +5173,7 @@ div#driver-page-overlay {
 }
 
 .organization-list {
-  margin-top: 5px;
+  margin-top: 4px;
 
   .btn {
     border: 0px;
@@ -6854,4 +6854,4 @@ tbody {
     }
   }
   
-}
+}