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

package/HiForm/HiSlider.js

@@ -1,399 +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 _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 _withStyles = require('../styles/withStyles');
-
-var _withStyles2 = _interopRequireDefault(_withStyles);
-
-var _HiIconBuilder = require('../utils/HiIconBuilder');
-
-var _HiIconBuilder2 = _interopRequireDefault(_HiIconBuilder);
-
-var _HiFormControl = require('../HiForm/HiFormControl');
-
-var _HiFormControl2 = _interopRequireDefault(_HiFormControl);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-    return {
-        barContainer: {
-            width: '100%',
-            position: 'relative',
-            margin: '0 7px'
-        },
-        barHidden: {
-            width: '100%',
-            opacity: 0,
-            position: 'absolute',
-            top: '7px',
-            zIndex: '2'
-        },
-        mainContainer: (0, _extends3.default)({}, theme.typography.body1, {
-            display: 'flex',
-            flexWrap: 'nowrap',
-            alignItems: 'center'
-        }),
-        topContainer: {
-            display: 'flex',
-            flexWrap: 'nowrap',
-            height: '18px'
-        },
-        bottomContainer: {
-            display: 'flex',
-            flexWrap: 'nowrap',
-            height: '18px'
-        },
-        barValue: {
-            display: 'flex',
-            width: '100%',
-            height: '4px',
-            borderRadius: '2px',
-            backgroundColor: theme.palette.business.primary.normal,
-            position: 'absolute',
-            zIndex: '2'
-        },
-        arrow: {
-            position: 'absolute',
-            zIndex: '1',
-            color: theme.palette.business.primary.normal,
-            transform: 'translate(-50%,-25%)',
-            transition: 'transform 300ms cubic-bezier(0.4, 0, 0.2, 1)',
-            transitionProperty: 'transform color'
-        },
-        focused: {
-            transform: 'scale(1.7) translate(-29%, -11%)',
-            color: theme.palette.business.primary.dark
-        },
-        leftLabel: {
-            color: theme.palette.business.primary.normal,
-            left: '0px',
-            position: 'absolute',
-            fontSize: '11px',
-            alignSelf: 'flex-end'
-        },
-        rightLabel: {
-            color: '#737373',
-            right: '0px',
-            position: 'absolute',
-            fontSize: '11px',
-            alignSelf: 'flex-end'
-        },
-        textValue: {
-            position: 'absolute',
-            zIndex: '2'
-        }
-    };
-};
-
-/**
- * HiSlider component
- */
-
-var HiSlider = function (_React$Component) {
-    (0, _inherits3.default)(HiSlider, _React$Component);
-
-    function HiSlider(props) {
-        (0, _classCallCheck3.default)(this, HiSlider);
-
-        var _this = (0, _possibleConstructorReturn3.default)(this, (HiSlider.__proto__ || (0, _getPrototypeOf2.default)(HiSlider)).call(this, props));
-
-        _this.leftLabelWidth = 0;
-        _this.rightLabelWidth = 0;
-        _this.textValueWidth = 0;
-        _this.barContainerWidth = 0;
-
-        _this.handleFocus = function (isFocused) {
-            return function () {
-                _this.setState({ focused: isFocused });
-            };
-        };
-
-        _this.state = {
-            focused: false
-        };
-
-        _this.leftLabel;
-        _this.rightLabel;
-        _this.textValue;
-        _this.barContainer;
-
-        _this.handleChange = _this.handleChange.bind(_this);
-        _this.handleFocus = _this.handleFocus.bind(_this);
-        return _this;
-    }
-
-    (0, _createClass3.default)(HiSlider, [{
-        key: 'componentDidMount',
-
-
-        /**
-         * Measures several components once they are mounted.
-         * If the value and a label (left or right) are hovered,
-         * we hide this label.
-         */
-        value: function componentDidMount() {
-            this.leftLabelWidth = this.leftLabel.offsetWidth;
-            this.rightLabelWidth = this.rightLabel.offsetWidth;
-            this.textValueWidth = this.textValue.offsetWidth;
-            this.barContainerWidth = this.barContainer.offsetWidth;
-
-            var _getHovering = this.getHovering(),
-                hoveringLeft = _getHovering.hoveringLeft,
-                hoveringRight = _getHovering.hoveringRight;
-
-            if (hoveringLeft || hoveringRight) {
-                this.forceUpdate();
-            }
-        }
-    }, {
-        key: 'handleChange',
-        value: function handleChange(event) {
-            this.props.onChange(parseFloat(event.target.value));
-            this.textValueWidth = this.textValue.offsetWidth;
-        }
-    }, {
-        key: 'getHovering',
-
-
-        /**
-         * Calculates if the labels are hovered.
-         */
-        value: function getHovering() {
-            var ratio = (this.props.value - this.props.min) / (this.props.max - this.props.min);
-            var hoveringLeft = this.leftLabelWidth - (ratio * this.barContainerWidth - ratio * this.textValueWidth) > 0;
-            var hoveringRight = this.barContainerWidth - ratio * this.barContainerWidth - this.rightLabelWidth - (1 - ratio) * this.textValueWidth < 0;
-            return { hoveringLeft: hoveringLeft, hoveringRight: hoveringRight };
-        }
-    }, {
-        key: 'render',
-        value: function render() {
-            var _this2 = this;
-
-            var _props = this.props,
-                classes = _props.classes,
-                className = _props.className,
-                min = _props.min,
-                max = _props.max,
-                leftLabel = _props.leftLabel,
-                rightLabel = _props.rightLabel,
-                step = _props.step,
-                suffix = _props.suffix,
-                id = _props.id,
-                label = _props.label,
-                theme = _props.theme,
-                value = _props.value;
-            var focused = this.state.focused;
-
-            var ratio = (value - min) / (max - min);
-            var percentage = ratio * 100;
-
-            var _getHovering2 = this.getHovering(),
-                hoveringLeft = _getHovering2.hoveringLeft,
-                hoveringRight = _getHovering2.hoveringRight;
-
-            var barColor = focused ? theme.palette.business.primary.dark : theme.palette.business.primary.normal;
-            return (
-                // HiFormControl pour l'affichage du label
-                _react2.default.createElement(
-                    _HiFormControl2.default,
-                    {
-                        id: id,
-                        label: label,
-                        className: className,
-                        onFocus: this.handleFocus(true),
-                        onBlur: this.handleFocus(false)
-                    },
-                    _react2.default.createElement(
-                        'div',
-                        { className: classes.mainContainer },
-                        _react2.default.createElement(
-                            'div',
-                            null,
-                            min,
-                            suffix
-                        ),
-                        _react2.default.createElement(
-                            'div',
-                            { className: classes.barContainer, ref: function ref(div) {
-                                    return _this2.barContainer = div;
-                                } },
-                            _react2.default.createElement(
-                                'div',
-                                { className: classes.topContainer },
-                                !hoveringLeft && _react2.default.createElement(
-                                    'div',
-                                    {
-                                        className: classes.leftLabel,
-                                        ref: function ref(div) {
-                                            return _this2.leftLabel = div;
-                                        }
-                                    },
-                                    leftLabel
-                                ),
-                                _react2.default.createElement(
-                                    'div',
-                                    {
-                                        className: classes.textValue,
-                                        style: {
-                                            left: percentage + '%',
-                                            transform: 'translate(-' + percentage + '%)'
-                                        },
-                                        ref: function ref(div) {
-                                            return _this2.textValue = div;
-                                        }
-                                    },
-                                    value,
-                                    suffix
-                                ),
-                                !hoveringRight && _react2.default.createElement(
-                                    'div',
-                                    {
-                                        className: classes.rightLabel,
-                                        ref: function ref(div) {
-                                            return _this2.rightLabel = div;
-                                        }
-                                    },
-                                    rightLabel
-                                )
-                            ),
-                            _react2.default.createElement('div', {
-                                className: classes.barValue,
-                                style: {
-                                    background: 'linear-gradient(to right, ' + barColor + ', ' + barColor + ' ' + percentage + '%, #E0E0E0 ' + percentage + '%, #E0E0E0)'
-                                }
-                            }),
-                            _react2.default.createElement('input', {
-                                type: 'range',
-                                min: min,
-                                max: max,
-                                value: value,
-                                onChange: this.handleChange,
-                                className: classes.barHidden,
-                                step: step
-                            }),
-                            _react2.default.createElement(
-                                'div',
-                                { className: classes.bottomContainer },
-                                _react2.default.createElement(_HiIconBuilder2.default, {
-                                    className: (0, _classnames2.default)(classes.arrow, (0, _defineProperty3.default)({}, classes.focused, focused)),
-                                    icon: 'menu_up',
-                                    size: 24,
-                                    style: { left: percentage + '%' }
-                                })
-                            )
-                        ),
-                        _react2.default.createElement(
-                            'div',
-                            null,
-                            max,
-                            suffix
-                        )
-                    )
-                )
-            );
-        }
-    }]);
-    return HiSlider;
-}(_react2.default.Component);
-
-HiSlider.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Useful to extend the style applied to components.
-     */
-    classes: _propTypes2.default.object,
-    /**
-     * Classes CSS appliquées.
-     */
-    className: _propTypes2.default.string,
-    /**
-     * Id de l'élément input
-     */
-    id: _propTypes2.default.string.isRequired,
-    /**
-     * Label du champ
-     */
-    label: _propTypes2.default.string,
-    /**
-     * The label to show on the left.
-     */
-    leftLabel: _propTypes2.default.string,
-    /**
-     * The Maximum value for the slider.
-     */
-    max: _propTypes2.default.number.isRequired,
-    /**
-     * The Minimum value for the slider.
-     */
-    min: _propTypes2.default.number.isRequired,
-    /**
-     * Fonction de callback appelée lorsqu'on change la valeur du slider.
-     */
-    onChange: _propTypes2.default.func,
-    /**
-     * The label to show on the right
-     */
-    rightLabel: _propTypes2.default.string,
-    /**
-     * The step between two selectable values.
-     */
-    step: _propTypes2.default.number,
-    /**
-     * The suffix to show after each number.
-     */
-    suffix: _propTypes2.default.string,
-    /**
-     * @ignore
-     */
-    theme: _propTypes2.default.object,
-    /**
-     * The
-     * value of the input.
-     */
-    value: _propTypes2.default.number
-} : {};
-exports.default = (0, _withStyles2.default)(styles, { name: 'HmuiHiSlider', withTheme: true })(HiSlider);

package/HiPdfReader/HiPdfReader.js

@@ -1,282 +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 _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 _react = require('react');
-
-var _react2 = _interopRequireDefault(_react);
-
-var _propTypes = require('prop-types');
-
-var _propTypes2 = _interopRequireDefault(_propTypes);
-
-var _reactPdf = require('react-pdf');
-
-var _HiButton = require('../HiButton');
-
-var _HiButton2 = _interopRequireDefault(_HiButton);
-
-var _ChevronRight = require('mdi-material-ui/ChevronRight');
-
-var _ChevronRight2 = _interopRequireDefault(_ChevronRight);
-
-var _ChevronLeft = require('mdi-material-ui/ChevronLeft');
-
-var _ChevronLeft2 = _interopRequireDefault(_ChevronLeft);
-
-var _Progress = require('material-ui/Progress');
-
-var _styles = require('../styles');
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-    return {
-        root: {
-            position: 'relative'
-        },
-        pageNumber: {
-            position: 'absolute',
-            bottom: 16,
-            left: -24,
-            backgroundColor: '#FFFFFF',
-            borderRadius: 4,
-            paddingTop: 7,
-            paddingBottom: 7,
-            paddingRight: 8,
-            paddingLeft: 8,
-            fontSize: 15,
-            fontFamily: theme.typography.fontFamily,
-            boxShadow: '1px 1px 5px rgba(0, 0, 0, .16)',
-            color: '#737373'
-        },
-        pagesNavigation: {
-            position: 'absolute',
-            top: 16,
-            right: -30,
-            backgroundColor: '#FFFFFF',
-            borderRadius: 3,
-            paddingTop: 4,
-            paddingBottom: 4,
-            paddingRight: 3,
-            paddingLeft: 3,
-            fontFamily: theme.typography.fontFamily,
-            boxShadow: '1px 1px 5px rgba(0, 0, 0, .16)',
-            color: '#737373',
-            '&>button:first-child': {
-                marginRight: 6
-            }
-        },
-        navigationButton: {
-            padding: 0,
-            minWidth: 0,
-            minHeight: 0
-        }
-    };
-};
-
-// Constantes utilisées pour le redimentionnement du PDF (format mobile par exemple)
-var maxWindowWidth = 900;
-var maxPdfWidth = 600;
-
-var _ref3 = _react2.default.createElement(_Progress.CircularProgress, null);
-
-var _ref4 = _react2.default.createElement(_ChevronLeft2.default, null);
-
-var _ref5 = _react2.default.createElement(_ChevronRight2.default, null);
-
-var HiPdfReader = function (_React$PureComponent) {
-    (0, _inherits3.default)(HiPdfReader, _React$PureComponent);
-
-    function HiPdfReader() {
-        var _ref;
-
-        var _temp, _this, _ret;
-
-        (0, _classCallCheck3.default)(this, HiPdfReader);
-
-        for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
-            args[_key] = arguments[_key];
-        }
-
-        return _ret = (_temp = (_this = (0, _possibleConstructorReturn3.default)(this, (_ref = HiPdfReader.__proto__ || (0, _getPrototypeOf2.default)(HiPdfReader)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
-            numPages: null,
-            pageNumber: 1,
-            error: false,
-            width: 600
-        }, _this.handleLoadSuccess = function (_ref2) {
-            var numPages = _ref2.numPages;
-
-            _this.setState({ numPages: numPages, error: false });
-        }, _this.handleLoadError = function () {
-            _this.setState({ error: true });
-        }, _this.handleClickNextPage = function () {
-            _this.setState({ pageNumber: _this.state.pageNumber + 1 });
-        }, _this.handleClickPreviousPage = function () {
-            _this.setState({ pageNumber: _this.state.pageNumber - 1 });
-        }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
-    }
-
-    (0, _createClass3.default)(HiPdfReader, [{
-        key: 'updateDimensions',
-
-
-        // Calculate & Update state of new dimensions
-        value: function updateDimensions() {
-            if (window.innerWidth < maxWindowWidth) {
-                var updateWidth = Math.round(window.innerWidth * 100 / maxWindowWidth / 100 * maxPdfWidth);
-                this.setState({ width: updateWidth });
-            } else {
-                this.setState({ width: maxPdfWidth });
-            }
-        }
-    }, {
-        key: 'componentDidMount',
-        value: function componentDidMount() {
-            this.updateDimensions();
-            window.addEventListener('resize', this.updateDimensions.bind(this));
-        }
-    }, {
-        key: 'componentWillUnmount',
-        value: function componentWillUnmount() {
-            window.removeEventListener('resize', this.updateDimensions.bind(this));
-        }
-
-        // Fonction appelée une fois le pdf correctement chargé
-
-
-        // Fonction appelée en cas d'erreur de chargement du pdf
-
-
-        // Fonction appelée au clic du bouton pour visualiser la page suivante du pdf
-
-
-        // Fonction appelée au clic du bouton pour visualiser la page précédente du pdf
-
-    }, {
-        key: 'render',
-
-
-        // Render
-        value: function render() {
-            var _state = this.state,
-                pageNumber = _state.pageNumber,
-                numPages = _state.numPages,
-                error = _state.error;
-            var _props = this.props,
-                classes = _props.classes,
-                file = _props.file,
-                displayPagination = _props.displayPagination,
-                displayNavigationButtons = _props.displayNavigationButtons,
-                props = (0, _objectWithoutProperties3.default)(_props, ['classes', 'file', 'displayPagination', 'displayNavigationButtons']);
-
-
-            return _react2.default.createElement(
-                'div',
-                { className: classes.root },
-                _react2.default.createElement(
-                    _reactPdf.Document,
-                    (0, _extends3.default)({
-                        className: classes.style,
-                        file: file,
-                        onLoadSuccess: this.handleLoadSuccess,
-                        onLoadError: this.handleLoadError,
-                        loading: _ref3
-                    }, props),
-                    _react2.default.createElement(_reactPdf.Page, {
-                        pageNumber: pageNumber,
-                        renderAnnotations: false,
-                        renderTextLayer: false,
-                        width: this.state.width
-                    })
-                ),
-                !error && numPages > 1 && displayPagination && _react2.default.createElement(
-                    'span',
-                    { className: classes.pageNumber },
-                    'Page ',
-                    pageNumber,
-                    ' sur ',
-                    numPages
-                ),
-                !error && numPages > 1 && displayNavigationButtons && _react2.default.createElement(
-                    'span',
-                    { className: classes.pagesNavigation },
-                    _react2.default.createElement(
-                        _HiButton2.default,
-                        {
-                            onClick: this.handleClickPreviousPage,
-                            disabled: pageNumber === 1,
-                            className: classes.navigationButton
-                        },
-                        _ref4
-                    ),
-                    _react2.default.createElement(
-                        _HiButton2.default,
-                        {
-                            onClick: this.handleClickNextPage,
-                            disabled: pageNumber === numPages,
-                            className: classes.navigationButton
-                        },
-                        _ref5
-                    )
-                )
-            );
-        }
-    }]);
-    return HiPdfReader;
-}(_react2.default.PureComponent);
-
-HiPdfReader.defaultProps = {
-    displayPagination: true,
-    displayNavigationButtons: true
-};
-HiPdfReader.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Surcharge les classes du composant
-     */
-    classes: _propTypes2.default.object,
-    /**
-     * Chemin vers le fichier PDF
-     */
-    file: _propTypes2.default.string.isRequired,
-    /**
-     * On affiche la pagination si le PDF contient plusieurs pages
-     */
-    displayPagination: _propTypes2.default.bool,
-    /**
-     * On affiche les boutons de navigation entre les pages si le PDF contient plusieurs pages
-     */
-    displayNavigationButtons: _propTypes2.default.bool
-} : {};
-exports.default = (0, _styles.withStyles)(styles, { name: 'HmuiHiPdfReader', index: 51 })(HiPdfReader);

package/HiPdfReader/index.js

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