@hipay/hipay-material-ui 1.0.0-beta.29 → 1.0.0-beta.3

package/es/HiBreadcrumb/HiStepLabel.js

@@ -1,197 +0,0 @@
-import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
-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 HiStepIcon from './HiStepIcon';
-import HiPin from '../HiPins';
-
-export const styles = theme => ({
-    root: {
-        display: 'flex',
-        alignItems: 'center',
-        marginTop: -11,
-        marginBottom: -5
-    },
-    frontRoot: {
-        marginTop: -12,
-        marginBottom: -7
-    },
-    frontDarkRoot: {
-        marginTop: -13,
-        marginBottom: -6
-    },
-    hipin: {
-        marginLeft: 0
-    },
-    label: _extends({
-        display: 'inline-block',
-        marginLeft: 4,
-        fontWeight: theme.typography.fontWeightRegular,
-        color: theme.palette.neutral.normal,
-        marginBottom: -4,
-        '&:hover': {
-            cursor: 'pointer'
-        }
-    }, theme.typography.body3),
-    labelContainer: {
-        marginBottom: 4
-    },
-    largeLabelContainer: {
-        maxWidth: 300
-    },
-    shortLabelContainer: {
-        maxWidth: 160
-    },
-    frontLabel: {
-        fontSize: 18,
-        fontWeight: theme.typography.fontWeightLight,
-        marginLeft: 11
-    },
-    validated: {
-        color: theme.palette.status[116]
-    },
-    refused: {
-        color: theme.palette.negative.normal
-    },
-    active: {
-        color: '#00ADE9'
-    },
-    activeStep: {
-        fontWeight: theme.typography.fontWeightMedium
-    },
-    warning: {
-        color: theme.palette.middle.normal
-    },
-    light: {
-        color: '#FFFFFF'
-    },
-    pin: {
-        marginLeft: 4
-    },
-    shortEllipsis: {
-        display: 'inline-block',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        whiteSpace: 'pre',
-        maxWidth: 51
-    },
-    longEllipsis: {
-        display: 'inline-block',
-        overflow: 'hidden',
-        textOverflow: 'ellipsis',
-        whiteSpace: 'pre',
-        maxWidth: 90
-    }
-});
-
-class HiStepLabel extends React.PureComponent {
-
-    render() {
-        const _props = this.props,
-              {
-            active,
-            children,
-            classes,
-            className: classNameProp,
-            notificationNumber,
-            status,
-            type
-        } = _props,
-              other = _objectWithoutProperties(_props, ['active', 'children', 'classes', 'className', 'notificationNumber', 'status', 'type']);
-
-        return React.createElement(
-            'span',
-            _extends({
-                className: classNames(classes.root, classNameProp, {
-                    [classes.frontRoot]: type === 'front-light',
-                    [classes.frontDarkRoot]: type === 'front-dark'
-                })
-            }, other),
-            React.createElement(
-                'span',
-                { className: classes.iconContainer },
-                React.createElement(HiStepIcon, { active: active, status: status, type: type })
-            ),
-            React.createElement(
-                'span',
-                {
-                    className: classNames(classes.labelContainer, {
-                        [classes.largeLabelContainer]: type !== 'back',
-                        [classes.shortLabelContainer]: type === 'back'
-                    })
-                },
-                React.createElement(
-                    'div',
-                    {
-                        className: classNames(classes.label, {
-                            [classes.validated]: status === 'validated',
-                            [classes.refused]: status === 'refused',
-                            [classes.warning]: status === 'warning',
-                            [classes.active]: status === 'active',
-                            [classes.light]: type === 'front-light',
-                            [classes.activeStep]: active,
-                            [classes.frontLabel]: type !== 'back',
-                            [classes.shortEllipsis]: notificationNumber > 0,
-                            [classes.longEllipsis]: notificationNumber === 0 && type === 'back'
-                        })
-                    },
-                    children
-                ),
-                notificationNumber > 0 && React.createElement(
-                    'span',
-                    { className: classes.pin },
-                    React.createElement(
-                        HiPin,
-                        {
-                            color: this.props.theme.palette.business.primary.normal,
-                            className: classes.hipin
-                        },
-                        notificationNumber
-                    )
-                )
-            )
-        );
-    }
-}
-
-HiStepLabel.defaultProps = {
-    active: false,
-    children: '',
-    notificationNumber: 0,
-    status: 'unreviewed',
-    type: 'back'
-};
-HiStepLabel.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * @ignore
-     * Sets the step as active. Is passed to child components.
-     */
-    active: PropTypes.bool,
-    /**
-     * In most cases will simply be a string containing a title for the label.
-     */
-    children: PropTypes.node,
-    /**
-     * Custom styles for component.
-     */
-    classes: PropTypes.object.isRequired,
-    /**
-     * @ignore
-     */
-    className: PropTypes.string,
-    /**
-     * The value to be displayed in the HiPin on the right of the label
-     */
-    notificationNumber: PropTypes.number,
-    /**
-     * 'Unreviewed', 'refused', 'validated' et 'warning' sont les statuts pour tous les types de breadcrumb. 'active' est spécifique au Front dark
-     */
-    status: PropTypes.oneOf(['unreviewed', 'refused', 'validated', 'warning', 'active']),
-    /**
-     * The Breadcrumb type
-     */
-    type: PropTypes.oneOf(['back', 'front-light', 'front-dark'])
-} : {};
-export default withStyles(styles, { name: 'MuiHiStepLabel', withTheme: true })(HiStepLabel);

package/es/HiBreadcrumb/HiStepper.js

@@ -1,46 +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 Paper from '../Paper';
-
-export const styles = theme => ({
-    root: {
-        width: 340
-    }
-});
-
-class HiStepper extends React.PureComponent {
-
-    render() {
-        const { activeStep, children, classes } = this.props;
-
-        const childrenArray = React.Children.toArray(children.props.children);
-
-        const steps = childrenArray.map((step, index) => {
-            return React.cloneElement(step, _extends({ index, active: activeStep === index }, step.props));
-        });
-
-        return React.createElement(
-            'div',
-            { className: classes.root },
-            steps
-        );
-    }
-}
-
-HiStepper.defaultProps = {
-    activeStep: 0
-};
-HiStepper.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Set the active step (zero based index).
-     */
-    activeStep: PropTypes.number,
-    /**
-     * Two or more `<Step />` components.
-     */
-    children: PropTypes.node.isRequired
-} : {};
-export default withStyles(styles, { name: 'MuiHiStepper' })(HiStepper);

package/es/HiBreadcrumb/index.js

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

package/es/HiDotsStepper/HiDot.js

@@ -1,92 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classnames from 'classnames';
-import withStyles from '../styles/withStyles';
-import ButtonBase from '../ButtonBase';
-
-export const styles = theme => ({
-    dot: {
-        backgroundColor: theme.palette.dot.neutral,
-        borderRadius: '100%',
-        width: 12,
-        height: 12,
-        '&:hover': {
-            transform: 'scale(1.2)'
-        },
-        marginLeft: 12
-    },
-    dotActive: {
-        marginTop: 4,
-        marginLeft: 4,
-        '&:hover': {
-            transform: 'scale(1)'
-        }
-    },
-    dotValidated: {
-        backgroundColor: theme.palette.status[116]
-    },
-    dotRefused: {
-        backgroundColor: theme.palette.error.main
-    },
-    dotAround: {
-        backgroundColor: 'transparent',
-        borderRadius: '100%',
-        width: 24,
-        height: 24,
-        marginLeft: 6,
-        border: '2px solid ' + theme.palette.dot.neutral,
-        '&:hover': {
-            transform: 'scale(1.2)'
-        }
-    },
-    dotAroundValidated: {
-        border: '2px solid ' + theme.palette.status[116]
-    },
-    dotAroundRefused: {
-        border: '2px solid ' + theme.palette.error.main
-    }
-});
-
-class HiDot extends React.PureComponent {
-
-    render() {
-        const { active, status, classes, onClick } = this.props;
-
-        const dotAroundClass = classnames(classes.dotAround, {
-            [classes.dotAroundValidated]: status === 'validated',
-            [classes.dotAroundRefused]: status === 'refused'
-        });
-
-        const dotClassName = classnames(classes.dot, {
-            [classes.dotActive]: active,
-            [classes.dotRefused]: status === 'refused',
-            [classes.dotValidated]: status === 'validated'
-        });
-
-        return React.createElement(
-            ButtonBase,
-            { disableRipple: true, role: 'button', onClick: onClick },
-            active ? React.createElement(
-                'div',
-                { className: dotAroundClass },
-                React.createElement('div', { className: dotClassName })
-            ) : React.createElement('div', { className: dotClassName })
-        );
-    }
-}
-
-HiDot.defaultProps = {
-    active: false,
-    status: 'unreviewed'
-};
-HiDot.propTypes = process.env.NODE_ENV !== "production" ? {
-    active: PropTypes.bool,
-    classes: PropTypes.object,
-    /**
-     * @ignore
-     */
-    className: PropTypes.string,
-    onClick: PropTypes.func,
-    status: PropTypes.oneOf(['refused', 'validated', 'unreviewed'])
-} : {};
-export default withStyles(styles, { name: 'MuiHiDot' })(HiDot);

package/es/HiDotsStepper/HiDotsStepper.js

@@ -1,83 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import withStyles from '../styles/withStyles';
-import HiDot from './HiDot';
-
-export const styles = theme => ({
-    dotStepper: {
-        width: '100%',
-        maxWidth: 200,
-        display: 'flex',
-        flexDirection: 'row',
-        flexWrap: 'nowrap',
-        justifyContent: 'center',
-        alignItems: 'center'
-    }
-});
-
-class HiDotsStepper extends React.PureComponent {
-
-    constructor() {
-        super();
-
-        this.handleClick = activeStep => () => {
-            this.props.onChange(activeStep);
-        };
-
-        this.handleNavigation = activeStep => e => {
-            let nextStep = activeStep;
-            const { steps } = this.props;
-
-            if (e.key === 'ArrowLeft') nextStep -= 1;
-            if (e.key === 'ArrowRight') nextStep += 1;
-
-            nextStep = (nextStep + steps.length) % steps.length;
-
-            // Permet la navigation d'un Dot au suivant / précédent
-            document.querySelector(`div[tabIndex="${nextStep}"]`).focus();
-
-            this.props.onChange(nextStep);
-        };
-
-        this.handleClick = this.handleClick.bind(this);
-        this.handleNavigation = this.handleNavigation.bind(this);
-    }
-
-    render() {
-        const { classes, activeStep, steps } = this.props;
-
-        const listDots = steps.map((step, idx) => {
-            const { id, status } = step;
-            return React.createElement(
-                'div',
-                {
-                    key: id,
-                    tabIndex: id,
-                    className: classes.dotContainer,
-                    role: 'navigation',
-                    onKeyDown: this.handleNavigation(idx)
-                },
-                React.createElement(HiDot, {
-                    status: status,
-                    active: idx === activeStep,
-                    onClick: this.handleClick(idx)
-                })
-            );
-        });
-
-        return React.createElement(
-            'div',
-            { className: classes.dotStepper },
-            listDots
-        );
-    }
-}
-
-HiDotsStepper.propTypes = process.env.NODE_ENV !== "production" ? {
-    activeStep: PropTypes.number.isRequired,
-    classes: PropTypes.object,
-    className: PropTypes.string,
-    onChange: PropTypes.func,
-    steps: PropTypes.array.isRequired
-} : {};
-export default withStyles(styles, { name: 'MuiHiDotsStepper' })(HiDotsStepper);

package/es/HiDotsStepper/index.js

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

package/es/HiExpansionPanel/HiExpansionPanel.js

@@ -1,170 +0,0 @@
-import _extends from 'babel-runtime/helpers/extends';
-import _objectWithoutProperties from 'babel-runtime/helpers/objectWithoutProperties';
-// @inheritedComponent ExpansionPanel
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import ExpansionPanel, { ExpansionPanelSummary, ExpansionPanelDetails } from 'material-ui/ExpansionPanel';
-import Typography from 'material-ui/Typography';
-import MenuDownIcon from 'mdi-material-ui/MenuDown';
-import { withStyles } from '../styles';
-
-export const styles = theme => ({
-    heading: {
-        fontSize: 20,
-        lineHeight: '24px',
-        fontWeight: theme.typography.fontWeightLight
-    },
-    secondaryHeading: {
-        fontSize: 11,
-        color: '#737373',
-        textAlign: 'right',
-        lineHeight: '24px',
-        fontWeight: theme.typography.fontWeightRegular,
-        verticalAlign: 'middle',
-        '&>svg': {
-            fontSize: 18,
-            marginLeft: 3,
-            marginBottom: -5
-        }
-    },
-    column: {
-        flexBasis: '100%'
-    },
-    panelSummary: {
-        '&>div:first-child': {
-            margin: '12px 0',
-            '&>div:last-child': {
-                paddingRight: 8
-            }
-        },
-        '&>div:last-child': {
-            width: 16,
-            height: 16
-        }
-    },
-    panelSummaryExpanded: {
-        borderBottom: '1px solid #E3E6E7',
-        minHeight: 0
-    },
-    expandMoreIcon: {
-        margin: 0,
-        fontSize: 18,
-        width: 20
-    },
-    panel: {
-        boxShadow: 'none',
-        border: 'none'
-    },
-    panelDetails: {
-        padding: '8px 24px 8px'
-    },
-    disabledPanel: {
-        backgroundColor: '#ffffff',
-        opacity: 1
-    },
-    expandIconExpanded: {
-        transform: 'translateY(-50%) rotate(-90deg)'
-    }
-});
-
-class HiExpansionPanel extends React.PureComponent {
-
-    render() {
-        const _props = this.props,
-              {
-            disabled,
-            heading,
-            secondaryHeading,
-            secondaryHeadingDisabled,
-            secondaryHeadingIcon,
-            children,
-            classes
-        } = _props,
-              props = _objectWithoutProperties(_props, ['disabled', 'heading', 'secondaryHeading', 'secondaryHeadingDisabled', 'secondaryHeadingIcon', 'children', 'classes']);
-
-        const effectiveDisabled = disabled || !children;
-
-        return React.createElement(
-            ExpansionPanel,
-            _extends({
-                disabled: effectiveDisabled,
-                classes: { root: classes.panel, disabled: classes.disabledPanel }
-            }, props),
-            React.createElement(
-                ExpansionPanelSummary,
-                {
-                    classes: {
-                        root: classes.panelSummary,
-                        disabled: classes.disabledPanel,
-                        expanded: classes.panelSummaryExpanded,
-                        expandIconExpanded: classes.expandIconExpanded
-                    },
-                    expandIcon: React.createElement(MenuDownIcon, { classes: { root: classes.expandMoreIcon } })
-                },
-                React.createElement(
-                    'div',
-                    { className: classes.column },
-                    React.createElement(
-                        Typography,
-                        { classes: { root: classes.heading } },
-                        heading
-                    )
-                ),
-                React.createElement(
-                    'div',
-                    { className: classes.column },
-                    React.createElement(
-                        Typography,
-                        { classes: { root: classes.secondaryHeading } },
-                        !effectiveDisabled ? secondaryHeading : secondaryHeadingDisabled,
-                        secondaryHeadingIcon
-                    )
-                )
-            ),
-            !!children && React.createElement(
-                ExpansionPanelDetails,
-                { classes: { root: classes.panelDetails } },
-                children
-            )
-        );
-    }
-}
-
-HiExpansionPanel.defaultProps = {
-    disabled: false,
-    secondaryHeading: '',
-    secondaryHeadingIcon: '',
-    secondaryHeadingDisabled: 'PAS ENCORE COMPLETE'
-};
-HiExpansionPanel.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Contenu du panel
-     */
-    children: PropTypes.any,
-    /**
-     * Surcharge les classes du composant
-     */
-    classes: PropTypes.object,
-    /**
-     * Désactivé
-     */
-    disabled: PropTypes.bool,
-    /**
-     * Titre principal du panel
-     */
-    heading: PropTypes.string.isRequired,
-    /**
-     * Titre secondaire du panel
-     */
-    secondaryHeading: PropTypes.string,
-    /**
-     * Titre secondaire si désactivé
-     */
-    secondaryHeadingDisabled: PropTypes.string,
-    /**
-     * Icone dans le titre secondaire du panel
-     */
-    secondaryHeadingIcon: PropTypes.any
-} : {};
-export default withStyles(styles, { name: 'HmuiHiExpansionPanel' })(HiExpansionPanel);

package/es/HiExpansionPanel/index.js

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