@hipay/hipay-material-ui 1.0.0-beta.18 → 1.0.0-beta.2

package/HiTable/HiTableFooter.js

@@ -1,131 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-exports.styles = undefined;
-
-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 _Table = require('material-ui/Table');
-
-var _styles = require('../styles');
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _constants = require('./constants');
-
-var cst = _interopRequireWildcard(_constants);
-
-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 {
-        tfoot: {
-            zIndex: 13
-        },
-        tfootCell: {
-            borderTop: '1px solid',
-            borderTopColor: theme.palette.line.stepper
-        },
-        patchDiv: {
-            position: 'relative',
-            border: 'none',
-            width: 0,
-            paddingRight: 0,
-            paddingTop: 0,
-            paddingBottom: 0,
-            height: '100%',
-            zIndex: 12,
-            backgroundColor: 'inherit'
-        }
-    };
-};
-
-var HiTableFooter = function (_React$Component) {
-    (0, _inherits3.default)(HiTableFooter, _React$Component);
-
-    function HiTableFooter() {
-        (0, _classCallCheck3.default)(this, HiTableFooter);
-        return (0, _possibleConstructorReturn3.default)(this, (HiTableFooter.__proto__ || (0, _getPrototypeOf2.default)(HiTableFooter)).apply(this, arguments));
-    }
-
-    (0, _createClass3.default)(HiTableFooter, [{
-        key: 'render',
-        value: function render() {
-            var _props = this.props,
-                classes = _props.classes,
-                nbColumnsDisplayed = _props.nbColumnsDisplayed,
-                view = _props.view;
-
-
-            return _react2.default.createElement(
-                _Table.TableFooter,
-                { className: classes.tfoot },
-                _react2.default.createElement(
-                    _Table.TableRow,
-                    null,
-                    _react2.default.createElement(_Table.TableCell, {
-                        style: {
-                            paddingLeft: cst.DEFAULT_PADDING[view]
-                        },
-                        key: 'footer-left-cell',
-                        className: classes.patchDiv
-                    }),
-                    _react2.default.createElement(
-                        _Table.TableCell,
-                        { colSpan: nbColumnsDisplayed, classes: { root: classes.tfootCell } },
-                        this.props.children
-                    ),
-                    _react2.default.createElement(_Table.TableCell, {
-                        style: {
-                            paddingLeft: cst.DEFAULT_PADDING[view]
-                        },
-                        key: 'footer-right-cell',
-                        className: classes.patchDiv
-                    })
-                )
-            );
-        }
-    }]);
-    return HiTableFooter;
-}(_react2.default.Component);
-
-HiTableFooter.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Nombre de colonnes affichées
-     */
-    nbColumnsDisplayed: _propTypes2.default.number.isRequired,
-    /**
-     * Taille du tableau (L/M/S),
-     * définit l'espace entre les cellules et leurs tailles par default
-     */
-    view: _propTypes2.default.oneOf(['l', 'm', 's'])
-} : {};
-exports.default = (0, _styles.withStyles)(styles, { name: 'HmuiHiTableFooter' })(HiTableFooter);

package/es/HiAlertModal/HiAlertModal.js

@@ -1,189 +0,0 @@
-import _extends from 'babel-runtime/helpers/extends';
-import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
-// @inheritedComponent Dialog
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import Dialog, { DialogActions, DialogContent, DialogContentText, DialogTitle } from 'material-ui/Dialog';
-import { withStyles } from '../styles';
-import HiButton from '../HiButton';
-
-export const styles = theme => ({
-    classContent: {
-        fontSize: 14,
-        lineHeight: '24px',
-        color: '#484848'
-    },
-    classPaper: {
-        maxWidth: 300
-    },
-    classCancelButton: {
-        float: 'right'
-    },
-    classTitle: {
-        fontSize: 20,
-        fontFamily: theme.typography.fontFamily,
-        fontWeight: theme.typography.fontWeightLight,
-        lineHeight: '24px'
-    },
-    classAction: {
-        display: 'inline-block'
-    },
-    classDialogRoot: {
-        backgroundColor: 'rgba(0, 0, 0, 0.28)'
-    }
-});
-
-/**
- * Pop up d'alert
- */
-class HiAlertModal extends React.PureComponent {
-
-    constructor(props) {
-        super(props);
-
-        this.handleClickCancel = () => {
-            if (this.props.onCancelClick) {
-                this.props.onCancelClick();
-            }
-        };
-
-        this.handleClickSubmit = () => {
-            if (this.props.onSubmitClick) {
-                this.props.onSubmitClick();
-            }
-        };
-
-        this.handleOnClose = () => {
-            if (this.props.onClose) {
-                this.props.onClose();
-            }
-        };
-
-        this.handleOnClose = this.handleOnClose.bind(this);
-        this.handleClickCancel = this.handleClickCancel.bind(this);
-        this.handleClickSubmit = this.handleClickSubmit.bind(this);
-    }
-
-    // Appelé au clic du bouton d'annulation
-
-
-    // Appelé au clic du bouton de soumission
-
-
-    // Appelé si clic en dehors de la pop up
-
-
-    // Render
-    render() {
-        const _props = this.props,
-              {
-            labelSubmitButton,
-            labelCancelButton,
-            content,
-            title,
-            positive,
-            negative,
-            open,
-            onCancelClick,
-            onSubmitClick,
-            classes
-        } = _props,
-              props = _objectWithoutProperties(_props, ['labelSubmitButton', 'labelCancelButton', 'content', 'title', 'positive', 'negative', 'open', 'onCancelClick', 'onSubmitClick', 'classes']);
-        return React.createElement(
-            Dialog,
-            _extends({
-                open: open,
-                onClose: this.handleOnClose,
-                classes: { paper: classes.classPaper, root: classes.classDialogRoot }
-            }, props),
-            React.createElement(
-                DialogTitle,
-                { disableTypography: true, classes: { root: classes.classTitle } },
-                title
-            ),
-            React.createElement(
-                DialogContent,
-                null,
-                React.createElement(
-                    DialogContentText,
-                    { classes: { root: classes.classContent } },
-                    content
-                )
-            ),
-            React.createElement(
-                DialogActions,
-                { classes: { root: classes.classAction } },
-                React.createElement(
-                    HiButton,
-                    {
-                        onClick: this.handleClickSubmit,
-                        positive: positive,
-                        negative: negative
-                    },
-                    labelSubmitButton
-                ),
-                React.createElement(
-                    HiButton,
-                    {
-                        classes: { root: classes.classCancelButton },
-                        onClick: this.handleClickCancel
-                    },
-                    labelCancelButton
-                )
-            )
-        );
-    }
-}
-
-HiAlertModal.defaultProps = {
-    negative: false,
-    positive: false
-};
-HiAlertModal.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Surcharge les classes du composant
-     */
-    classes: PropTypes.object,
-    /**
-     * Texte contenu dans la modal
-     */
-    content: PropTypes.string,
-    /**
-     * Texte sur le bouton d'annulation
-     */
-    labelCancelButton: PropTypes.string,
-    /**
-     * Texte sur le bouton de soumission
-     */
-    labelSubmitButton: PropTypes.string,
-    /**
-     * Colore le bouton de soumission en rouge
-     */
-    negative: PropTypes.bool,
-    /**
-     * Fonction de callback appelée au clic sur le bouton d'annulation
-     */
-    onCancelClick: PropTypes.func,
-    /**
-     * Fonction de callback appelée au clic en dehors de la pop up
-     */
-    onClose: PropTypes.func,
-    /**
-     * Fonction de callback appelée au clic sur le bouton de soumission
-     */
-    onSubmitClick: PropTypes.func,
-    /**
-     * pop up ouverte ou pas
-     */
-    open: PropTypes.bool.isRequired,
-    /**
-     * Colore le bouton de soumission en vert
-     */
-    positive: PropTypes.bool,
-    /**
-     * Titre de la modal
-     */
-    title: PropTypes.string
-} : {};
-export default withStyles(styles, { name: 'HmuiHiAlertModal' })(HiAlertModal);

package/es/HiAlertModal/index.js

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

package/es/HiBreadcrumb/HiBreadcrumb.js

@@ -1,81 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '../styles';
-import HiStepper from './HiStepper';
-import HiStepLabel from './HiStepLabel';
-import HiStep from './HiStep';
-
-export const styles = theme => ({});
-
-class HiBreadcrumb extends React.PureComponent {
-    constructor(...args) {
-        var _temp;
-
-        return _temp = super(...args), this.handleStep = idx => () => {
-            this.props.handleStep(idx);
-        }, _temp;
-    }
-
-    render() {
-        const { activeStep, steps, type } = this.props;
-
-        return React.createElement(
-            HiStepper,
-            { activeStep: activeStep, type: type },
-            React.createElement(
-                'div',
-                null,
-                steps.map((step, index) => {
-                    const validConnector = step.status === 'validated' && index < steps.length - 1 && (steps[index + 1].status === 'validated' || steps[index + 1].status === 'active');
-
-                    return React.createElement(
-                        HiStep,
-                        {
-                            content: step.content,
-                            key: step.id,
-                            onClick: this.handleStep(index),
-                            isLast: index === steps.length - 1,
-                            validConnector: validConnector,
-                            type: type,
-                            steps: steps
-                        },
-                        React.createElement(
-                            HiStepLabel,
-                            {
-                                active: activeStep === index,
-                                status: step.status,
-                                notificationNumber: step.notificationNumber,
-                                type: type
-                            },
-                            step.label
-                        )
-                    );
-                })
-            )
-        );
-    }
-}
-
-HiBreadcrumb.defaultProps = {
-    activeStep: 0,
-    type: 'back'
-};
-HiBreadcrumb.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Which step is the active one
-     */
-    activeStep: PropTypes.number,
-    /**
-     * The collection of steps of the breadcrumb.
-     */
-    steps: PropTypes.array.isRequired,
-    /**
-     * The callback function handling the flow from one step to another
-     */
-    handleStep: PropTypes.func,
-    /**
-     * The Breadcrumb type
-     */
-    type: PropTypes.oneOf(['back', 'front-dark', 'front-light'])
-} : {};
-export default withStyles(styles, { name: 'HmuiHiBreadcrumb' })(HiBreadcrumb);

package/es/HiBreadcrumb/HiStep.js

@@ -1,94 +0,0 @@
-import _extends from 'babel-runtime/helpers/extends';
-import React from 'react';
-import PropTypes from 'prop-types';
-import { withStyles } from '../styles';
-import classNames from 'classnames';
-import HiStepConnector from './HiStepConnector';
-import HiStepContent from './HiStepContent';
-
-export const styles = theme => ({
-    lastStep: {
-        marginBottom: 40
-    }
-});
-
-class HiStep extends React.PureComponent {
-
-    render() {
-        const {
-            active,
-            children,
-            classes,
-            content,
-            isLast,
-            onClick,
-            steps,
-            type,
-            validConnector
-        } = this.props;
-
-        return React.createElement(
-            'div',
-            {
-                className: classNames({ [classes.lastStep]: isLast && type !== 'back' }),
-                onClick: onClick
-            },
-            React.Children.map(children, child => React.cloneElement(child, _extends({
-                active
-            }, child.props))),
-            !isLast && React.createElement(HiStepConnector, {
-                validConnector: validConnector,
-                type: type,
-                steps: steps,
-                active: active,
-                content: content
-            }),
-            content && active && isLast && type === 'front-light' && React.createElement(HiStepContent, { content: content, isLast: true })
-        );
-    }
-}
-
-HiStep.defaultProps = {
-    active: false,
-    content: React.createElement('span', null),
-    isLast: false,
-    steps: [],
-    type: 'back',
-    validConnector: false
-};
-HiStep.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Sets the step as active. Is passed to child components.
-     */
-    active: PropTypes.bool,
-    /**
-     * Should be `Step` sub-components such as `StepLabel`, `StepContent`.
-     */
-    children: PropTypes.node,
-    /**
-     * The content to be displayed in the case of front-light breadcrumb
-     */
-    content: PropTypes.node,
-    /**
-     * @ignore
-     * Used to know which step is the last, to not put a HiStepConnector
-     */
-    isLast: PropTypes.bool,
-    /**
-     * Callback on step container click
-     */
-    onClick: PropTypes.func,
-    /**
-     * The collection of steps of the breadcrumb.
-     */
-    steps: PropTypes.array,
-    /**
-     * @ignore
-     */
-    type: PropTypes.oneOf(['back', 'front-light', 'front-dark']),
-    /**
-     * @ignore
-     */
-    validConnector: PropTypes.bool
-} : {};
-export default withStyles(styles, { name: 'MuiHiStep' })(HiStep);

package/es/HiBreadcrumb/HiStepConnector.js

@@ -1,143 +0,0 @@
-import _extends from 'babel-runtime/helpers/extends';
-import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { withStyles } from '../styles';
-import HiStepContent from './HiStepContent';
-
-export const styles = theme => ({
-    root: {
-        display: 'flex',
-        flex: '1 1 auto',
-        marginLeft: 13, // half icon
-        padding: `0 0 ${theme.spacing.unit}px`
-    },
-    line: {
-        display: 'block',
-        borderColor: theme.palette.grey[600],
-        borderLeftStyle: 'solid',
-        borderLeftWidth: 2,
-        minHeight: theme.spacing.unit * 3,
-        height: 40
-    },
-    greenLine: {
-        borderColor: theme.palette.status[116]
-    },
-    lightLine: {
-        borderColor: '#FFFFFF'
-    }
-});
-
-/**
- * @ignore - internal component.
- */
-class HiStepConnector extends React.PureComponent {
-
-    constructor(props) {
-        super(props);
-
-        this.state = {
-            width: 1280,
-            height: 800
-        };
-
-        this.updateWindowDimensions = this.updateWindowDimensions.bind(this);
-    }
-
-    componentDidMount() {
-        this.updateWindowDimensions();
-        window.addEventListener('resize', this.updateWindowDimensions);
-    }
-
-    componentWillUnmount() {
-        window.removeEventListener('resize', this.updateWindowDimensions);
-    }
-
-    updateWindowDimensions() {
-        this.setState({ width: window.innerWidth, height: window.innerHeight });
-    }
-
-    render() {
-        const _props = this.props,
-              {
-            active,
-            className: classNameProp,
-            classes,
-            content,
-            steps,
-            type,
-            validConnector
-        } = _props,
-              other = _objectWithoutProperties(_props, ['active', 'className', 'classes', 'content', 'steps', 'type', 'validConnector']);
-
-        const { width, height } = this.state;
-
-        const className = classNames(classes.root, classNameProp);
-        const lineClassName = classNames(classes.line, {
-            [classes.greenLine]: validConnector,
-            [classes.lightLine]: type === 'front-light'
-        });
-
-        let lineHeight = 40;
-
-        if (type !== 'back') {
-            // Pour un breadcrumb Front, la tige du connector de la step active doit s'allonger en fonction de la hauteur de la page et du nombre de steps
-            lineHeight = height - 226 - 58 * (steps.length - 1);
-            if (lineHeight < 202) {
-                lineHeight = 202;
-            }
-        }
-
-        let heightStyle = {};
-        if (active) {
-            heightStyle = { height: lineHeight };
-        }
-
-        return React.createElement(
-            'div',
-            _extends({ className: className }, other),
-            React.createElement('span', { className: lineClassName, style: heightStyle }),
-            type === 'front-light' && active && content && React.createElement(HiStepContent, { content: content })
-        );
-    }
-}
-
-HiStepConnector.defaultProps = {
-    active: false,
-    content: React.createElement('span', null),
-    steps: [],
-    type: 'back',
-    validConnector: false
-};
-HiStepConnector.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Used to know if the step it is connected to is active, and if so possibly adapt its height
-     */
-    active: PropTypes.bool,
-    /**
-     * Useful to extend the style applied to the component.
-     */
-    classes: PropTypes.object.isRequired,
-    /**
-     * @ignore
-     */
-    className: PropTypes.string,
-    /**
-     * The content to be displayed in the case of front-light breadcrumb
-     */
-    content: PropTypes.node,
-    /**
-     * The collection of steps of the breadcrumb.
-     */
-    steps: PropTypes.array,
-    /**
-     * specifies which type of breadcrumb is used
-     */
-    type: PropTypes.oneOf(['back', 'front-dark', 'front-light']),
-    /**
-     * Specifies if the connector should be displayed in green or its default color
-     */
-    validConnector: PropTypes.bool
-} : {};
-export default withStyles(styles, { name: 'MuiHiStepConnector' })(HiStepConnector);

package/es/HiBreadcrumb/HiStepContent.js

@@ -1,63 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import { withStyles } from '../styles';
-import Paper from '../Paper';
-
-export const styles = theme => ({
-    root: {
-        display: 'flex',
-        justifyContent: 'center',
-        alignItems: 'center'
-    },
-    contentContainer: {
-        height: 'fit-content',
-        maxHeight: 300,
-        maxWidth: 323,
-        marginTop: 35,
-        marginLeft: 24,
-        padding: 24,
-        textAlign: 'center',
-        fontFamily: 'Roboto, Regular, sans-serif',
-        color: '#737373',
-        fontSize: 14,
-        lineHeight: '20px',
-        borderRadius: 3
-    },
-    lastStep: {
-        marginLeft: 0,
-        marginTop: 20
-    }
-});
-
-class HiStepContent extends React.PureComponent {
-
-    render() {
-        const { content, classes, isLast } = this.props;
-
-        return React.createElement(
-            Paper,
-            {
-                square: true,
-                className: classNames(classes.contentContainer, {
-                    [classes.lastStep]: isLast
-                })
-            },
-            React.createElement(
-                'div',
-                { className: classes.root },
-                content
-            )
-        );
-    }
-}
-
-HiStepContent.defaultProps = {
-    content: React.createElement('span', null),
-    isLast: false
-};
-HiStepContent.propTypes = process.env.NODE_ENV !== "production" ? {
-    content: PropTypes.node,
-    isLast: PropTypes.bool
-} : {};
-export default withStyles(styles, { name: 'MuiHiStepContent' })(HiStepContent);