decentraland-ui/dist/components/v2/Table/Table.stories.js

Decentraland's UI components and styles

"use strict";
var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.CustomHeaders = exports.Basic = void 0;
var react_1 = __importDefault(require("react"));
var Icon_1 = __importDefault(require("semantic-ui-react/dist/commonjs/elements/Icon"));
var Popup_1 = __importDefault(require("semantic-ui-react/dist/commonjs/modules/Popup"));
var TableContainer_1 = __importDefault(require("./TableContainer"));
var TableContent_1 = require("./TableContent");
exports.default = {
    title: 'V2/Table',
    component: TableContainer_1.default
};
var Template = function (args) { return (react_1.default.createElement(TableContainer_1.default, __assign({}, args))); };
exports.Basic = Template.bind({});
exports.Basic.args = {
    children: (react_1.default.createElement(TableContent_1.TableContent, { data: [
            { column1: 'test1', column2: react_1.default.createElement("span", null, "TEST 1") },
            {
                column1: 'test2',
                column2: (react_1.default.createElement("div", null,
                    "TEST",
                    react_1.default.createElement("strong", null, "2")))
            }
        ], activePage: 1, isLoading: false, setPage: function () { return console.log('setPage'); }, totalPages: 2, empty: function () { return null; }, total: 10, hasHeaders: true })),
    tabsList: [
        { displayValue: 'Tab1', value: 'tab1' },
        { displayValue: 'Tab2', value: 'tab2' }
    ],
    sortbyList: [],
    handleSortByChange: function (value) { return console.log('sortBy', value); },
    sortBy: ''
};
exports.CustomHeaders = Template.bind({});
exports.CustomHeaders.args = {
    children: (react_1.default.createElement(TableContent_1.TableContent, { data: [
            { column1: 'test1', column2: react_1.default.createElement("span", null, "TEST 1") },
            {
                column1: 'test2',
                column2: (react_1.default.createElement("div", null,
                    "TEST",
                    react_1.default.createElement("strong", null, "2")))
            }
        ], customHeaders: {
            column1: 'My Column 1',
            column2: (react_1.default.createElement("span", null,
                "Col 2",
                react_1.default.createElement(Popup_1.default, { content: "this is column 2 tooltip", trigger: react_1.default.createElement(Icon_1.default, { name: "info circle" }), on: "hover" })))
        }, activePage: 1, isLoading: false, setPage: function () { return console.log('setPage'); }, totalPages: 2, empty: function () { return null; }, total: 10, hasHeaders: true })),
    tabsList: [
        { displayValue: 'Tab1', value: 'tab1' },
        { displayValue: 'Tab2', value: 'tab2' }
    ],
    sortbyList: [],
    handleSortByChange: function (value) { return console.log('sortBy', value); },
    sortBy: ''
};