react-ui-basics 0.0.140 → 0.0.141

package/ScrollableTable.js

@@ -1,4 +1,4 @@
-import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized } from './_virtual/_rollupPluginBabelHelpers.js';
+import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, assertThisInitialized as _assertThisInitialized, extends as _extends } from './_virtual/_rollupPluginBabelHelpers.js';
 import 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import Table from './Table.js';
@@ -18,9 +18,9 @@ var ScrollableTable = function (_PureComponent) {
     that[render] = function () {
       return ReactCreateElement("div", {
         className: "ScrollableTable"
-      }, ReactCreateElement(Scrollable, {
+      }, ReactCreateElement(Scrollable, _extends({
         ref: scrollableRef
-      }, ReactCreateElement(Table, props(that))));
+      }, props(that).scrollableProps), ReactCreateElement(Table, props(that))));
     };
     that.getScrollable = function () {
       return scrollableRef();

package/ScrollableTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScrollableTable.js","sources":["../src/react-ui-basics/ScrollableTable.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport Table from \"./Table\";\nimport Scrollable from \"./Scrollable\";\nimport \"./ScrollableTable.css\";\nimport {props, render, PureComponent} from \"./ReactConstants\";\nimport {createRef} from \"./Tools\";\n\nclass ScrollableTable extends PureComponent {\n\n    constructor(properties) {\n        super(properties);\n        const that = this;\n\n        const scrollableRef = createRef();\n\n        that[render] = () => {\n            return <div className={`ScrollableTable`}>\n                <Scrollable ref={scrollableRef}>\n                    <Table {...props(that)}/>\n                </Scrollable>\n            </div>;\n        }\n        that.getScrollable = () => scrollableRef()\n    }\n}\n\nexport default ScrollableTable"],"names":["ScrollableTable","properties","that","scrollableRef","createRef","render","props","getScrollable","PureComponent"],"mappings":";;;;;;;;IAQMA;;;AAEF,2BAAYC,UAAZ,EAAwB;AAAA;AAAA;AACpB,8BAAMA,UAAN;AACA,QAAMC,IAAI,gCAAV;AAEA,QAAMC,aAAa,GAAGC,SAAS,EAA/B;AAEAF,IAAAA,IAAI,CAACG,MAAD,CAAJ,GAAe,YAAM;AACjB,aAAO;AAAK,QAAA,SAAS;AAAd,SACH,mBAAC,UAAD;AAAY,QAAA,GAAG,EAAEF;AAAjB,SACI,mBAAC,KAAD,EAAWG,KAAK,CAACJ,IAAD,CAAhB,CADJ,CADG,CAAP;AAKH,KAND;AAOAA,IAAAA,IAAI,CAACK,aAAL,GAAqB;AAAA,aAAMJ,aAAa,EAAnB;AAAA,KAArB;AAboB;AAcvB;;EAhByBK;AAmB9B,wBAAeR,eAAf;;;;"}
+{"version":3,"file":"ScrollableTable.js","sources":["../src/react-ui-basics/ScrollableTable.js"],"sourcesContent":["import React from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport Table from \"./Table\";\nimport Scrollable from \"./Scrollable\";\nimport \"./ScrollableTable.css\";\nimport {props, render, PureComponent} from \"./ReactConstants\";\nimport {createRef} from \"./Tools\";\n\nclass ScrollableTable extends PureComponent {\n\n    constructor(properties) {\n        super(properties);\n        const that = this;\n\n        const scrollableRef = createRef();\n\n        that[render] = () => {\n            return <div className={`ScrollableTable`}>\n                <Scrollable ref={scrollableRef} {...props(that).scrollableProps}>\n                    <Table {...props(that)}/>\n                </Scrollable>\n            </div>;\n        }\n        that.getScrollable = () => scrollableRef()\n    }\n}\n\nexport default ScrollableTable"],"names":["ScrollableTable","properties","that","scrollableRef","createRef","render","props","scrollableProps","getScrollable","PureComponent"],"mappings":";;;;;;;;IAQMA;;;AAEF,2BAAYC,UAAZ,EAAwB;AAAA;AAAA;AACpB,8BAAMA,UAAN;AACA,QAAMC,IAAI,gCAAV;AAEA,QAAMC,aAAa,GAAGC,SAAS,EAA/B;AAEAF,IAAAA,IAAI,CAACG,MAAD,CAAJ,GAAe,YAAM;AACjB,aAAO;AAAK,QAAA,SAAS;AAAd,SACH,mBAAC,UAAD;AAAY,QAAA,GAAG,EAAEF;AAAjB,SAAoCG,KAAK,CAACJ,IAAD,CAAL,CAAYK,eAAhD,GACI,mBAAC,KAAD,EAAWD,KAAK,CAACJ,IAAD,CAAhB,CADJ,CADG,CAAP;AAKH,KAND;AAOAA,IAAAA,IAAI,CAACM,aAAL,GAAqB;AAAA,aAAML,aAAa,EAAnB;AAAA,KAArB;AAboB;AAcvB;;EAhByBM;AAmB9B,wBAAeT,eAAf;;;;"}

package/Table.js

@@ -1,4 +1,4 @@
-import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
+import { inherits as _inherits, createSuper as _createSuper, classCallCheck as _classCallCheck, toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, createClass as _createClass } from './_virtual/_rollupPluginBabelHelpers.js';
 import React, { Component } from 'react';
 import ReactCreateElement from './ReactCreateElement.js';
 import PropTypes from 'prop-types';
@@ -25,6 +25,7 @@ var Table = function (_Component) {
           sortBy = _this$state.sortBy,
           sortOrder = _this$state.sortOrder,
           comparator = _this$state.comparator;
+      data = _toConsumableArray(data);
       if (sortBy) {
         var c = comparator;
         if (c && sortOrder === SORT_DESC) c = Comparators.inverse(c);

package/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../src/react-ui-basics/Table.js"],"sourcesContent":["import React, {Component} from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport './Table.css'\nimport PropTypes from \"prop-types\";\nimport TextField from \"./TextField\";\nimport AutocompleteSelect, {MODE_DEFAULT, MODE_MULTIPLE_MINI} from \"./AutocompleteSelect\";\nimport Switch from \"./Switch\";\nimport {Comparators, NOOP, classNames, preventDefault, stopPropagation, isFunction, isString, orNoop} from \"./Tools\";\nimport MaterialIcon from \"./MaterialIcon\";\n\nexport const SORT_ASC = Comparators.SORT_ASC;\nexport const SORT_DESC = Comparators.SORT_DESC;\n\nconst getId = item => item.id;\n\n\nclass Table extends Component {\n\n    constructor(props) {\n        super(props);\n        this.state = {};\n    }\n\n    componentDidMount() {\n        const {sortBy, sortOrder = SORT_ASC, columns} = this.props;\n        this.setState({\n            sortBy,\n            sortOrder,\n            comparator: columns.find(it => it.field === sortBy)?.comparator\n        }, () => this.setData(this.props.data));\n\n        this.updateHeaders();\n        this.updateHeadersInterval = setInterval(this.updateHeaders, 1000)\n    };\n\n    setData = (data) => {\n        const {sortBy, sortOrder, comparator} = this.state;\n        if (sortBy) {\n            let c = comparator\n            if(c && sortOrder === SORT_DESC)\n                c = Comparators.inverse(c)\n\n            data.sort(c || Comparators.of(sortBy, sortOrder, data));\n        }\n        this.setState({data}, () => {\n            orNoop(this.props.onSortChange)(sortBy, sortOrder)\n        })\n    };\n\n    componentDidUpdate(prevProps, prevState, snapshot) {\n        const {sortBy, sortOrder, columns, data} = this.props;\n        if (sortBy !== prevProps.sortBy || sortOrder !== prevProps.sortOrder) {\n            this.setState({\n                sortBy,\n                sortOrder: sortOrder || SORT_ASC,\n                comparator: columns.find(it => it.field === sortBy)?.comparator\n            }, () => this.setData(data));\n\n        } else if (data !== prevProps.data) {\n            this.setData(data)\n        }\n        this.updateHeaders();\n    };\n\n    render() {\n        const {columns = [], onRowClick = NOOP, disabled, className, rowClassName, toKey = getId} = this.props;\n        const {sortBy, sortOrder, data = [], editing} = this.state;\n        return (\n            <table className={classNames(`Table`, className)}>\n                <thead>\n                <tr ref={headers => this.headers = headers}>\n                    {columns.filter(it => !!it).map((column, i) => {\n                        const sortable = column.sortable || column.sortable == null;\n                        return (\n                            <th key={i} onClick={e => sortable && this.sort(e, column.field, column.comparator)}>\n                                <div className={classNames('hidden', sortable && 'sortable', sortBy === column.field && 'active')}>\n                                    {column.header}\n                                    {column.header && sortBy === column.field && sortOrder === SORT_ASC && (<MaterialIcon icon={'keyboard_arrow_up'}/>)}\n                                    {column.header && sortBy === column.field && sortOrder === SORT_DESC && (<MaterialIcon icon={'keyboard_arrow_down'}/>)}\n                                </div>\n                                <div className={classNames('fixed', sortable && 'sortable', sortBy === column.field && 'active')}>\n                                    {column.header}\n                                    {column.header && sortBy === column.field && sortOrder === SORT_ASC && (<MaterialIcon icon={'keyboard_arrow_up'}/>)}\n                                    {column.header && sortBy === column.field && sortOrder === SORT_DESC && (<MaterialIcon icon={'keyboard_arrow_down'}/>)}\n                                </div>\n                            </th>\n                        );\n                    })}\n                </tr>\n                </thead>\n                <tbody>\n                {data.map(item => (<Row key={toKey(item)}\n                                        item={item}\n                                        disabled={disabled}\n                                        editing={editing && editing.id === item.id ? editing : null}\n                                        onClick={onRowClick}\n                                        className={rowClassName}\n                                        columns={columns}\n                                        editingContext={this}\n                    />\n                ))}\n                </tbody>\n            </table>\n        );\n    };\n\n    componentWillUnmount() {\n        clearInterval(this.updateHeadersInterval)\n    };\n\n    updateHeaders = () => {\n        const headers = this.headers;\n\n        const hidden = headers.querySelectorAll('.hidden');\n        const fixed = headers.querySelectorAll('.fixed');\n        for (let i = 0; i < hidden.length; i++) {\n            fixed[i].style.width = hidden[i].offsetWidth + 'px'\n        }\n    };\n\n    cancelEditing = () => this.setState({editing: false});\n\n    setEditing = (item, columnIndex, field) => this.setState({editing: this.prepareEditing(item, field, columnIndex)});\n\n    prepareEditing = (item, field, columnIndex) => ({id: item.id, value: item[field], columnIndex, item, field});\n\n    handleInputChange = (event) => {\n        const value = this.extractValue(event);\n        this.setState({editing: {...this.state.editing, value}});\n    };\n\n    extractValue = (event) => {\n        const target = event.target;\n        return target.type === 'checkbox' ? target.checked : target.value;\n    };\n\n    selectNewValue = (value) => {\n        this.setState({editing: {...this.state.editing, value}}, this.onFinishEditing);\n    };\n\n    onFinishEditing = (e) => {\n        const editing = this.state.editing;\n        if (editing.value === null)\n            return;\n\n        let value = editing.value;\n        if (isString(value))\n            value = value.trim();\n\n        if (value === editing.item[editing.field])\n            return this.cancelEditing();\n\n        let updated = {\n            ...editing.item,\n            [editing.field]: value\n        };\n        this.props.onChange(updated, this.cancelEditing)\n    };\n\n    sort = (e, sortBy, comparator) => {\n        preventDefault(e);\n        this.setState({\n            sortOrder: this.state.sortBy === sortBy && this.state.sortOrder === SORT_ASC ? SORT_DESC : SORT_ASC,\n            comparator,\n            sortBy\n        }, () => this.setData(this.state.data));\n    }\n}\n\nconst formatValue = (item, column) => {\n    const value = (column.value !== undefined) ? column.value : item[column.field];\n    if (column.formatter) {\n        return column.formatter(value, item, column.format)\n    } else {\n        return '' + value\n    }\n};\n\nconst Row = React.memo(({item, disabled, editing, onClick, className, columns, editingContext}) => {\n    return <tr onClick={e => onClick(item)}\n               className={classNames(disabled && disabled(item) && 'disabled', className && (isFunction(className) ? className(item) : className))}>\n        {columns.filter(it => !!it).map((column, i) => {\n            const isEditing = editing && editing.id === item.id && editing.columnIndex === i;\n            const editable = isFunction(column.editable) ? column.editable(item) : !!column.editable;\n            return (\n                <td key={i}\n                    className={classNames(editable ? 'editable' : 'ro', isEditing && 'editing', column.className)}\n                    onClick={!isEditing && editable ? () => editingContext.setEditing(item, i, column.field) : NOOP}>\n                    {(isEditing || column.displayEditor) && !column.editor && (\n                        <TextField\n                            value={column.preEditor ? column.preEditor(editing.value) : editing.value}\n                            focused={true}\n                            onBlur={editingContext.cancelEditing}\n                            onChange={editingContext.handleInputChange}\n                            onKeyDown={e => {\n                                if (e.keyCode === 27/*escape*/) {\n                                    preventDefault(e);\n                                    editingContext.cancelEditing();\n                                }\n                                if (e.keyCode === 13/*enter*/) {\n                                    preventDefault(e);\n                                    editingContext.onFinishEditing();\n                                }\n                            }}\n                        />\n                    )}\n                    {(isEditing || column.displayEditor) && column.editor === 'Select' && (\n                        <AutocompleteSelect\n                            value={column.preEditor ? column.preEditor(editing.value) : editing.value}\n                            data={column.editorData}\n                            focused={true}\n                            withArrow={false}\n                            withFilter={false}\n                            selectedMode={'inline'}\n                            selectedComponent={column.editorSelectedComponent}\n                            mode={column.multiSelect ? MODE_MULTIPLE_MINI : MODE_DEFAULT}\n                            onChange={column.multiSelect && (column.onSelect ? (value => editingContext.selectNewValue(column.onSelect(value))) : editingContext.selectNewValue)}\n                            onSelect={!column.multiSelect && (column.onSelect ? (value => editingContext.selectNewValue(column.onSelect(value))) : editingContext.selectNewValue)}\n                            childComponent={column.editorChildCompononRowClickent}\n                            onCancel={editingContext.cancelEditing}\n                            prefilter={column.prefilter}\n                        />\n                    )}\n                    {(isEditing || column.displayEditor) && column.editor === 'Switch' && (\n                        <Switch onClick={e => {\n                            stopPropagation(e);\n                            preventDefault(e);\n                            editingContext.setState({\n                                editing: {\n                                    ...editingContext.prepareEditing(item, column.field, i),\n                                    value: !item[column.field]\n                                }\n                            }, editingContext.onFinishEditing);\n                        }} value={item[column.field]}/>\n                    )}\n                    {(isEditing || column.displayEditor) && isFunction(column.editor) && column.editor(item, editingContext.cancelEditing, isEditing)}\n                    {!isEditing && !column.displayEditor && formatValue(item, column)}\n                </td>\n            );\n        })}\n    </tr>\n    }\n)\n\nTable.defaultProps = {\n    columns: [],\n    onRowClick: NOOP,\n    toKey: getId,\n};\n\nif (window.isNotProductionEnvironment) {\n    Table.propTypes = {\n        className: PropTypes.string,\n        rowClassName: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n        columns: PropTypes.arrayOf(PropTypes.shape({\n            header: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n            className: PropTypes.string,\n            sortable: PropTypes.bool,\n            field: PropTypes.string,\n            formatter: PropTypes.func,\n            comparator: PropTypes.func,\n            editable: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n            editor: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n            displayEditor: PropTypes.bool,\n            preEditor: PropTypes.func,\n        })),\n        data: PropTypes.array,\n        disabled: PropTypes.func,\n        onRowClick: PropTypes.func,\n        onSortChange: PropTypes.func,\n        onChange: PropTypes.func,\n        toKey: PropTypes.func,\n    };\n}\n\n\nexport default Table;"],"names":["SORT_ASC","Comparators","SORT_DESC","getId","item","id","Table","props","setData","data","state","sortBy","sortOrder","comparator","c","inverse","sort","of","setState","orNoop","onSortChange","updateHeaders","headers","hidden","querySelectorAll","fixed","i","length","style","width","offsetWidth","cancelEditing","editing","setEditing","columnIndex","field","prepareEditing","value","handleInputChange","event","extractValue","target","type","checked","selectNewValue","onFinishEditing","e","isString","trim","updated","onChange","preventDefault","columns","find","it","updateHeadersInterval","setInterval","prevProps","prevState","snapshot","onRowClick","NOOP","disabled","className","rowClassName","toKey","classNames","filter","map","column","sortable","header","clearInterval","Component","formatValue","undefined","formatter","format","Row","React","memo","onClick","editingContext","isFunction","isEditing","editable","displayEditor","editor","preEditor","keyCode","editorData","editorSelectedComponent","multiSelect","MODE_MULTIPLE_MINI","MODE_DEFAULT","onSelect","editorChildCompononRowClickent","prefilter","stopPropagation","defaultProps","window","isNotProductionEnvironment","propTypes","PropTypes","string","oneOfType","func","arrayOf","shape","element","bool","array"],"mappings":"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"}
+{"version":3,"file":"Table.js","sources":["../src/react-ui-basics/Table.js"],"sourcesContent":["import React, {Component} from 'react';\nimport ReactCreateElement from './ReactCreateElement';\nimport './Table.css'\nimport PropTypes from \"prop-types\";\nimport TextField from \"./TextField\";\nimport AutocompleteSelect, {MODE_DEFAULT, MODE_MULTIPLE_MINI} from \"./AutocompleteSelect\";\nimport Switch from \"./Switch\";\nimport {Comparators, NOOP, classNames, preventDefault, stopPropagation, isFunction, isString, orNoop} from \"./Tools\";\nimport MaterialIcon from \"./MaterialIcon\";\n\nexport const SORT_ASC = Comparators.SORT_ASC;\nexport const SORT_DESC = Comparators.SORT_DESC;\n\nconst getId = item => item.id;\n\n\nclass Table extends Component {\n\n    constructor(props) {\n        super(props);\n        this.state = {};\n    }\n\n    componentDidMount() {\n        const {sortBy, sortOrder = SORT_ASC, columns} = this.props;\n        this.setState({\n            sortBy,\n            sortOrder,\n            comparator: columns.find(it => it.field === sortBy)?.comparator\n        }, () => this.setData(this.props.data));\n\n        this.updateHeaders();\n        this.updateHeadersInterval = setInterval(this.updateHeaders, 1000)\n    };\n\n    setData = (data) => {\n        const {sortBy, sortOrder, comparator} = this.state;\n        data = [...data];\n        if (sortBy) {\n            let c = comparator\n            if(c && sortOrder === SORT_DESC)\n                c = Comparators.inverse(c)\n\n            data.sort(c || Comparators.of(sortBy, sortOrder, data));\n        }\n        this.setState({data}, () => {\n            orNoop(this.props.onSortChange)(sortBy, sortOrder)\n        })\n    };\n\n    componentDidUpdate(prevProps, prevState, snapshot) {\n        const {sortBy, sortOrder, columns, data} = this.props;\n        if (sortBy !== prevProps.sortBy || sortOrder !== prevProps.sortOrder) {\n            this.setState({\n                sortBy,\n                sortOrder: sortOrder || SORT_ASC,\n                comparator: columns.find(it => it.field === sortBy)?.comparator\n            }, () => this.setData(data));\n\n        } else if (data !== prevProps.data) {\n            this.setData(data)\n        }\n        this.updateHeaders();\n    };\n\n    render() {\n        const {columns = [], onRowClick = NOOP, disabled, className, rowClassName, toKey = getId} = this.props;\n        const {sortBy, sortOrder, data = [], editing} = this.state;\n        return (\n            <table className={classNames(`Table`, className)}>\n                <thead>\n                <tr ref={headers => this.headers = headers}>\n                    {columns.filter(it => !!it).map((column, i) => {\n                        const sortable = column.sortable || column.sortable == null;\n                        return (\n                            <th key={i} onClick={e => sortable && this.sort(e, column.field, column.comparator)}>\n                                <div className={classNames('hidden', sortable && 'sortable', sortBy === column.field && 'active')}>\n                                    {column.header}\n                                    {column.header && sortBy === column.field && sortOrder === SORT_ASC && (<MaterialIcon icon={'keyboard_arrow_up'}/>)}\n                                    {column.header && sortBy === column.field && sortOrder === SORT_DESC && (<MaterialIcon icon={'keyboard_arrow_down'}/>)}\n                                </div>\n                                <div className={classNames('fixed', sortable && 'sortable', sortBy === column.field && 'active')}>\n                                    {column.header}\n                                    {column.header && sortBy === column.field && sortOrder === SORT_ASC && (<MaterialIcon icon={'keyboard_arrow_up'}/>)}\n                                    {column.header && sortBy === column.field && sortOrder === SORT_DESC && (<MaterialIcon icon={'keyboard_arrow_down'}/>)}\n                                </div>\n                            </th>\n                        );\n                    })}\n                </tr>\n                </thead>\n                <tbody>\n                {data.map(item => (<Row key={toKey(item)}\n                                        item={item}\n                                        disabled={disabled}\n                                        editing={editing && editing.id === item.id ? editing : null}\n                                        onClick={onRowClick}\n                                        className={rowClassName}\n                                        columns={columns}\n                                        editingContext={this}\n                    />\n                ))}\n                </tbody>\n            </table>\n        );\n    };\n\n    componentWillUnmount() {\n        clearInterval(this.updateHeadersInterval)\n    };\n\n    updateHeaders = () => {\n        const headers = this.headers;\n\n        const hidden = headers.querySelectorAll('.hidden');\n        const fixed = headers.querySelectorAll('.fixed');\n        for (let i = 0; i < hidden.length; i++) {\n            fixed[i].style.width = hidden[i].offsetWidth + 'px'\n        }\n    };\n\n    cancelEditing = () => this.setState({editing: false});\n\n    setEditing = (item, columnIndex, field) => this.setState({editing: this.prepareEditing(item, field, columnIndex)});\n\n    prepareEditing = (item, field, columnIndex) => ({id: item.id, value: item[field], columnIndex, item, field});\n\n    handleInputChange = (event) => {\n        const value = this.extractValue(event);\n        this.setState({editing: {...this.state.editing, value}});\n    };\n\n    extractValue = (event) => {\n        const target = event.target;\n        return target.type === 'checkbox' ? target.checked : target.value;\n    };\n\n    selectNewValue = (value) => {\n        this.setState({editing: {...this.state.editing, value}}, this.onFinishEditing);\n    };\n\n    onFinishEditing = (e) => {\n        const editing = this.state.editing;\n        if (editing.value === null)\n            return;\n\n        let value = editing.value;\n        if (isString(value))\n            value = value.trim();\n\n        if (value === editing.item[editing.field])\n            return this.cancelEditing();\n\n        let updated = {\n            ...editing.item,\n            [editing.field]: value\n        };\n        this.props.onChange(updated, this.cancelEditing)\n    };\n\n    sort = (e, sortBy, comparator) => {\n        preventDefault(e);\n        this.setState({\n            sortOrder: this.state.sortBy === sortBy && this.state.sortOrder === SORT_ASC ? SORT_DESC : SORT_ASC,\n            comparator,\n            sortBy\n        }, () => this.setData(this.state.data));\n    }\n}\n\nconst formatValue = (item, column) => {\n    const value = (column.value !== undefined) ? column.value : item[column.field];\n    if (column.formatter) {\n        return column.formatter(value, item, column.format)\n    } else {\n        return '' + value\n    }\n};\n\nconst Row = React.memo(({item, disabled, editing, onClick, className, columns, editingContext}) => {\n    return <tr onClick={e => onClick(item)}\n               className={classNames(disabled && disabled(item) && 'disabled', className && (isFunction(className) ? className(item) : className))}>\n        {columns.filter(it => !!it).map((column, i) => {\n            const isEditing = editing && editing.id === item.id && editing.columnIndex === i;\n            const editable = isFunction(column.editable) ? column.editable(item) : !!column.editable;\n            return (\n                <td key={i}\n                    className={classNames(editable ? 'editable' : 'ro', isEditing && 'editing', column.className)}\n                    onClick={!isEditing && editable ? () => editingContext.setEditing(item, i, column.field) : NOOP}>\n                    {(isEditing || column.displayEditor) && !column.editor && (\n                        <TextField\n                            value={column.preEditor ? column.preEditor(editing.value) : editing.value}\n                            focused={true}\n                            onBlur={editingContext.cancelEditing}\n                            onChange={editingContext.handleInputChange}\n                            onKeyDown={e => {\n                                if (e.keyCode === 27/*escape*/) {\n                                    preventDefault(e);\n                                    editingContext.cancelEditing();\n                                }\n                                if (e.keyCode === 13/*enter*/) {\n                                    preventDefault(e);\n                                    editingContext.onFinishEditing();\n                                }\n                            }}\n                        />\n                    )}\n                    {(isEditing || column.displayEditor) && column.editor === 'Select' && (\n                        <AutocompleteSelect\n                            value={column.preEditor ? column.preEditor(editing.value) : editing.value}\n                            data={column.editorData}\n                            focused={true}\n                            withArrow={false}\n                            withFilter={false}\n                            selectedMode={'inline'}\n                            selectedComponent={column.editorSelectedComponent}\n                            mode={column.multiSelect ? MODE_MULTIPLE_MINI : MODE_DEFAULT}\n                            onChange={column.multiSelect && (column.onSelect ? (value => editingContext.selectNewValue(column.onSelect(value))) : editingContext.selectNewValue)}\n                            onSelect={!column.multiSelect && (column.onSelect ? (value => editingContext.selectNewValue(column.onSelect(value))) : editingContext.selectNewValue)}\n                            childComponent={column.editorChildCompononRowClickent}\n                            onCancel={editingContext.cancelEditing}\n                            prefilter={column.prefilter}\n                        />\n                    )}\n                    {(isEditing || column.displayEditor) && column.editor === 'Switch' && (\n                        <Switch onClick={e => {\n                            stopPropagation(e);\n                            preventDefault(e);\n                            editingContext.setState({\n                                editing: {\n                                    ...editingContext.prepareEditing(item, column.field, i),\n                                    value: !item[column.field]\n                                }\n                            }, editingContext.onFinishEditing);\n                        }} value={item[column.field]}/>\n                    )}\n                    {(isEditing || column.displayEditor) && isFunction(column.editor) && column.editor(item, editingContext.cancelEditing, isEditing)}\n                    {!isEditing && !column.displayEditor && formatValue(item, column)}\n                </td>\n            );\n        })}\n    </tr>\n    }\n)\n\nTable.defaultProps = {\n    columns: [],\n    onRowClick: NOOP,\n    toKey: getId,\n};\n\nif (window.isNotProductionEnvironment) {\n    Table.propTypes = {\n        className: PropTypes.string,\n        rowClassName: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n        columns: PropTypes.arrayOf(PropTypes.shape({\n            header: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n            className: PropTypes.string,\n            sortable: PropTypes.bool,\n            field: PropTypes.string,\n            formatter: PropTypes.func,\n            comparator: PropTypes.func,\n            editable: PropTypes.oneOfType([PropTypes.bool, PropTypes.func]),\n            editor: PropTypes.oneOfType([PropTypes.string, PropTypes.func]),\n            displayEditor: PropTypes.bool,\n            preEditor: PropTypes.func,\n        })),\n        data: PropTypes.array,\n        disabled: PropTypes.func,\n        onRowClick: PropTypes.func,\n        onSortChange: PropTypes.func,\n        onChange: PropTypes.func,\n        toKey: PropTypes.func,\n    };\n}\n\n\nexport default Table;"],"names":["SORT_ASC","Comparators","SORT_DESC","getId","item","id","Table","props","setData","data","state","sortBy","sortOrder","comparator","c","inverse","sort","of","setState","orNoop","onSortChange","updateHeaders","headers","hidden","querySelectorAll","fixed","i","length","style","width","offsetWidth","cancelEditing","editing","setEditing","columnIndex","field","prepareEditing","value","handleInputChange","event","extractValue","target","type","checked","selectNewValue","onFinishEditing","e","isString","trim","updated","onChange","preventDefault","columns","find","it","updateHeadersInterval","setInterval","prevProps","prevState","snapshot","onRowClick","NOOP","disabled","className","rowClassName","toKey","classNames","filter","map","column","sortable","header","clearInterval","Component","formatValue","undefined","formatter","format","Row","React","memo","onClick","editingContext","isFunction","isEditing","editable","displayEditor","editor","preEditor","keyCode","editorData","editorSelectedComponent","multiSelect","MODE_MULTIPLE_MINI","MODE_DEFAULT","onSelect","editorChildCompononRowClickent","prefilter","stopPropagation","defaultProps","window","isNotProductionEnvironment","propTypes","PropTypes","string","oneOfType","func","arrayOf","shape","element","bool","array"],"mappings":"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"}

package/bundle.css

@@ -294,38 +294,6 @@
   margin-bottom: 0;
 }
 
-.DNDContainer {
-  position: relative;
-}
-
-.DNDContainer .Draggable[draggable=true], .DNDContainer .Draggable [draggable=true] {
-  cursor: pointer;
-}
-
-.DNDContainer .Draggable.placeholder {
-  opacity: 0.2;
-}
-
-.DNDContainer .Draggable.copy {
-  position: absolute;
-  box-sizing: border-box;
-  will-change: transform;
-  opacity: 0;
-}
-
-.DNDContainer .Draggable.dragged {
-  z-index: 10;
-}
-
-.DNDContainer .overlay {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  pointer-events: none;
-}
-
 .AutocompleteSelect {
   display: inline-flex;
   flex-flow: column;
@@ -648,66 +616,6 @@
   margin-right: 10px;
 }
 
-.Dropzone {
-  position: relative;
-}
-
-.Dropzone > .overlay {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  background-color: #38ADC4;
-  z-index: 1;
-  opacity: 0;
-  transition: all 0.2s ease;
-  transition-delay: 100ms;
-  visibility: hidden;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.Dropzone > .overlay .drop {
-  border-radius: 4px;
-  border: 1px dashed #FFFFFF;
-  position: absolute;
-  top: 18px;
-  left: 18px;
-  right: 18px;
-  bottom: 18px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  font-weight: 500;
-  font-size: 18px;
-  color: #FFFFFF;
-}
-
-.Dropzone.dragging > .overlay {
-  opacity: 0.7;
-  visibility: visible;
-  transition-delay: 0s;
-}
-
-.Dropzone.dragging > * {
-  pointer-events: none;
-}
-
-.Dropzone > input.file {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-  cursor: pointer;
-  z-index: 1;
-}
-
 .FilteredList {
   max-height: 250px;
   position: relative;
@@ -789,73 +697,64 @@
   margin-bottom: 8px;
 }
 
-.FormUploadProgress {
+.Dropzone {
+  position: relative;
+}
+
+.Dropzone > .overlay {
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
-  background-color: rgba(255, 255, 255, 0.6);
-  z-index: 2;
-}
-
-.FormUploadProgress.animated.mounting, .FormUploadProgress.animated.mounted {
-  transition-delay: 500ms;
-}
-
-.FormUploadProgress .wrapper {
-  position: sticky;
-  top: 40%;
-  margin-top: 40%;
-  margin-left: 50%;
-  transform: translateX(-50%);
+  background-color: #38ADC4;
+  z-index: 1;
+  opacity: 0;
+  transition: all 0.2s ease;
+  transition-delay: 100ms;
+  visibility: hidden;
   display: flex;
-  flex-flow: column;
   justify-content: center;
   align-items: center;
 }
 
-.FormUploadProgress .wrapper .CircleProgress, .FormUploadProgress .wrapper .SpinningProgress {
+.Dropzone > .overlay .drop {
+  border-radius: 4px;
+  border: 1px dashed #FFFFFF;
   position: absolute;
-  width: 107px;
-  height: 107px;
-  top: 0;
-  left: 0;
-}
-
-.FormUploadProgress .wrapper .CircleProgress .line, .FormUploadProgress .wrapper .SpinningProgress .line {
-  stroke: #2196F3;
-}
-
-.FormUploadProgress .wrapper > .progress {
-  width: 107px;
-  height: 107px;
-  min-height: 107px;
+  top: 18px;
+  left: 18px;
+  right: 18px;
+  bottom: 18px;
   display: flex;
   justify-content: center;
   align-items: center;
-  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
-  border-radius: 50%;
-  background: white;
-  position: relative;
+  font-weight: 500;
+  font-size: 18px;
+  color: #FFFFFF;
 }
 
-.FormUploadProgress .wrapper > .progress > .value {
-  display: inline-block;
-  margin-top: 5px;
-  font-weight: bold;
-  line-height: 16px;
-  font-size: 13px;
-  text-align: center;
-  color: #818181;
+.Dropzone.dragging > .overlay {
+  opacity: 0.7;
+  visibility: visible;
+  transition-delay: 0s;
 }
 
-.FormUploadProgress .wrapper .cancel {
-  min-width: 107px;
-  margin-top: 20px;
-  background-color: white;
-  color: #F96B5C;
-  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
+.Dropzone.dragging > * {
+  pointer-events: none;
+}
+
+.Dropzone > input.file {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 100%;
+  height: 100%;
+  opacity: 0;
+  cursor: pointer;
+  z-index: 1;
 }
 
 .Button.FloatingActionButton {
@@ -882,74 +781,36 @@
   bottom: -100px;
 }
 
-.Modal {
-  display: block;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 100%;
-  overflow-y: scroll;
-  transition: bottom 0ms linear;
-  transition-delay: 0.2s;
-}
-
-.Modal.show {
-  transition-delay: 0s;
-  bottom: 0;
+.DNDContainer {
+  position: relative;
 }
 
-.Modal > .overlay {
-  position: fixed;
-  top: 0;
-  bottom: 100%;
-  left: 0;
-  right: 0;
-  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
-  opacity: 0;
-  background-color: black;
-  pointer-events: none;
+.DNDContainer .Draggable[draggable=true], .DNDContainer .Draggable [draggable=true] {
+  cursor: pointer;
 }
 
-.Modal > .overlay.show {
-  opacity: 0.5;
-  bottom: 0;
+.DNDContainer .Draggable.placeholder {
+  opacity: 0.2;
 }
 
-.Modal > .content {
-  left: 50%;
-  top: 10vh;
-  margin-bottom: 10vh;
-  font-size: 16px;
-  padding: 0;
-  opacity: 0;
-  transition: opacity 0.25s ease, transform 0.25s ease;
-  transform: scaleY(0) translateY(-200px) translateX(-50%);
-  transform-origin: top;
+.DNDContainer .Draggable.copy {
   position: absolute;
-  border-radius: 2px;
-  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
-}
-
-.Modal > .content.show {
-  opacity: 1;
-  transform: scaleY(1) translateY(0px) translateX(-50%);
-}
-
-.Modal > .content > .Scrollable {
-  overflow: visible;
-  max-height: 80vh;
+  box-sizing: border-box;
+  will-change: transform;
+  opacity: 0;
 }
 
-.Modal > .content > .Scrollable > .viewport {
-  min-width: 10px;
-  min-height: 10px;
+.DNDContainer .Draggable.dragged {
+  z-index: 10;
 }
 
-.Modal > .content > .Button.close {
-  top: 10px;
-  right: 10px;
+.DNDContainer .overlay {
   position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  pointer-events: none;
 }
 
 .ImageGallery {
@@ -1187,7 +1048,146 @@
   font-size: 24px;
 }
 
-.ModalMenu {
+.Modal {
+  display: block;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 100%;
+  overflow-y: scroll;
+  transition: bottom 0ms linear;
+  transition-delay: 0.2s;
+}
+
+.Modal.show {
+  transition-delay: 0s;
+  bottom: 0;
+}
+
+.Modal > .overlay {
+  position: fixed;
+  top: 0;
+  bottom: 100%;
+  left: 0;
+  right: 0;
+  transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+  opacity: 0;
+  background-color: black;
+  pointer-events: none;
+}
+
+.Modal > .overlay.show {
+  opacity: 0.5;
+  bottom: 0;
+}
+
+.Modal > .content {
+  left: 50%;
+  top: 10vh;
+  margin-bottom: 10vh;
+  font-size: 16px;
+  padding: 0;
+  opacity: 0;
+  transition: opacity 0.25s ease, transform 0.25s ease;
+  transform: scaleY(0) translateY(-200px) translateX(-50%);
+  transform-origin: top;
+  position: absolute;
+  border-radius: 2px;
+  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3);
+}
+
+.Modal > .content.show {
+  opacity: 1;
+  transform: scaleY(1) translateY(0px) translateX(-50%);
+}
+
+.Modal > .content > .Scrollable {
+  overflow: visible;
+  max-height: 80vh;
+}
+
+.Modal > .content > .Scrollable > .viewport {
+  min-width: 10px;
+  min-height: 10px;
+}
+
+.Modal > .content > .Button.close {
+  top: 10px;
+  right: 10px;
+  position: absolute;
+}
+
+.FormUploadProgress {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-color: rgba(255, 255, 255, 0.6);
+  z-index: 2;
+}
+
+.FormUploadProgress.animated.mounting, .FormUploadProgress.animated.mounted {
+  transition-delay: 500ms;
+}
+
+.FormUploadProgress .wrapper {
+  position: sticky;
+  top: 40%;
+  margin-top: 40%;
+  margin-left: 50%;
+  transform: translateX(-50%);
+  display: flex;
+  flex-flow: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.FormUploadProgress .wrapper .CircleProgress, .FormUploadProgress .wrapper .SpinningProgress {
+  position: absolute;
+  width: 107px;
+  height: 107px;
+  top: 0;
+  left: 0;
+}
+
+.FormUploadProgress .wrapper .CircleProgress .line, .FormUploadProgress .wrapper .SpinningProgress .line {
+  stroke: #2196F3;
+}
+
+.FormUploadProgress .wrapper > .progress {
+  width: 107px;
+  height: 107px;
+  min-height: 107px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
+  border-radius: 50%;
+  background: white;
+  position: relative;
+}
+
+.FormUploadProgress .wrapper > .progress > .value {
+  display: inline-block;
+  margin-top: 5px;
+  font-weight: bold;
+  line-height: 16px;
+  font-size: 13px;
+  text-align: center;
+  color: #818181;
+}
+
+.FormUploadProgress .wrapper .cancel {
+  min-width: 107px;
+  margin-top: 20px;
+  background-color: white;
+  color: #F96B5C;
+  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
+}
+
+.ModalMenu {
   position: absolute;
   top: 10px;
   right: 50px;
@@ -1364,6 +1364,59 @@
   color: #bf3727;
 }
 
+.SpinningProgress {
+  width: 48px;
+  height: 48px;
+  position: relative;
+  margin: 0 auto;
+}
+
+.SpinningProgress:before {
+  content: "";
+  display: block;
+  padding-top: 100%;
+}
+
+.SpinningProgress .circular {
+  animation: rotate 2s linear infinite;
+  height: 100%;
+  transform-origin: center center;
+  width: 100%;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  margin: auto;
+}
+
+.SpinningProgress .line {
+  stroke: black;
+  stroke-width: 2px;
+  stroke-dasharray: 1, 96;
+  stroke-dashoffset: 0;
+  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
+}
+
+@keyframes rotate {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+@keyframes dash {
+  0% {
+    stroke-dasharray: 1, 96;
+    stroke-dashoffset: 0;
+  }
+  50% {
+    stroke-dasharray: 43, 96;
+    stroke-dashoffset: -17px;
+  }
+  100% {
+    stroke-dasharray: 43, 96;
+    stroke-dashoffset: -53px;
+  }
+}
 .Switch {
   display: inline-flex;
   padding-top: 5px;
@@ -1446,173 +1499,6 @@
   display: none;
 }
 
-.Table {
-  font-family: Roboto, sans-serif;
-  font-size: 14px;
-  color: #1e252d;
-  border-spacing: 0;
-  border-collapse: collapse;
-  width: 100%;
-  position: relative;
-}
-
-.Table td, .Table th {
-  padding: 5px;
-  font-weight: 500;
-  color: #2e2e2e;
-}
-
-.Table td {
-  height: 48px;
-  border-bottom: 1px solid #ebebeb;
-  border-top: 1px solid #ebebeb;
-}
-
-.Table td:first-child {
-  padding-left: 45px;
-}
-
-.Table td:last-child {
-  padding-right: 45px;
-}
-
-.Table th {
-  color: #808080;
-  height: 55px;
-  padding: 0px;
-}
-
-.Table th .sortable {
-  cursor: pointer;
-}
-
-.Table th .sortable.active {
-  font-weight: bold;
-}
-
-.Table th .sortable.active .material-icons {
-  font-size: 16px;
-}
-
-.Table th .sortable.false {
-  padding-right: 22px;
-}
-
-.Table th:first-child .hidden, .Table th:first-child .fixed {
-  padding-left: 45px;
-}
-
-.Table th:last-child .hidden, .Table th:last-child .fixed {
-  padding-right: 45px;
-}
-
-.Table th .hidden {
-  color: transparent;
-  height: 0px;
-  padding: 5px;
-}
-
-.Table th .fixed {
-  font-weight: normal;
-  display: flex;
-  flex-flow: row;
-  justify-items: center;
-  align-items: center;
-  text-align: left;
-  height: 56px;
-  padding: 0px 5px;
-  background-color: white;
-  position: absolute;
-  top: 0px;
-  z-index: 1;
-  box-sizing: border-box;
-  border-bottom: 1px solid #ebebeb;
-  border-top: 1px solid #ebebeb;
-}
-
-.Table tbody tr:hover {
-  background-color: #f2f2f2;
-}
-
-.Table tbody tr.disabled td {
-  color: #93a4b7;
-}
-
-.Table .ro {
-  color: #47576a;
-}
-
-.Table .editable {
-  cursor: pointer;
-}
-
-.Table .editable > .TextField {
-  height: 20px !important;
-  margin: 0px;
-  position: relative;
-  display: block;
-}
-
-.Table .editable > .TextField input {
-  width: 100%;
-  height: 20px;
-  padding: 0px;
-  background-color: #f0f0f0;
-}
-
-.SpinningProgress {
-  width: 48px;
-  height: 48px;
-  position: relative;
-  margin: 0 auto;
-}
-
-.SpinningProgress:before {
-  content: "";
-  display: block;
-  padding-top: 100%;
-}
-
-.SpinningProgress .circular {
-  animation: rotate 2s linear infinite;
-  height: 100%;
-  transform-origin: center center;
-  width: 100%;
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  margin: auto;
-}
-
-.SpinningProgress .line {
-  stroke: black;
-  stroke-width: 2px;
-  stroke-dasharray: 1, 96;
-  stroke-dashoffset: 0;
-  animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
-}
-
-@keyframes rotate {
-  100% {
-    transform: rotate(360deg);
-  }
-}
-@keyframes dash {
-  0% {
-    stroke-dasharray: 1, 96;
-    stroke-dashoffset: 0;
-  }
-  50% {
-    stroke-dasharray: 43, 96;
-    stroke-dashoffset: -17px;
-  }
-  100% {
-    stroke-dasharray: 43, 96;
-    stroke-dashoffset: -53px;
-  }
-}
 .TextField {
   position: relative;
   width: 100%;
@@ -1756,6 +1642,120 @@
   animation-name: shake;
 }
 
+.Table {
+  font-family: Roboto, sans-serif;
+  font-size: 14px;
+  color: #1e252d;
+  border-spacing: 0;
+  border-collapse: collapse;
+  width: 100%;
+  position: relative;
+}
+
+.Table td, .Table th {
+  padding: 5px;
+  font-weight: 500;
+  color: #2e2e2e;
+}
+
+.Table td {
+  height: 48px;
+  border-bottom: 1px solid #ebebeb;
+  border-top: 1px solid #ebebeb;
+}
+
+.Table td:first-child {
+  padding-left: 45px;
+}
+
+.Table td:last-child {
+  padding-right: 45px;
+}
+
+.Table th {
+  color: #808080;
+  height: 55px;
+  padding: 0px;
+}
+
+.Table th .sortable {
+  cursor: pointer;
+}
+
+.Table th .sortable.active {
+  font-weight: bold;
+}
+
+.Table th .sortable.active .material-icons {
+  font-size: 16px;
+}
+
+.Table th .sortable.false {
+  padding-right: 22px;
+}
+
+.Table th:first-child .hidden, .Table th:first-child .fixed {
+  padding-left: 45px;
+}
+
+.Table th:last-child .hidden, .Table th:last-child .fixed {
+  padding-right: 45px;
+}
+
+.Table th .hidden {
+  color: transparent;
+  height: 0px;
+  padding: 5px;
+}
+
+.Table th .fixed {
+  font-weight: normal;
+  display: flex;
+  flex-flow: row;
+  justify-items: center;
+  align-items: center;
+  text-align: left;
+  height: 56px;
+  padding: 0px 5px;
+  background-color: white;
+  position: absolute;
+  top: 0px;
+  z-index: 1;
+  box-sizing: border-box;
+  border-bottom: 1px solid #ebebeb;
+  border-top: 1px solid #ebebeb;
+}
+
+.Table tbody tr:hover {
+  background-color: #f2f2f2;
+}
+
+.Table tbody tr.disabled td {
+  color: #93a4b7;
+}
+
+.Table .ro {
+  color: #47576a;
+}
+
+.Table .editable {
+  cursor: pointer;
+}
+
+.Table .editable > .TextField {
+  height: 20px !important;
+  margin: 0px;
+  position: relative;
+  display: block;
+}
+
+.Table .editable > .TextField input {
+  width: 100%;
+  height: 20px;
+  padding: 0px;
+  background-color: #f0f0f0;
+}
+
 .ScrollableTable .Scrollable .scrollbar {
   top: 56px;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-ui-basics",
-  "version": "0.0.140",
+  "version": "0.0.141",
   "description": "",
   "module": "index.js",
   "_main": "index.cjs.js",