react-cqtoolbox/lib/pagination/index.js

[![Travis][build-badge]][build] [![npm package][npm-badge]][npm] [![Coveralls][coveralls-badge]][coveralls]

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Pagination = undefined;

var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };

var _itemTypeToComponent,
    _jsxFileName = '/Users/chenyutian0510/Documents/dev-js/chuangqi/react-cqtoolbox/components/pagination/index.js';

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _reactUltimatePagination = require('react-ultimate-pagination');

var _button = require('../button');

var _font_icon = require('../font_icon');

var _font_icon2 = _interopRequireDefault(_font_icon);

var _reactCssThemr = require('react-css-themr');

var _identifiers = require('../identifiers');

var _theme = require('./theme.css');

var _theme2 = _interopRequireDefault(_theme);

var _Pagination = require('./Pagination');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var applyTheme = function applyTheme(Component) {
  return (0, _reactCssThemr.themr)(_identifiers.PAGINATION, _theme2.default)(Component);
};

var Page = applyTheme((0, _Pagination.pageFactory)(_button.Button));
var Ellipsis = applyTheme((0, _Pagination.ellipsisFactory)(_button.Button));
var FirstPageLink = applyTheme((0, _Pagination.firstPageLinkFactory)(_button.Button, _font_icon2.default));
var PreviousPageLink = applyTheme((0, _Pagination.previousPageLinkFactory)(_button.Button, _font_icon2.default));
var NextPageLink = applyTheme((0, _Pagination.nextPageLinkFactory)(_button.Button, _font_icon2.default));
var LastPageLink = applyTheme((0, _Pagination.lastPageLinkFactory)(_button.Button, _font_icon2.default));

var itemTypeToComponent = (_itemTypeToComponent = {}, _defineProperty(_itemTypeToComponent, _reactUltimatePagination.ITEM_TYPES.PAGE, Page), _defineProperty(_itemTypeToComponent, _reactUltimatePagination.ITEM_TYPES.ELLIPSIS, Ellipsis), _defineProperty(_itemTypeToComponent, _reactUltimatePagination.ITEM_TYPES.FIRST_PAGE_LINK, FirstPageLink), _defineProperty(_itemTypeToComponent, _reactUltimatePagination.ITEM_TYPES.PREVIOUS_PAGE_LINK, PreviousPageLink), _defineProperty(_itemTypeToComponent, _reactUltimatePagination.ITEM_TYPES.NEXT_PAGE_LINK, NextPageLink), _defineProperty(_itemTypeToComponent, _reactUltimatePagination.ITEM_TYPES.LAST_PAGE_LINK, LastPageLink), _itemTypeToComponent);

var Pagination = (0, _reactUltimatePagination.createUltimatePagination)({ itemTypeToComponent: itemTypeToComponent });
var CustomPagination = function CustomPagination(_ref) {
  var theme = _ref.theme,
      other = _objectWithoutProperties(_ref, ['theme']);

  return _react2.default.createElement(
    'div',
    { className: theme.pagination, __source: {
        fileName: _jsxFileName,
        lineNumber: 37
      },
      __self: undefined
    },
    _react2.default.createElement(Pagination, _extends({}, other, {
      __source: {
        fileName: _jsxFileName,
        lineNumber: 37
      },
      __self: undefined
    }))
  );
};
var ThemePagination = applyTheme(CustomPagination);

exports.default = ThemePagination;
exports.Pagination = ThemePagination;