bbar : { type : 'pagingtoolbar' } typing error

[rubiconsid]

When working with Grid Paged fw demos, noticed that bbar : { type : 'pagingtoolbar' } is not working in typescript

const gridConfig : Partial<GridConfig> = {
......
    bbar : { 
        type : 'pagingtoolbar'
    }
 

Have discussed with Saki, and suggested to report to Sergey to have a look in typing bug for below:

In fw demos now, it is using strips instead as workaround for issue above .

      strips : {
            bottom : {
                dock : 'bottom',
                type : 'pagingtoolbar'
            }
        }

[SergeyMaltsev]

@rubiconsid from docs and type declaration it shows that you may use Partial<ContainerItemConfig> or string as array

https://bryntum.com/products/grid/docs/api/Core/widget/Panel#config-bbar

Did you try the below?

const gridConfig : Partial<GridConfig> = {
....
    bbar : [ 'pagingtoolbar' ]

or

const gridConfig : Partial<GridConfig> = {
......
    bbar : [{ 
        type : 'pagingtoolbar'
    }]

Please change docs for tbar and bbar if they don't match the API code.

[rubiconsid]

@SergeyMaltsev Yes, have tried below which did not work before asking you for some advice.

    bbar : [
            'pagingtoolbar'
        ],

it's not right..

or

        bbar : [
            {
                type : 'pagingtoolbar'
            }
        ],

this not able to recieve data

....
So would like to know how to change docs correctly for the config to work below : ?

        bbar : 
            {
                type : 'pagingtoolbar'
            }
        

Can I do this?

[SergeyMaltsev]

@rubiconsid please fix docs to match what is expected by API.
The fix should be for bbar, tbar properties if they don't match what is expected by API.
Contact our API devs for clarifying.

Also you can not use TypeScript in codebase.

This is PagingToolbar class declaration:

 * @extends Core/widget/Toolbar
 * @classtype pagingtoolbar
 * @widget
 */
export default class PagingToolbar extends Toolbar {
    static $name = 'PagingToolbar';
    static type = 'pagingtoolbar';

[rubiconsid]

Prediscussed with Sergey for a fix as below in Paged demo PR, which will need Johan's doublecheck:
In Panel.js

/**
             * A Config object representing the configuration of a {@link Core.widget.PagingToolbar}, <---
             * or array of config objects representing the child items of a Toolbar.
             *
             * This creates a toolbar docked to the top of the panel immediately below the header.
             * @config {Array<ContainerItemConfig|String>|ToolbarConfig|PagingToolbarConfig} <---
             * @category Content
             */
            tbar : null,

            /**
             * Get toolbar {@link Core.widget.Toolbar} docked to the bottom of the panel
             * @member {Core.widget.Toolbar} bbar
             * @readonly
             * @category Content
             */
            /**
             * A Config object representing the configuration of a {@link Core.widget.PagingToolbar},  <----
             * or array of config objects representing the child items of a Toolbar.
             *
             * This creates a toolbar docked to the bottom of the panel immediately above the footer.
             * @config {Array<ContainerItemConfig|String>|ToolbarConfig|PagingToolbarConfig} <----
             * @category Content
             */
            bbar : null,