@progress/kendo-react-data-tools 6.1.1 → 7.0.0-develop.2

package/dist/npm/navigation/utils.js

@@ -1,235 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.tableKeyboardNavigationTools = exports.getFilterColumnId = exports.getNextNavigationIndex = exports.findId = exports.findNextIdByCellIndex = exports.findNextIdByRowIndex = exports.getIdPrefix = exports.focusElement = exports.filterNavigatableElements = exports.getNavigatableElements = exports.getFocusableElements = exports.getBodyElement = exports.getHeaderElement = exports.getClosestScope = exports.getActiveElement = exports.getClosestNavigatableElement = exports.getNavigatableElement = exports.isNavigatable = exports.getNavigatableId = exports.getNavigatableLevel = exports.generateNavigatableId = void 0;
-var constants_1 = require("./constants");
-/**
- * @hidden
- */
-var generateNavigatableId = function (navigationId, idPrefix, type) {
-    if (type === void 0) { type = 'cell'; }
-    return "".concat(idPrefix, "_").concat(navigationId, "_").concat(type);
-};
-exports.generateNavigatableId = generateNavigatableId;
-/**
- * @hidden
- */
-var getNavigatableLevel = function (element) {
-    if (!element) {
-        return;
-    }
-    return parseInt(element.getAttribute(constants_1.KEYBOARD_NAV_DATA_LEVEL) || '', 10);
-};
-exports.getNavigatableLevel = getNavigatableLevel;
-/**
- * @hidden
- */
-var getNavigatableId = function (element) {
-    if (!element) {
-        return;
-    }
-    var dataId = element.getAttribute(constants_1.KEYBOARD_NAV_DATA_ID);
-    return dataId ? dataId : undefined;
-};
-exports.getNavigatableId = getNavigatableId;
-/**
- * @hidden
- */
-var isNavigatable = function (element) {
-    if (!element) {
-        return false;
-    }
-    var dataId = element.getAttribute(constants_1.KEYBOARD_NAV_DATA_ID);
-    return Boolean(dataId);
-};
-exports.isNavigatable = isNavigatable;
-/**
- * @hidden
- */
-var getNavigatableElement = function (scope, options) {
-    if (options === void 0) { options = { level: 0 }; }
-    return scope.querySelector("[".concat(constants_1.KEYBOARD_NAV_DATA_LEVEL, "='").concat(options.level, "']"));
-};
-exports.getNavigatableElement = getNavigatableElement;
-/**
- * @hidden
- */
-var getClosestNavigatableElement = function (target) {
-    return (target.parentElement &&
-        target.parentElement.closest("[".concat(constants_1.KEYBOARD_NAV_DATA_LEVEL, "]")));
-};
-exports.getClosestNavigatableElement = getClosestNavigatableElement;
-/**
- * @hidden
- */
-var getActiveElement = function (scope, activeId) {
-    return scope.querySelector("[".concat(constants_1.KEYBOARD_NAV_DATA_ID, "='").concat(activeId, "']"));
-};
-exports.getActiveElement = getActiveElement;
-/**
- * @hidden
- */
-var getClosestScope = function (target) {
-    return (target.parentElement &&
-        target.parentElement.closest("[".concat(constants_1.KEYBOARD_NAV_DATA_SCOPE, "]")));
-};
-exports.getClosestScope = getClosestScope;
-/**
- * @hidden
- */
-var getHeaderElement = function (scope) {
-    return scope.querySelector("[".concat(constants_1.KEYBOARD_NAV_DATA_HEADER, "]"));
-};
-exports.getHeaderElement = getHeaderElement;
-/**
- * @hidden
- */
-var getBodyElement = function (scope) {
-    return scope.querySelector("[".concat(constants_1.KEYBOARD_NAV_DATA_BODY, "]"));
-};
-exports.getBodyElement = getBodyElement;
-/**
- * @hidden
- */
-var getFocusableElements = function (scope, options) {
-    if (options === void 0) { options = { focusable: false }; }
-    var selectors = options.focusable ? constants_1.FOCUSABLE_ELEMENTS : constants_1.TABBABLE_ELEMENTS;
-    return Array.from(scope.querySelectorAll(selectors.join(',')));
-};
-exports.getFocusableElements = getFocusableElements;
-/**
- * @hidden
- */
-var getNavigatableElements = function (scope, options) {
-    if (options === void 0) { options = { level: 0 }; }
-    if (!scope) {
-        return [];
-    }
-    var selector = constants_1.FOCUSABLE_ELEMENTS.map(function (el) { return el + "[".concat(constants_1.KEYBOARD_NAV_DATA_LEVEL, "='").concat(options.level, "']"); }).join(',');
-    return Array.from(scope.querySelectorAll(selector));
-};
-exports.getNavigatableElements = getNavigatableElements;
-/**
- * @hidden
- */
-var filterNavigatableElements = function (options) {
-    if (options === void 0) { options = { level: 0 }; }
-    var selector = constants_1.FOCUSABLE_ELEMENTS.map(function (sel) { return sel + "[".concat(constants_1.KEYBOARD_NAV_DATA_LEVEL, "='").concat(options.level, "']"); }).join(',');
-    return function (element) { return element.matches(selector); };
-};
-exports.filterNavigatableElements = filterNavigatableElements;
-/**
- * @hidden
- */
-var focusElement = function (options) {
-    var elementForFocus = options.elementForFocus, event = options.event, contextStateRef = options.contextStateRef, prevElement = options.prevElement;
-    if (contextStateRef.current && elementForFocus && elementForFocus.focus) {
-        event.preventDefault();
-        elementForFocus.focus();
-        if ((0, exports.isNavigatable)(elementForFocus)) {
-            elementForFocus.setAttribute('tabIndex', '0');
-            contextStateRef.current.activeId = (0, exports.getNavigatableId)(elementForFocus);
-        }
-        if (prevElement && (0, exports.isNavigatable)(prevElement)) {
-            prevElement.setAttribute('tabIndex', '-1');
-        }
-    }
-};
-exports.focusElement = focusElement;
-/**
- * @hidden
- */
-var getIdPrefix = function (navigationStateRef) {
-    return navigationStateRef.current ? navigationStateRef.current.idPrefix : '';
-};
-exports.getIdPrefix = getIdPrefix;
-/**
- * @hidden
- */
-var findNextIdByRowIndex = function (initialRowIndex, cellIndex, elementId, matrix, isReverse) {
-    if (!elementId) {
-        return [];
-    }
-    var currentRowIndex = initialRowIndex + (isReverse ? -1 : 1);
-    while (currentRowIndex >= 0 && currentRowIndex < matrix.length) {
-        var currentId = matrix[currentRowIndex][cellIndex];
-        if (currentId !== elementId) {
-            return [currentId, [currentRowIndex, cellIndex]];
-        }
-        currentRowIndex = currentRowIndex + (isReverse ? -1 : 1);
-    }
-    return [];
-};
-exports.findNextIdByRowIndex = findNextIdByRowIndex;
-/**
- * @hidden
- */
-var findNextIdByCellIndex = function (rowIndex, initialCellIndex, elementId, matrix, isReverse) {
-    if (!elementId) {
-        return [];
-    }
-    var currentCellIndex = initialCellIndex + (isReverse ? -1 : 1);
-    while (currentCellIndex >= 0 && currentCellIndex < matrix[rowIndex].length) {
-        var currentId = matrix[rowIndex][currentCellIndex];
-        if (currentId !== elementId) {
-            return [currentId, [rowIndex, currentCellIndex]];
-        }
-        currentCellIndex = currentCellIndex + (isReverse ? -1 : 1);
-    }
-    return [];
-};
-exports.findNextIdByCellIndex = findNextIdByCellIndex;
-/**
- * @hidden
- */
-var findId = function (navigationMatrix, cellId) {
-    if (!cellId) {
-        return;
-    }
-    for (var rowIndex = 0; rowIndex < navigationMatrix.length; rowIndex++) {
-        for (var cellIndex = 0; cellIndex < navigationMatrix[rowIndex].length; cellIndex++) {
-            if (navigationMatrix[rowIndex][cellIndex] === cellId) {
-                return [rowIndex, cellIndex];
-            }
-        }
-    }
-};
-exports.findId = findId;
-/**
- * @hidden
- */
-var getNextNavigationIndex = function (navigationStateRef) {
-    return navigationStateRef.current ? navigationStateRef.current.navigationMatrix.length : 0;
-};
-exports.getNextNavigationIndex = getNextNavigationIndex;
-/**
- * @hidden
- */
-var getFilterColumnId = function (columnId) {
-    return columnId ? "".concat(columnId).concat(constants_1.KEYBOARD_NAV_FILTER_COL_SUFFIX) : '';
-};
-exports.getFilterColumnId = getFilterColumnId;
-/**
- * @hidden
- */
-exports.tableKeyboardNavigationTools = {
-    generateNavigatableId: exports.generateNavigatableId,
-    getNavigatableId: exports.getNavigatableId,
-    getNavigatableLevel: exports.getNavigatableLevel,
-    getNavigatableElement: exports.getNavigatableElement,
-    getClosestNavigatableElement: exports.getClosestNavigatableElement,
-    getActiveElement: exports.getActiveElement,
-    getClosestScope: exports.getClosestScope,
-    getHeaderElement: exports.getHeaderElement,
-    getBodyElement: exports.getBodyElement,
-    getFocusableElements: exports.getFocusableElements,
-    getNavigatableElements: exports.getNavigatableElements,
-    filterNavigatableElements: exports.filterNavigatableElements,
-    focusElement: exports.focusElement,
-    getIdPrefix: exports.getIdPrefix,
-    isNavigatable: exports.isNavigatable,
-    findNextIdByRowIndex: exports.findNextIdByRowIndex,
-    findNextIdByCellIndex: exports.findNextIdByCellIndex,
-    findId: exports.findId,
-    getNextNavigationIndex: exports.getNextNavigationIndex,
-    getFilterColumnId: exports.getFilterColumnId
-};

package/dist/npm/package-metadata.d.ts

@@ -1,5 +0,0 @@
-import { PackageMetadata } from '@progress/kendo-licensing';
-/**
- * @hidden
- */
-export declare const packageMetadata: PackageMetadata;

package/dist/npm/package-metadata.js

@@ -1,14 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.packageMetadata = void 0;
-/**
- * @hidden
- */
-exports.packageMetadata = {
-    name: '@progress/kendo-react-data-tools',
-    productName: 'KendoReact',
-    productCodes: ['KENDOUIREACT', 'KENDOUICOMPLETE'],
-    publishDate: 1700064209,
-    version: '',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning'
-};

package/dist/npm/pager/Pager.d.ts

@@ -1,204 +0,0 @@
-import * as React from 'react';
-import * as PropTypes from 'prop-types';
-/**
- * A Pager target event.
- */
-export interface PagerTargetEvent {
-    [key: string]: any;
-    /**
-     * An event target.
-     */
-    target?: any;
-    /**
-     * An event value.
-     */
-    value?: any;
-}
-/**
- * Represents the base object of the `onPageChange` event. It is usually used
- * in custom pager scenarios in cases when we don't need any of the events or the target.
- */
-export interface BasePageChangeEvent {
-    /**
-     * The number of records that will be skipped.
-     */
-    skip: number;
-    /**
-     * The number of records that will be taken.
-     */
-    take: number;
-    /**
-     * A React Synthetic Event.
-     */
-    syntheticEvent?: React.SyntheticEvent<any>;
-    /**
-     * A native DOM event.
-     */
-    nativeEvent?: any;
-    /**
-     * A target change event.
-     */
-    targetEvent?: PagerTargetEvent;
-}
-/**
- * Represents the object of the `onPageChange` event.
- */
-export interface PageChangeEvent extends BasePageChangeEvent {
-    /**
-     * An event target.
-     */
-    target: Pager;
-    /**
-     * A React Synthetic Event.
-     */
-    syntheticEvent: React.SyntheticEvent<any>;
-    /**
-     * A native DOM event.
-     */
-    nativeEvent: any;
-    /**
-     * A target change event.
-     */
-    targetEvent: PagerTargetEvent;
-}
-export interface PagerProps {
-    /**
-     * The total number of records.
-     */
-    total: number;
-    /**
-     * The number of records that will be skipped.
-     */
-    skip: number;
-    /**
-     * The number of records that will be taken.
-     */
-    take: number;
-    /**
-     * Sets additional classes to the Pager.
-     */
-    className?: string;
-    /**
-     * The styles that are applied to the Pager.
-     */
-    style?: React.CSSProperties;
-    /**
-     * Sets the maximum numeric buttons count before the buttons are collapsed.
-     */
-    buttonCount?: number;
-    /**
-     * Toggles the information about the current page and the total number of records.
-     */
-    info?: boolean;
-    /**
-     * Defines the type of the pager.
-     * * (Default) `numeric` — Renders buttons with numbers.
-     * * `input` — Renders an input field for typing the page number.
-     */
-    type?: 'numeric' | 'input';
-    /**
-     * Displays a menu for selecting the page size.
-     */
-    pageSizes?: Array<number> | Array<number | string>;
-    /**
-     * Sets the selected value of the page size Dropdownlist.
-     * It is useful when the selected value could also be a string not only a number.
-     */
-    pageSizeValue?: string | number;
-    /**
-     * Toggles the **Previous** and **Next** buttons.
-     */
-    previousNext?: boolean;
-    /**
-     * Defines if the pager will be responsive. Defaults to `true`.
-     */
-    responsive?: boolean;
-    /**
-     * Configures the `size` of the Pager.
-     *
-     * The available options are:
-     * - small
-     * - medium
-     * - large
-     * - null&mdash;Does not set a size `className`.
-     *
-     * @default `medium`
-     */
-    size?: null | 'small' | 'medium' | 'large';
-    /**
-     * Fires when the page of the Pager is changed. You have to handle the event yourself and page the data.
-     */
-    onPageChange?: ((event: PageChangeEvent) => void) | ((event: BasePageChangeEvent) => void);
-    /**
-     * Useful for modifying the Pager messages.
-     */
-    messagesMap?: (messageKey: string) => ({
-        messageKey: string;
-        defaultMessage: string;
-    });
-    /**
-     * Sets the direction of the component.
-     */
-    dir?: string;
-}
-/**
- * @hidden
- */
-export interface PagerState {
-    showPagerSizes?: boolean;
-    showPagerInfo?: boolean;
-}
-export declare class Pager extends React.Component<PagerProps, PagerState> {
-    /**
-     * @hidden
-     */
-    static propTypes: {
-        className: PropTypes.Requireable<string>;
-        style: PropTypes.Requireable<object>;
-        total: PropTypes.Validator<number>;
-        skip: PropTypes.Validator<number>;
-        take: PropTypes.Validator<number>;
-        buttonCount: PropTypes.Requireable<number>;
-        info: PropTypes.Requireable<boolean>;
-        type: PropTypes.Requireable<string>;
-        pageSizes: PropTypes.Requireable<(NonNullable<string | number | null | undefined> | null | undefined)[]>;
-        previousNext: PropTypes.Requireable<boolean>;
-        onPageChange: PropTypes.Requireable<(...args: any[]) => any>;
-        messagesMap: PropTypes.Requireable<(...args: any[]) => any>;
-        size: PropTypes.Requireable<string | null>;
-        dir: PropTypes.Requireable<string>;
-    };
-    /**
-     * @hidden
-     */
-    static defaultProps: {
-        buttonCount: number;
-        info: boolean;
-        type: string;
-        size: string;
-    };
-    private _element;
-    private get isRtl();
-    /**
-     * Returns the HTML element of the Pager component.
-     */
-    get element(): HTMLDivElement | null;
-    constructor(props: PagerProps);
-    /**
-     * @hidden
-     */
-    componentDidMount(): void;
-    /**
-     * @hidden
-     */
-    componentWillUnmount(): void;
-    /**
-     * @hidden
-     */
-    render(): JSX.Element;
-    private onPageChange;
-    private renderButton;
-    private get totalPages();
-    private changePage;
-    private onWindowResize;
-}

package/dist/npm/pager/Pager.js

@@ -1,225 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Pager = void 0;
-var React = require("react");
-var PropTypes = require("prop-types");
-var PagerNumericButtons_1 = require("./PagerNumericButtons");
-var PagerInput_1 = require("./PagerInput");
-var PagerPageSizes_1 = require("./PagerPageSizes");
-var kendo_react_buttons_1 = require("@progress/kendo-react-buttons");
-var messages_1 = require("../messages");
-var kendo_react_intl_1 = require("@progress/kendo-react-intl");
-var kendo_react_common_1 = require("@progress/kendo-react-common");
-var kendo_svg_icons_1 = require("@progress/kendo-svg-icons");
-var package_metadata_1 = require("../package-metadata");
-/**
- * @hidden
- */
-var RESPONSIVE_BREAKPOINT_MEDIUM = 600;
-/**
- * @hidden
- */
-var RESPONSIVE_BREAKPOINT_LARGE = 768;
-var Pager = /** @class */ (function (_super) {
-    __extends(Pager, _super);
-    function Pager(props) {
-        var _this = _super.call(this, props) || this;
-        _this._element = null;
-        _this.onPageChange = function (eventData, targetEvent) {
-            var event = __assign({ target: _this, syntheticEvent: targetEvent.syntheticEvent, nativeEvent: targetEvent.nativeEvent, targetEvent: targetEvent }, eventData);
-            if (_this.props.onPageChange) {
-                _this.props.onPageChange.call(undefined, event);
-            }
-        };
-        _this.changePage = function (page, event) {
-            if (_this.props.onPageChange && page > 0 && page <= _this.totalPages) {
-                _this.props.onPageChange({
-                    target: _this,
-                    skip: (page - 1) * _this.props.take,
-                    take: _this.props.take,
-                    syntheticEvent: event,
-                    nativeEvent: event.nativeEvent,
-                    targetEvent: event
-                });
-            }
-        };
-        _this.onWindowResize = function () {
-            var element = _this.element;
-            if (!element || !_this.props.responsive) {
-                return;
-            }
-            var width = element.offsetWidth;
-            if (width < RESPONSIVE_BREAKPOINT_MEDIUM) {
-                _this.setState({ showPagerSizes: false });
-            }
-            else if (width >= RESPONSIVE_BREAKPOINT_MEDIUM && width < RESPONSIVE_BREAKPOINT_LARGE) {
-                _this.setState({ showPagerInfo: false, showPagerSizes: true });
-            }
-            else {
-                _this.setState({ showPagerInfo: true, showPagerSizes: true });
-            }
-        };
-        (0, kendo_react_common_1.validatePackage)(package_metadata_1.packageMetadata);
-        _this.state = { showPagerSizes: true, showPagerInfo: true };
-        return _this;
-    }
-    Object.defineProperty(Pager.prototype, "isRtl", {
-        get: function () {
-            return this.props.dir === 'rtl';
-        },
-        enumerable: false,
-        configurable: true
-    });
-    ;
-    Object.defineProperty(Pager.prototype, "element", {
-        /**
-         * Returns the HTML element of the Pager component.
-         */
-        get: function () {
-            return this._element;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    Pager.prototype.componentDidMount = function () {
-        window.addEventListener('resize', this.onWindowResize);
-        this.onWindowResize();
-    };
-    /**
-     * @hidden
-     */
-    Pager.prototype.componentWillUnmount = function () {
-        window.removeEventListener('resize', this.onWindowResize);
-    };
-    /**
-     * @hidden
-     */
-    Pager.prototype.render = function () {
-        var _a;
-        var _this = this;
-        var _b = this.state, showPagerSizes = _b.showPagerSizes, showPagerInfo = _b.showPagerInfo;
-        var _c = this.props, skip = _c.skip, take = _c.take, total = _c.total, pageSizes = _c.pageSizes, size = _c.size, responsive = _c.responsive, messagesMap = _c.messagesMap, pageSizeValue = _c.pageSizeValue;
-        var localizationService = (0, kendo_react_intl_1.provideLocalizationService)(this);
-        var intlService = (0, kendo_react_intl_1.provideIntlService)(this);
-        var currentPage = Math.floor(skip / take) + 1;
-        var changer = this.props.type === 'numeric' ?
-            (React.createElement(PagerNumericButtons_1.PagerNumericButtons, { type: (responsive && !showPagerSizes) ? 'dropdown' : 'numbers', buttonCount: this.props.buttonCount || 0, totalPages: this.totalPages, currentPage: currentPage, pageChange: this.changePage, messagesMap: this.props.messagesMap, size: this.props.size })) : (React.createElement(PagerInput_1.PagerInput, { buttonCount: this.props.buttonCount || 0, totalPages: this.totalPages, currentPage: currentPage, pageChange: this.changePage, messagesMap: messagesMap, size: this.props.size }));
-        var firstPageMessage = messagesMap ? messagesMap(messages_1.pagerFirstPage) :
-            ({ messageKey: messages_1.pagerFirstPage, defaultMessage: messages_1.messages[messages_1.pagerFirstPage] });
-        var previousPageMessage = messagesMap ? messagesMap(messages_1.pagerPreviousPage) :
-            ({ messageKey: messages_1.pagerPreviousPage, defaultMessage: messages_1.messages[messages_1.pagerPreviousPage] });
-        var nextPageMessage = messagesMap ? messagesMap(messages_1.pagerNextPage) :
-            ({ messageKey: messages_1.pagerNextPage, defaultMessage: messages_1.messages[messages_1.pagerNextPage] });
-        var lastPageMessage = messagesMap ? messagesMap(messages_1.pagerLastPage) :
-            ({ messageKey: messages_1.pagerLastPage, defaultMessage: messages_1.messages[messages_1.pagerLastPage] });
-        var infoMessage = messagesMap ? messagesMap(messages_1.pagerInfo) :
-            ({ messageKey: messages_1.pagerInfo, defaultMessage: messages_1.messages[messages_1.pagerInfo] });
-        var ariaKeyshortcutsMessage = messagesMap ? messagesMap(messages_1.pagerAriaKeyshortcuts) :
-            ({ messageKey: messages_1.pagerAriaKeyshortcuts, defaultMessage: messages_1.messages[messages_1.pagerAriaKeyshortcuts] });
-        var ariaLabelMessage = messagesMap ? messagesMap(messages_1.pagerAriaLabel) :
-            ({ messageKey: messages_1.pagerAriaLabel, defaultMessage: messages_1.messages[messages_1.pagerAriaLabel] });
-        var first, prev, next, last;
-        if (this.props.previousNext) {
-            first = this.renderButton(1, 'k-pager-nav k-pager-first' + (currentPage === 1 ? ' k-disabled' : ''), localizationService.toLanguageString(firstPageMessage.messageKey, firstPageMessage.defaultMessage), this.isRtl ? 'caret-alt-to-right' : 'caret-alt-to-left', this.isRtl ? kendo_svg_icons_1.caretAltToRightIcon : kendo_svg_icons_1.caretAltToLeftIcon, (currentPage === 1 ? true : undefined));
-            prev = this.renderButton(currentPage - 1, 'k-pager-nav' + (currentPage === 1 ? ' k-disabled' : ''), localizationService.toLanguageString(previousPageMessage.messageKey, previousPageMessage.defaultMessage), this.isRtl ? 'caret-alt-right' : 'caret-alt-left', this.isRtl ? kendo_svg_icons_1.caretAltRightIcon : kendo_svg_icons_1.caretAltLeftIcon, (currentPage === 1 ? true : undefined));
-            next = this.renderButton(currentPage + 1, 'k-pager-nav' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(nextPageMessage.messageKey, nextPageMessage.defaultMessage), this.isRtl ? 'caret-alt-left' : 'caret-alt-right', this.isRtl ? kendo_svg_icons_1.caretAltLeftIcon : kendo_svg_icons_1.caretAltRightIcon, (currentPage >= this.totalPages ? true : undefined));
-            last = this.renderButton(this.totalPages, 'k-pager-nav k-pager-last' + (currentPage >= this.totalPages ? ' k-disabled' : ''), localizationService.toLanguageString(lastPageMessage.messageKey, lastPageMessage.defaultMessage), this.isRtl ? 'caret-alt-to-left' : 'caret-alt-to-right', this.isRtl ? kendo_svg_icons_1.caretAltToLeftIcon : kendo_svg_icons_1.caretAltToRightIcon, (currentPage >= this.totalPages ? true : undefined));
-        }
-        var pagerPageSizes = pageSizes && (React.createElement(PagerPageSizes_1.PagerPageSizes, { pageChange: this.onPageChange, pageSize: take, pageSizes: pageSizes, value: pageSizeValue, messagesMap: messagesMap, size: this.props.size }));
-        var info = this.props.info && (React.createElement("span", { className: "k-pager-info" }, intlService
-            .format(localizationService.toLanguageString(infoMessage.messageKey, infoMessage.defaultMessage), [
-            Math.min(skip + 1, total),
-            Math.min(skip + take, total),
-            total
-        ])));
-        return (React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-pager', (_a = {},
-                _a["k-pager-".concat(kendo_react_common_1.kendoThemeMaps.sizeMap[size] || size)] = size,
-                _a), this.props.className), style: this.props.style, role: "application", "aria-roledescription": "pager", dir: this.props.dir, "aria-keyshortcuts": localizationService.toLanguageString(ariaKeyshortcutsMessage.messageKey, ariaKeyshortcutsMessage.defaultMessage), "aria-label": localizationService.toLanguageString(ariaLabelMessage.messageKey, ariaLabelMessage.defaultMessage), ref: function (element) { return _this._element = element; } },
-            React.createElement("div", { className: (0, kendo_react_common_1.classNames)('k-pager-numbers-wrap') },
-                first,
-                prev,
-                changer,
-                next,
-                last),
-            responsive ? (showPagerSizes && pagerPageSizes) : pagerPageSizes,
-            responsive ? (showPagerInfo && info) : info));
-    };
-    Pager.prototype.renderButton = function (page, className, title, icon, svgIcon, isDisabled) {
-        var _this = this;
-        return (React.createElement(kendo_react_buttons_1.Button, { fillMode: 'flat', themeColor: 'base', size: this.props.size, rounded: null, className: className, icon: icon, svgIcon: svgIcon, title: title, role: "button", "aria-disabled": isDisabled, onClick: function (e) {
-                e.preventDefault();
-                _this.changePage(page, e);
-            } }));
-    };
-    Object.defineProperty(Pager.prototype, "totalPages", {
-        get: function () {
-            return Math.ceil((this.props.total || 0) / this.props.take);
-        },
-        enumerable: false,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    Pager.propTypes = {
-        className: PropTypes.string,
-        style: PropTypes.object,
-        total: PropTypes.number.isRequired,
-        skip: PropTypes.number.isRequired,
-        take: PropTypes.number.isRequired,
-        buttonCount: PropTypes.number,
-        info: PropTypes.bool,
-        type: PropTypes.oneOf(['numeric', 'input']),
-        pageSizes: PropTypes.arrayOf(PropTypes.oneOfType([
-            PropTypes.string,
-            PropTypes.number
-        ])),
-        previousNext: PropTypes.bool,
-        onPageChange: PropTypes.func,
-        messagesMap: PropTypes.func,
-        size: PropTypes.oneOf([null, 'small', 'medium', 'large']),
-        dir: PropTypes.string
-    };
-    /**
-     * @hidden
-     */
-    Pager.defaultProps = {
-        buttonCount: 10,
-        info: true,
-        type: 'numeric',
-        size: 'medium'
-    };
-    return Pager;
-}(React.Component));
-exports.Pager = Pager;
-(0, kendo_react_intl_1.registerForIntl)(Pager);
-(0, kendo_react_intl_1.registerForLocalization)(Pager);