@heycar-uikit/core/pagination/cssm/Pagination.js

The React UI library from HeyCar

Object.defineProperty(exports, '__esModule', { value: true });

var tslib_es6 = require('./tslib.es6-dc6abeaa.js');
var React = require('react');
var cn = require('classnames');
var uuid = require('uuid');
var hooks_usePagination_hook = require('./hooks/usePagination.hook.js');
var locale_defaultLocale = require('./locale/defaultLocale.js');
var PaginationItem = require('./PaginationItem.js');
var styles = require('./styles/default.module.css');
require('./Pagination.types-254e1d66.js');
require('./utils/getSiblingsToRender.js');
require('./utils/parseOnClick.js');
require('./hooks/useBreakpoint.hook.js');
require('../../icons/cssm');
require('../../typography/cssm');

function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);

var Pagination = React__default["default"].forwardRef(function (_a, ref) {
    var totalPages = _a.totalPages, currentPage = _a.currentPage, onClick = _a.onClick, _b = _a.renderItem, renderItem = _b === void 0 ? function (item) { return React__default["default"].createElement(PaginationItem.PaginationItem, tslib_es6.__assign({}, item)); } : _b, _c = _a.locale, locale = _c === void 0 ? locale_defaultLocale.DEFAULT_LOCALE : _c, className = _a.className, rest = tslib_es6.__rest(_a, ["totalPages", "currentPage", "onClick", "renderItem", "locale", "className"]);
    var classNames = cn__default["default"](styles__default["default"].pagination, className);
    var items = hooks_usePagination_hook({
        onClick: onClick,
        totalPages: totalPages,
        currentPage: currentPage,
        locale: locale,
    }).items;
    return (React__default["default"].createElement("nav", tslib_es6.__assign({ className: classNames, ref: ref }, rest),
        React__default["default"].createElement("ul", null, items.map(function (item) {
            var id = uuid.v4();
            return (React__default["default"].createElement("li", { key: id }, renderItem(tslib_es6.__assign({}, item))));
        }))));
});
Pagination.displayName = 'Pagination';

exports.Pagination = Pagination;
exports["default"] = Pagination;