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

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 }; }

package/HiTable/HiTableFooter.js

@@ -1,140 +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,
-            padding: 0
-        },
-        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: 'shouldComponentUpdate',
-
-
-        // Table footer never need to be updated
-        value: function shouldComponentUpdate() {
-            return false;
-        }
-    }, {
-        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';