react-web-native-sketch/dist/stories/index.js

[TODO: We need an overview of how this can be used via npm vs as a local package]

import * as React from 'react';
import { storiesOf } from '@storybook/react';
import { Provider } from "react-redux";
import { combineReducers, compose, createStore } from 'redux';
import { reducer as formReducer } from 'redux-form';
import { TableComponent } from '../src/nativeComponents/TableComponent/TableComponent';
import { formHelpers } from "../src/redux/reducers/formHelpers";
import { persistedTableOptions } from '../src/redux/reducers/persistedTableOptions';
import { table } from '../src/redux/reducers/table';
import { FORM_INPUT_TYPES } from '../src/utils/enums';
import { I18nextProvider } from 'react-i18next';
import { View } from '../src/primitives/View/View';
// @ts-ignore
import i18n from 'i18next';
import { Select } from "../src";
var store = createStore(combineReducers({
    formHelpers: formHelpers,
    form: formReducer,
    persistedTableOptions: persistedTableOptions,
    table: table,
}), {
    table: {
        test_table: {
            data: {
                items: [
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                    { fname: "A", lname: 'B', fname2: "X", lname2: "Y" },
                ]
            },
        },
    },
}, compose.apply(void 0, []));
var Comp = function (_a) {
    var children = _a.children;
    return (React.createElement(Provider, { store: store },
        React.createElement(I18nextProvider, { i18n: i18n.init({}) }, children)));
};
storiesOf('TableComponent', module)
    .add('Table', function () {
    var tableDefinition = {
        title: 'Table Name',
        dataName: 'test_table',
        allowFilters: false,
        columns: function () { return [
            {
                field: 'fname',
                title: 'First Name',
                type: FORM_INPUT_TYPES.TEXT,
            },
            {
                field: 'lname',
                title: 'Last Name',
                type: FORM_INPUT_TYPES.TEXT,
            },
            {
                field: 'fname2',
                title: 'First Name',
                type: FORM_INPUT_TYPES.TEXT,
            },
            {
                field: 'lname2',
                title: 'Last Name',
                type: FORM_INPUT_TYPES.TEXT,
            },
        ]; },
    };
    return (React.createElement(Comp, null,
        React.createElement(View, { style: {
                height: 400,
                width: 300,
            } },
            React.createElement(TableComponent, { title: 'Test2', tableDefinition: tableDefinition, extraActions: [
                    { title: 'My action', onPress: function () { return console.log('asd'); } }
                ] }))));
});
storiesOf('Inputs', module)
    .add('Select', function () { return (React.createElement(Select, { options: [
        { text: "Option1", value: "option1value" },
        { text: "Option2", value: "option2value" },
    ], onChange: function (value) { return console.log(value); }, nullName: "Please select something", nullable: false })); });
//# sourceMappingURL=index.js.map