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

package/es/HiMap/HiMapExpand.js

@@ -1,145 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import classNames from 'classnames';
-import ExpansionPanel, { ExpansionPanelSummary, ExpansionPanelDetails } from 'material-ui/ExpansionPanel';
-import Typography from 'material-ui/Typography';
-import { withStyles } from '../styles';
-import HiMap from '../HiMap';
-import HiIconBuilder from '../utils/HiIconBuilder';
-
-const styles = theme => ({
-    column: {
-        flexBasis: '33.33%'
-    },
-    root: {
-        flexGrow: 1,
-        boxShadow: 'none'
-    },
-    imgListItem: {
-        width: 24,
-        height: 'auto',
-        marginRight: 8,
-        verticalAlign: 'middle'
-    },
-    expandMoreIcon: {
-        margin: 0,
-        fontSize: 18,
-        width: 20
-    },
-    disabledIcon: {
-        color: theme.palette.action.disabled
-    },
-    panelSummaryExpanded: {
-        minHeight: 0
-    },
-    expandIconExpanded: {
-        transform: 'translateY(-50%) rotate(0)',
-        color: theme.palette.business.primary.light
-    },
-    panelSummary: {
-        '&>div:first-child': {
-            margin: '12px 0'
-        }
-    }
-});
-
-class HiMapExpand extends React.PureComponent {
-
-    constructor(props) {
-        super(props);
-        this.state = {
-            addressNotFound: false,
-            expanded: false
-        };
-        this.handleAddressNotFound = this.handleAddressNotFound.bind(this);
-        this.handleExpand = this.handleExpand.bind(this);
-    }
-
-    handleExpand() {
-        this.setState({ expanded: !this.state.addressNotFound && !this.state.expanded });
-    }
-
-    handleAddressNotFound() {
-        this.setState({ addressNotFound: true });
-    }
-
-    render() {
-        const { classes, address, countryFlagPath } = this.props;
-
-        const { addressNotFound, expanded } = this.state;
-
-        const flag = countryFlagPath ? React.createElement('img', { src: countryFlagPath, className: classes.imgListItem, alt: 'country flag' }) : '';
-
-        return React.createElement(
-            ExpansionPanel,
-            {
-                className: classes.root,
-                defaultExpanded: false,
-                expanded: expanded,
-                onChange: this.handleExpand
-            },
-            React.createElement(
-                ExpansionPanelSummary,
-                {
-                    classes: {
-                        root: classes.panelSummary,
-                        expanded: classes.panelSummaryExpanded,
-                        expandIconExpanded: classes.expandIconExpanded
-                    },
-                    expandIcon: React.createElement(HiIconBuilder, {
-                        icon: 'map_marker',
-                        style: { position: 'relative', top: 2, marginRight: 5 },
-                        className: classNames({
-                            root: classes.expandMoreIcon,
-                            [classes.disabledIcon]: addressNotFound
-                        })
-                    })
-                },
-                React.createElement(
-                    'div',
-                    { className: classes.column },
-                    React.createElement(
-                        Typography,
-                        { className: classes.heading },
-                        'Adresse'
-                    )
-                ),
-                React.createElement(
-                    'div',
-                    null,
-                    React.createElement(
-                        Typography,
-                        { className: classes.secondaryHeading },
-                        flag,
-                        address
-                    )
-                )
-            ),
-            React.createElement(
-                ExpansionPanelDetails,
-                { style: { padding: 0 } },
-                React.createElement(HiMap, { address: address, onAddressNotFound: this.handleAddressNotFound })
-            )
-        );
-    }
-}
-
-HiMapExpand.defaultProps = {
-    countryFlagPath: ''
-};
-HiMapExpand.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * The address to see in the Map component.
-     */
-    address: PropTypes.string.isRequired,
-    /**
-     * Useful to extend the style applied to components.
-     */
-    classes: PropTypes.object.isRequired,
-    /**
-     * The path to the country flag image.
-     */
-    countryFlagPath: PropTypes.string
-} : {};
-
-export default withStyles(styles, { name: 'HmuiHiMapExpand' })(HiMapExpand);

package/es/HiMap/index.js

@@ -1,2 +0,0 @@
-export { default } from './HiMap';
-export { default as HiMapExpand } from './HiMapExpand';

package/es/HiPdfReader/HiPdfReader.js

@@ -1,198 +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 { Document, Page } from 'react-pdf';
-import HiButton from '../HiButton';
-import ChevronRightIcon from 'mdi-material-ui/ChevronRight';
-import ChevronLeftIcon from 'mdi-material-ui/ChevronLeft';
-import { CircularProgress } from 'material-ui/Progress';
-import { withStyles } from '../styles';
-
-export const styles = theme => ({
-    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)
-const maxWindowWidth = 900;
-const maxPdfWidth = 600;
-
-var _ref = React.createElement(CircularProgress, null);
-
-var _ref2 = React.createElement(ChevronLeftIcon, null);
-
-var _ref3 = React.createElement(ChevronRightIcon, null);
-
-class HiPdfReader extends React.PureComponent {
-    constructor(...args) {
-        var _temp;
-
-        return _temp = super(...args), this.state = {
-            numPages: null,
-            pageNumber: 1,
-            error: false,
-            width: 600
-        }, this.handleLoadSuccess = ({ numPages }) => {
-            this.setState({ numPages, error: false });
-        }, this.handleLoadError = () => {
-            this.setState({ error: true });
-        }, this.handleClickNextPage = () => {
-            this.setState({ pageNumber: this.state.pageNumber + 1 });
-        }, this.handleClickPreviousPage = () => {
-            this.setState({ pageNumber: this.state.pageNumber - 1 });
-        }, _temp;
-    }
-
-    // Calculate & Update state of new dimensions
-    updateDimensions() {
-        if (window.innerWidth < maxWindowWidth) {
-            let updateWidth = Math.round(window.innerWidth * 100 / maxWindowWidth / 100 * maxPdfWidth);
-            this.setState({ width: updateWidth });
-        } else {
-            this.setState({ width: maxPdfWidth });
-        }
-    }
-
-    componentDidMount() {
-        this.updateDimensions();
-        window.addEventListener('resize', this.updateDimensions.bind(this));
-    }
-
-    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
-
-
-    // Render
-    render() {
-        const { pageNumber, numPages, error } = this.state;
-        const _props = this.props,
-              { classes, file, displayPagination, displayNavigationButtons } = _props,
-              props = _objectWithoutProperties(_props, ['classes', 'file', 'displayPagination', 'displayNavigationButtons']);
-
-        return React.createElement(
-            'div',
-            { className: classes.root },
-            React.createElement(
-                Document,
-                _extends({
-                    className: classes.style,
-                    file: file,
-                    onLoadSuccess: this.handleLoadSuccess,
-                    onLoadError: this.handleLoadError,
-                    loading: _ref
-                }, props),
-                React.createElement(Page, {
-                    pageNumber: pageNumber,
-                    renderAnnotations: false,
-                    renderTextLayer: false,
-                    width: this.state.width
-                })
-            ),
-            !error && numPages > 1 && displayPagination && React.createElement(
-                'span',
-                { className: classes.pageNumber },
-                'Page ',
-                pageNumber,
-                ' sur ',
-                numPages
-            ),
-            !error && numPages > 1 && displayNavigationButtons && React.createElement(
-                'span',
-                { className: classes.pagesNavigation },
-                React.createElement(
-                    HiButton,
-                    {
-                        onClick: this.handleClickPreviousPage,
-                        disabled: pageNumber === 1,
-                        className: classes.navigationButton
-                    },
-                    _ref2
-                ),
-                React.createElement(
-                    HiButton,
-                    {
-                        onClick: this.handleClickNextPage,
-                        disabled: pageNumber === numPages,
-                        className: classes.navigationButton
-                    },
-                    _ref3
-                )
-            )
-        );
-    }
-}
-
-HiPdfReader.defaultProps = {
-    displayPagination: true,
-    displayNavigationButtons: true
-};
-HiPdfReader.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Surcharge les classes du composant
-     */
-    classes: PropTypes.object,
-    /**
-     * Chemin vers le fichier PDF
-     */
-    file: PropTypes.string.isRequired,
-    /**
-     * On affiche la pagination si le PDF contient plusieurs pages
-     */
-    displayPagination: PropTypes.bool,
-    /**
-     * On affiche les boutons de navigation entre les pages si le PDF contient plusieurs pages
-     */
-    displayNavigationButtons: PropTypes.bool
-} : {};
-export default withStyles(styles, { name: 'HmuiHiPdfReader', index: 51 })(HiPdfReader);

package/es/HiPdfReader/index.js

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

package/es/HiTable/HiTableFooter.js

@@ -1,80 +0,0 @@
-import React from 'react';
-import { TableCell, TableFooter, TableRow } from 'material-ui/Table';
-import { withStyles } from '../styles';
-import PropTypes from 'prop-types';
-import * as cst from './constants';
-
-export const styles = theme => ({
-    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'
-    }
-});
-
-class HiTableFooter extends React.Component {
-
-    // Table footer never need to be updated
-    shouldComponentUpdate() {
-        return false;
-    }
-
-    render() {
-        const { classes, nbColumnsDisplayed, view } = this.props;
-
-        return React.createElement(
-            TableFooter,
-            { className: classes.tfoot },
-            React.createElement(
-                TableRow,
-                null,
-                React.createElement(TableCell, {
-                    style: {
-                        paddingLeft: cst.DEFAULT_PADDING[view]
-                    },
-                    key: 'footer-left-cell',
-                    className: classes.patchDiv
-                }),
-                React.createElement(
-                    TableCell,
-                    { colSpan: nbColumnsDisplayed, classes: { root: classes.tfootCell } },
-                    this.props.children
-                ),
-                React.createElement(TableCell, {
-                    style: {
-                        paddingLeft: cst.DEFAULT_PADDING[view]
-                    },
-                    key: 'footer-right-cell',
-                    className: classes.patchDiv
-                })
-            )
-        );
-    }
-}
-
-HiTableFooter.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Nombre de colonnes affichées
-     */
-    nbColumnsDisplayed: PropTypes.number.isRequired,
-    /**
-     * Taille du tableau (L/M/S),
-     * définit l'espace entre les cellules et leurs tailles par default
-     */
-    view: PropTypes.oneOf(['l', 'm', 's'])
-} : {};
-export default withStyles(styles, { name: 'HmuiHiTableFooter' })(HiTableFooter);

package/es/svg-icons/HiBriefcaseRescue.js

@@ -1,15 +0,0 @@
-import _extends from "babel-runtime/helpers/extends";
-import React from "react";
-
-var _ref = React.createElement("path", {
-    d: "M486 108H378V27a27 27 0 0 0-27-27H189a27 27 0 0 0-27 27v81H54a54.06 54.06 0 0 0-54 54v270a54.06 54.06 0 0 0 54 54h432a54.06 54.06 0 0 0 54-54V162a54.06 54.06 0 0 0-54-54zM216 54h108v54H216zm162 270h-81v81h-54v-81h-81v-54h81v-81h54v81h81z",
-    fill: "#767676"
-});
-
-const HiBriefcaseRescue = props => React.createElement(
-    "svg",
-    _extends({ viewBox: "0 0 540 486" }, props),
-    _ref
-);
-
-export default HiBriefcaseRescue;