@hipay/hipay-material-ui 1.0.0-beta.8 → 2.0.0-beta.35

package/HiTable/OrderColumns.js

@@ -1,561 +0,0 @@
-'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,
-            width: 160
-        },
-        switchLabelRoot: {
-            marginLeft: 15,
-            fontSize: 15
-        },
-        columnLabel: {
-            position: 'relative',
-            top: 5,
-            left: 5,
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap'
-        },
-        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

@@ -1,105 +0,0 @@
-'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];