@hipay/hipay-material-ui 1.0.0-beta.1

package/utils/ClickAwayListener.js

@@ -0,0 +1,122 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+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 _reactDom = require('react-dom');
+
+var _reactEventListener = require('react-event-listener');
+
+var _reactEventListener2 = _interopRequireDefault(_reactEventListener);
+
+var _ownerDocument = require('dom-helpers/ownerDocument');
+
+var _ownerDocument2 = _interopRequireDefault(_ownerDocument);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var isDescendant = function isDescendant(el, target) {
+  if (target !== null && target.parentNode) {
+    return el === target || isDescendant(el, target.parentNode);
+  }
+  return false;
+};
+
+/**
+ * Listen for click events that are triggered outside of the component children.
+ */
+
+var ClickAwayListener = function (_React$Component) {
+  (0, _inherits3.default)(ClickAwayListener, _React$Component);
+
+  function ClickAwayListener() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
+    (0, _classCallCheck3.default)(this, ClickAwayListener);
+
+    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 = ClickAwayListener.__proto__ || (0, _getPrototypeOf2.default)(ClickAwayListener)).call.apply(_ref, [this].concat(args))), _this), _this.mounted = false, _this.handleClickAway = function (event) {
+      // Ignore events that have been `event.preventDefault()` marked.
+      if (event.defaultPrevented) {
+        return;
+      }
+
+      // IE11 support, which trigger the handleClickAway even after the unbind
+      if (_this.mounted) {
+        var el = (0, _reactDom.findDOMNode)(_this);
+        var doc = (0, _ownerDocument2.default)(el);
+
+        if (doc.documentElement && doc.documentElement.contains(event.target) && !isDescendant(el, event.target)) {
+          _this.props.onClickAway(event);
+        }
+      }
+    }, _temp), (0, _possibleConstructorReturn3.default)(_this, _ret);
+  }
+
+  (0, _createClass3.default)(ClickAwayListener, [{
+    key: 'componentDidMount',
+    value: function componentDidMount() {
+      this.mounted = true;
+    }
+  }, {
+    key: 'componentWillUnmount',
+    value: function componentWillUnmount() {
+      this.mounted = false;
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      return _react2.default.createElement(
+        _reactEventListener2.default,
+        {
+          target: 'document',
+          onMouseup: this.handleClickAway,
+          onTouchend: this.handleClickAway
+        },
+        this.props.children
+      );
+    }
+  }]);
+  return ClickAwayListener;
+}(_react2.default.Component);
+
+ClickAwayListener.propTypes = process.env.NODE_ENV !== "production" ? {
+  children: _propTypes2.default.node.isRequired,
+  onClickAway: _propTypes2.default.func.isRequired
+} : {};
+
+exports.default = ClickAwayListener;

package/utils/HiIconBuilder.js

@@ -0,0 +1,168 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+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 _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+var _hiGetMdiIcon = require('./hiGetMdiIcon');
+
+var _hiGetMdiIcon2 = _interopRequireDefault(_hiGetMdiIcon);
+
+var _hiHelpers = require('./hiHelpers');
+
+var _svgIcons = require('../svg-icons');
+
+var hiIcon = _interopRequireWildcard(_svgIcons);
+
+var _helpers = require('./helpers');
+
+var _index = require('keycode/index');
+
+var _index2 = _interopRequireDefault(_index);
+
+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 }; }
+
+//  weak
+var HiIconBuilder = function (_PureComponent) {
+    (0, _inherits3.default)(HiIconBuilder, _PureComponent);
+
+    function HiIconBuilder(props) {
+        (0, _classCallCheck3.default)(this, HiIconBuilder);
+
+        var _this = (0, _possibleConstructorReturn3.default)(this, (HiIconBuilder.__proto__ || (0, _getPrototypeOf2.default)(HiIconBuilder)).call(this, props));
+
+        _this.handleKeyDown = function (event) {
+            var onClick = _this.props.onClick;
+
+            var key = (0, _index2.default)(event);
+
+            if (onClick && (key === 'space' || key === 'enter')) {
+                event.preventDefault();
+                onClick(event);
+            }
+        };
+
+        _this.handleKeyDown = _this.handleKeyDown.bind(_this);
+        return _this;
+    }
+
+    (0, _createClass3.default)(HiIconBuilder, [{
+        key: 'render',
+        value: function render() {
+            var _props = this.props,
+                icon = _props.icon,
+                size = _props.size,
+                className = _props.className,
+                style = _props.style,
+                onClick = _props.onClick,
+                others = (0, _objectWithoutProperties3.default)(_props, ['icon', 'size', 'className', 'style', 'onClick']);
+
+
+            var props = {};
+            if (onClick) {
+                props = {
+                    role: 'button',
+                    onKeyDown: this.handleKeyDown,
+                    focusable: 'true',
+                    tabIndex: 0
+                };
+            }
+
+            // Line Awesome icons
+            if (icon.indexOf('fa-') === 0) {
+                return _react2.default.createElement('i', (0, _extends3.default)({
+                    className: (0, _classnames2.default)('fa', icon, className),
+                    style: (0, _extends3.default)({
+                        fontSize: size
+                    }, style),
+                    onClick: onClick
+                }, props, others));
+            }
+
+            var IconName = void 0;
+            if (icon.indexOf('hi_') === 0) {
+                IconName = hiIcon[(0, _helpers.capitalizeFirstLetter)((0, _hiHelpers.camelize)(icon))];
+            } else {
+                IconName = (0, _hiGetMdiIcon2.default)(icon);
+            }
+            return _react2.default.createElement(IconName, (0, _extends3.default)({
+                className: className,
+                style: (0, _extends3.default)({
+                    height: size,
+                    width: size
+                }, style),
+                onClick: onClick
+            }, props, others));
+        }
+    }]);
+    return HiIconBuilder;
+}(_react.PureComponent);
+
+HiIconBuilder.defaultProps = {
+    size: 20
+};
+HiIconBuilder.propTypes = process.env.NODE_ENV !== "production" ? {
+    /**
+     * Permet de surcharger la classe
+     */
+    className: _propTypes2.default.string,
+    /**
+     * Nom de l'icône
+     */
+    icon: _propTypes2.default.string.isRequired,
+    /**
+     * Function de callback au clic
+     */
+    onClick: _propTypes2.default.func,
+    /**
+     * Taile de la police
+     */
+    size: _propTypes2.default.number,
+    /**
+     * Style surchargé
+     */
+    style: _propTypes2.default.object
+} : {};
+exports.default = HiIconBuilder;

package/utils/addEventListener.js

@@ -0,0 +1,26 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = function (node, event, handler) {
+  var capture = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+
+  (0, _on2.default)(node, event, handler, capture);
+  return {
+    remove: function remove() {
+      (0, _off2.default)(node, event, handler, capture);
+    }
+  };
+};
+
+var _on = require('dom-helpers/events/on');
+
+var _on2 = _interopRequireDefault(_on);
+
+var _off = require('dom-helpers/events/off');
+
+var _off2 = _interopRequireDefault(_off);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/utils/exactProp.js

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.specialProperty = undefined;
+
+var _defineProperty2 = require('babel-runtime/helpers/defineProperty');
+
+var _defineProperty3 = _interopRequireDefault(_defineProperty2);
+
+var _keys = require('babel-runtime/core-js/object/keys');
+
+var _keys2 = _interopRequireDefault(_keys);
+
+var _extends3 = require('babel-runtime/helpers/extends');
+
+var _extends4 = _interopRequireDefault(_extends3);
+
+exports.default = exactProp;
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// This module is based on https://github.com/airbnb/prop-types-exact repository.
+// However, in order to reduce the number of dependencies and to remove some extra safe checks
+// the module was forked.
+
+var specialProperty = exports.specialProperty = 'exact-prop: \u200B';
+
+function exactProp(propTypes, componentNameInError) {
+  return (0, _extends4.default)({}, propTypes, (0, _defineProperty3.default)({}, specialProperty, function (props) {
+    var unknownProps = (0, _keys2.default)(props).filter(function (prop) {
+      return !propTypes.hasOwnProperty(prop);
+    });
+    if (unknownProps.length > 0) {
+      return new TypeError(componentNameInError + ': unknown props found: ' + unknownProps.join(', ') + '. Please remove the unknown properties.');
+    }
+    return null;
+  }));
+}

package/utils/helpers.js

@@ -0,0 +1,97 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+var _typeof2 = require('babel-runtime/helpers/typeof');
+
+var _typeof3 = _interopRequireDefault(_typeof2);
+
+var _keys = require('babel-runtime/core-js/object/keys');
+
+var _keys2 = _interopRequireDefault(_keys);
+
+exports.capitalizeFirstLetter = capitalizeFirstLetter;
+exports.capitalize = capitalize;
+exports.contains = contains;
+exports.findIndex = findIndex;
+exports.find = find;
+exports.createChainedFunction = createChainedFunction;
+
+var _warning = require('warning');
+
+var _warning2 = _interopRequireDefault(_warning);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function capitalizeFirstLetter(string) {
+    process.env.NODE_ENV !== "production" ? (0, _warning2.default)(typeof string === 'string', 'Material-UI: capitalizeFirstLetter(string) expects a string argument.') : void 0;
+
+    return string.charAt(0).toUpperCase() + string.slice(1);
+} //  weak
+
+function capitalize(string) {
+    if (process.env.NODE_ENV !== 'production' && typeof string !== 'string') {
+        throw new Error('Material-UI: capitalize(string) expects a string argument.');
+    }
+
+    return string.charAt(0).toUpperCase() + string.slice(1);
+}
+
+function contains(obj, pred) {
+    return (0, _keys2.default)(pred).every(function (key) {
+        return obj.hasOwnProperty(key) && obj[key] === pred[key];
+    });
+}
+
+function findIndex(arr, pred) {
+    var predType = typeof pred === 'undefined' ? 'undefined' : (0, _typeof3.default)(pred);
+    for (var i = 0; i < arr.length; i += 1) {
+        if (predType === 'function' && !!pred(arr[i], i, arr) === true) {
+            return i;
+        }
+        if (predType === 'object' && contains(arr[i], pred)) {
+            return i;
+        }
+        if (['string', 'number', 'boolean'].indexOf(predType) !== -1) {
+            return arr.indexOf(pred);
+        }
+    }
+    return -1;
+}
+
+function find(arr, pred) {
+    var index = findIndex(arr, pred);
+    return index > -1 ? arr[index] : undefined;
+}
+
+/**
+ * Safe chained function
+ *
+ * Will only create a new function if needed,
+ * otherwise will pass back existing functions or null.
+ *
+ * @param {function} functions to chain
+ * @returns {function|null}
+ */
+function createChainedFunction() {
+    for (var _len = arguments.length, funcs = Array(_len), _key = 0; _key < _len; _key++) {
+        funcs[_key] = arguments[_key];
+    }
+
+    return funcs.filter(function (func) {
+        return func != null;
+    }).reduce(function (acc, func) {
+        process.env.NODE_ENV !== "production" ? (0, _warning2.default)(typeof func === 'function', 'Material-UI: invalid Argument Type, must only provide functions, undefined, or null.') : void 0;
+
+        return function chainedFunction() {
+            for (var _len2 = arguments.length, args = Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                args[_key2] = arguments[_key2];
+            }
+
+            acc.apply(this, args);
+            func.apply(this, args);
+        };
+    }, function () {});
+}

package/utils/hiGetMdiIcon.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.default = function (icon) {
+  var mdiLeftIcon = (0, _helpers.capitalizeFirstLetter)((0, _hiHelpers.camelize)(icon));
+  return mdi[mdiLeftIcon];
+};
+
+var _mdiMaterialUi = require('mdi-material-ui');
+
+var mdi = _interopRequireWildcard(_mdiMaterialUi);
+
+var _helpers = require('./helpers');
+
+var _hiHelpers = require('./hiHelpers');
+
+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; } }

package/utils/hiHelpers.js

@@ -0,0 +1,195 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.camelize = camelize;
+exports.formatNumber = formatNumber;
+exports.formatCurrencyAmount = formatCurrencyAmount;
+exports.formatRate = formatRate;
+exports.arrayUnique = arrayUnique;
+exports.escapeHTML = escapeHTML;
+exports.getNextItemSelectable = getNextItemSelectable;
+//  weak
+
+function camelize(string) {
+    string = string.replace(/(\_\w)/g, function (m) {
+        return m[1].toUpperCase();
+    });
+    return string.replace(/(?:^\w|[A-Z]|\b\w|\s+)/g, function (match, index) {
+        if (+match === 0) return ''; // or if (/\s+/.test(match)) for white spaces
+        return index == 0 ? match.toLowerCase() : match.toUpperCase();
+    });
+}
+
+/**
+ * Format number relative to required size and locale
+ *
+ * @param number
+ * @param size
+ * @param locale
+ */
+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';
+
+    // Round number
+    switch (size) {
+        case 'l':
+            number = Math.round(number * 100) / 100;
+            break;
+        case 'm':
+            number = Math.round(number);
+            break;
+        case 's':
+            number = Math.round(number);
+            break;
+    }
+
+    // To locale
+    var options = {
+        minimumFractionDigits: size === 'l' ? 2 : 0,
+        maximumFractionDigits: size === 'l' ? 2 : 0,
+        useGrouping: true
+    };
+
+    return number.toLocaleString(locale, options);
+}
+
+/**
+ * Format currency amount relative to required size, locale and currency
+ *
+ * large/fr-FR/EUR : 123456789,123 -> 123 465 789,123 €
+ * large/en-EN/USD : 123456789,123 -> $ 123,465,789.123
+ * large/en-EN/EUR : 123456789,123 -> € 123,465,789.123
+ * small/en-EN/EUR : 123456789,123 -> € 123,456,789
+ * tiny/en-EN/EUR  : 123456789,123 -> € 123M
+ * tiny/en-EN/EUR  :  23456789,123 -> € 23,456k
+ * tiny/en-EN/EUR  :     56789,123 -> € 56,789
+ *
+ * @param amount
+ * @param size      - l | m | s
+ * @param locale
+ * @param currency  - ISO 4217
+ */
+function formatCurrencyAmount(amount) {
+    var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'l';
+    var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en-EN';
+    var currency = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'EUR';
+
+    var value = amount;
+    var unit = '';
+    // Round number
+    switch (size) {
+        case 'l':
+            value = Math.round(amount * 100) / 100;
+            break;
+        case 'm':
+            value = Math.round(amount);
+            break;
+        case 's':
+            if (amount > 99999999) {
+                amount = amount / 1000000;
+                unit = 'M';
+            } else if (amount > 99999) {
+                amount = amount / 1000;
+                unit = 'k';
+            }
+            value = Math.round(amount);
+            break;
+    }
+
+    // To locale
+    var options = {
+        minimumFractionDigits: size === 'l' ? 2 : 0,
+        maximumFractionDigits: size === 'l' ? 2 : 0,
+        useGrouping: true,
+        style: 'currency',
+        currency: currency,
+        currencyDisplay: 'symbol'
+    };
+
+    var returnValue = value.toLocaleString(locale, options);
+
+    // Place unit (k, M) after number (don't move currency symbol !)
+    if (unit !== '') {
+        returnValue = returnValue.replace(/([\D]*)([\d\,\.\s]+)([\D]*)/, function (match, p1, p2, p3) {
+            return [p1, p2, unit, p3].join('');
+        });
+    }
+
+    return returnValue;
+}
+
+/**
+ * Format rate relative to required size and locale
+ * large/en-EN  : 12.34
+ *
+ * @param rate
+ * @param size
+ * @param locale
+ */
+function formatRate(rate) {
+    var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'l';
+    var locale = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'en-EN';
+
+    // To locale
+    var options = {
+        minimumFractionDigits: size === 'l' ? 2 : size === 'm' ? 1 : 0,
+        maximumFractionDigits: size === 'l' ? 2 : size === 'm' ? 1 : 0,
+        style: 'percent'
+    };
+
+    return rate.toLocaleString(locale, options);
+}
+
+/**
+ * Remove duplicate items from array useful after concat arrays
+ *
+ * arrayUnique(array1.concat(array2))
+ *
+ * @param array
+ */
+function arrayUnique(array) {
+    var a = array.concat();
+    for (var i = 0; i < a.length; ++i) {
+        for (var j = i + 1; j < a.length; ++j) {
+            if (a[i] === a[j]) a.splice(j--, 1);
+        }
+    }
+
+    return a;
+}
+
+/**
+ * Echappe les caractères HTML d'une chaîne de catactères
+ *
+ * Sauf la balise strong
+ *
+ * @param array
+ */
+function escapeHTML(unsafeStr) {
+    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>');
+}
+
+/**
+ * Retourne l'item selectionnable suivant.
+ * @param node
+ * @param direction
+ * @returns {*}
+ */
+function getNextItemSelectable(node, direction) {
+    if (direction === 'down') {
+        if (node.nextSibling === null) {
+            return null;
+        } else if (node.nextSibling.tabIndex === -1) {
+            return this.getNextItemSelectable(node.nextSibling, direction);
+        }
+        return node.nextSibling;
+    } else if (node.previousSibling === null) {
+        return null;
+    } else if (node.previousSibling.tabIndex === -1) {
+        return this.getNextItemSelectable(node.previousSibling, direction);
+    }
+    return node.previousSibling;
+}