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

package/HiBreadcrumb/HiStepLabel.js

@@ -1,248 +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 _objectWithoutProperties2 = require('babel-runtime/helpers/objectWithoutProperties');
-
-var _objectWithoutProperties3 = _interopRequireDefault(_objectWithoutProperties2);
-
-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 _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-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 _styles = require('../styles');
-
-var _HiStepIcon = require('./HiStepIcon');
-
-var _HiStepIcon2 = _interopRequireDefault(_HiStepIcon);
-
-var _HiPins = require('../HiPins');
-
-var _HiPins2 = _interopRequireDefault(_HiPins);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-    return {
-        root: {
-            display: 'flex',
-            alignItems: 'center',
-            marginTop: -11,
-            marginBottom: -5
-        },
-        frontRoot: {
-            marginTop: -12,
-            marginBottom: -7
-        },
-        frontDarkRoot: {
-            marginTop: -13,
-            marginBottom: -6
-        },
-        hipin: {
-            marginLeft: 0
-        },
-        label: (0, _extends3.default)({
-            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
-        }
-    };
-};
-
-var HiStepLabel = function (_React$PureComponent) {
-    (0, _inherits3.default)(HiStepLabel, _React$PureComponent);
-
-    function HiStepLabel() {
-        (0, _classCallCheck3.default)(this, HiStepLabel);
-        return (0, _possibleConstructorReturn3.default)(this, (HiStepLabel.__proto__ || (0, _getPrototypeOf2.default)(HiStepLabel)).apply(this, arguments));
-    }
-
-    (0, _createClass3.default)(HiStepLabel, [{
-        key: 'render',
-        value: function render() {
-            var _classNames, _classNames2, _classNames3;
-
-            var _props = this.props,
-                active = _props.active,
-                children = _props.children,
-                classes = _props.classes,
-                classNameProp = _props.className,
-                notificationNumber = _props.notificationNumber,
-                status = _props.status,
-                type = _props.type,
-                other = (0, _objectWithoutProperties3.default)(_props, ['active', 'children', 'classes', 'className', 'notificationNumber', 'status', 'type']);
-
-
-            return _react2.default.createElement(
-                'span',
-                (0, _extends3.default)({
-                    className: (0, _classnames2.default)(classes.root, classNameProp, (_classNames = {}, (0, _defineProperty3.default)(_classNames, classes.frontRoot, type === 'front-light'), (0, _defineProperty3.default)(_classNames, classes.frontDarkRoot, type === 'front-dark'), _classNames))
-                }, other),
-                _react2.default.createElement(
-                    'span',
-                    { className: classes.iconContainer },
-                    _react2.default.createElement(_HiStepIcon2.default, { active: active, status: status, type: type })
-                ),
-                _react2.default.createElement(
-                    'span',
-                    {
-                        className: (0, _classnames2.default)(classes.labelContainer, (_classNames2 = {}, (0, _defineProperty3.default)(_classNames2, classes.largeLabelContainer, type !== 'back'), (0, _defineProperty3.default)(_classNames2, classes.shortLabelContainer, type === 'back'), _classNames2))
-                    },
-                    _react2.default.createElement(
-                        'div',
-                        {
-                            className: (0, _classnames2.default)(classes.label, (_classNames3 = {}, (0, _defineProperty3.default)(_classNames3, classes.validated, status === 'validated'), (0, _defineProperty3.default)(_classNames3, classes.refused, status === 'refused'), (0, _defineProperty3.default)(_classNames3, classes.warning, status === 'warning'), (0, _defineProperty3.default)(_classNames3, classes.active, status === 'active'), (0, _defineProperty3.default)(_classNames3, classes.light, type === 'front-light'), (0, _defineProperty3.default)(_classNames3, classes.activeStep, active), (0, _defineProperty3.default)(_classNames3, classes.frontLabel, type !== 'back'), (0, _defineProperty3.default)(_classNames3, classes.shortEllipsis, notificationNumber > 0), (0, _defineProperty3.default)(_classNames3, classes.longEllipsis, notificationNumber === 0 && type === 'back'), _classNames3))
-                        },
-                        children
-                    ),
-                    notificationNumber > 0 && _react2.default.createElement(
-                        'span',
-                        { className: classes.pin },
-                        _react2.default.createElement(
-                            _HiPins2.default,
-                            {
-                                color: this.props.theme.palette.business.primary.normal,
-                                className: classes.hipin
-                            },
-                            notificationNumber
-                        )
-                    )
-                )
-            );
-        }
-    }]);
-    return HiStepLabel;
-}(_react2.default.PureComponent);
-
-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: _propTypes2.default.bool,
-    /**
-     * In most cases will simply be a string containing a title for the label.
-     */
-    children: _propTypes2.default.node,
-    /**
-     * Custom styles for component.
-     */
-    classes: _propTypes2.default.object.isRequired,
-    /**
-     * @ignore
-     */
-    className: _propTypes2.default.string,
-    /**
-     * The value to be displayed in the HiPin on the right of the label
-     */
-    notificationNumber: _propTypes2.default.number,
-    /**
-     * 'Unreviewed', 'refused', 'validated' et 'warning' sont les statuts pour tous les types de breadcrumb. 'active' est spécifique au Front dark
-     */
-    status: _propTypes2.default.oneOf(['unreviewed', 'refused', 'validated', 'warning', 'active']),
-    /**
-     * The Breadcrumb type
-     */
-    type: _propTypes2.default.oneOf(['back', 'front-light', 'front-dark'])
-} : {};
-exports.default = (0, _styles.withStyles)(styles, { name: 'MuiHiStepLabel', withTheme: true })(HiStepLabel);

package/HiBreadcrumb/HiStepper.js

@@ -1,106 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-exports.styles = undefined;
-
-var _extends2 = require('babel-runtime/helpers/extends');
-
-var _extends3 = _interopRequireDefault(_extends2);
-
-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 _styles = require('../styles');
-
-var _Paper = require('../Paper');
-
-var _Paper2 = _interopRequireDefault(_Paper);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-    return {
-        root: {
-            width: 340
-        }
-    };
-};
-
-var HiStepper = function (_React$PureComponent) {
-    (0, _inherits3.default)(HiStepper, _React$PureComponent);
-
-    function HiStepper() {
-        (0, _classCallCheck3.default)(this, HiStepper);
-        return (0, _possibleConstructorReturn3.default)(this, (HiStepper.__proto__ || (0, _getPrototypeOf2.default)(HiStepper)).apply(this, arguments));
-    }
-
-    (0, _createClass3.default)(HiStepper, [{
-        key: 'render',
-        value: function render() {
-            var _props = this.props,
-                activeStep = _props.activeStep,
-                children = _props.children,
-                classes = _props.classes;
-
-
-            var childrenArray = _react2.default.Children.toArray(children.props.children);
-
-            var steps = childrenArray.map(function (step, index) {
-                return _react2.default.cloneElement(step, (0, _extends3.default)({ index: index, active: activeStep === index }, step.props));
-            });
-
-            return _react2.default.createElement(
-                'div',
-                { className: classes.root },
-                steps
-            );
-        }
-    }]);
-    return HiStepper;
-}(_react2.default.PureComponent);
-
-HiStepper.defaultProps = {
-    activeStep: 0
-};
-HiStepper.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Set the active step (zero based index).
-     */
-    activeStep: _propTypes2.default.number,
-    /**
-     * Two or more `<Step />` components.
-     */
-    children: _propTypes2.default.node.isRequired
-} : {};
-exports.default = (0, _styles.withStyles)(styles, { name: 'MuiHiStepper' })(HiStepper);

package/HiBreadcrumb/index.js

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

package/HiDotsStepper/HiDot.js

@@ -1,151 +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 _classnames3 = require('classnames');
-
-var _classnames4 = _interopRequireDefault(_classnames3);
-
-var _withStyles = require('../styles/withStyles');
-
-var _withStyles2 = _interopRequireDefault(_withStyles);
-
-var _ButtonBase = require('../ButtonBase');
-
-var _ButtonBase2 = _interopRequireDefault(_ButtonBase);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-    return {
-        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
-        }
-    };
-};
-
-var HiDot = function (_React$PureComponent) {
-    (0, _inherits3.default)(HiDot, _React$PureComponent);
-
-    function HiDot() {
-        (0, _classCallCheck3.default)(this, HiDot);
-        return (0, _possibleConstructorReturn3.default)(this, (HiDot.__proto__ || (0, _getPrototypeOf2.default)(HiDot)).apply(this, arguments));
-    }
-
-    (0, _createClass3.default)(HiDot, [{
-        key: 'render',
-        value: function render() {
-            var _classnames, _classnames2;
-
-            var _props = this.props,
-                active = _props.active,
-                status = _props.status,
-                classes = _props.classes,
-                onClick = _props.onClick;
-
-
-            var dotAroundClass = (0, _classnames4.default)(classes.dotAround, (_classnames = {}, (0, _defineProperty3.default)(_classnames, classes.dotAroundValidated, status === 'validated'), (0, _defineProperty3.default)(_classnames, classes.dotAroundRefused, status === 'refused'), _classnames));
-
-            var dotClassName = (0, _classnames4.default)(classes.dot, (_classnames2 = {}, (0, _defineProperty3.default)(_classnames2, classes.dotActive, active), (0, _defineProperty3.default)(_classnames2, classes.dotRefused, status === 'refused'), (0, _defineProperty3.default)(_classnames2, classes.dotValidated, status === 'validated'), _classnames2));
-
-            return _react2.default.createElement(
-                _ButtonBase2.default,
-                { disableRipple: true, role: 'button', onClick: onClick },
-                active ? _react2.default.createElement(
-                    'div',
-                    { className: dotAroundClass },
-                    _react2.default.createElement('div', { className: dotClassName })
-                ) : _react2.default.createElement('div', { className: dotClassName })
-            );
-        }
-    }]);
-    return HiDot;
-}(_react2.default.PureComponent);
-
-HiDot.defaultProps = {
-    active: false,
-    status: 'unreviewed'
-};
-HiDot.propTypes = process.env.NODE_ENV !== "production" ? {
-    active: _propTypes2.default.bool,
-    classes: _propTypes2.default.object,
-    /**
-     * @ignore
-     */
-    className: _propTypes2.default.string,
-    onClick: _propTypes2.default.func,
-    status: _propTypes2.default.oneOf(['refused', 'validated', 'unreviewed'])
-} : {};
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiHiDot' })(HiDot);

package/HiDotsStepper/HiDotsStepper.js

@@ -1,146 +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 _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _withStyles = require('../styles/withStyles');
-
-var _withStyles2 = _interopRequireDefault(_withStyles);
-
-var _HiDot = require('./HiDot');
-
-var _HiDot2 = _interopRequireDefault(_HiDot);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-    return {
-        dotStepper: {
-            width: '100%',
-            maxWidth: 200,
-            display: 'flex',
-            flexDirection: 'row',
-            flexWrap: 'nowrap',
-            justifyContent: 'center',
-            alignItems: 'center'
-        }
-    };
-};
-
-var HiDotsStepper = function (_React$PureComponent) {
-    (0, _inherits3.default)(HiDotsStepper, _React$PureComponent);
-
-    function HiDotsStepper() {
-        (0, _classCallCheck3.default)(this, HiDotsStepper);
-
-        var _this = (0, _possibleConstructorReturn3.default)(this, (HiDotsStepper.__proto__ || (0, _getPrototypeOf2.default)(HiDotsStepper)).call(this));
-
-        _this.handleClick = function (activeStep) {
-            return function () {
-                _this.props.onChange(activeStep);
-            };
-        };
-
-        _this.handleNavigation = function (activeStep) {
-            return function (e) {
-                var nextStep = activeStep;
-                var steps = _this.props.steps;
-
-
-                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);
-        return _this;
-    }
-
-    (0, _createClass3.default)(HiDotsStepper, [{
-        key: 'render',
-        value: function render() {
-            var _this2 = this;
-
-            var _props = this.props,
-                classes = _props.classes,
-                activeStep = _props.activeStep,
-                steps = _props.steps;
-
-
-            var listDots = steps.map(function (step, idx) {
-                var id = step.id,
-                    status = step.status;
-
-                return _react2.default.createElement(
-                    'div',
-                    {
-                        key: id,
-                        tabIndex: id,
-                        className: classes.dotContainer,
-                        role: 'navigation',
-                        onKeyDown: _this2.handleNavigation(idx)
-                    },
-                    _react2.default.createElement(_HiDot2.default, {
-                        status: status,
-                        active: idx === activeStep,
-                        onClick: _this2.handleClick(idx)
-                    })
-                );
-            });
-
-            return _react2.default.createElement(
-                'div',
-                { className: classes.dotStepper },
-                listDots
-            );
-        }
-    }]);
-    return HiDotsStepper;
-}(_react2.default.PureComponent);
-
-HiDotsStepper.propTypes = process.env.NODE_ENV !== "production" ? {
-    activeStep: _propTypes2.default.number.isRequired,
-    classes: _propTypes2.default.object,
-    className: _propTypes2.default.string,
-    onChange: _propTypes2.default.func,
-    steps: _propTypes2.default.array.isRequired
-} : {};
-exports.default = (0, _withStyles2.default)(styles, { name: 'MuiHiDotsStepper' })(HiDotsStepper);

package/HiDotsStepper/index.js

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