@hipay/hipay-material-ui 1.0.0-beta.1

package/HiTable/OrderColumns.js

@@ -0,0 +1,557 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.styles = undefined;
+
+var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
+
+var _defineProperty3 = _interopRequireDefault(_defineProperty2);
+
+var _getPrototypeOf = require('babel-runtime/core-js/object/get-prototype-of');
+
+var _getPrototypeOf2 = _interopRequireDefault(_getPrototypeOf);
+
+var _classCallCheck2 = require('babel-runtime/helpers/classCallCheck');
+
+var _classCallCheck3 = _interopRequireDefault(_classCallCheck2);
+
+var _createClass2 = require('babel-runtime/helpers/createClass');
+
+var _createClass3 = _interopRequireDefault(_createClass2);
+
+var _possibleConstructorReturn2 = require('babel-runtime/helpers/possibleConstructorReturn');
+
+var _possibleConstructorReturn3 = _interopRequireDefault(_possibleConstructorReturn2);
+
+var _inherits2 = require('babel-runtime/helpers/inherits');
+
+var _inherits3 = _interopRequireDefault(_inherits2);
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _reactAddonsUpdate = require('react-addons-update');
+
+var _reactAddonsUpdate2 = _interopRequireDefault(_reactAddonsUpdate);
+
+var _Popover = require('material-ui/Popover');
+
+var _Popover2 = _interopRequireDefault(_Popover);
+
+var _mdiMaterialUi = require('mdi-material-ui');
+
+var _reactSortableHoc = require('react-sortable-hoc');
+
+var _Form = require('material-ui/Form');
+
+var _colors = require('material-ui/colors');
+
+var _HiSizeMedium = require('../svg-icons/HiSizeMedium');
+
+var _HiSizeMedium2 = _interopRequireDefault(_HiSizeMedium);
+
+var _HiSizeLarge = require('../svg-icons/HiSizeLarge');
+
+var _HiSizeLarge2 = _interopRequireDefault(_HiSizeLarge);
+
+var _HiSizeSmall = require('../svg-icons/HiSizeSmall');
+
+var _HiSizeSmall2 = _interopRequireDefault(_HiSizeSmall);
+
+var _HiCheckbox = require('../HiCheckbox');
+
+var _HiCheckbox2 = _interopRequireDefault(_HiCheckbox);
+
+var _HiInput = require('../HiForm/HiInput');
+
+var _HiInput2 = _interopRequireDefault(_HiInput);
+
+var _HiSwitch = require('../HiSwitch');
+
+var _HiSwitch2 = _interopRequireDefault(_HiSwitch);
+
+var _withStyles = require('../styles/withStyles');
+
+var _withStyles2 = _interopRequireDefault(_withStyles);
+
+var _constants = require('./constants');
+
+var cst = _interopRequireWildcard(_constants);
+
+var _reactCustomScrollbars = require('react-custom-scrollbars');
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var styles = exports.styles = function styles(theme) {
+    return {
+        menu: {
+            width: 300,
+            paddingTop: 15
+        },
+        menuTitle: {
+            fontSize: 20,
+            fontWeight: 300,
+            paddingLeft: 12,
+            fontFamily: 'Roboto, Helvetica, Arial, sans-serif',
+            marginBottom: 16
+        },
+        closeMenu: {
+            width: 24,
+            height: 24,
+            color: theme.palette.neutral.normal,
+            cursor: 'pointer',
+            float: 'right',
+            marginRight: 10,
+            marginTop: -5
+        },
+        itemFilter: {
+            '&:hover': {
+                backgroundColor: theme.palette.hover,
+                fontWeight: theme.typography.fontWeightMedium
+            },
+            height: 40,
+            width: '100%',
+            paddingLeft: 3,
+            fontFamily: 'Roboto, Helvetica, Arial, sans-serif'
+        },
+        itemFilterDate: {
+            height: 80
+        },
+        checkbox: {
+            position: 'relative',
+            top: 2
+        },
+        columnList: {
+            maxHeight: 440,
+            marginTop: 15
+        },
+        controlLabelRoot: {
+            marginLeft: 6,
+            marginBottom: 8,
+            fontSize: 15
+        },
+        switchLabelRoot: {
+            marginLeft: 15,
+            fontSize: 15
+        },
+        columnLabel: {
+            position: 'relative',
+            top: 5,
+            left: 5
+        },
+        label: {
+            fontWeight: 'inherit'
+        },
+        dragIcon: {
+            cursor: 'move',
+            position: 'relative',
+            top: 6
+        },
+        helperClass: {
+            zIndex: 1550
+        },
+        svgIcon: {
+            position: 'relative',
+            top: 10,
+            right: 25,
+            float: 'right',
+            cursor: 'pointer',
+            fill: theme.palette.business.primary.normal
+        },
+        iconDisabled: {
+            fill: _colors.grey[300],
+            cursor: 'inherit'
+        },
+        reducedLabel: {
+            textTransform: 'uppercase',
+            fontSize: 11,
+            fontWeight: theme.typography.fontWeightLight,
+            color: theme.palette.neutral.normal
+        },
+        switchChecked: {
+            color: theme.palette.neutral.normal
+        }
+    };
+};
+
+/**
+ * Construit une popover listant les colonnes du tableaux,
+ * afin de les masquer / afficher / ordonner.
+ */
+
+var OrderColumns = function (_React$Component) {
+    (0, _inherits3.default)(OrderColumns, _React$Component);
+
+    function OrderColumns(props) {
+        (0, _classCallCheck3.default)(this, OrderColumns);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (OrderColumns.__proto__ || (0, _getPrototypeOf2.default)(OrderColumns)).call(this));
+
+        _this.state = {
+            searchValue: '',
+            suggestions: props.orderedColumns
+        };
+
+        _this.handleSearch = _this.handleSearch.bind(_this);
+        _this.handleReset = _this.handleReset.bind(_this);
+        _this.handleSortEnd = _this.handleSortEnd.bind(_this);
+        _this.handleChangeView = _this.handleChangeView.bind(_this);
+        _this.getFilteredSuggestions = _this.getFilteredSuggestions.bind(_this);
+        _this.toggleDisplay = _this.toggleDisplay.bind(_this);
+        _this.toggleDisplayTime = _this.toggleDisplayTime.bind(_this);
+        return _this;
+    }
+
+    /**
+     * Update suggestion list
+     * @param nextProps
+     * @param nextContext
+     */
+
+
+    (0, _createClass3.default)(OrderColumns, [{
+        key: 'componentWillReceiveProps',
+        value: function componentWillReceiveProps(nextProps, nextContext) {
+            if (this.props.orderedColumns !== nextProps.orderedColumns) {
+                this.setState({
+                    suggestions: this.getFilteredSuggestions(nextProps.orderedColumns, this.state.searchValue)
+                });
+            }
+        }
+    }, {
+        key: 'getFilteredSuggestions',
+        value: function getFilteredSuggestions(orderedColumns, searchValue) {
+            var _this2 = this;
+
+            if (searchValue === '') {
+                return orderedColumns;
+            }
+            return orderedColumns.filter(function (item) {
+                return _this2.props.columns[item.colId].label.toLowerCase().search(searchValue.trim().toLowerCase()) !== -1;
+            });
+        }
+    }, {
+        key: 'handleReset',
+        value: function handleReset() {
+            this.setState({ searchValue: '', suggestions: this.props.orderedColumns });
+        }
+    }, {
+        key: 'handleSearch',
+        value: function handleSearch(event) {
+            var value = event.target.value;
+            this.setState({
+                searchValue: value,
+                suggestions: this.getFilteredSuggestions(this.props.orderedColumns, value)
+            });
+        }
+    }, {
+        key: 'handleSortEnd',
+        value: function handleSortEnd(_ref) {
+            var oldIndex = _ref.oldIndex,
+                newIndex = _ref.newIndex;
+
+            var reorderedColumns = (0, _reactSortableHoc.arrayMove)(this.props.orderedColumns, oldIndex, newIndex);
+
+            if (typeof this.props.updateOrderedColumns !== 'undefined') {
+                this.props.updateOrderedColumns(reorderedColumns);
+            }
+        }
+    }, {
+        key: 'toggleDisplay',
+        value: function toggleDisplay(colId) {
+            var index = this.props.orderedColumns.findIndex(function (item) {
+                return item.colId === colId;
+            });
+
+            // use Immutability to update array as new array
+            var newOrderedColumns = (0, _reactAddonsUpdate2.default)(this.props.orderedColumns, (0, _defineProperty3.default)({}, index, {
+                $merge: {
+                    displayed: this.props.orderedColumns[index].hasOwnProperty('displayed') ? !this.props.orderedColumns[index].displayed : false
+                }
+            }));
+
+            if (typeof this.props.updateOrderedColumns !== 'undefined') {
+                this.props.updateOrderedColumns(newOrderedColumns);
+            }
+        }
+
+        /**
+         * Pour les colonnes de type date, affiche l'heure en plus de la date
+         *
+         * @param colId
+         */
+
+    }, {
+        key: 'toggleDisplayTime',
+        value: function toggleDisplayTime(colId) {
+            if (this.props.columns[colId].type === cst.TYPE_DATE) {
+                var index = this.props.orderedColumns.findIndex(function (item) {
+                    return item.colId === colId;
+                });
+
+                // use Immutability to update array as new array
+                var newOrderedColumns = (0, _reactAddonsUpdate2.default)(this.props.orderedColumns, (0, _defineProperty3.default)({}, index, {
+                    $merge: {
+                        displayTime: this.props.orderedColumns[index].hasOwnProperty('displayTime') ? !this.props.orderedColumns[index].displayTime : false
+                    }
+                }));
+
+                if (typeof this.props.updateOrderedColumns !== 'undefined') {
+                    this.props.updateOrderedColumns(newOrderedColumns);
+                }
+            }
+        }
+    }, {
+        key: 'handleChangeView',
+        value: function handleChangeView(item, index) {
+            var newView = void 0;
+            switch (item.view) {
+                case cst.VIEWS.SMALL:
+                    newView = cst.VIEWS.MEDIUM;
+                    break;
+                case cst.VIEWS.MEDIUM:
+                    newView = cst.VIEWS.LARGE;
+                    break;
+                case cst.VIEWS.LARGE:
+                default:
+                    newView = cst.VIEWS.SMALL;
+                    break;
+            }
+
+            // use Immutability to update array as new array
+            var newOrderedColumns = (0, _reactAddonsUpdate2.default)(this.props.orderedColumns, (0, _defineProperty3.default)({}, index, { $merge: { view: newView } }));
+
+            if (typeof this.props.updateOrderedColumns !== 'undefined') {
+                this.props.updateOrderedColumns(newOrderedColumns);
+            }
+        }
+    }, {
+        key: 'render',
+        value: function render() {
+            var _this3 = this;
+
+            var _props = this.props,
+                classes = _props.classes,
+                anchorEl = _props.anchorEl,
+                isOpen = _props.isOpen,
+                onClose = _props.onClose,
+                columns = _props.columns,
+                mandatoryColumnId = _props.mandatoryColumnId,
+                translations = _props.translations;
+            var _state = this.state,
+                searchValue = _state.searchValue,
+                suggestions = _state.suggestions;
+
+
+            var DragHandle = (0, _reactSortableHoc.SortableHandle)(function () {
+                return _react2.default.createElement(_mdiMaterialUi.Drag, { classes: { root: classes.dragIcon } });
+            });
+
+            var SortableItem = (0, _reactSortableHoc.SortableElement)(function (_ref2) {
+                var item = _ref2.item,
+                    sortIndex = _ref2.sortIndex,
+                    dragDisabled = _ref2.dragDisabled;
+
+                var column = columns[item.colId];
+                var rootIconClass = (0, _classnames2.default)(classes.svgIcon, (0, _defineProperty3.default)({}, classes.iconDisabled, item.displayed === false));
+                var onClick = item.displayed === false ? null : function () {
+                    return _this3.handleChangeView(item, sortIndex);
+                };
+
+                var viewIcon = void 0;
+                if (column.fixedWidth !== true) {
+                    switch (item.view) {
+                        case cst.VIEWS.SMALL:
+                            viewIcon = _react2.default.createElement(_HiSizeSmall2.default, {
+                                classes: { root: rootIconClass },
+                                onClick: onClick,
+                                className: 'viewIconSmall'
+                            });
+                            break;
+                        case cst.VIEWS.MEDIUM:
+                            viewIcon = _react2.default.createElement(_HiSizeMedium2.default, {
+                                classes: { root: rootIconClass },
+                                onClick: onClick,
+                                className: 'viewIconMedium'
+                            });
+                            break;
+                        default:
+                            viewIcon = _react2.default.createElement(_HiSizeLarge2.default, {
+                                classes: { root: rootIconClass },
+                                onClick: onClick,
+                                className: 'viewIconLarge'
+                            });
+                            break;
+                    }
+                }
+
+                return _react2.default.createElement(
+                    'div',
+                    {
+                        className: (0, _classnames2.default)(classes.itemFilter, (0, _defineProperty3.default)({}, classes.itemFilterDate, column.type === 'date'))
+                    },
+                    dragDisabled || _react2.default.createElement(DragHandle, { classes: { root: classes.dragIcon } }),
+                    _react2.default.createElement(_Form.FormControlLabel, {
+                        classes: {
+                            root: classes.controlLabelRoot,
+                            label: (0, _classnames2.default)(classes.columnLabel, classes.label)
+                        },
+                        control: _react2.default.createElement(_HiCheckbox2.default, {
+                            classes: { root: classes.checkbox },
+                            checked: item.displayed !== false,
+                            onChange: function onChange() {
+                                return _this3.toggleDisplay(item.colId);
+                            },
+                            disabled: mandatoryColumnId === item.colId
+                        }),
+                        label: column.label
+                    }),
+                    item.view === cst.VIEWS.SMALL && typeof column.reducedLabel !== 'undefined' && _react2.default.createElement(
+                        'span',
+                        { className: classes.reducedLabel },
+                        column.reducedLabel
+                    ),
+                    viewIcon,
+                    column.type === cst.TYPE_DATE && _react2.default.createElement(
+                        'div',
+                        null,
+                        _react2.default.createElement(_Form.FormControlLabel, {
+                            classes: { root: classes.switchLabelRoot, label: classes.label },
+                            control: _react2.default.createElement(_HiSwitch2.default, {
+                                checked: item.displayTime,
+                                classes: { checked: classes.switchChecked },
+                                onChange: function onChange() {
+                                    return _this3.toggleDisplayTime(item.colId);
+                                }
+                            }),
+                            disabled: item.displayed === false,
+                            label: translations.time
+                        })
+                    )
+                );
+            });
+
+            var SortableList = (0, _reactSortableHoc.SortableContainer)(function (_ref3) {
+                var items = _ref3.items,
+                    dragDisabled = _ref3.dragDisabled;
+
+                return _react2.default.createElement(
+                    'div',
+                    { className: classes.columnList },
+                    items.map(function (item, index) {
+                        return _react2.default.createElement(SortableItem, {
+                            key: 'sortable-item-' + item.colId,
+                            item: item,
+                            index: index,
+                            sortIndex: index,
+                            dragDisabled: dragDisabled
+                        });
+                    })
+                );
+            });
+
+            return _react2.default.createElement(
+                _Popover2.default,
+                {
+                    id: 'order-columns-menu',
+                    anchorEl: anchorEl,
+                    anchorReference: 'anchorEl',
+                    open: isOpen,
+                    classes: { paper: classes.menu },
+                    onClose: onClose
+                },
+                _react2.default.createElement(
+                    'div',
+                    { className: classes.menuTitle },
+                    _react2.default.createElement(
+                        'span',
+                        null,
+                        translations.choose_and_organize_columns
+                    ),
+                    _react2.default.createElement(_mdiMaterialUi.Close, { classes: { root: classes.closeMenu }, onClick: onClose })
+                ),
+                _react2.default.createElement(_HiInput2.default, {
+                    value: searchValue,
+                    onChange: this.handleSearch,
+                    onReset: this.handleReset,
+                    placeholder: translations.search,
+                    startAdornment: "Magnify"
+                }),
+                _react2.default.createElement(
+                    _reactCustomScrollbars.Scrollbars,
+                    { autoHeight: true, autoHeightMax: 440 },
+                    _react2.default.createElement(SortableList, {
+                        items: suggestions,
+                        onSortEnd: this.handleSortEnd,
+                        useDragHandle: true,
+                        helperClass: classes.helperClass,
+                        lockAxis: 'y',
+                        dragDisabled: searchValue.length > 0
+                    })
+                )
+            );
+        }
+    }]);
+    return OrderColumns;
+}(_react2.default.Component);
+
+OrderColumns.defaultProps = {
+    translations: {
+        choose_and_organize_columns: 'Choose & organize columns',
+        search: 'Search',
+        time: 'Time'
+    }
+};
+OrderColumns.propTypes = process.env.NODE_ENV !== "production" ? {
+    /**
+     * Ancre de l'élément sur lequel le click a été déclenché
+     * Utilisé pour positionner le composant.
+     */
+    anchorEl: _propTypes2.default.object,
+    /**
+     * Useful to extend the style applied to components.
+     */
+    classes: _propTypes2.default.object,
+    /**
+     * Tableau des colonnes utilisées par le tableau
+     */
+    columns: _propTypes2.default.object.isRequired,
+    /**
+     * Détermine si le menu de configuration des colonnes est ouvert ou non
+     */
+    isOpen: _propTypes2.default.bool.isRequired,
+    /**
+     * Id de la colonne obligatoire, ne pourra être cachée
+     */
+    mandatoryColumnId: _propTypes2.default.string.isRequired,
+    /**
+     * Fonction de callback pour fermer, agit sur la propriété 'isOpen'
+     */
+    onClose: _propTypes2.default.func.isRequired,
+    /**
+     * Tableau des colonnes affichées (ordonnées, visibles/cachées, l/m/s)
+     */
+    orderedColumns: _propTypes2.default.array.isRequired,
+    /**
+     * Traduction des chaînes affichées
+     */
+    translations: _propTypes2.default.object,
+    /**
+     * Fonction de callback qui prend en paramètre le tableau des colonnes mis à jour.
+     */
+    updateOrderedColumns: _propTypes2.default.func
+} : {};
+exports.default = (0, _withStyles2.default)(styles, { name: 'HmuiOrderColumns' })(OrderColumns);

package/HiTable/constants.js

@@ -0,0 +1,105 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.ALIGN_RIGHT_TYPES = exports.DEFAULT_PADDING = exports.DEFAULT_VIEWS = exports.DEFAULT_WIDTHS = exports.FRAUD_RESULT_ASK_AUTHENTICATE = exports.FRAUD_RESULT_FORCE_AUTHENTICATE = exports.FRAUD_RESULT_PENDING = exports.FRAUD_RESULT_CHALLENGED = exports.FRAUD_RESULT_BLOCKED = exports.FRAUD_RESULT_ACCEPTED = exports.ELLIPSIS_RIGHT = exports.ELLIPSIS_NAME = exports.ELLIPSIS_MIDDLE = exports.ELLIPSIS_LEFT = exports.ELLIPSIS_AFTER_FIRST_WORD = exports.NO_EVOLUTION = exports.EVOLUTION_DOWN = exports.EVOLUTION_UP = exports.VIEWS = exports.TYPE_THIRD_PARTY_SECURITY = exports.TYPE_TEXT = exports.TYPE_COUNTRY = exports.TYPE_STATUS = exports.TYPE_SENTINEL = exports.TYPE_RATE = exports.TYPE_NUMERIC = exports.TYPE_IMAGE = exports.TYPE_ICON = exports.TYPE_DATE = exports.TYPE_CHECKBOX = exports.TYPE_ADDRESS = exports.TYPE_ACCOUNT_NUMBER = exports.TYPE_ACCOUNT = exports.CELL_HEADER_HEIGHT_DENSE = exports.CELL_HEADER_HEIGHT = exports.CELL_HEIGHT_DENSE = exports.CELL_HEIGHT = exports.NB_ROWS_BACK_TO_TOP = exports.MAX_ROWS = undefined;
+
+var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
+
+var _defineProperty3 = _interopRequireDefault(_defineProperty2);
+
+var _TYPE_ACCOUNT, _TYPE_ACCOUNT_NUMBER, _TYPE_ADDRESS, _TYPE_CHECKBOX, _TYPE_COUNTRY, _TYPE_DATE, _TYPE_ICON, _TYPE_IMAGE, _TYPE_NUMERIC, _TYPE_RATE, _TYPE_SENTINEL, _TYPE_STATUS, _TYPE_TEXT, _TYPE_THIRD_PARTY_SEC, _DEFAULT_WIDTHS, _DEFAULT_VIEWS, _DEFAULT_PADDING;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+/**
+ * Infinite scroll variables
+ */
+var MAX_ROWS = exports.MAX_ROWS = 50;
+var NB_ROWS_BACK_TO_TOP = exports.NB_ROWS_BACK_TO_TOP = 10;
+
+/**
+ * Cell height (px)
+ */
+var CELL_HEIGHT = exports.CELL_HEIGHT = 40;
+var CELL_HEIGHT_DENSE = exports.CELL_HEIGHT_DENSE = 32;
+var CELL_HEADER_HEIGHT = exports.CELL_HEADER_HEIGHT = 48;
+var CELL_HEADER_HEIGHT_DENSE = exports.CELL_HEADER_HEIGHT_DENSE = 40;
+
+/**
+ * Cell types
+ * @type {string}
+ */
+var TYPE_ACCOUNT = exports.TYPE_ACCOUNT = 'account';
+var TYPE_ACCOUNT_NUMBER = exports.TYPE_ACCOUNT_NUMBER = 'account_number';
+var TYPE_ADDRESS = exports.TYPE_ADDRESS = 'address';
+var TYPE_CHECKBOX = exports.TYPE_CHECKBOX = 'checkbox';
+var TYPE_DATE = exports.TYPE_DATE = 'date';
+var TYPE_ICON = exports.TYPE_ICON = 'icon';
+var TYPE_IMAGE = exports.TYPE_IMAGE = 'image';
+var TYPE_NUMERIC = exports.TYPE_NUMERIC = 'numeric';
+var TYPE_RATE = exports.TYPE_RATE = 'rate';
+var TYPE_SENTINEL = exports.TYPE_SENTINEL = 'sentinel';
+var TYPE_STATUS = exports.TYPE_STATUS = 'status';
+var TYPE_COUNTRY = exports.TYPE_COUNTRY = 'country';
+var TYPE_TEXT = exports.TYPE_TEXT = 'text';
+var TYPE_THIRD_PARTY_SECURITY = exports.TYPE_THIRD_PARTY_SECURITY = 'third_party_security';
+
+/**
+ * Cell size [L] / [M] / [S]
+ */
+var VIEWS = exports.VIEWS = {
+    LARGE: 'l',
+    MEDIUM: 'm',
+    SMALL: 's'
+};
+
+/**
+ * Trendchip evolution
+ */
+var EVOLUTION_UP = exports.EVOLUTION_UP = 'up';
+var EVOLUTION_DOWN = exports.EVOLUTION_DOWN = 'down';
+var NO_EVOLUTION = exports.NO_EVOLUTION = 'equal';
+
+/**
+ * Ellipsis
+ */
+var ELLIPSIS_AFTER_FIRST_WORD = exports.ELLIPSIS_AFTER_FIRST_WORD = 'after-first-word';
+var ELLIPSIS_LEFT = exports.ELLIPSIS_LEFT = 'left';
+var ELLIPSIS_MIDDLE = exports.ELLIPSIS_MIDDLE = 'middle';
+var ELLIPSIS_NAME = exports.ELLIPSIS_NAME = 'name';
+var ELLIPSIS_RIGHT = exports.ELLIPSIS_RIGHT = 'right';
+
+/**
+ * Fraud Result
+ */
+var FRAUD_RESULT_ACCEPTED = exports.FRAUD_RESULT_ACCEPTED = 'ACCEPTED';
+var FRAUD_RESULT_BLOCKED = exports.FRAUD_RESULT_BLOCKED = 'BLOCKED';
+var FRAUD_RESULT_CHALLENGED = exports.FRAUD_RESULT_CHALLENGED = 'CHALLENGED';
+var FRAUD_RESULT_PENDING = exports.FRAUD_RESULT_PENDING = 'PENDING';
+var FRAUD_RESULT_FORCE_AUTHENTICATE = exports.FRAUD_RESULT_FORCE_AUTHENTICATE = 'FORCE_AUTHENTICATE';
+var FRAUD_RESULT_ASK_AUTHENTICATE = exports.FRAUD_RESULT_ASK_AUTHENTICATE = 'ASK_AUTHENTICATE';
+
+/**
+ * Cell default width for each views
+ * @type {{}}
+ */
+var DEFAULT_WIDTHS = exports.DEFAULT_WIDTHS = (_DEFAULT_WIDTHS = {}, (0, _defineProperty3.default)(_DEFAULT_WIDTHS, TYPE_ACCOUNT, (_TYPE_ACCOUNT = {}, (0, _defineProperty3.default)(_TYPE_ACCOUNT, VIEWS.LARGE, 160), (0, _defineProperty3.default)(_TYPE_ACCOUNT, VIEWS.MEDIUM, 120), (0, _defineProperty3.default)(_TYPE_ACCOUNT, VIEWS.SMALL, 80), _TYPE_ACCOUNT)), (0, _defineProperty3.default)(_DEFAULT_WIDTHS, TYPE_ACCOUNT_NUMBER, (_TYPE_ACCOUNT_NUMBER = {}, (0, _defineProperty3.default)(_TYPE_ACCOUNT_NUMBER, VIEWS.LARGE, 100), (0, _defineProperty3.default)(_TYPE_ACCOUNT_NUMBER, VIEWS.MEDIUM, 80), (0, _defineProperty3.default)(_TYPE_ACCOUNT_NUMBER, VIEWS.SMALL, 60), _TYPE_ACCOUNT_NUMBER)), (0, _defineProperty3.default)(_DEFAULT_WIDTHS, TYPE_ADDRESS, (_TYPE_ADDRESS = {}, (0, _defineProperty3.default)(_TYPE_ADDRESS, VIEWS.LARGE, 120), (0, _defineProperty3.default)(_TYPE_ADDRESS, VIEWS.MEDIUM, 100), (0, _defineProperty3.default)(_TYPE_ADDRESS, VIEWS.SMALL, 80), _TYPE_ADDRESS)), (0, _defineProperty3.default)(_DEFAULT_WIDTHS, TYPE_CHECKBOX, (_TYPE_CHECKBOX = {}, (0, _defineProperty3.default)(_TYPE_CHECKBOX, VIEWS.LARGE, 40), (0, _defineProperty3.default)(_TYPE_CHECKBOX, VIEWS.MEDIUM, 40), (0, _defineProperty3.default)(_TYPE_CHECKBOX, VIEWS.SMALL, 40), _TYPE_CHECKBOX)), (0, _defineProperty3.default)(_DEFAULT_WIDTHS, TYPE_COUNTRY, (_TYPE_COUNTRY = {}, (0, _defineProperty3.default)(_TYPE_COUNTRY, VIEWS.LARGE, 120), (0, _defineProperty3.default)(_TYPE_COUNTRY, VIEWS.MEDIUM, 80), (0, _defineProperty3.default)(_TYPE_COUNTRY, VIEWS.SMALL, 40), _TYPE_COUNTRY)), (0, _defineProperty3.default)(_DEFAULT_WIDTHS, TYPE_DATE, (_TYPE_DATE = {}, (0, _defineProperty3.default)(_TYPE_DATE, VIEWS.LARGE, 220), (0, _defineProperty3.default)(_TYPE_DATE, VIEWS.MEDIUM, 140), (0, _defineProperty3.default)(_TYPE_DATE, VIEWS.SMALL, 120), _TYPE_DATE)), (0, _defineProperty3.default)(_DEFAULT_WIDTHS, TYPE_ICON, (_TYPE_ICON = {}, (0, _defineProperty3.default)(_TYPE_ICON, VIEWS.LARGE, 120), (0, _defineProperty3.default)(_TYPE_ICON, VIEWS.MEDIUM, 100), (0, _defineProperty3.default)(_TYPE_ICON, VIEWS.SMALL, 40), _TYPE_ICON)), (0, _defineProperty3.default)(_DEFAULT_WIDTHS, TYPE_IMAGE, (_TYPE_IMAGE = {}, (0, _defineProperty3.default)(_TYPE_IMAGE, VIEWS.LARGE, 120), (0, _defineProperty3.default)(_TYPE_IMAGE, VIEWS.MEDIUM, 100), (0, _defineProperty3.default)(_TYPE_IMAGE, VIEWS.SMALL, 60), _TYPE_IMAGE)), (0, _defineProperty3.default)(_DEFAULT_WIDTHS, TYPE_NUMERIC, (_TYPE_NUMERIC = {}, (0, _defineProperty3.default)(_TYPE_NUMERIC, VIEWS.LARGE, 120), (0, _defineProperty3.default)(_TYPE_NUMERIC, VIEWS.MEDIUM, 100), (0, _defineProperty3.default)(_TYPE_NUMERIC, VIEWS.SMALL, 80), _TYPE_NUMERIC)), (0, _defineProperty3.default)(_DEFAULT_WIDTHS, TYPE_RATE, (_TYPE_RATE = {}, (0, _defineProperty3.default)(_TYPE_RATE, VIEWS.LARGE, 100), (0, _defineProperty3.default)(_TYPE_RATE, VIEWS.MEDIUM, 90), (0, _defineProperty3.default)(_TYPE_RATE, VIEWS.SMALL, 80), _TYPE_RATE)), (0, _defineProperty3.default)(_DEFAULT_WIDTHS, TYPE_SENTINEL, (_TYPE_SENTINEL = {}, (0, _defineProperty3.default)(_TYPE_SENTINEL, VIEWS.LARGE, 80), (0, _defineProperty3.default)(_TYPE_SENTINEL, VIEWS.MEDIUM, 80), (0, _defineProperty3.default)(_TYPE_SENTINEL, VIEWS.SMALL, 80), _TYPE_SENTINEL)), (0, _defineProperty3.default)(_DEFAULT_WIDTHS, TYPE_STATUS, (_TYPE_STATUS = {}, (0, _defineProperty3.default)(_TYPE_STATUS, VIEWS.LARGE, 120), (0, _defineProperty3.default)(_TYPE_STATUS, VIEWS.MEDIUM, 100), (0, _defineProperty3.default)(_TYPE_STATUS, VIEWS.SMALL, 80), _TYPE_STATUS)), (0, _defineProperty3.default)(_DEFAULT_WIDTHS, TYPE_TEXT, (_TYPE_TEXT = {}, (0, _defineProperty3.default)(_TYPE_TEXT, VIEWS.LARGE, 120), (0, _defineProperty3.default)(_TYPE_TEXT, VIEWS.MEDIUM, 100), (0, _defineProperty3.default)(_TYPE_TEXT, VIEWS.SMALL, 80), _TYPE_TEXT)), (0, _defineProperty3.default)(_DEFAULT_WIDTHS, TYPE_THIRD_PARTY_SECURITY, (_TYPE_THIRD_PARTY_SEC = {}, (0, _defineProperty3.default)(_TYPE_THIRD_PARTY_SEC, VIEWS.LARGE, 40), (0, _defineProperty3.default)(_TYPE_THIRD_PARTY_SEC, VIEWS.MEDIUM, 40), (0, _defineProperty3.default)(_TYPE_THIRD_PARTY_SEC, VIEWS.SMALL, 40), _TYPE_THIRD_PARTY_SEC)), _DEFAULT_WIDTHS);
+/**
+ * Cell default width for each views
+ * @type {{}}
+ */
+var DEFAULT_VIEWS = exports.DEFAULT_VIEWS = (_DEFAULT_VIEWS = {}, (0, _defineProperty3.default)(_DEFAULT_VIEWS, TYPE_ACCOUNT, VIEWS.LARGE), (0, _defineProperty3.default)(_DEFAULT_VIEWS, TYPE_ACCOUNT_NUMBER, VIEWS.LARGE), (0, _defineProperty3.default)(_DEFAULT_VIEWS, TYPE_ADDRESS, VIEWS.LARGE), (0, _defineProperty3.default)(_DEFAULT_VIEWS, TYPE_CHECKBOX, VIEWS.LARGE), (0, _defineProperty3.default)(_DEFAULT_VIEWS, TYPE_COUNTRY, VIEWS.LARGE), (0, _defineProperty3.default)(_DEFAULT_VIEWS, TYPE_DATE, VIEWS.LARGE), (0, _defineProperty3.default)(_DEFAULT_VIEWS, TYPE_ICON, VIEWS.LARGE), (0, _defineProperty3.default)(_DEFAULT_VIEWS, TYPE_IMAGE, VIEWS.LARGE), (0, _defineProperty3.default)(_DEFAULT_VIEWS, TYPE_NUMERIC, VIEWS.LARGE), (0, _defineProperty3.default)(_DEFAULT_VIEWS, TYPE_RATE, VIEWS.LARGE), (0, _defineProperty3.default)(_DEFAULT_VIEWS, TYPE_SENTINEL, VIEWS.LARGE), (0, _defineProperty3.default)(_DEFAULT_VIEWS, TYPE_STATUS, VIEWS.LARGE), (0, _defineProperty3.default)(_DEFAULT_VIEWS, TYPE_TEXT, VIEWS.LARGE), (0, _defineProperty3.default)(_DEFAULT_VIEWS, TYPE_THIRD_PARTY_SECURITY, VIEWS.LARGE), _DEFAULT_VIEWS);
+
+/**
+ * Cell default side padding (one side) for each views
+ * @type {{}}
+ */
+var DEFAULT_PADDING = exports.DEFAULT_PADDING = (_DEFAULT_PADDING = {}, (0, _defineProperty3.default)(_DEFAULT_PADDING, VIEWS.LARGE, 12), (0, _defineProperty3.default)(_DEFAULT_PADDING, VIEWS.MEDIUM, 10), (0, _defineProperty3.default)(_DEFAULT_PADDING, VIEWS.SMALL, 8), _DEFAULT_PADDING);
+
+/**
+ * Cell types which are align right by default
+ * @type {*[]}
+ */
+var ALIGN_RIGHT_TYPES = exports.ALIGN_RIGHT_TYPES = [TYPE_NUMERIC, TYPE_RATE, TYPE_SENTINEL];

package/HiTable/index.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _HiTable = require('./HiTable');
+
+Object.defineProperty(exports, 'default', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_HiTable).default;
+  }
+});
+
+var _HiTableContextMenu = require('./HiTableContextMenu');
+
+Object.defineProperty(exports, 'HiTableContextMenu', {
+  enumerable: true,
+  get: function get() {
+    return _interopRequireDefault(_HiTableContextMenu).default;
+  }
+});
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }