[update] props updated

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)

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)

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",
       },
     ],

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",
       },
     ],

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",
       },
     ],

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)

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",
       },
     ],

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)

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)

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",
       },
     ],

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",
       },
     ],

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",
       },
     ],

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",
       },
     ],

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",
       },
     ],

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",
       },
     ],

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",
       },
     ],

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)     |

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)
 

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)