[update] props updated

tbshag2 · tbshag2 · commit 03db1cea763c · 2024-06-21T17:23:32.000+03:00
diff --git a/docs/api/events/add-field-event.md b/docs/api/events/add-field-event.md
@@ -48,11 +48,11 @@ const widget = new pivot.Pivot("#pivot", {
     columns: [],
     values: [
       {
-        id: "title",
+        field: "title",
         method: "count",
       },
       {
-        id: "score",
+        field: "score",
         method: "max",
       },
     ],
@@ -68,3 +68,5 @@ widget.api.intercept("add-field", (ev) => {
   }
 });
 ~~~
+
+**Related articles**: [api.intercept()](/api/internal/intercept-method)
diff --git a/docs/api/events/apply-filter-event.md b/docs/api/events/apply-filter-event.md
@@ -28,8 +28,8 @@ The callback of the action takes an object with the following parameters:
      - for text values: equal, notEqual, contains, notContains, beginsWith, notBeginsWith, endsWith, notEndsWith
      - for numeric values: greater: less, greaterOrEqual, lessOrEqual, equal,	notEqual, contains, notContains
      - for date types: greater, less, greaterOrEqual, lessOrEqual, equal, notEqual, between, notBetween
-  - `value` - (optional) the value to filter by
-  - `includes` - (optional) an array of values to be displayed from those that are already filtered; available for text and date values
+  - `value` - (required) the value to filter by
+  - `includes` - (required) an array of values to be displayed from those that are already filtered; available for text and date values
 
 ### Example
 
@@ -42,11 +42,11 @@ const widget = new pivot.Pivot("#pivot", {
     columns: [],
     values: [
       {
-        id: "title",
+        field: "title",
         method: "count",
       },
       {
-        id: "score",
+        field: "score",
         method: "max",
       },
     ],
@@ -58,6 +58,4 @@ widget.api.on("apply-filter", (ev) => {
 });
 ~~~
 
----
-
 **Related articles**: [api.on()](/api/internal/on-method)
diff --git a/docs/api/events/delete-field-event.md b/docs/api/events/delete-field-event.md
@@ -39,11 +39,11 @@ const table = new pivot.Pivot("#root", {
     columns: [],
     values: [
       {
-        id: "title",
+        field: "title",
         method: "count",
       },
       {
-        id: "score",
+        field: "score",
         method: "max",
       },
     ],
diff --git a/docs/api/events/open-filter-event.md b/docs/api/events/open-filter-event.md
@@ -43,11 +43,11 @@ const widget = new pivot.Pivot("#pivot", {
     columns: [],
     values: [
       {
-        id: "title",
+        field: "title",
         method: "count",
       },
       {
-        id: "score",
+        field: "score",
         method: "max",
       },
     ],
@@ -75,11 +75,11 @@ const widget = new pivot.Pivot("#pivot", {
     columns: [],
     values: [
       {
-        id: "title",
+        field: "title",
         method: "count",
       },
       {
-        id: "score",
+        field: "score",
         method: "max",
       },
     ],
diff --git a/docs/api/events/render-table-event.md b/docs/api/events/render-table-event.md
@@ -68,11 +68,11 @@ const widget = new pivot.Pivot("#pivot", {
     columns: [],
     values: [
       {
-        id: "title",
+        field: "title",
         method: "count",
       },
       {
-        id: "score",
+        field: "score",
         method: "max",
       },
     ],
diff --git a/docs/api/events/reorder-fields-event.md b/docs/api/events/reorder-fields-event.md
@@ -41,11 +41,11 @@ const widget = new pivot.Pivot("#pivot", {
     columns: [],
     values: [
       {
-        id: "title",
+        field: "title",
         method: "count",
       },
       {
-        id: "score",
+        field: "score",
         method: "max",
       },
     ],
@@ -56,3 +56,5 @@ widget.api.on("move-field", (ev) => {
   console.log("The id of the reordered field:", ev.id);
 });
 ~~~
+
+**Related articles**: [api.on()](/api/internal/on-method)
diff --git a/docs/api/events/show-config-panel-event.md b/docs/api/events/show-config-panel-event.md
@@ -35,11 +35,11 @@ const widget = new pivot.Pivot("#pivot", {
     columns: [],
     values: [
       {
-        id: "title",
+        field: "title",
         method: "count",
       },
       {
-        id: "score",
+        field: "score",
         method: "max",
       },
     ],
diff --git a/docs/api/events/update-config-event.md b/docs/api/events/update-config-event.md
@@ -78,3 +78,5 @@ widget.api.intercept("update-config", (config) => {
   console.log("Config has changed", config);
 });
 ~~~
+
+**Related articles**: [api.intercept()](/api/internal/intercept-method)
diff --git a/docs/api/events/update-value-event.md b/docs/api/events/update-value-event.md
@@ -44,11 +44,11 @@ const widget = new pivot.Pivot("#pivot", {
     columns: [],
     values: [
       {
-        id: "title",
+        field: "title",
         method: "count",
       },
       {
-        id: "score",
+        field: "score",
         method: "max",
       },
     ],
@@ -59,3 +59,5 @@ widget.api.on("update-field", (ev) => {
   console.log("The id of the field that was updated:", ev.id);
 });
 ~~~
+
+**Related articles**: [api.on()](/api/internal/on-method)
diff --git a/docs/api/internal/exec-method.md b/docs/api/internal/exec-method.md
@@ -46,11 +46,11 @@ const table = new pivot.Pivot("#root", {
     columns: [],
     values: [
       {
-        id: "title",
+        field: "title",
         method: "count",
       },
       {
-        id: "score",
+        field: "score",
         method: "max",
       },
     ],
diff --git a/docs/api/internal/getreactivestate-method.md b/docs/api/internal/getreactivestate-method.md
@@ -51,11 +51,11 @@ const table = new pivot.Pivot("#root", {
     columns: [],
     values: [
       {
-        id: "title",
+        field: "title",
         method: "count",
       },
       {
-        id: "score",
+        field: "score",
         method: "max",
       },
     ],
diff --git a/docs/api/internal/getstate-method.md b/docs/api/internal/getstate-method.md
@@ -51,11 +51,11 @@ const table = new pivot.Pivot("#root", {
     columns: [],
     values: [
       {
-        id: "title",
+        field: "title",
         method: "count",
       },
       {
-        id: "score",
+        field: "score",
         method: "max",
       },
     ],
diff --git a/docs/api/internal/getstores-method.md b/docs/api/internal/getstores-method.md
@@ -38,11 +38,11 @@ const table = new pivot.Pivot("#root", {
     columns: [],
     values: [
       {
-        id: "title",
+        field: "title",
         method: "count",
       },
       {
-        id: "score",
+        field: "score",
         method: "max",
       },
     ],
diff --git a/docs/api/internal/intercept-method.md b/docs/api/internal/intercept-method.md
@@ -43,11 +43,11 @@ consttable = new pivot.Pivot("#root", {
     columns: [],
     values: [
       {
-        id: "title",
+        field: "title",
         method: "count",
       },
       {
-        id: "score",
+        field: "score",
         method: "max",
       },
     ],
diff --git a/docs/api/internal/on-method.md b/docs/api/internal/on-method.md
@@ -45,11 +45,11 @@ const table = new pivot.Pivot("#root", {
     columns: [],
     values: [
       {
-        id: "title",
+        field: "title",
         method: "count",
       },
       {
-        id: "score",
+        field: "score",
         method: "max",
       },
     ],
diff --git a/docs/api/methods/setconfig-method.md b/docs/api/methods/setconfig-method.md
@@ -38,11 +38,11 @@ const widget = new pivot.Pivot("#root", {
     columns: [],
     values: [
       {
-        id: "title",
+        field: "title",
         method: "count",
       },
       {
-        id: "score",
+        field: "score",
         method: "max",
       },
     ],
diff --git a/docs/api/overview/properties-overview.md b/docs/api/overview/properties-overview.md
@@ -12,6 +12,7 @@ To configure the **Pivot**, refer to the [Configuration](../../../guides/configu
 | -------------------------------------------------- | ------------------------------------------------ |
 | [](../config/columnshape-property.md)              | @getshort(../config/columnshape-property.md)     |
 | [](../config/config-property.md)                   | @getshort(../config/config-property.md)          |
+| [](../config/configpanel-property.md)              | @getshort(../config/configpanel-property.md)     |
 | [](../config/data-property.md)                     | @getshort(../config/data-property.md)            |
 | [](../config/fields-property.md)                   | @getshort(../config/fields-property.md)          |
 | [](../config/headershape-property.md)              | @getshort(../config/headershape-property.md)     |
diff --git a/docs/index.md b/docs/index.md
@@ -87,9 +87,9 @@ To change the order of rows in the table, drag an item to the desired position.
 ![rows-priority](assets/rows-priority.png)
 
 
-#### Filters
+### Filters
 
-Filters appear as drop-down lists for each field:
+Filters appear as drop-down lists for each field in all areas:
 
 ![filters](assets/filters.png)
 
diff --git a/docs/news/whats_new.md b/docs/news/whats_new.md
@@ -25,11 +25,11 @@ Released on Month Day, 2024
   - configuring the width
   - setting autowidth with the ability to set maxRows to be processed for the autoWidth calculation
   - the firstOnly feature when each field of the same data is analyzed only once to calculate the column width (by default)
-- **Configuring the look of headers**:  
+- **Configuring the look and behavior of headers**:  
   - applying a template to the text in headers
   - changing text orientation
   - making dimension groups in the table collapsible
-- **Configuring the look of the Pivot table**:
+- **Configuring the look of the table**:
   - applying templates to a cell
   - marking cells
   - configuring the sizes: rowHeight, headerHeight, footerHeight, colWidth
@@ -39,12 +39,12 @@ Released on Month Day, 2024
   - fixing columns from the left making them static while scrolling
 - **Working with data**:
   - loading data
-  - importing data from CSV to JSON
+  - converting data from CSV to JSON
   - exporting data to the xlsx or csv format
   - sorting data
   - adding and applying filters
   - limiting loaded data
   - applying and customizing maths methods
   - processing data with predicates
 - **Localization** and setting date format
-- **Styling** (cell style, scroll style, ability to customize the Material theme)
+- **Styling** (cell style, header template, scroll style, ability to customize the Material theme)

Original file line number	Diff line number	Diff line change
`@@ -48,11 +48,11 @@ const widget = new pivot.Pivot("#pivot", {`
`48`	`48`	`columns: [],`
`49`	`49`	`values: [`
`50`	`50`	`{`
`51`		`- id: "title",`
	`51`	`+ field: "title",`
`52`	`52`	`method: "count",`
`53`	`53`	`},`
`54`	`54`	`{`
`55`		`- id: "score",`
	`55`	`+ field: "score",`
`56`	`56`	`method: "max",`
`57`	`57`	`},`
`58`	`58`	`],`
`@@ -68,3 +68,5 @@ widget.api.intercept("add-field", (ev) => {`
`68`	`68`	`}`
`69`	`69`	`});`
`70`	`70`	`~~~`
	`71`	`+`
	`72`	`+Related articles: [api.intercept()](/api/internal/intercept-method)`
Original file line number	Diff line number	Diff line change
`@@ -39,11 +39,11 @@ const table = new pivot.Pivot("#root", {`
`39`	`39`	`columns: [],`
`40`	`40`	`values: [`
`41`	`41`	`{`
`42`		`- id: "title",`
	`42`	`+ field: "title",`
`43`	`43`	`method: "count",`
`44`	`44`	`},`
`45`	`45`	`{`
`46`		`- id: "score",`
	`46`	`+ field: "score",`
`47`	`47`	`method: "max",`
`48`	`48`	`},`
`49`	`49`	`],`
Original file line number	Diff line number	Diff line change
`@@ -68,11 +68,11 @@ const widget = new pivot.Pivot("#pivot", {`
`68`	`68`	`columns: [],`
`69`	`69`	`values: [`
`70`	`70`	`{`
`71`		`- id: "title",`
	`71`	`+ field: "title",`
`72`	`72`	`method: "count",`
`73`	`73`	`},`
`74`	`74`	`{`
`75`		`- id: "score",`
	`75`	`+ field: "score",`
`76`	`76`	`method: "max",`
`77`	`77`	`},`
`78`	`78`	`],`
Original file line number	Diff line number	Diff line change
`@@ -35,11 +35,11 @@ const widget = new pivot.Pivot("#pivot", {`
`35`	`35`	`columns: [],`
`36`	`36`	`values: [`
`37`	`37`	`{`
`38`		`- id: "title",`
	`38`	`+ field: "title",`
`39`	`39`	`method: "count",`
`40`	`40`	`},`
`41`	`41`	`{`
`42`		`- id: "score",`
	`42`	`+ field: "score",`
`43`	`43`	`method: "max",`
`44`	`44`	`},`
`45`	`45`	`],`
Original file line number	Diff line number	Diff line change
`@@ -46,11 +46,11 @@ const table = new pivot.Pivot("#root", {`
`46`	`46`	`columns: [],`
`47`	`47`	`values: [`
`48`	`48`	`{`
`49`		`- id: "title",`
	`49`	`+ field: "title",`
`50`	`50`	`method: "count",`
`51`	`51`	`},`
`52`	`52`	`{`
`53`		`- id: "score",`
	`53`	`+ field: "score",`
`54`	`54`	`method: "max",`
`55`	`55`	`},`
`56`	`56`	`],`
Original file line number	Diff line number	Diff line change
`@@ -51,11 +51,11 @@ const table = new pivot.Pivot("#root", {`
`51`	`51`	`columns: [],`
`52`	`52`	`values: [`
`53`	`53`	`{`
`54`		`- id: "title",`
	`54`	`+ field: "title",`
`55`	`55`	`method: "count",`
`56`	`56`	`},`
`57`	`57`	`{`
`58`		`- id: "score",`
	`58`	`+ field: "score",`
`59`	`59`	`method: "max",`
`60`	`60`	`},`
`61`	`61`	`],`
Original file line number	Diff line number	Diff line change
`@@ -38,11 +38,11 @@ const table = new pivot.Pivot("#root", {`
`38`	`38`	`columns: [],`
`39`	`39`	`values: [`
`40`	`40`	`{`
`41`		`- id: "title",`
	`41`	`+ field: "title",`
`42`	`42`	`method: "count",`
`43`	`43`	`},`
`44`	`44`	`{`
`45`		`- id: "score",`
	`45`	`+ field: "score",`
`46`	`46`	`method: "max",`
`47`	`47`	`},`
`48`	`48`	`],`
Original file line number	Diff line number	Diff line change
`@@ -43,11 +43,11 @@ consttable = new pivot.Pivot("#root", {`
`43`	`43`	`columns: [],`
`44`	`44`	`values: [`
`45`	`45`	`{`
`46`		`- id: "title",`
	`46`	`+ field: "title",`
`47`	`47`	`method: "count",`
`48`	`48`	`},`
`49`	`49`	`{`
`50`		`- id: "score",`
	`50`	`+ field: "score",`
`51`	`51`	`method: "max",`
`52`	`52`	`},`
`53`	`53`	`],`
Original file line number	Diff line number	Diff line change
`@@ -45,11 +45,11 @@ const table = new pivot.Pivot("#root", {`
`45`	`45`	`columns: [],`
`46`	`46`	`values: [`
`47`	`47`	`{`
`48`		`- id: "title",`
	`48`	`+ field: "title",`
`49`	`49`	`method: "count",`
`50`	`50`	`},`
`51`	`51`	`{`
`52`		`- id: "score",`
	`52`	`+ field: "score",`
`53`	`53`	`method: "max",`
`54`	`54`	`},`
`55`	`55`	`],`
Original file line number	Diff line number	Diff line change
`@@ -38,11 +38,11 @@ const widget = new pivot.Pivot("#root", {`
`38`	`38`	`columns: [],`
`39`	`39`	`values: [`
`40`	`40`	`{`
`41`		`- id: "title",`
	`41`	`+ field: "title",`
`42`	`42`	`method: "count",`
`43`	`43`	`},`
`44`	`44`	`{`
`45`		`- id: "score",`
	`45`	`+ field: "score",`
`46`	`46`	`method: "max",`
`47`	`47`	`},`
`48`	`48`	`],`