/// <reference types="react" />
import { PivotTableProps } from '../../../../props';
export declare const PIVOT_WIDGET_PADDING = 8;
/**
 * Pivot table with pagination.
 *
 * @example
 * ```tsx
 * import { PivotTable } from '@sisense/sdk-ui';
 * import * as DM from './sample-ecommerce';
 * import { measureFactory } from '@sisense/sdk-data';
 *
 * const CodeExample = () => {
 *   return (
 *     <PivotTable
 *       dataSet={DM.DataSource}
 *       dataOptions={{
 *         rows: [
 *           {
 *             column: DM.Commerce.Date.Years,
 *             dateFormat: 'yyyy',
 *             name: 'Year',
 *           },
 *           DM.Commerce.Condition,
 *         ],
 *         columns: [DM.Commerce.AgeRange],
 *         values: [measureFactory.sum(DM.Commerce.Revenue, 'Total Revenue')],
 *       }}
 *       styleOptions={{
 *         rowsPerPage: 10,
 *         height: 425,
 *         width: 800,
 *       }}
 *     />
 *   );
 * };
 *
 * export default CodeExample;
 * ```
 *
 * <img src="media://pivot-table-example-1.png" width="800px" />
 *
 * Additional examples:
 *
 * Highlighting relative magnitude within a column with data bars:
 * ```tsx
 * import { PivotTable } from '@sisense/sdk-ui';
 * import * as DM from './sample-ecommerce';
 * import { measureFactory } from '@sisense/sdk-data';
 *
 * const CodeExample = () => {
 *   return (
 *     <PivotTable
 *       dataSet={DM.DataSource}
 *       dataOptions={{
 *         rows: [DM.Commerce.Condition, DM.Commerce.AgeRange],
 *         columns: [
 *           {
 *             column: DM.Commerce.Date.Years,
 *             dateFormat: 'yyyy',
 *             name: 'Year',
 *           },
 *         ],
 *         values: [
 *           {
 *             column: measureFactory.sum(DM.Commerce.Revenue, 'Total Revenue'),
 *             dataBars: true,
 *           },
 *         ],
 *       }}
 *       styleOptions={{
 *         rowsPerPage: 10,
 *         height: 425,
 *         width: 850,
 *       }}
 *     />
 *   );
 * };
 *
 * export default CodeExample;
 * ```
 *
 * <img src="media://pivot-table-example-2.png" width="800px" />
 *
 * Sorting rows: `Condition` and `Age Range` rows sorted directly by their own values (equivalent to a user clicking a row heading and choosing Sort Descending):
 * ```tsx
 * import { PivotTable } from '@sisense/sdk-ui';
 * import * as DM from './sample-ecommerce';
 * import { measureFactory } from '@sisense/sdk-data';
 *
 * const CodeExample = () => {
 *   return (
 *     <PivotTable
 *       dataSet={DM.DataSource}
 *       dataOptions={{
 *         rows: [
 *           {
 *             column: DM.Commerce.Condition,
 *             sortType: 'sortDesc',
 *           },
 *           {
 *             column: DM.Commerce.AgeRange,
 *             sortType: 'sortDesc',
 *           },
 *         ],
 *         columns: [{ column: DM.Commerce.Date.Years }],
 *         values: [
 *           { column: measureFactory.sum(DM.Commerce.Revenue, 'Revenue') },
 *           { column: measureFactory.sum(DM.Commerce.Quantity, 'Units') },
 *         ],
 *       }}
 *       styleOptions={{
 *         rowsPerPage: 12,
 *         height: 425,
 *         width: 1200,
 *       }}
 *     />
 *   );
 * };
 *
 * export default CodeExample;
 * ```
 *
 * <img src="media://pivot-table-example-3.png" width="800px" />
 *
 * Sorting rows by a value column: `Age Range` sorted by its `Revenue` values (equivalent to a user clicking the `Revenue` value heading and sorting `Age Range` Descending):
 * ```tsx
 * import { PivotTable } from '@sisense/sdk-ui';
 * import * as DM from './sample-ecommerce';
 * import { measureFactory } from '@sisense/sdk-data';
 *
 * const CodeExample = () => {
 *   return (
 *     <PivotTable
 *       dataSet={DM.DataSource}
 *       dataOptions={{
 *         rows: [
 *           DM.Commerce.Condition,
 *           {
 *             column: DM.Commerce.AgeRange,
 *             sortType: {
 *               direction: 'sortDesc',
 *               by: {
 *                 valuesIndex: 0,
 *               },
 *             },
 *           },
 *         ],
 *         values: [
 *           measureFactory.sum(DM.Commerce.Revenue, 'Revenue'),
 *           measureFactory.sum(DM.Commerce.Quantity, 'Units'),
 *         ],
 *       }}
 *       styleOptions={{
 *         rowsPerPage: 12,
 *         height: 425,
 *         width: 800,
 *       }}
 *     />
 *   );
 * };
 *
 * export default CodeExample;
 * ```
 *
 * <img src="media://pivot-table-example-4.png" width="800px" />
 *
 * Grand totals across rows and columns:
 * ```tsx
 * import { PivotTable } from '@sisense/sdk-ui';
 * import * as DM from './sample-ecommerce';
 * import { measureFactory } from '@sisense/sdk-data';
 *
 * const CodeExample = () => {
 *   return (
 *     <PivotTable
 *       dataSet={DM.DataSource}
 *       dataOptions={{
 *         rows: [
 *           {
 *             column: DM.Commerce.Date.Years,
 *             dateFormat: 'yyyy',
 *             name: 'Year',
 *           },
 *           DM.Commerce.Condition,
 *         ],
 *         columns: [DM.Commerce.AgeRange],
 *         values: [measureFactory.sum(DM.Commerce.Revenue, 'Total Revenue')],
 *         grandTotals: {
 *           rows: true,
 *           columns: true,
 *         },
 *       }}
 *       styleOptions={{
 *         rowsPerPage: 15,
 *         height: 550,
 *         width: 900,
 *         totalsColor: true,
 *         headersColor: true,
 *       }}
 *     />
 *   );
 * };
 *
 * export default CodeExample;
 * ```
 *
 * <img src="media://pivot-table-example-5.png" width="800px" />
 *
 * Grand totals plus a subtotal row per `Year`, via {@link PivotTableDataOptions.rows}' `includeSubTotals`:
 * ```tsx
 * import { PivotTable } from '@sisense/sdk-ui';
 * import * as DM from './sample-ecommerce';
 * import { measureFactory } from '@sisense/sdk-data';
 *
 * const CodeExample = () => {
 *   return (
 *     <PivotTable
 *       dataSet={DM.DataSource}
 *       dataOptions={{
 *         rows: [
 *           {
 *             column: DM.Commerce.Date.Years,
 *             dateFormat: 'yyyy',
 *             name: 'Year',
 *             includeSubTotals: true,
 *           },
 *           DM.Commerce.Condition,
 *         ],
 *         columns: [DM.Commerce.AgeRange],
 *         values: [measureFactory.sum(DM.Commerce.Revenue, 'Total Revenue')],
 *         grandTotals: {
 *           rows: true,
 *           columns: true,
 *         },
 *       }}
 *       styleOptions={{
 *         rowsPerPage: 15,
 *         height: 550,
 *         width: 900,
 *         totalsColor: true,
 *         headersColor: true,
 *       }}
 *     />
 *   );
 * };
 *
 * export default CodeExample;
 * ```
 *
 * <img src="media://pivot-table-example-6.png" width="800px" />
 *
 * @remarks
 * Configuration options can also be applied within the scope of a `<SisenseContextProvider>` to control the default behavior of PivotTable, by changing available settings within `appConfig.chartConfig.tabular.*`
 *
 * Follow the link to {@link AppConfig} for more details on the available settings.
 *
 * @param props - Pivot Table properties
 * @returns Pivot Table component
 * @group Data Grids
 */
export declare const PivotTable: import("react").FunctionComponent<PivotTableProps>;