[update] commit after merge

Author: serhiipylypchuk1991

docker/redirects.conf

@@ -0,0 +1 @@
+/markdown-page/	/kanban/overview;

docs/api/config/js_kanban_cardtemplate_config.md

@@ -34,7 +34,7 @@ If you need to include a context menu into the card template, specify a custom i
 ### Example
 
 ~~~jsx {1-23,28}
-function cardTemplate({ cardFields, selected, dragging, cardShape }){
+const cardTemplate = ({ cardFields, selected, dragging, cardShape }) => {
 	const { label, color, id } = cardFields;
 	if (selected) {
 		return `
@@ -61,7 +61,7 @@ function cardTemplate({ cardFields, selected, dragging, cardShape }){
 new kanban.Kanban("#root", {
 	cards,
 	columns,
-	cardTemplate
+	cardTemplate: kanban.template(card => cardTemplate(card)),
 	// other parameters
 });
 ~~~

docs/api/config/toolbar_items_config.md

@@ -30,7 +30,7 @@ items?: [
 		type: "sort",
 		options?: [
 			{	
-				label: string,
+				text: string,
 				by?: string, // by?: ((card: object) => any),
 				dir?: "asc" | "desc"
 			}, {...}
@@ -57,7 +57,7 @@ In the **items** array you can specify the following parameters:
 - `type` - (required) a type of control (*"search"*)
 - `options` - (optional) an array of objects, that define the search parameters. For each object (*search option*) you can specify the following parameters:
 	- `id` - (required) a key of card field, by which the cards will be searched
-	- `label` - (required) a name of option, used in  a dropdawn list of the searchbar selector
+	- `label` - (required) a name of option, used in  a dropdown list of the searchbar selector
 	- `searchRule` (optional) - a custom function that allows defining search rules. It takes the following arguments:
 		- ***card*** - an object of the card data
 		- ***value*** - a searched value, specified in the searchbar
@@ -98,7 +98,7 @@ items: [
 
 - `type` - (required) a type of control (*"sort"*)
 - `options` - (optional) an array of objects, that define the sort parameters. For each object (*sort option*) you can specify the following parameters:
-	- `label` - (required) a name of option, used in a dropdawn list of the sort selector
+	- `text` - (required) a name of option, used in a dropdown list of the sort selector
 	- `by` - (optional) a key of card field, by which the cards will be sorted. This parameter can be set to the *string* or *function* value. The function needs to return the card field for sorting
 	- `dir` - (optional) an order of sorting. The possible values are *"asc"* and *"desc"*
 
@@ -113,12 +113,12 @@ items: [
 		type: "sort",
 		options: [
 			{
-				label: "Sort by label",
+				text: "Sort by label",
 				by: "label",
 				dir: "asc"
 			},
 			{
-				label: "Sort by description",
+				text: "Sort by description",
 				by: "description",
 				dir: "desc"
 			}
@@ -158,7 +158,9 @@ new kanban.Toolbar("#toolbar", {
 });
 ~~~
 
-**Change log:** The *"Undo"* and *"Redo"* controls were added in v1.3
+**Change log:**
+- The *"Undo"* and *"Redo"* controls were added in v1.3
+- The ***items.options[0].label*** parameter of the **sort** control was replaced by the ***items.options[0].text*** parameter in v1.4
 
 **Related articles:** [Configuration](../../../guides/configuration#toolbar) and [Customization](../../../guides/customization#custom-toolbar)
 

docs/guides/localization.md

@@ -15,39 +15,66 @@ The **English** locale is used by default:
 ~~~jsx
 const en = {
 	kanban: { // translations of the Kanabn labels
-		"Save": "Save",
-		"Close": "Close",
-		"Delete": "Delete",
-		"Name": "Name",
-		"Description": "Description",
-		"Type": "Type",
+		Save: "Save",
+		Close: "Close",
+		Delete: "Delete",
+		Name: "Name",
+		Description: "Description",
+		Type: "Type",
 		"Start date": "Start date",
 		"End date": "End date",
-		"Result": "Result",
+
+		Result: "Result",
 		"No results": "No results",
-		"Search": "Search",
+		Search: "Search",
 		"Search in": "Search in",
 		"Add new row": "Add new row",
 		"Add new column": "Add new column",
 		"Add new card": "Add new card",
 		"Edit card": "Edit card",
-		"Edit": "Edit",
-		"Everywhere": "Everywhere",
-		"Label": "Label",
-		"Status": "Status",
-		"Color": "Color",
-		"Date": "Date",
-		"Untitled": "Untitled",
-		"Rename": "Rename",
+		Edit: "Edit",
+
+		Everywhere: "Everywhere",
+		Label: "Label",
+		Status: "Status",
+		Color: "Color",
+		Date: "Date",
+		Priority: "Priority",
+		Progress: "Progress",
+		Users: "Users",
+
+		Untitled: "Untitled",
+		Rename: "Rename",
 		"Move up": "Move up",
 		"Move down": "Move down",
 		"Move left": "Move left",
 		"Move right": "Move right",
-		"Sort": "Sort",
+		Sort: "Sort",
 		"Label (a-z)": "Label (a-z)",
 		"Label (z-a)": "Label (z-a)",
 		"Description (a-z)": "Description (a-z)",
-		"Description (z-a)": "Description (z-a)"
+		"Description (z-a)": "Description (z-a)",
+
+		Duplicate: "Duplicate",
+		"Duplicate of": "Duplicate of",
+
+		"Relates to": "Relates to",
+		"Depends on": "Depends on",
+		"Is required for": "Is required for",
+		Duplicates: "Duplicates",
+		"Is duplicated by": "Is duplicated by",
+		"Parent for": "Parent for",
+		"SubTask of": "SubTask of",
+
+		Cancel: "Cancel",
+		"Link task": "Link task",
+		"Select a relation": "Select a relation",
+		"Select a task": "Select a task",
+
+		"Would you like to delete this comment?":
+			"Would you like to delete this comment?",
+		"Would you like to delete this card?":
+			"Would you like to delete this card?",
 	},
 	calendar: { // translations and settings of the calendar
 		monthFull: [

docs/guides/stylization.md

@@ -132,7 +132,7 @@ or just include the needed theme on the page from the skins folder:
 :::
 
 In this snippet you can see how to apply the **willow-dark** theme to Kanban
-<iframe src="https://snippet.dhtmlx.com/k3iw6ti0?mode=mobile" frameborder="0" class="snippet_iframe" width="100%" height="600"></iframe>
+<iframe src="https://snippet.dhtmlx.com/k3iw6ti0?mode=result&tag=kanban" frameborder="0" class="snippet_iframe" width="100%" height="600"></iframe>
 
 ## Scroll style
 
@@ -149,6 +149,12 @@ You can also apply a custom style to a scroll bar of Kanban. For this, you can u
 
 In this snippet you can see how to apply a custom style to Kanban
 
-<iframe src="https://snippet.dhtmlx.com/oj18xwb5?mode=html&tag=kanban" frameborder="0" class="snippet_iframe" width="100%" height="600"></iframe>
+<iframe src="https://snippet.dhtmlx.com/oj18xwb5?mode=result&tag=kanban" frameborder="0" class="snippet_iframe" width="100%" height="600"></iframe>
+
+## Adaptivity
+
+In this snippet you can see how to create adaptive version of Kanban using custom CSS styles
+
+<iframe src="https://snippet.dhtmlx.com/807qbp9v?mode=result&tag=kanban" frameborder="0" class="snippet_iframe" width="100%" height="600"></iframe>
 
 **Related articles:** [Customization](../customization)

docs/how_to_start.md

@@ -48,7 +48,11 @@ yarn config set @dhx:registry https://npm.dhtmlx.com
 yarn add @dhx/trial-kanban
 ~~~
 
-To get PRO version of Kanban, refer to **[Support Center](https://dhtmlx.com/docs/technical-support.shtml)**!
+To get Kanban under the proprietary license, refer to **[Support Center](https://dhtmlx.com/docs/technical-support.shtml)**!
+:::
+
+:::tip
+If you want to integrate JavaScript Kanban into the React, Angular or Vue project, refer to the corresponding [**Examples on Replit**](https://replit.com/@dhtmlx) for more information.
 :::
 
 ## Step 2. Creating Kanban

docs/news/migration.md

@@ -225,7 +225,7 @@ description: You can learn about the Migration to Newer Versions in the document
 - The [`cardTemplate`](../../api/config/js_kanban_cardtemplate_config) property of Kanban was updated in the following way:
 
     ~~~jsx {} title="Before v1.4"
-        function cardTemplate({ cardFields, selected, dragging, cardShape }){
+        const cardTemplate = ({ cardFields, selected, dragging, cardShape }) => {
             if (selected) {
                 return `
                     <div class="custom-card" style="padding:20px">
@@ -235,10 +235,16 @@ description: You can learn about the Migration to Newer Versions in the document
                 `;
             }
         }
+
+        new kanban.Kanban("#root", {
+            cards,
+            columns,
+            cardTemplate
+        });
     ~~~
 
     ~~~jsx {6-8} title="From v1.4"
-        function cardTemplate({ cardFields, selected, dragging, cardShape }){
+        const cardTemplate = ({ cardFields, selected, dragging, cardShape }) => {
             if (selected) {
                 return `
                     <div class="custom-card" style="padding:20px">
@@ -251,6 +257,55 @@ description: You can learn about the Migration to Newer Versions in the document
                 `;
             }
         }
+
+        new kanban.Kanban("#root", {
+            cards,
+            columns,
+            cardTemplate: kanban.template(card => cardTemplate(card)),
+            // other parameters
+        });
+    ~~~
+
+- The **sort** control in the [`items`](../../api/config/toolbar_items_config) property of Kanban Toolbar was updated in the following way:
+
+    ~~~jsx {} title="Before v1.4"
+        [
+            { // custom sort control
+                type: "sort",
+                options: [
+                    {
+                        label: "Sort by label",
+                        by: "label",
+                        dir: "asc"
+                    },
+                    {
+                        label: "Sort by description",
+                        by: "description",
+                        dir: "desc"
+                    }
+                ]
+            },
+        ]
+    ~~~
+
+    ~~~jsx {6,11} title="From v1.4"
+        [
+            { // custom sort control
+                type: "sort",
+                options: [
+                    {
+                        text: "Sort by label",
+                        by: "label",
+                        dir: "asc"
+                    },
+                    {
+                        text: "Sort by description",
+                        by: "description",
+                        dir: "desc"
+                    }
+                ]
+            },
+        ]
     ~~~
 
 #### Methods

docs/news/whats_new.md

@@ -8,11 +8,19 @@ description: You can explore what's new in DHTMLX Kanban and its release history
 
 If you are updating Kanban from an older version, check [Migration to newer versions](news/migration.md) for details.
 
-## Version 1.4.1
+## Version 1.4.2
+
+Released on April 13, 2023
+
+### Fixes
+
+- Backend ID is not saved to local card/column/row data after add actions
+- Add missing TS definitions
+- Dark skin is leaking its styles
 
-Released on Month Day, 2023
+## Version 1.4.1
 
-[Review of release on the blog](https://dhtmlx.com/blog/maintenance-release-kanban-1-4-1/)
+Released on March 29, 2023
 
 ### Fixes