@hipay/hipay-material-ui 1.0.0-beta.9 → 2.0.0-beta.36

package/es/HiPins/HiPins.js

@@ -1,65 +0,0 @@
-import _extends from 'babel-runtime/helpers/extends';
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { withStyles } from '../styles';
-import { getContrastedTextColor } from '../styles/colorManipulator';
-
-export const styles = theme => ({
-    root: {
-        display: 'inline-block',
-        padding: '0 9px',
-        height: 16,
-        lineHeight: '16px',
-        minWidth: 25,
-        textAlign: 'center',
-        borderRadius: '45px',
-        verticalAlign: 'middle',
-        fontSize: 11,
-        fontWeight: theme.typography.fontWeightMedium,
-        fontFamily: theme.typography.fontFamily
-    },
-    clicable: {
-        cursor: 'pointer'
-    }
-});
-
-/**
- * HiPins
- *
- * Tiny raised button used to display subsidiary datas like item count, (...), and throw an onClick event.
- * Used in:
- * - CellStatus to display operations count and to deploy operation rows on click.
- *
- */
-function HiPins(props) {
-    const { classes, children, color, onClick, className } = props;
-
-    const textColor = getContrastedTextColor(color, props.theme.palette.neutral.dark, '#FFF');
-
-    const divProps = {
-        style: { backgroundColor: color, color: textColor }
-    };
-    if (onClick) {
-        divProps.onClick = onClick;
-        divProps.role = 'button';
-    }
-    return React.createElement(
-        'div',
-        _extends({
-            className: classNames(classes.root, {
-                [classes.clicable]: onClick
-            }, className)
-        }, divProps),
-        children
-    );
-}
-
-HiPins.propTypes = process.env.NODE_ENV !== "production" ? {
-    children: PropTypes.node.isRequired,
-    classes: PropTypes.object.isRequired,
-    className: PropTypes.string,
-    color: PropTypes.string.isRequired,
-    onClick: PropTypes.func
-} : {};
-export default withStyles(styles, { withTheme: true, name: 'HmuiHiPins' })(HiPins);

package/es/HiPins/index.js

@@ -1 +0,0 @@
-export { default } from './HiPins';

package/es/HiRadio/HiRadio.js

@@ -1,41 +0,0 @@
-// @inheritedComponent Radio
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import Radio from 'material-ui/Radio';
-import withStyles from '../styles/withStyles';
-
-export const styles = theme => ({
-    checked: {
-        color: theme.palette.business.primary.normal
-    },
-    disabled: {
-        color: theme.palette.action.disabled
-    }
-});
-
-class HiRadio extends React.Component {
-
-    render() {
-
-        const { classes, disabled, checked, onChange, name, value } = this.props;
-
-        return React.createElement(Radio, {
-            name: name,
-            classes: {
-                checked: classes.checked, disabled: classes.disabled },
-            checked: checked,
-            onChange: onChange,
-            disabled: disabled,
-            value: value
-        });
-    }
-}
-
-HiRadio.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Surcharge les classes du composant
-     */
-    classes: PropTypes.object
-} : {};
-export default withStyles(styles, { name: 'HmuiHiRadio' })(HiRadio);

package/es/HiRadio/index.js

@@ -1 +0,0 @@
-export { default } from './HiRadio';

package/es/HiTable/BodyCellBuilder.js

@@ -1,344 +0,0 @@
-import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
-import React from 'react';
-import PropTypes from 'prop-types';
-import { ContextMenuTrigger } from 'react-contextmenu';
-
-import * as cst from './constants';
-import { CellLayout, CellAccount, CellAccountNumber, CellAddress, CellDate, CellIcon, CellImage, CellNumeric, CellRate, CellSentinel, CellStatus, CellText, CellThirdPartySecurity, CellCountry } from './BodyCells';
-import { formatRate } from '../utils/hiHelpers';
-
-/**
- * Construit la cellule correspondante au type demandé
- */
-export default class BodyCellBuilder extends React.PureComponent {
-
-    constructor(props) {
-        super(props);
-
-        this.collectContextMenuDatas = this.collectContextMenuDatas.bind(this);
-    }
-
-    collectContextMenuDatas(props) {
-        let label = '';
-        let value = null;
-        switch (this.props.type) {
-            case cst.TYPE_ADDRESS:
-                label = `${this.props.datas.name} ${this.props.datas.streetAddress} ${this.props.datas.city} ${this.props.datas.postalCode} ${this.props.datas.isoCountry}`;
-                break;
-            case cst.TYPE_SENTINEL:
-                label = `${this.props.datas.score}|${this.props.datas.fraudResult}`;
-                if (this.props.smartDecision && typeof this.props.datas.automaticFraudReviewResult !== 'undefined') {
-                    label += `|${this.props.datas.automaticFraudReviewResult}`;
-                }
-                break;
-            case cst.TYPE_ACCOUNT:
-            case cst.TYPE_ACCOUNT_NUMBER:
-            case cst.TYPE_ICON:
-            case cst.TYPE_IMAGE:
-            case cst.TYPE_NUMERIC:
-            case cst.TYPE_TEXT:
-            default:
-                label = this.props.datas.value;
-                break;
-            case cst.TYPE_DATE:
-                const options = { year: 'numeric', month: '2-digit', day: '2-digit' };
-                const date = new Date(this.props.datas.value);
-                label = date.toLocaleString(this.props.dateLocale, options);
-                value = this.props.datas.value;
-                break;
-            case cst.TYPE_RATE:
-                label = formatRate(this.props.datas.value, this.props.view, this.props.numberLocale);
-                value = this.props.datas.value;
-                break;
-            case cst.TYPE_THIRD_PARTY_SECURITY:
-            case cst.TYPE_STATUS:
-                label = this.props.datas.value;
-                value = this.props.datas.code;
-                break;
-            case cst.TYPE_COUNTRY:
-                label = this.props.datas.value;
-                value = this.props.datas.isoCode;
-                break;
-        }
-        if (value === null) {
-            value = label;
-        }
-        return {
-            id: this.props.checkboxValue,
-            column: this.props.colId,
-            label,
-            value
-        };
-    }
-
-    render() {
-        const _props = this.props,
-              {
-            ukey,
-            type,
-            datas,
-            view,
-            width,
-            padding,
-            align,
-            dense,
-            ellipsis,
-            onSelect,
-            selectable,
-            selected,
-            sticky,
-            dateLocale,
-            numberLocale,
-            childrenCount,
-            onOpenDetails,
-            lookedUp,
-            fixedColumnWidth
-        } = _props,
-              props = _objectWithoutProperties(_props, ['ukey', 'type', 'datas', 'view', 'width', 'padding', 'align', 'dense', 'ellipsis', 'onSelect', 'selectable', 'selected', 'sticky', 'dateLocale', 'numberLocale', 'childrenCount', 'onOpenDetails', 'lookedUp', 'fixedColumnWidth']);
-
-        const layoutProps = {
-            type,
-            view,
-            width,
-            align,
-            dense,
-            onSelect,
-            padding,
-            selectable,
-            selected,
-            sticky,
-            childrenCount,
-            lookedUp,
-            fixedColumnWidth
-        };
-
-        let cellElement;
-
-        if (typeof datas !== 'undefined') {
-            switch (type) {
-                case cst.TYPE_ACCOUNT:
-                    cellElement = React.createElement(CellAccount, { value: datas.value, color: datas.color, sticky: sticky });
-                    break;
-
-                case cst.TYPE_ACCOUNT_NUMBER:
-                    cellElement = React.createElement(CellAccountNumber, {
-                        value: datas.value,
-                        country: datas.country,
-                        expirationDate: datas.expirationDate,
-                        expirationDateLabel: datas.expirationDateLabel,
-                        statusColor: datas.statusColor,
-                        issuer: datas.issuer,
-                        sticky: sticky
-                    });
-                    break;
-
-                case cst.TYPE_ADDRESS:
-                    cellElement = React.createElement(CellAddress, {
-                        name: datas.name,
-                        streetAddress: datas.streetAddress,
-                        city: datas.city,
-                        postalCode: datas.postalCode,
-                        country: datas.country,
-                        isoCountry: datas.isoCountry,
-                        view: view,
-                        sticky: sticky
-                    });
-                    break;
-
-                case cst.TYPE_COUNTRY:
-                    cellElement = React.createElement(CellCountry, {
-                        value: datas.value,
-                        isoCode: datas.isoCode,
-                        view: view,
-                        sticky: sticky
-                    });
-                    break;
-
-                case cst.TYPE_DATE:
-                    cellElement = React.createElement(CellDate, {
-                        value: datas.value,
-                        locale: dateLocale,
-                        view: view,
-                        displayTime: props.displayTime,
-                        sticky: sticky
-                    });
-                    break;
-
-                case cst.TYPE_ICON:
-                    cellElement = React.createElement(CellIcon, {
-                        value: datas.value,
-                        icon: datas.icon,
-                        view: view,
-                        sticky: sticky
-                    });
-                    break;
-
-                case cst.TYPE_IMAGE:
-                    cellElement = React.createElement(CellImage, {
-                        value: datas.value,
-                        path: datas.path,
-                        view: view,
-                        sticky: sticky
-                    });
-                    break;
-
-                case cst.TYPE_NUMERIC:
-                    cellElement = React.createElement(CellNumeric, {
-                        value: datas.value,
-                        currency: datas.currency,
-                        locale: numberLocale,
-                        view: view,
-                        sticky: sticky
-                    });
-                    break;
-
-                case cst.TYPE_RATE:
-                    cellElement = React.createElement(CellRate, {
-                        value: datas.value,
-                        isPositive: datas.isPositive,
-                        trendchip: datas.trendchip,
-                        indicator: datas.indicator,
-                        locale: numberLocale,
-                        view: view,
-                        sticky: sticky
-                    });
-                    break;
-
-                case cst.TYPE_SENTINEL:
-                    cellElement = React.createElement(CellSentinel, {
-                        score: datas.score,
-                        fraudResult: datas.fraudResult,
-                        automaticFraudReviewResult: datas.automaticFraudReviewResult,
-                        pendingManualAction: datas.pendingManualAction,
-                        smartDecision: props.smartDecision,
-                        sticky: sticky
-                    });
-                    break;
-
-                case cst.TYPE_STATUS:
-                    cellElement = React.createElement(CellStatus, {
-                        code: datas.code,
-                        nbOperations: datas.count_operations,
-                        value: datas.value,
-                        onOpenDetails: onOpenDetails,
-                        sticky: sticky
-                    });
-                    break;
-
-                case cst.TYPE_THIRD_PARTY_SECURITY:
-                    layoutProps.align = 'center';
-                    cellElement = React.createElement(CellThirdPartySecurity, {
-                        value: datas.value,
-                        code: datas.code,
-                        sticky: sticky
-                    });
-                    break;
-
-                case cst.TYPE_TEXT:
-                default:
-                    cellElement = React.createElement(CellText, {
-                        ukey: ukey,
-                        value: datas.value,
-                        ellipsis: ellipsis,
-                        view: view,
-                        sticky: sticky
-                    });
-                    break;
-            }
-        }
-
-        const cellContent = cellElement ? React.createElement(
-            ContextMenuTrigger,
-            {
-                id: `hitable_context_menu_${this.props.tabId}`,
-                collect: this.collectContextMenuDatas
-            },
-            cellElement
-        ) : cellElement;
-
-        return React.createElement(
-            CellLayout,
-            layoutProps,
-            cellContent
-        );
-    }
-}
-BodyCellBuilder.defaultProps = {
-    ellipsis: 'right'
-};
-BodyCellBuilder.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Title alignement, est déduit de type par défaut
-     */
-    align: PropTypes.string,
-    /**
-     * Nombre d'enfants
-     */
-    childrenCount: PropTypes.number,
-    /**
-     * Identifiant de la colonne
-     */
-    colId: PropTypes.string,
-    /**
-     * Données relatives au type de la cellule
-     */
-    datas: PropTypes.object,
-    /**
-     * Locale a utilisée pour l'affichage des dates
-     */
-    dateLocale: PropTypes.string,
-    /**
-     * Densité, défini la hauteur de la ligne
-     */
-    dense: PropTypes.bool,
-    /**
-     * Ellipsis
-     */
-    ellipsis: PropTypes.oneOf(['left', 'right', 'middle', 'name', 'after-first-word']),
-    /**
-     * Fixe la taille des colonnes selon le type de vue
-     * Sinon les colonnes s'adaptent à l'espace disponible
-     */
-    fixedColumnWidth: PropTypes.bool,
-    /**
-     * Recherche lookup sur cette colonne
-     */
-    lookedUp: PropTypes.bool,
-    /**
-     * Locale a utilisée pour l'affichage des dates
-     */
-    numberLocale: PropTypes.string,
-    /**
-     * Fonction de callback au click du select
-     */
-    onSelect: PropTypes.func,
-    /**
-     * Padding de la cellule (px)
-     */
-    padding: PropTypes.number,
-    /**
-     * Ajoute une checkbox
-     */
-    selectable: PropTypes.bool,
-    /**
-     * État de la checkbox
-     */
-    selected: PropTypes.bool,
-    /**
-     * True si la colonne est la première colonne et
-     * doit avoir un comportement "sticky" lors du scroll horizontal
-     */
-    sticky: PropTypes.bool,
-    /**
-     * Type de la cellule (voir la listes des constantes)
-     */
-    type: PropTypes.string.isRequired,
-    /**
-     * View (L/M/S)
-     */
-    view: PropTypes.oneOf(['l', 'm', 's']),
-    /**
-     * Largeur de la cellule (hors padding), est déduit de view par défaut
-     */
-    width: PropTypes.number
-} : {};

package/es/HiTable/BodyCells/CellAccount.js

@@ -1,40 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import Tooltip from '../../Tooltip';
-import HiColoredLabel from '../../HiColoredLabel';
-import withStyles from '../../styles/withStyles';
-
-export const styles = theme => ({});
-
-/**
- * Cette cellule permet d'afficher le nom d'un compte sous la forme d'un label coloré.
- */
-class CellAccount extends React.PureComponent {
-
-    render() {
-        const { value, color } = this.props;
-
-        return React.createElement(
-            Tooltip,
-            { title: value, placement: 'bottom' },
-            React.createElement(HiColoredLabel, { label: value, color: color })
-        );
-    }
-}
-
-CellAccount.defaultProps = {};
-CellAccount.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Useful to extend the style applied to components.
-     */
-    classes: PropTypes.object,
-    /**
-     * Couleur du compte
-     */
-    color: PropTypes.string.isRequired,
-    /**
-     * Nom du compte
-     */
-    value: PropTypes.string.isRequired
-} : {};
-export default withStyles(styles, { name: 'HmuiCellAccount' })(CellAccount);

package/es/HiTable/BodyCells/CellAccountNumber.js

@@ -1,166 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Circle } from 'mdi-material-ui';
-import Tooltip from '../../Tooltip';
-import { withStyles, withTheme } from '../../styles';
-
-export const styles = theme => ({
-    tooltipWrapper: {
-        textAlign: 'center'
-    },
-    coloredIndicator: {
-        backgroundColor: '#ffffff',
-        borderRadius: '50%',
-        float: 'left',
-        width: 12,
-        height: 'auto',
-        position: 'relative',
-        top: 5,
-        right: 3
-    },
-    leftEllipsisSpan: {
-        display: 'inline-block',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        whiteSpace: 'pre',
-        direction: 'rtl',
-        width: '49%'
-    },
-    rightEllipsisSpan: {
-        display: 'inline-block',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        whiteSpace: 'pre'
-    },
-    noEllipsisSpan: {
-        display: 'inline-block',
-        overflow: 'hidden',
-        whiteSpace: 'pre',
-        maxWidth: '50%'
-    }
-});
-
-/**
- * Cette cellule permet d'afficher un numéro de compte
- * Le tooltip affiche les informations complémentaires (country, expiration date..)
- */
-class CellAccountNumber extends React.PureComponent {
-
-    render() {
-        const {
-            classes,
-            value,
-            country,
-            expirationDate,
-            expirationDateLabel,
-            statusColor,
-            issuer
-        } = this.props;
-
-        let dateDisplayed = new Date(expirationDate);
-
-        if (isNaN(dateDisplayed.getMonth()) || isNaN(dateDisplayed.getFullYear())) {
-            dateDisplayed = '';
-        } else {
-            dateDisplayed = `${dateDisplayed.getMonth() + 1 < 10 ? `${dateDisplayed.getMonth()}${1}` : dateDisplayed.getMonth() + 1}/${dateDisplayed.getFullYear()}`;
-        }
-
-        const tooltipContent = React.createElement(
-            'div',
-            { className: classes.tooltipWrapper },
-            React.createElement(
-                'div',
-                null,
-                issuer
-            ),
-            React.createElement(
-                'div',
-                null,
-                value || 'N/A'
-            ),
-            expirationDate && React.createElement(
-                'div',
-                null,
-                statusColor ? React.createElement(Circle, {
-                    style: { color: statusColor },
-                    className: classes.coloredIndicator
-                }) : '',
-                expirationDateLabel && `${expirationDateLabel} : `,
-                dateDisplayed
-            ),
-            React.createElement(
-                'div',
-                null,
-                country
-            )
-        );
-
-        const start = value ? value.substr(0, Math.round(value.length / 2)) : '';
-        // reverse string for rtl display
-        const end = value ? value.substr(Math.round(value.length / 2)).split('').reverse().join('') : '';
-
-        return React.createElement(
-            Tooltip,
-            { title: tooltipContent, placement: this.props.sticky ? 'right' : 'bottom' },
-            React.createElement(
-                'div',
-                { className: classes.rightEllipsisSpan, style: { width: '100%' } },
-                React.createElement(
-                    'div',
-                    {
-                        ref: div => {
-                            this.cellText = div;
-                        }
-                    },
-                    React.createElement(
-                        'span',
-                        { className: classes.noEllipsisSpan },
-                        start
-                    ),
-                    React.createElement(
-                        'span',
-                        { className: classes.leftEllipsisSpan },
-                        end
-                    )
-                )
-            )
-        );
-    }
-}
-
-CellAccountNumber.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Useful to extend the style applied to components.
-     */
-    classes: PropTypes.object,
-    /**
-     * Pays du compte
-     */
-    country: PropTypes.string,
-    /**
-     * Date d'expiration
-     */
-    expirationDate: PropTypes.string,
-    /**
-     * Label de la date d'expiration
-     */
-    expirationDateLabel: PropTypes.string,
-    /**
-     * Banque issuer
-     */
-    issuer: PropTypes.string,
-    /**
-     * Couleur représentant le statut du compte (utilisé pour caractériser la date d'expiration)
-     */
-    statusColor: PropTypes.string,
-    /**
-     * True si la colonne est la première colonne et doit avoir un comportement "sticky"
-     * lors du scroll horizontal
-     */
-    sticky: PropTypes.bool,
-    /**
-     * Numéro du compte
-     */
-    value: PropTypes.string
-} : {};
-export default withStyles(styles, { withTheme: true, name: 'HmuiCellAccountNumber' })(CellAccountNumber);