Table - add paginator

[daniele-zurico]

Now that we have available the paginator component will be nice to enhance the table component adding the ability to do pagination if the number of item is big.

the table by default do not have the paginator enabled (false) however if the developer pass an extra attribute paginator then it will be displayed.

Ex:

<Table paginator={ all the props available in the paginator}/>

properties available:

  /**
   * Total pages count
   */
  totalPages: number;
  /**
   * It will set the initial page where the paginator will position at the beginning
   */
  currentPage?: number;
  /**
   * Class name that will apply the style to the current page
   */
  currentPageClassName?: string;
  /**
   * Class name to style the outer container
   */
  paginatorClassName?: string;
  /**
   * Allow to pass a custom component to define the previous button
   */
  previousButton?: JSX.Element | string;
  /**
   * It will allow to style the container of the previous button
   */
  previousButtonClassName?: string;
  /**
   * Allow to pass a custom component to define the next button
   */
  nextButton?: JSX.Element | string;
  /**
   * It will allow to style the container of the next button
   */
  nextButtonClassName?: string;
  /**
   * It will allow to style every single page number
   */
  pageNumbersClassName?: string;
  /**
   * Number of always visible pages before and after the current page.
   * @default 1
   */
  sibilingCount?: number;
  /**
   * Number of always visible pages at the beginning and end.
   * @default 1
   */
  boundaryCount?: number;
  /**
   * Callback function that is triggered when the page changes and returns the updated current page
   */
  onPageChange?: (page: number) => void;

make mandatory only totalPages needed by the paginator component, all the others will be optional.

Enhance:

• table in the example
• table in storybook
• test

Set up:

git checkout release/1.1.0
git pull
git checkout -b 'feature/tableWithPaginator'