@hipay/hipay-material-ui 2.3.1-rc4 → 2.3.1-rc5

package/es/HiSelectableList/HiSelectableList.js

@@ -1,20 +1,47 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from 'react';
-import List from '@material-ui/core/List';
-import { withStyles } from '@material-ui/core/styles';
-import HiSelectableListItem from './HiSelectableListItem';
-import { getNextItemSelectable, foldAccents } from '../utils/helpers';
-import keycode from 'keycode';
-import LazyLoad, { forceCheck } from 'react-lazyload';
-import classNames from 'classnames';
-export var styles = function styles(theme) {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _List = _interopRequireDefault(require("@material-ui/core/List"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
+
+var _helpers = require("../utils/helpers");
+
+var _keycode = _interopRequireDefault(require("keycode"));
+
+var _reactLazyload = _interopRequireWildcard(require("react-lazyload"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var styles = function styles(theme) {
   return {
     root: {
       padding: 0,
@@ -32,50 +59,52 @@ export var styles = function styles(theme) {
  * - le premier focus est géré sur le DidMount
  */
 
+
+exports.styles = styles;
+
 var HiSelectableList =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  _inherits(HiSelectableList, _React$PureComponent);
+  (0, _inherits2.default)(HiSelectableList, _React$PureComponent);
 
   function HiSelectableList() {
     var _getPrototypeOf2;
 
     var _this;
 
-    _classCallCheck(this, HiSelectableList);
+    (0, _classCallCheck2.default)(this, HiSelectableList);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(HiSelectableList)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiSelectableList)).call.apply(_getPrototypeOf2, [this].concat(args)));
 
-    _defineProperty(_assertThisInitialized(_this), "handleSelect", function (item) {
+    _this.handleSelect = function (item) {
       return function (event) {
         _this.props.onSelect(event, item);
       };
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "handleKeyDown", function (event) {
+    _this.handleKeyDown = function (event) {
       var nextItem;
-      var key = keycode(event);
+      var key = (0, _keycode.default)(event);
 
       if (key === 'down') {
         event.preventDefault();
-        nextItem = getNextItemSelectable(document.activeElement, 'down');
+        nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'down');
       } else if (key === 'up') {
         event.preventDefault();
-        nextItem = getNextItemSelectable(document.activeElement, 'up');
+        nextItem = (0, _helpers.getNextItemSelectable)(document.activeElement, 'up');
       }
 
       if (nextItem) {
         nextItem.focus();
       }
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "buildRecursiveListItem", function (item, index) {
+    _this.buildRecursiveListItem = function (item, index) {
       var level = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-
       var _this$props = _this.props,
           checkedIcon = _this$props.checkedIcon,
           disabled = _this$props.disabled,
@@ -90,13 +119,13 @@ function (_React$PureComponent) {
           onKeyUp = _this$props.onKeyUp,
           suggestionFocusIndex = _this$props.suggestionFocusIndex,
           classes = _this$props.classes,
-          others = _objectWithoutProperties(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "lazy", "selectedItemIdList", "sort", "onKeyDown", "onKeyUp", "suggestionFocusIndex", "classes"]);
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "lazy", "selectedItemIdList", "sort", "onKeyDown", "onKeyUp", "suggestionFocusIndex", "classes"]);
 
       if (sort && item.children) {
         item.children.sort(_this.compareItem);
       }
 
-      var placeholderContent = React.createElement("div", {
+      var placeholderContent = _react.default.createElement("div", {
         style: {
           width: '90%',
           padding: '8px 6px',
@@ -104,7 +133,7 @@ function (_React$PureComponent) {
           position: 'sticky',
           left: 0
         }
-      }, React.createElement("div", {
+      }, _react.default.createElement("div", {
         style: {
           backgroundColor: '#F5F5F5',
           width: '100%',
@@ -112,9 +141,10 @@ function (_React$PureComponent) {
           borderRadius: 4
         }
       }));
-      var itemComponent = React.createElement(React.Fragment, {
+
+      var itemComponent = _react.default.createElement(_react.default.Fragment, {
         key: item.id
-      }, React.createElement(HiSelectableListItem, Object.assign({}, others, {
+      }, _react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
         checkedIcon: checkedIcon,
         disabled: disabled || disabledItemIdList.includes(item.id),
         hideCheckbox: hideCheckbox,
@@ -128,7 +158,7 @@ function (_React$PureComponent) {
         ,
         item: item,
         classes: {
-          listItem: classNames(_defineProperty({}, classes.suggestionFocus, index === suggestionFocusIndex))
+          listItem: (0, _classnames.default)((0, _defineProperty2.default)({}, classes.suggestionFocus, index === suggestionFocusIndex))
         }
       }, item)), item.children && item.children.length > 0 && item.children.filter(function (subItem) {
         return !(subItem.displayed === false);
@@ -137,7 +167,7 @@ function (_React$PureComponent) {
       }));
 
       if (lazy) {
-        return React.createElement(LazyLoad, {
+        return _react.default.createElement(_reactLazyload.default, {
           key: item.id,
           height: 40,
           offset: 400,
@@ -148,9 +178,9 @@ function (_React$PureComponent) {
       }
 
       return itemComponent;
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "compareItem", function (a, b) {
+    _this.compareItem = function (a, b) {
       if (_this.props.comparItemFunc) {
         return _this.props.comparItemFunc(a, b);
       }
@@ -169,13 +199,13 @@ function (_React$PureComponent) {
         return -1;
       }
 
-      return foldAccents(a.label.toString().toLowerCase()) > foldAccents(b.label.toString().toLowerCase()) ? 1 : -1;
-    });
+      return (0, _helpers.foldAccents)(a.label.toString().toLowerCase()) > (0, _helpers.foldAccents)(b.label.toString().toLowerCase()) ? 1 : -1;
+    };
 
     return _this;
   }
 
-  _createClass(HiSelectableList, [{
+  (0, _createClass2.default)(HiSelectableList, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       var _this2 = this;
@@ -211,7 +241,7 @@ function (_React$PureComponent) {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       if (this.props.lazy && prevProps.itemList !== this.props.itemList) {
-        forceCheck();
+        (0, _reactLazyload.forceCheck)();
       }
     }
   }, {
@@ -228,7 +258,7 @@ function (_React$PureComponent) {
         itemList.sort(this.compareItem);
       }
 
-      return React.createElement(List, {
+      return _react.default.createElement(_List.default, {
         className: classes.root,
         onKeyDown: this.handleKeyDown,
         innerRef: function innerRef(el) {
@@ -242,11 +272,10 @@ function (_React$PureComponent) {
       }));
     }
   }]);
-
   return HiSelectableList;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-_defineProperty(HiSelectableList, "defaultProps", {
+HiSelectableList.defaultProps = {
   allSelected: false,
   disabled: false,
   disabledItemIdList: [],
@@ -255,10 +284,12 @@ _defineProperty(HiSelectableList, "defaultProps", {
   selectedItemIdList: [],
   sort: false,
   sortAppendList: ['_all']
-});
+};
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiSelectableList',
   index: 51
-})(HiSelectableList);
+})(HiSelectableList);
+
+exports.default = _default;

package/es/HiSelectableList/HiSelectableListHierarchic.js

@@ -1,16 +1,35 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from 'react';
-import List from '@material-ui/core/List';
-import { withStyles } from '@material-ui/core/styles';
-import HiSelectableListItem from './HiSelectableListItem';
-export var styles = function styles() {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.styles = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
+
+var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _List = _interopRequireDefault(require("@material-ui/core/List"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _HiSelectableListItem = _interopRequireDefault(require("./HiSelectableListItem"));
+
+var styles = function styles() {
   return {
     root: {}
   };
@@ -19,33 +38,35 @@ export var styles = function styles() {
  * Construit une liste d'item sélectionnable (avec checkbox)
  */
 
+
+exports.styles = styles;
+
 var HiSelectableListHierarchic =
 /*#__PURE__*/
 function (_React$PureComponent) {
-  _inherits(HiSelectableListHierarchic, _React$PureComponent);
+  (0, _inherits2.default)(HiSelectableListHierarchic, _React$PureComponent);
 
   function HiSelectableListHierarchic() {
     var _getPrototypeOf2;
 
     var _this;
 
-    _classCallCheck(this, HiSelectableListHierarchic);
+    (0, _classCallCheck2.default)(this, HiSelectableListHierarchic);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
-    _this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(HiSelectableListHierarchic)).call.apply(_getPrototypeOf2, [this].concat(args)));
+    _this = (0, _possibleConstructorReturn2.default)(this, (_getPrototypeOf2 = (0, _getPrototypeOf3.default)(HiSelectableListHierarchic)).call.apply(_getPrototypeOf2, [this].concat(args)));
 
-    _defineProperty(_assertThisInitialized(_this), "handleSelect", function (item) {
+    _this.handleSelect = function (item) {
       return function (event) {
         _this.props.onSelect(event, item);
       };
-    });
+    };
 
-    _defineProperty(_assertThisInitialized(_this), "buildRecursiveListItem", function (item) {
+    _this.buildRecursiveListItem = function (item) {
       var level = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-
       var _this$props = _this.props,
           checkedIcon = _this$props.checkedIcon,
           disabled = _this$props.disabled,
@@ -54,9 +75,8 @@ function (_React$PureComponent) {
           hoverIcon = _this$props.hoverIcon,
           icon = _this$props.icon,
           selectedItemIdList = _this$props.selectedItemIdList,
-          others = _objectWithoutProperties(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
-
-      return React.createElement(React.Fragment, null, React.createElement(HiSelectableListItem, Object.assign({}, others, {
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
+      return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
         checkedIcon: checkedIcon,
         disabled: disabled || disabledItemIdList.includes(item.id),
         hideCheckbox: hideCheckbox,
@@ -72,12 +92,12 @@ function (_React$PureComponent) {
       }).map(function (subItem) {
         return _this.buildRecursiveListItem(subItem, level + 1);
       }));
-    });
+    };
 
     return _this;
   }
 
-  _createClass(HiSelectableListHierarchic, [{
+  (0, _createClass2.default)(HiSelectableListHierarchic, [{
     key: "render",
     value: function render() {
       var _this2 = this;
@@ -93,10 +113,9 @@ function (_React$PureComponent) {
           hoverIcon = _this$props2.hoverIcon,
           icon = _this$props2.icon,
           selectedItemIdList = _this$props2.selectedItemIdList,
-          others = _objectWithoutProperties(_this$props2, ["classes", "itemList", "onKeyDown", "checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
-
+          others = (0, _objectWithoutProperties2.default)(_this$props2, ["classes", "itemList", "onKeyDown", "checkedIcon", "disabled", "disabledItemIdList", "hideCheckbox", "hoverIcon", "icon", "selectedItemIdList"]);
       var parents = [];
-      return React.createElement(List, {
+      return _react.default.createElement(_List.default, {
         className: classes.root,
         onKeyDown: onKeyDown
       }, itemList.filter(function (item) {
@@ -119,7 +138,7 @@ function (_React$PureComponent) {
           parents = [];
         }
 
-        return React.createElement(HiSelectableListItem, Object.assign({}, others, {
+        return _react.default.createElement(_HiSelectableListItem.default, (0, _extends2.default)({}, others, {
           checkedIcon: checkedIcon,
           disabled: disabled || disabledItemIdList.includes(item.id),
           hideCheckbox: hideCheckbox,
@@ -134,19 +153,20 @@ function (_React$PureComponent) {
       }));
     }
   }]);
-
   return HiSelectableListHierarchic;
-}(React.PureComponent);
+}(_react.default.PureComponent);
 
-_defineProperty(HiSelectableListHierarchic, "defaultProps", {
+HiSelectableListHierarchic.defaultProps = {
   allSelected: false,
   disabled: false,
   disabledItemIdList: [],
   hideCheckbox: false,
   selectedItemIdList: []
-});
+};
 
-export default withStyles(styles, {
+var _default = (0, _styles.withStyles)(styles, {
   hiComponent: true,
   name: 'HmuiHiSelectableListHierarchic'
-})(HiSelectableListHierarchic);
+})(HiSelectableListHierarchic);
+
+exports.default = _default;