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

package/utils/hiHelpers.js

@@ -28,12 +28,10 @@ function camelize(string) {
  * @param number
  * @param size
  * @param locale
- * @param precision
  */
 function formatNumber(number) {
     var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'l';
     var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en-EN';
-    var precision = arguments[3];
 
     // Round number
     switch (size) {
@@ -50,8 +48,8 @@ function formatNumber(number) {
 
     // To locale
     var options = {
-        minimumFractionDigits: typeof precision !== 'undefined' ? precision : size === 'l' ? 2 : 0,
-        maximumFractionDigits: typeof precision !== 'undefined' ? precision : size === 'l' ? 2 : 0,
+        minimumFractionDigits: size === 'l' ? 2 : 0,
+        maximumFractionDigits: size === 'l' ? 2 : 0,
         useGrouping: true
     };
 
@@ -171,7 +169,7 @@ function arrayUnique(array) {
  * @param array
  */
 function escapeHTML(unsafeStr) {
-    return unsafeStr.replace(/<br\/?>/g, '[br]').replace(/<strong>/g, '[[').replace(/<\/?strong>/g, ']]').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;').replace(/\'/g, '&#39;').replace(/\[\[/g, '<strong>').replace(/\]\]/g, '</strong>').replace(/\[br\]/g, '<br/>');
+    return unsafeStr.replace('<strong>', '[[').replace('</strong>', ']]').replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/\"/g, '&quot;').replace(/\'/g, '&#39;').replace('[[', '<strong>').replace(']]', '</strong>');
 }
 
 /**
@@ -191,7 +189,7 @@ function getNextItemSelectable(node, direction) {
     } else if (node.previousSibling === null) {
         return null;
     } else if (node.previousSibling.tabIndex === -1) {
-        return getNextItemSelectable(node.previousSibling, direction);
+        return this.getNextItemSelectable(node.previousSibling, direction);
     }
     return node.previousSibling;
 }

package/HI-CHANGELOG.md

@@ -1,58 +0,0 @@
-## HEAD
-
-Changes. Changes everywhere!
-
-## 1.0.0-beta.10
-###### *17 mai 2018*
-
-- Correction du HiSelect
-
-### Breaking change
-
-- N/A
-
-#### Component Fixes / Enhancements
-
-- [HiSelect] Ajout d'un param staticPosition dans le HiSelect pour afficher dans une div plutot qu'une popper
-- [HiSelect] Fermeture du select au click sur le bouton
-- [SelectInput] cursor pointer si noButton
-- [HiDateRangeSelector] Suppression du last 24h
-
-## 1.0.0-beta.4
-###### *06 avril 2018*
-
-- Corrections de styles sur quelques composants
-- Fix sur le composant HiSelect avec une value vide
-
-### Breaking change
-
-- N/A
-
-#### Component Fixes / Enhancements
-
-- [HiTopBar] Ajout d'une props refButtons poutr récupérer la div contenant les boutons "menu" et "back"
-- [HiSelect] Gestion d'une value vide
-- [HiSelect] Ajout du focus sur l'élement SelectInput à la fermeture du select
-- [HiSelectField] Ajout de la props className
-- [HiSuggestSelectField] Ajout de la props className
-- [HiSuggestSelect] Gestion du focus et du open des suggestions
-- [SelectInput] Suppression du soulignage bleu au hover quand champs en erreur
-- [HiFormControl] Stop de l'event click sur error pour ne pas ouvrir le select
-
-## 1.0.0-beta.3
-###### *28 mars 2018*
-
-- Ajout d'un CHANGELOG HiPay ! (HI-CHANGELOG.md)
-- Corrections de styles sur quelques composants
-
-### Breaking change
-
-- [HiTopBar] Ajout d'une props "searchInput" obligatoire
-
-#### Component Fixes / Enhancements
-
-- [HiTopBar] Ajout du style "overflow: 'inherit'" sur le Collapse si pas "hideable", afin de ne pas cacher les suggestions
-- [HiTopBar] Gestion du focus en props plutôt qu'en state
-- [HiTopBar] Ajout d'une props "searchInput" obligatoire
-- [HiChipSwitch] Ajout d'un title sur la sélection
-- [HiDateRangePicker] Correction du focus

package/HiAlertModal/HiAlertModal.js

@@ -1,247 +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 _Dialog = require('material-ui/Dialog');
-
-var _Dialog2 = _interopRequireDefault(_Dialog);
-
-var _styles = require('../styles');
-
-var _HiButton = require('../HiButton');
-
-var _HiButton2 = _interopRequireDefault(_HiButton);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-    return {
-        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
- */
-// @inheritedComponent Dialog
-
-var HiAlertModal = function (_React$PureComponent) {
-    (0, _inherits3.default)(HiAlertModal, _React$PureComponent);
-
-    function HiAlertModal(props) {
-        (0, _classCallCheck3.default)(this, HiAlertModal);
-
-        var _this = (0, _possibleConstructorReturn3.default)(this, (HiAlertModal.__proto__ || (0, _getPrototypeOf2.default)(HiAlertModal)).call(this, props));
-
-        _this.handleClickCancel = function () {
-            if (_this.props.onCancelClick) {
-                _this.props.onCancelClick();
-            }
-        };
-
-        _this.handleClickSubmit = function () {
-            if (_this.props.onSubmitClick) {
-                _this.props.onSubmitClick();
-            }
-        };
-
-        _this.handleOnClose = function () {
-            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);
-        return _this;
-    }
-
-    // Appelé au clic du bouton d'annulation
-
-
-    // Appelé au clic du bouton de soumission
-
-
-    // Appelé si clic en dehors de la pop up
-
-
-    (0, _createClass3.default)(HiAlertModal, [{
-        key: 'render',
-
-
-        // Render
-        value: function render() {
-            var _props = this.props,
-                labelSubmitButton = _props.labelSubmitButton,
-                labelCancelButton = _props.labelCancelButton,
-                content = _props.content,
-                title = _props.title,
-                positive = _props.positive,
-                negative = _props.negative,
-                open = _props.open,
-                onCancelClick = _props.onCancelClick,
-                onSubmitClick = _props.onSubmitClick,
-                classes = _props.classes,
-                props = (0, _objectWithoutProperties3.default)(_props, ['labelSubmitButton', 'labelCancelButton', 'content', 'title', 'positive', 'negative', 'open', 'onCancelClick', 'onSubmitClick', 'classes']);
-
-            return _react2.default.createElement(
-                _Dialog2.default,
-                (0, _extends3.default)({
-                    open: open,
-                    onClose: this.handleOnClose,
-                    classes: { paper: classes.classPaper, root: classes.classDialogRoot }
-                }, props),
-                _react2.default.createElement(
-                    _Dialog.DialogTitle,
-                    { disableTypography: true, classes: { root: classes.classTitle } },
-                    title
-                ),
-                _react2.default.createElement(
-                    _Dialog.DialogContent,
-                    null,
-                    _react2.default.createElement(
-                        _Dialog.DialogContentText,
-                        { classes: { root: classes.classContent } },
-                        content
-                    )
-                ),
-                _react2.default.createElement(
-                    _Dialog.DialogActions,
-                    { classes: { root: classes.classAction } },
-                    _react2.default.createElement(
-                        _HiButton2.default,
-                        {
-                            onClick: this.handleClickSubmit,
-                            positive: positive,
-                            negative: negative
-                        },
-                        labelSubmitButton
-                    ),
-                    _react2.default.createElement(
-                        _HiButton2.default,
-                        {
-                            classes: { root: classes.classCancelButton },
-                            onClick: this.handleClickCancel
-                        },
-                        labelCancelButton
-                    )
-                )
-            );
-        }
-    }]);
-    return HiAlertModal;
-}(_react2.default.PureComponent);
-
-HiAlertModal.defaultProps = {
-    negative: false,
-    positive: false
-};
-HiAlertModal.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Surcharge les classes du composant
-     */
-    classes: _propTypes2.default.object,
-    /**
-     * Texte contenu dans la modal
-     */
-    content: _propTypes2.default.string,
-    /**
-     * Texte sur le bouton d'annulation
-     */
-    labelCancelButton: _propTypes2.default.string,
-    /**
-     * Texte sur le bouton de soumission
-     */
-    labelSubmitButton: _propTypes2.default.string,
-    /**
-     * Colore le bouton de soumission en rouge
-     */
-    negative: _propTypes2.default.bool,
-    /**
-     * Fonction de callback appelée au clic sur le bouton d'annulation
-     */
-    onCancelClick: _propTypes2.default.func,
-    /**
-     * Fonction de callback appelée au clic en dehors de la pop up
-     */
-    onClose: _propTypes2.default.func,
-    /**
-     * Fonction de callback appelée au clic sur le bouton de soumission
-     */
-    onSubmitClick: _propTypes2.default.func,
-    /**
-     * pop up ouverte ou pas
-     */
-    open: _propTypes2.default.bool.isRequired,
-    /**
-     * Colore le bouton de soumission en vert
-     */
-    positive: _propTypes2.default.bool,
-    /**
-     * Titre de la modal
-     */
-    title: _propTypes2.default.string
-} : {};
-exports.default = (0, _styles.withStyles)(styles, { name: 'HmuiHiAlertModal' })(HiAlertModal);

package/HiAlertModal/index.js

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

package/HiBreadcrumb/HiBreadcrumb.js

@@ -1,149 +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 _styles = require('../styles');
-
-var _HiStepper = require('./HiStepper');
-
-var _HiStepper2 = _interopRequireDefault(_HiStepper);
-
-var _HiStepLabel = require('./HiStepLabel');
-
-var _HiStepLabel2 = _interopRequireDefault(_HiStepLabel);
-
-var _HiStep = require('./HiStep');
-
-var _HiStep2 = _interopRequireDefault(_HiStep);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-    return {};
-};
-
-var HiBreadcrumb = function (_React$PureComponent) {
-    (0, _inherits3.default)(HiBreadcrumb, _React$PureComponent);
-
-    function HiBreadcrumb() {
-        var _ref;
-
-        var _temp, _this, _ret;
-
-        (0, _classCallCheck3.default)(this, HiBreadcrumb);
-
-        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 = HiBreadcrumb.__proto__ || (0, _getPrototypeOf2.default)(HiBreadcrumb)).call.apply(_ref, [this].concat(args))), _this), _this.handleStep = function (idx) {
-            return function () {
-                _this.props.handleStep(idx);
-            };
-        }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
-    }
-
-    (0, _createClass3.default)(HiBreadcrumb, [{
-        key: 'render',
-        value: function render() {
-            var _this2 = this;
-
-            var _props = this.props,
-                activeStep = _props.activeStep,
-                steps = _props.steps,
-                type = _props.type;
-
-
-            return _react2.default.createElement(
-                _HiStepper2.default,
-                { activeStep: activeStep, type: type },
-                _react2.default.createElement(
-                    'div',
-                    null,
-                    steps.map(function (step, index) {
-                        var validConnector = step.status === 'validated' && index < steps.length - 1 && (steps[index + 1].status === 'validated' || steps[index + 1].status === 'active');
-
-                        return _react2.default.createElement(
-                            _HiStep2.default,
-                            {
-                                content: step.content,
-                                key: step.id,
-                                onClick: _this2.handleStep(index),
-                                isLast: index === steps.length - 1,
-                                validConnector: validConnector,
-                                type: type,
-                                steps: steps
-                            },
-                            _react2.default.createElement(
-                                _HiStepLabel2.default,
-                                {
-                                    active: activeStep === index,
-                                    status: step.status,
-                                    notificationNumber: step.notificationNumber,
-                                    type: type
-                                },
-                                step.label
-                            )
-                        );
-                    })
-                )
-            );
-        }
-    }]);
-    return HiBreadcrumb;
-}(_react2.default.PureComponent);
-
-HiBreadcrumb.defaultProps = {
-    activeStep: 0,
-    type: 'back'
-};
-HiBreadcrumb.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Which step is the active one
-     */
-    activeStep: _propTypes2.default.number,
-    /**
-     * The collection of steps of the breadcrumb.
-     */
-    steps: _propTypes2.default.array.isRequired,
-    /**
-     * The callback function handling the flow from one step to another
-     */
-    handleStep: _propTypes2.default.func,
-    /**
-     * The Breadcrumb type
-     */
-    type: _propTypes2.default.oneOf(['back', 'front-dark', 'front-light'])
-} : {};
-exports.default = (0, _styles.withStyles)(styles, { name: 'HmuiHiBreadcrumb' })(HiBreadcrumb);

package/HiBreadcrumb/HiStep.js

@@ -1,159 +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 _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 _styles = require('../styles');
-
-var _classnames = require('classnames');
-
-var _classnames2 = _interopRequireDefault(_classnames);
-
-var _HiStepConnector = require('./HiStepConnector');
-
-var _HiStepConnector2 = _interopRequireDefault(_HiStepConnector);
-
-var _HiStepContent = require('./HiStepContent');
-
-var _HiStepContent2 = _interopRequireDefault(_HiStepContent);
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var styles = exports.styles = function styles(theme) {
-    return {
-        lastStep: {
-            marginBottom: 40
-        }
-    };
-};
-
-var HiStep = function (_React$PureComponent) {
-    (0, _inherits3.default)(HiStep, _React$PureComponent);
-
-    function HiStep() {
-        (0, _classCallCheck3.default)(this, HiStep);
-        return (0, _possibleConstructorReturn3.default)(this, (HiStep.__proto__ || (0, _getPrototypeOf2.default)(HiStep)).apply(this, arguments));
-    }
-
-    (0, _createClass3.default)(HiStep, [{
-        key: 'render',
-        value: function render() {
-            var _props = this.props,
-                active = _props.active,
-                children = _props.children,
-                classes = _props.classes,
-                content = _props.content,
-                isLast = _props.isLast,
-                onClick = _props.onClick,
-                steps = _props.steps,
-                type = _props.type,
-                validConnector = _props.validConnector;
-
-
-            return _react2.default.createElement(
-                'div',
-                {
-                    className: (0, _classnames2.default)((0, _defineProperty3.default)({}, classes.lastStep, isLast && type !== 'back')),
-                    onClick: onClick
-                },
-                _react2.default.Children.map(children, function (child) {
-                    return _react2.default.cloneElement(child, (0, _extends3.default)({
-                        active: active
-                    }, child.props));
-                }),
-                !isLast && _react2.default.createElement(_HiStepConnector2.default, {
-                    validConnector: validConnector,
-                    type: type,
-                    steps: steps,
-                    active: active,
-                    content: content
-                }),
-                content && active && isLast && type === 'front-light' && _react2.default.createElement(_HiStepContent2.default, { content: content, isLast: true })
-            );
-        }
-    }]);
-    return HiStep;
-}(_react2.default.PureComponent);
-
-HiStep.defaultProps = {
-    active: false,
-    content: _react2.default.createElement('span', null),
-    isLast: false,
-    steps: [],
-    type: 'back',
-    validConnector: false
-};
-HiStep.propTypes = process.env.NODE_ENV !== "production" ? {
-    /**
-     * Sets the step as active. Is passed to child components.
-     */
-    active: _propTypes2.default.bool,
-    /**
-     * Should be `Step` sub-components such as `StepLabel`, `StepContent`.
-     */
-    children: _propTypes2.default.node,
-    /**
-     * The content to be displayed in the case of front-light breadcrumb
-     */
-    content: _propTypes2.default.node,
-    /**
-     * @ignore
-     * Used to know which step is the last, to not put a HiStepConnector
-     */
-    isLast: _propTypes2.default.bool,
-    /**
-     * Callback on step container click
-     */
-    onClick: _propTypes2.default.func,
-    /**
-     * The collection of steps of the breadcrumb.
-     */
-    steps: _propTypes2.default.array,
-    /**
-     * @ignore
-     */
-    type: _propTypes2.default.oneOf(['back', 'front-light', 'front-dark']),
-    /**
-     * @ignore
-     */
-    validConnector: _propTypes2.default.bool
-} : {};
-exports.default = (0, _styles.withStyles)(styles, { name: 'MuiHiStep' })(HiStep);