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

Styleless React Components

import React from 'react';
import { action } from '@storybook/addon-actions';
import { boolean, number } from '@storybook/addon-knobs/react';
import { storiesOf } from '../../helpers/stories';
import Paginator from './';
export const stylableApi = `
Stylable API
---
- :disabled
- ::item
- ::separator
- ::button
	- :active
	- :disabled
`;
const totalPagesCount = 30;
const defaultPage = 15;
export default storiesOf('Paginator', module)
    .addParameters({
    info: stylableApi
})
    .add('with simple content', () => (<Paginator onChange={action('change')} total={number('Total', totalPagesCount)} disabled={boolean('Disabled', false)}/>))
    .add('with default page', () => (<Paginator onChange={action('change')} total={number('Total', totalPagesCount)} disabled={boolean('Disabled', false)} defaultPage={defaultPage}/>))
    .add('with disabled state', () => (<Paginator onChange={action('change')} total={number('Total', totalPagesCount)} disabled={boolean('Disabled', true)}/>))
    .add('with page', () => (<Paginator onChange={action('change')} total={number('Total', totalPagesCount)} disabled={boolean('Disabled', false)} page={number('Page', defaultPage)}/>));
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnaW5hdG9yLnN0b3JpZXMuanN4Iiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvUGFnaW5hdG9yL1BhZ2luYXRvci5zdG9yaWVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUNOLE1BQU0sRUFDTixNQUFNLDBCQUEwQixDQUFDO0FBQ2xDLE9BQU8sRUFDTixPQUFPLEVBQ1AsTUFBTSxFQUNOLE1BQU0sOEJBQThCLENBQUM7QUFDdEMsT0FBTyxFQUNOLFNBQVMsRUFDVCxNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sU0FBUyxNQUFNLElBQUksQ0FBQztBQUUzQixNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUc7Ozs7Ozs7OztDQVMxQixDQUFDO0FBRUYsTUFBTSxlQUFlLEdBQUcsRUFBRSxDQUFDO0FBQzNCLE1BQU0sV0FBVyxHQUFHLEVBQUUsQ0FBQztBQUV2QixlQUFlLFNBQVMsQ0FBQyxXQUFXLEVBQUUsTUFBTSxDQUFDO0tBQzNDLGFBQWEsQ0FBQztJQUNkLElBQUksRUFBRSxXQUFXO0NBQ2pCLENBQUM7S0FDRCxHQUFHLENBQ0gscUJBQXFCLEVBQ3JCLEdBQUcsRUFBRSxDQUFDLENBQ0wsQ0FBQyxTQUFTLENBQ1QsUUFBUSxDQUFDLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQzNCLEtBQUssQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsZUFBZSxDQUFDLENBQUMsQ0FDeEMsUUFBUSxDQUFDLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQyxFQUNwQyxDQUNGLENBQ0Q7S0FDQSxHQUFHLENBQ0gsbUJBQW1CLEVBQ25CLEdBQUcsRUFBRSxDQUFDLENBQ0wsQ0FBQyxTQUFTLENBQ1QsUUFBUSxDQUFDLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQzNCLEtBQUssQ0FBQyxDQUFDLE1BQU0sQ0FBQyxPQUFPLEVBQUUsZUFBZSxDQUFDLENBQUMsQ0FDeEMsUUFBUSxDQUFDLENBQUMsT0FBTyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUNyQyxXQUFXLENBQUMsQ0FBQyxXQUFXLENBQUMsRUFDeEIsQ0FDRixDQUNEO0tBQ0EsR0FBRyxDQUNILHFCQUFxQixFQUNyQixHQUFHLEVBQUUsQ0FBQyxDQUNMLENBQUMsU0FBUyxDQUNULFFBQVEsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUMzQixLQUFLLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFLGVBQWUsQ0FBQyxDQUFDLENBQ3hDLFFBQVEsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLENBQUMsRUFDbkMsQ0FDRixDQUNEO0tBQ0EsR0FBRyxDQUNILFdBQVcsRUFDWCxHQUFHLEVBQUUsQ0FBQyxDQUNMLENBQUMsU0FBUyxDQUNULFFBQVEsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUMzQixLQUFLLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFLGVBQWUsQ0FBQyxDQUFDLENBQ3hDLFFBQVEsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FDckMsSUFBSSxDQUFDLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxXQUFXLENBQUMsQ0FBQyxFQUNqQyxDQUNGLENBQ0QsQ0FBQyJ9