@flexis/ui/components/Paginator/Paginator.stories.js

Styleless React Components

"use strict";

var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");

var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");

_Object$defineProperty(exports, "__esModule", {
  value: true
});

exports.default = exports.stylableApi = void 0;

var _react = _interopRequireDefault(require("react"));

var _addonActions = require("@storybook/addon-actions");

var _react2 = require("@storybook/addon-knobs/react");

var _stories = require("../../helpers/stories");

var _ = _interopRequireDefault(require("./"));

var _createElement = _react.default.createElement;
var stylableApi = "\nStylable API\n---\n- :disabled\n- ::item\n- ::separator\n- ::button\n\t- :active\n\t- :disabled\n";
exports.stylableApi = stylableApi;
var totalPagesCount = 30;
var defaultPage = 15;

var _default = (0, _stories.storiesOf)('Paginator', module).addParameters({
  info: stylableApi
}).add('with simple content', function () {
  return _createElement(_.default, {
    onChange: (0, _addonActions.action)('change'),
    total: (0, _react2.number)('Total', totalPagesCount),
    disabled: (0, _react2.boolean)('Disabled', false)
  });
}).add('with default page', function () {
  return _createElement(_.default, {
    onChange: (0, _addonActions.action)('change'),
    total: (0, _react2.number)('Total', totalPagesCount),
    disabled: (0, _react2.boolean)('Disabled', false),
    defaultPage: defaultPage
  });
}).add('with disabled state', function () {
  return _createElement(_.default, {
    onChange: (0, _addonActions.action)('change'),
    total: (0, _react2.number)('Total', totalPagesCount),
    disabled: (0, _react2.boolean)('Disabled', true)
  });
}).add('with page', function () {
  return _createElement(_.default, {
    onChange: (0, _addonActions.action)('change'),
    total: (0, _react2.number)('Total', totalPagesCount),
    disabled: (0, _react2.boolean)('Disabled', false),
    page: (0, _react2.number)('Page', defaultPage)
  });
});

exports.default = _default;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL1BhZ2luYXRvci9QYWdpbmF0b3Iuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBR0E7O0FBSUE7O0FBR0E7OztBQUVPLElBQU0sV0FBVyx3R0FBakI7O0FBV1AsSUFBTSxlQUFlLEdBQUcsRUFBeEI7QUFDQSxJQUFNLFdBQVcsR0FBRyxFQUFwQjs7ZUFFZSx3QkFBVSxXQUFWLEVBQXVCLE1BQXZCLEVBQ2IsYUFEYSxDQUNDO0FBQ2QsRUFBQSxJQUFJLEVBQUU7QUFEUSxDQURELEVBSWIsR0FKYSxDQUtiLHFCQUxhLEVBTWI7QUFBQSxTQUNDLGVBQUMsU0FBRDtBQUNDLElBQUEsUUFBUSxFQUFFLDBCQUFPLFFBQVAsQ0FEWDtBQUVDLElBQUEsS0FBSyxFQUFFLG9CQUFPLE9BQVAsRUFBZ0IsZUFBaEIsQ0FGUjtBQUdDLElBQUEsUUFBUSxFQUFFLHFCQUFRLFVBQVIsRUFBb0IsS0FBcEI7QUFIWCxJQUREO0FBQUEsQ0FOYSxFQWNiLEdBZGEsQ0FlYixtQkFmYSxFQWdCYjtBQUFBLFNBQ0MsZUFBQyxTQUFEO0FBQ0MsSUFBQSxRQUFRLEVBQUUsMEJBQU8sUUFBUCxDQURYO0FBRUMsSUFBQSxLQUFLLEVBQUUsb0JBQU8sT0FBUCxFQUFnQixlQUFoQixDQUZSO0FBR0MsSUFBQSxRQUFRLEVBQUUscUJBQVEsVUFBUixFQUFvQixLQUFwQixDQUhYO0FBSUMsSUFBQSxXQUFXLEVBQUU7QUFKZCxJQUREO0FBQUEsQ0FoQmEsRUF5QmIsR0F6QmEsQ0EwQmIscUJBMUJhLEVBMkJiO0FBQUEsU0FDQyxlQUFDLFNBQUQ7QUFDQyxJQUFBLFFBQVEsRUFBRSwwQkFBTyxRQUFQLENBRFg7QUFFQyxJQUFBLEtBQUssRUFBRSxvQkFBTyxPQUFQLEVBQWdCLGVBQWhCLENBRlI7QUFHQyxJQUFBLFFBQVEsRUFBRSxxQkFBUSxVQUFSLEVBQW9CLElBQXBCO0FBSFgsSUFERDtBQUFBLENBM0JhLEVBbUNiLEdBbkNhLENBb0NiLFdBcENhLEVBcUNiO0FBQUEsU0FDQyxlQUFDLFNBQUQ7QUFDQyxJQUFBLFFBQVEsRUFBRSwwQkFBTyxRQUFQLENBRFg7QUFFQyxJQUFBLEtBQUssRUFBRSxvQkFBTyxPQUFQLEVBQWdCLGVBQWhCLENBRlI7QUFHQyxJQUFBLFFBQVEsRUFBRSxxQkFBUSxVQUFSLEVBQW9CLEtBQXBCLENBSFg7QUFJQyxJQUFBLElBQUksRUFBRSxvQkFBTyxNQUFQLEVBQWUsV0FBZjtBQUpQLElBREQ7QUFBQSxDQXJDYSxDIiwic291cmNlUm9vdCI6IiJ9