[update] Salesforce and Whats new

Author: serhiipylypchuk1991

docs/guides/integration_with_salesforce.md

@@ -7,38 +7,49 @@ description: Learn how to integrate DHTMLX Kanban into Salesforce. This guide ex
 # Integration with Salesforce
 
 :::tip
-You should be familiar with the basic concepts and patterns of [**Saleforce**](https://www.salesforce.com/) before reading this documentation. To refresh your knowledge, please refer to the [**Saleforce documentation**](https://developer.salesforce.com/docs).
+You should be familiar with the basic concepts and patterns of [**Salesforce**](https://www.salesforce.com/) before reading this documentation. To refresh your knowledge, please refer to the [**Salesforce documentation**](https://developer.salesforce.com/docs).
 :::
 
-DHTMLX Kanban is compatible with [Salesforce](https://www.salesforce.com/). We have prepared code examples on how to use DHTMLX Kanban with Saleforce. For more information, refer to the corresponding [**Example on GitHub**](https://github.com/DHTMLX/salesforce-lwc-demo).
-
-The JavaScript Kanban widget automatically detects that it operates within a [Salesforce](https://www.salesforce.com/) environment and configures the integration logic internally.
+DHTMLX Kanban is compatible with [Salesforce](https://www.salesforce.com/) platform. We have prepared code examples on how to add DHTMLX Kanban into Salesforce environment. For more information, refer to the corresponding [Example on GitHub](https://github.com/DHTMLX/salesforce-lwc-demo).
 
 :::note
-In most cases, you do not need to call any [Salesforce-specific methods](#available-methods) manually.
+The JavaScript Kanban widget automatically detects that it operates within a [Salesforce](https://www.salesforce.com/) environment and configures the integration logic internally. In most cases, you do not need to call any [Salesforce-specific methods](#selesforce-specific-methods) manually.
 :::
 
 ## Preparing environment
 
-If you want to add JS Kanban into your Salesforce project, you need to mark the root container with the `data-wx-root="true"` HTML attribute. This attribute allows the library to locate the main node for mounting **Kanban** and **Toolbar** widgets.
+If you want to add Kanban into your Salesforce project, you need to mark the *root* container with the `data-wx-root="true"` HTML attribute. This attribute allows the library to locate the main node for mounting **Kanban** and **Toolbar** widgets.
 
 ```html title="kanban.html"
 <template>
     <div id="wx-root" data-wx-root="true" class="kanban-wrapper" tabindex="0">
-        <div class="sf_toolbar" lwc:dom="manual" data-wx-portal-root="1" style="width: 100%;"></div>
-        <div class="sf_kanban" lwc:dom="manual" data-wx-portal-root="1" style="width: 100%; flex-grow: 1;"></div>
+        <div class="sf_toolbar" lwc:dom="manual" data-wx-portal-root="1"></div>
+        <div class="sf_kanban" lwc:dom="manual" data-wx-portal-root="1"></div>
     </div>
 </template>
 ```
 
-Nested elements with `data-wx-portal-root="1"` serve as containers for DHTMLX components (for example, **Toolbar** and **Kanban**).
+Nested elements marked with the `data-wx-portal-root="1"` attribute serve as containers for DHTMLX components (for example, **Toolbar** and **Kanban**).
 
 ## Salesforce environment API
 
-The DHTMLX Kanban includes the `salesForceEnv` helper class that stores methods for manual control of the Salesforce environment.
-Normally, these methods are not required, but they can be available only as a fallback in case automatic detection fails.
+The DHTMLX Kanban includes the `salesForceEnv` helper class that stores methods for manual control of the Salesforce environment. You can import the `salesForceEnv` helper class as follows:
+
+```jsx {4}
+import { 
+    Kanban, 
+    Toolbar, 
+    salesForceEnv
+} from "@dhx/trial-kanban";
+```
+
+:::note
+Normally, salesforce-specific methods are not required, but they can be available only as a fallback in case automatic detection fails.
+:::
+
+### Salesforce-specific methods
 
-### Available methods
+You can use the following methods of the `salesForceEnv` helper class: 
 
 | Method                                                           | Description                                                                    |
 | :--------------------------------------------------------------- | :----------------------------------------------------------------------------- |
@@ -55,23 +66,24 @@ Normally, these methods are not required, but they can be available only as a fa
 ## Workflow steps
 
 1. Add the `data-wx-root="true"` attribute to your LWC container
-2. Import and initialize DHTMLX Kanban
-3. The JS Kanban widget automatically detects the Salesforce context and applies internal configuration
-4. You do not need to call `enableSalesForce()` or use `salesForceEnv` methods unless your app runs in a non-standard embedding scenario
+2. Import and initialize DHTMLX Kanban and Toolbar (optionaly)
+3. The JavaScript Kanban widget automatically detects the Salesforce context and applies internal configuration
+4. You do not need to call the `enableSalesForce()` function or use `salesForceEnv` methods unless your app runs in a non-standard embedding scenario
 
 ### Example
 
-```js title="kanban.js"
+```jsx title="kanban.js"
 import { Kanban, Toolbar } from "@dhx/trial-kanban";
 import "@dhx/trial-kanban/dist/kanban.css";
 
 export default class KanbanLWC {
     connectedCallback() {
-        const root = document.querySelector("[data-wx-root='true']");
-        const kanban = new Kanban(root.querySelector(".sf_kanban"), {});
-        const toolbar = new Toolbar(root.querySelector(".sf_toolbar"), { api: kanban.api });
+        const kanban_container = this.template.querySelector(".sf_kanban");
+        const toolbar_container = this.template.querySelector(".sf_toolbar");
+        const kanban = new Kanban(kanban_container, { /* configuration properties */ });
+        const toolbar = new Toolbar(toolbar_container, { api: kanban.api });
     }
 }
 ```
 
-Now the DHTMLX Kanban component is fully integrated into your **Salesforce Lightning** environment. The widget automatically handles DOM hierarchy and event binding inside LWC. You can continue configuring Kanban through its standard API and customize its appearance and logic according to your project needs. The final example you can find on [**GitHub**](https://github.com/DHTMLX/salesforce-lwc-demo).
+Now the DHTMLX Kanban component is fully integrated into your **Salesforce Lightning** environment. The widget automatically handles DOM hierarchy and event binding inside LWC. You can continue configuring Kanban through its standard API and customize Kanban appearance and logic according to your project needs. The final example you can find on [**GitHub**](https://github.com/DHTMLX/salesforce-lwc-demo).

docs/news/whats_new.md

@@ -10,7 +10,11 @@ If you are updating Kanban from an older version, check [Migration to newer vers
 
 ## Version 1.7.0
 
-Released on September Day, 2025
+Released on October Day, 2025
+
+### New functionality
+
+Starting from v1.7 you can leverage JavaScript Kanban within Salesforce environment. Refer to the following guide for more information: [Integration with Selesforce](guides/integration_with_salesforce.md). You can also explore our [GitHub example](https://github.com/DHTMLX/salesforce-lwc-demo) or run [Online demo](https://dhtmlx-dev-ed.develop.lightning.force.com/) (*Login*: ***user***, *Password*: ***demo***).
 
 ### New API