@zohodesk/components 1.0.0-temp-71 → 1.0.0-temp-72

package/lib/ListItem/ListItem.module.css

@@ -1,210 +1,209 @@
-.varClass {
-  /* listitem default variables */
-  --listitem_text_color: var(--zdt_listitem_default_text);
-  --listitem_padding: var(--zd_size9) var(--zd_size20);
-  --listitem_border_width: 0;
-  --listitem_border_color: var(--zdt_listitem_default_border);
-  --listitem_bg_color: var(--zdt_listitem_default_bg);
-  --listitem_active_bg_color: var(--zdt_listitem_primary_bg);
-  --listitem_height: auto;
-  --listitem_min_height: 0;
-
-  /* listitem hover default variable */
-  --listitem_highlight_bg_color: var(--zdt_listitem_highlight_bg);
-
-  /* listitem tick icon default variables */
-  --listitem_tickicon_color: var(--zdt_listitem_default_tickicon);
-}[dir=ltr] .varClass {
-  --listitem_avatar_margin: 0 var(--zd_size15) 0 0
-    /*rtl: 0 0 0 var(--zd_size15)*/;
-}[dir=rtl] .varClass {
-  --listitem_avatar_margin: 0 0 0 var(--zd_size15);
-}
-.list {
-  composes: varClass;
-  position: relative;
-  list-style: none;
-  color: var(--listitem_text_color);
-  font-size: var(--zd_font_size13);
-  height: var(--listitem_height);
-  min-height: var(--listitem_min_height);
-  text-decoration: none;
-  padding: var(--listitem_padding);
-  border-width: var(--listitem_border_width);
-  border-style: solid;
-  border-color: var(--listitem_border_color);
-  cursor: pointer;
-}
-.list, .default, .secondary {
-  background-color: var(--listitem_bg_color);
-}
-[dir=ltr] .withBorder {
-  --listitem_border_width: 0 0 0 1px /*rtl: 0 1px 0 0*/;
-}
-[dir=rtl] .withBorder {
-  --listitem_border_width: 0 1px 0 0;
-}
-.active {
-  --listitem_border_color: var(--zdt_listitem_active_border);
-}
-[dir=ltr] .small {
-  --listitem_padding: var(--zd_size9) var(--zd_size3) var(--zd_size9)
-    var(--zd_size5)
-    /*rtl: var(--zd_size9) var(--zd_size5) var(--zd_size9) var(--zd_size3)*/;
-}
-[dir=rtl] .small {
-  --listitem_padding: var(--zd_size9) var(--zd_size5) var(--zd_size9) var(--zd_size3);
-}
-.medium {
-  --listitem_padding: var(--zd_size9) var(--zd_size20);
-  --listitem_min_height: var(--zd_size35);
-}
-.large {
-  --listitem_height: var(--zd_size48);
-}
-[dir=ltr] .large {
-  --listitem_padding: var(--zd_size10) var(--zd_size3) var(--zd_size10)
-    var(--zd_size25)
-    /*rtl: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3)*/;
-}
-[dir=rtl] .large {
-  --listitem_padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3);
-}
-.value,
-.children {
-  composes: dotted from '../common/common.module.css';
-}
-.iconBox {
-  width: var(--zd_size20);
-  text-align: center;
-}
-[dir=ltr] .iconBox {
-  margin-right: var(--zd_size10);
-}
-[dir=rtl] .iconBox {
-  margin-left: var(--zd_size10);
-}
-.iconBox,
-.leftAvatar {
-  font-size: 0;
-}
-.leftAvatar {
-  margin: var(--listitem_avatar_margin);
-}
-
-.defaultHover, .primaryHover, .secondaryHover, .darkHover {
-  background-color: var(--listitem_highlight_bg_color);
-}
-.activewithBorder {
-  --listitem_border_color: var(--zdt_listitem_active_border);
-}
-[dir=ltr] .activewithBorder {
-  --listitem_border_width: 0 0 0 1px /*rtl: 0 1px 0 0*/;
-}
-[dir=rtl] .activewithBorder {
-  --listitem_border_width: 0 1px 0 0;
-}
-
-.defaultHover,
-.defaultEffect:hover,
-.defaultEffect:focus {
-  --listitem_bg_color: var(--zdt_listitem_highlight_bg);
-}
-.primaryHover,
-.primaryEffect:hover,
-.primaryEffect:focus {
-  --listitem_bg_color: var(--zdt_listitem_primary_bg);
-  --listitem_highlight_bg_color: var(--zdt_listitem_primary_bg);
-}
-.secondaryHover,
-.secondaryEffect:hover,
-.secondaryEffect:focus {
-  --listitem_bg_color: var(--zdt_listitem_secondary_bg);
-  --listitem_highlight_bg_color: var(--zdt_listitem_secondary_bg);
-  --listitem_text_color: var(--zdt_listitem_secondary_text);
-}
-.darkHover,
-.darkEffect:hover,
-.darkEffect:focus {
-  --listitem_bg_color: var(--zdt_listitem_dark_effect_bg);
-  --listitem_highlight_bg_color: var(--zdt_listitem_dark_effect_bg);
-}
-.activedefault, .activeprimary, .activesecondary, .activedark {
-  background-color: var(--listitem_active_bg_color);
-}
-.activedefault,
-.activedefault:hover,
-.activeprimary,
-.activeprimary:hover {
-  --listitem_active_bg_color: var(--zdt_listitem_primary_bg);
-}
-.activesecondary {
-  --listitem_active_bg_color: var(--zdt_listitem_secondary_bg);
-  --listitem_text_color: var(--zdt_listitem_secondary_text);
-}
-.dark {
-  --listitem_bg_color: var(--zdt_listitem_dark_bg);
-  --listitem_text_color: var(--zdt_listitem_dark_text);
-}
-.activedark {
-  --listitem_active_bg_color: var(--zdt_listitem_dark_active_bg);
-}
-
-.tickIcon,
-.defaultTick,
-.darkTick {
-  position: absolute;
-  color: var(--listitem_tickicon_color);
-}
-
-[dir=ltr] .tickIcon, [dir=ltr] .defaultTick, [dir=ltr] .darkTick {
-  right: var(--zd_size20);
-}
-
-[dir=rtl] .tickIcon, [dir=rtl] .defaultTick, [dir=rtl] .darkTick {
-  left: var(--zd_size20);
-}
-.defaultTick {
-  --listitem_tickicon_color: var(--zdt_listitem_default_tickicon);
-}
-.darkTick {
-  --listitem_tickicon_color: var(--zdt_listitem_dark_tickicon);
-}
-.defaultTick > i {
-  display: block;
-}
-[dir=ltr] .smallwithTick {
-  --listitem_padding: var(--zd_size9) var(--zd_size39) var(--zd_size9)
-    var(--zd_size5)
-    /*rtl: var(--zd_size9) var(--zd_size5) var(--zd_size9) var(--zd_size39)*/;
-}
-[dir=rtl] .smallwithTick {
-  --listitem_padding: var(--zd_size9) var(--zd_size5) var(--zd_size9) var(--zd_size39);
-}
-[dir=ltr] .mediumwithTick {
-  --listitem_padding: var(--zd_size9) var(--zd_size39) var(--zd_size9)
-    var(--zd_size20)
-    /*rtl: var(--zd_size9) var(--zd_size20) var(--zd_size9) var(--zd_size30)*/;
-}
-[dir=rtl] .mediumwithTick {
-  --listitem_padding: var(--zd_size9) var(--zd_size20) var(--zd_size9) var(--zd_size30);
-}
-[dir=ltr] .largewithTick {
-  --listitem_padding: var(--zd_size10) var(--zd_size39) var(--zd_size10)
-    var(--zd_size25)
-    /*rtl: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size39)*/;
-}
-[dir=rtl] .largewithTick {
-  --listitem_padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size39);
-}
-.responsiveHeight {
-  --listitem_height: var(--zd_size45);
-}
-[dir=ltr] .responsiveHeight {
-  --listitem_padding: var(--zd_size10) var(--zd_size3) var(--zd_size10)
-    var(--zd_size20)
-    /*rtl: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3)*/;
-}
-[dir=rtl] .responsiveHeight {
-  --listitem_padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3);
-}
+.varClass {
+  /* listitem default variables */
+  --listitem_text_color: var(--zdt_listitem_default_text);
+  --listitem_padding: var(--zd_size9) var(--zd_size20);
+  --listitem_border_width: 0;
+  --listitem_border_color: var(--zdt_listitem_default_border);
+  --listitem_bg_color: var(--zdt_listitem_default_bg);
+  --listitem_active_bg_color: var(--zdt_listitem_primary_bg);
+  --listitem_height: auto;
+  --listitem_min_height: 0;
+
+  /* listitem hover default variable */
+  --listitem_highlight_bg_color: var(--zdt_listitem_highlight_bg);
+
+  /* listitem tick icon default variables */
+  --listitem_tickicon_color: var(--zdt_listitem_default_tickicon);
+}[dir=ltr] .varClass {
+  --listitem_avatar_margin: 0 var(--zd_size15) 0 0
+    /*rtl: 0 0 0 var(--zd_size15)*/;
+}[dir=rtl] .varClass {
+  --listitem_avatar_margin: 0 0 0 var(--zd_size15);
+}
+.list {
+  composes: varClass;
+  position: relative;
+  list-style: none;
+  color: var(--listitem_text_color);
+  font-size: var(--zd_font_size13);
+  height: var(--listitem_height);
+  min-height: var(--listitem_min_height);
+  text-decoration: none;
+  padding: var(--listitem_padding);
+  border-width: var(--listitem_border_width);
+  border-style: solid;
+  border-color: var(--listitem_border_color);
+  cursor: pointer;
+}
+.list, .default, .secondary {
+  background-color: var(--listitem_bg_color);
+}
+[dir=ltr] .withBorder {
+  --listitem_border_width: 0 0 0 1px /*rtl: 0 1px 0 0*/;
+}
+[dir=rtl] .withBorder {
+  --listitem_border_width: 0 1px 0 0;
+}
+.active {
+  --listitem_border_color: var(--zdt_listitem_active_border);
+}
+[dir=ltr] .small {
+  --listitem_padding: var(--zd_size9) var(--zd_size3) var(--zd_size9)
+    var(--zd_size5)
+    /*rtl: var(--zd_size9) var(--zd_size5) var(--zd_size9) var(--zd_size3)*/;
+}
+[dir=rtl] .small {
+  --listitem_padding: var(--zd_size9) var(--zd_size5) var(--zd_size9) var(--zd_size3);
+}
+.medium {
+  --listitem_padding: var(--zd_size9) var(--zd_size20);
+  --listitem_min_height: var(--zd_size35);
+}
+.large {
+  --listitem_height: var(--zd_size48);
+}
+[dir=ltr] .large {
+  --listitem_padding: var(--zd_size10) var(--zd_size3) var(--zd_size10)
+    var(--zd_size25)
+    /*rtl: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3)*/;
+}
+[dir=rtl] .large {
+  --listitem_padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3);
+}
+.value,
+.children {
+  composes: dotted from '../common/common.module.css';
+}
+.iconBox {
+  width: var(--zd_size20);
+  text-align: center;
+}
+[dir=ltr] .iconBox {
+  margin-right: var(--zd_size10);
+}
+[dir=rtl] .iconBox {
+  margin-left: var(--zd_size10);
+}
+.iconBox,
+.leftAvatar {
+  font-size: 0;
+}
+.leftAvatar {
+  margin: var(--listitem_avatar_margin);
+}
+
+.defaultHover, .primaryHover, .secondaryHover, .darkHover {
+  background-color: var(--listitem_highlight_bg_color);
+}
+.activewithBorder {
+  --listitem_border_color: var(--zdt_listitem_active_border);
+}
+[dir=ltr] .activewithBorder {
+  --listitem_border_width: 0 0 0 1px /*rtl: 0 1px 0 0*/;
+}
+[dir=rtl] .activewithBorder {
+  --listitem_border_width: 0 1px 0 0;
+}
+
+.defaultHover,
+.defaultEffect:hover
+/* .defaultEffect:focus  */
+{
+  --listitem_bg_color: var(--zdt_listitem_highlight_bg);
+}
+.primaryHover,
+.primaryEffect:hover
+/* .primaryEffect:focus */
+ {
+  --listitem_bg_color: var(--zdt_listitem_primary_bg);
+  --listitem_highlight_bg_color: var(--zdt_listitem_primary_bg);
+}
+.secondaryHover,
+.secondaryEffect:hover
+/* .secondaryEffect:focus  */
+{
+  --listitem_bg_color: var(--zdt_listitem_secondary_bg);
+  --listitem_highlight_bg_color: var(--zdt_listitem_secondary_bg);
+  --listitem_text_color: var(--zdt_listitem_secondary_text);
+}
+.darkHover,
+.darkEffect:hover
+/* .darkEffect:focus */
+ {
+  --listitem_bg_color: var(--zdt_listitem_dark_effect_bg);
+  --listitem_highlight_bg_color: var(--zdt_listitem_dark_effect_bg);
+}
+.activedefault, .activeprimary, .activesecondary, .activedark {
+  background-color: var(--listitem_active_bg_color);
+}
+.activedefault,
+.activedefault:hover,
+.activeprimary,
+.activeprimary:hover {
+  --listitem_active_bg_color: var(--zdt_listitem_primary_bg);
+}
+.activesecondary {
+  --listitem_active_bg_color: var(--zdt_listitem_secondary_bg);
+  --listitem_text_color: var(--zdt_listitem_secondary_text);
+}
+.dark {
+  --listitem_bg_color: var(--zdt_listitem_dark_bg);
+  --listitem_text_color: var(--zdt_listitem_dark_text);
+}
+.activedark {
+  --listitem_active_bg_color: var(--zdt_listitem_dark_active_bg);
+}
+
+.tickIcon,
+.defaultTick,
+.darkTick {
+  position: absolute;
+  color: var(--listitem_tickicon_color);
+}
+
+[dir=ltr] .tickIcon, [dir=ltr] .defaultTick, [dir=ltr] .darkTick {
+  right: var(--zd_size20);
+}
+
+[dir=rtl] .tickIcon, [dir=rtl] .defaultTick, [dir=rtl] .darkTick {
+  left: var(--zd_size20);
+}
+.defaultTick {
+  --listitem_tickicon_color: var(--zdt_listitem_default_tickicon);
+}
+.darkTick {
+  --listitem_tickicon_color: var(--zdt_listitem_dark_tickicon);
+}
+.defaultTick > i {
+  display: block;
+}
+[dir=ltr] .smallwithTick {
+  --listitem_padding: var(--zd_size9) var(--zd_size39) var(--zd_size9)
+    var(--zd_size5)
+    /*rtl: var(--zd_size9) var(--zd_size5) var(--zd_size9) var(--zd_size39)*/;
+}
+[dir=rtl] .smallwithTick {
+  --listitem_padding: var(--zd_size9) var(--zd_size5) var(--zd_size9) var(--zd_size39);
+}
+[dir=ltr] .mediumwithTick {
+  --listitem_padding: var(--zd_size9) var(--zd_size39) var(--zd_size9)
+    var(--zd_size20)
+    /*rtl: var(--zd_size9) var(--zd_size20) var(--zd_size9) var(--zd_size39)*/;
+}
+[dir=rtl] .mediumwithTick {
+  --listitem_padding: var(--zd_size9) var(--zd_size20) var(--zd_size9) var(--zd_size39);
+}
+[dir=ltr] .largewithTick {
+  --listitem_padding: var(--zd_size10) var(--zd_size39) var(--zd_size10)
+    var(--zd_size25)
+    /*rtl: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size39)*/;
+}
+[dir=rtl] .largewithTick {
+  --listitem_padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size39);
+}
+.responsiveHeight {
+  --listitem_min_height: var(--zd_size45);
+  font-size: var(--zd_font_size15);
+  padding-top: var(--zd_size10);
+  padding-bottom: var(--zd_size10);
+}

package/lib/ListItem/ListItemWithAvatar.js

@@ -9,12 +9,14 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Layout = require("../Layout");
 
 var _ListContainer = _interopRequireDefault(require("./ListContainer"));
 
+var _defaultProps = require("./props/defaultProps");
+
+var _propTypes = require("./props/propTypes");
+
 var _Avatar = _interopRequireDefault(require("../Avatar/Avatar"));
 
 var _AvatarTeam = _interopRequireDefault(require("../AvatarTeam/AvatarTeam"));
@@ -23,13 +25,9 @@ var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
 
 var _ListItemModule = _interopRequireDefault(require("./ListItem.module.css"));
 
-var _ListItemWithAvatar$p;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -39,7 +37,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -49,7 +47,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var ListItemWithAvatar = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(ListItemWithAvatar, _React$PureComponent);
@@ -147,7 +145,7 @@ var ListItemWithAvatar = /*#__PURE__*/function (_React$PureComponent) {
         autoHover: autoHover,
         needTick: needTick,
         needBorder: needBorder,
-        customClass: "".concat(customListItem),
+        customClass: customListItem,
         dataId: "".concat(dataIdString, "_ListItemWithAvatar"),
         onClick: this.handleClick,
         onMouseEnter: this.handleMouseEnter,
@@ -197,37 +195,8 @@ var ListItemWithAvatar = /*#__PURE__*/function (_React$PureComponent) {
 }(_react["default"].PureComponent);
 
 exports["default"] = ListItemWithAvatar;
-ListItemWithAvatar.defaultProps = {
-  active: false,
-  autoHover: false,
-  highlight: false,
-  isTeam: false,
-  needTick: false,
-  palette: 'default',
-  size: 'medium',
-  value: 'List',
-  dataId: 'listAvatar',
-  needBorder: true,
-  needAvatarTitle: true,
-  a11y: {},
-  customClass: {},
-  customProps: {}
-};
-ListItemWithAvatar.propTypes = (_ListItemWithAvatar$p = {
-  active: _propTypes["default"].bool,
-  autoHover: _propTypes["default"].bool,
-  avatarPalette: _propTypes["default"].string
-}, _defineProperty(_ListItemWithAvatar$p, "avatarPalette", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar$p, "dataId", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar$p, "disableTitle", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar$p, "getRef", _propTypes["default"].func), _defineProperty(_ListItemWithAvatar$p, "highlight", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar$p, "id", _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number])), _defineProperty(_ListItemWithAvatar$p, "imgSrc", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar$p, "index", _propTypes["default"].number), _defineProperty(_ListItemWithAvatar$p, "initial", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar$p, "isDisabled", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar$p, "isTeam", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar$p, "name", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar$p, "needAvatarTitle", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar$p, "needBorder", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar$p, "needTick", _propTypes["default"].bool), _defineProperty(_ListItemWithAvatar$p, "onClick", _propTypes["default"].func), _defineProperty(_ListItemWithAvatar$p, "onMouseEnter", _propTypes["default"].func), _defineProperty(_ListItemWithAvatar$p, "palette", _propTypes["default"].oneOf(['dark'])), _defineProperty(_ListItemWithAvatar$p, "size", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar$p, "title", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar$p, "value", _propTypes["default"].string), _defineProperty(_ListItemWithAvatar$p, "a11y", _propTypes["default"].shape({
-  role: _propTypes["default"].string,
-  ariaSelected: _propTypes["default"].bool,
-  ariaHidden: _propTypes["default"].bool
-})), _defineProperty(_ListItemWithAvatar$p, "customClass", _propTypes["default"].shape({
-  customListItem: _propTypes["default"].string,
-  customAvatar: _propTypes["default"].string,
-  customAvatarTeam: _propTypes["default"].string
-})), _defineProperty(_ListItemWithAvatar$p, "customProps", _propTypes["default"].shape({
-  ListItemProps: _propTypes["default"].object
-})), _ListItemWithAvatar$p);
+ListItemWithAvatar.defaultProps = _defaultProps.ListItemWithAvatarDefaultProps;
+ListItemWithAvatar.propTypes = _propTypes.ListItemWithAvatar_Props;
 
 if (false) {
   ListItemWithAvatar.docs = {

package/lib/ListItem/ListItemWithCheckBox.js

@@ -9,10 +9,12 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _ListContainer = _interopRequireDefault(require("./ListContainer"));
 
+var _defaultProps = require("./props/defaultProps");
+
+var _propTypes = require("./props/propTypes");
+
 var _CheckBox = _interopRequireDefault(require("../CheckBox/CheckBox"));
 
 var _Layout = require("../Layout");
@@ -21,7 +23,7 @@ var _ListItemModule = _interopRequireDefault(require("./ListItem.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
@@ -31,7 +33,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -41,7 +43,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var ListItemWithCheckBox = /*#__PURE__*/function (_React$Component) {
   _inherits(ListItemWithCheckBox, _React$Component);
@@ -125,7 +127,7 @@ var ListItemWithCheckBox = /*#__PURE__*/function (_React$Component) {
         isDisabled: isDisabled,
         active: active,
         autoHover: autoHover,
-        customClass: "".concat(customListItem),
+        customClass: customListItem,
         dataId: "".concat(dataId ? dataId : value, "_ListItemWithCheckBox"),
         onClick: this.onClick,
         onMouseOver: this.onHover,
@@ -157,45 +159,8 @@ var ListItemWithCheckBox = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = ListItemWithCheckBox;
-ListItemWithCheckBox.defaultProps = {
-  active: false,
-  autoHover: false,
-  checked: false,
-  highlight: false,
-  palette: 'default',
-  size: 'medium',
-  value: 'List',
-  a11y: {},
-  customClass: {},
-  customProps: {}
-};
-ListItemWithCheckBox.propTypes = {
-  active: _propTypes["default"].bool,
-  autoHover: _propTypes["default"].bool,
-  checked: _propTypes["default"].bool,
-  dataId: _propTypes["default"].string,
-  disableTitle: _propTypes["default"].string,
-  getRef: _propTypes["default"].func,
-  highlight: _propTypes["default"].bool,
-  id: _propTypes["default"].string,
-  index: _propTypes["default"].string,
-  isDisabled: _propTypes["default"].bool,
-  onClick: _propTypes["default"].func,
-  onHover: _propTypes["default"].func,
-  palette: _propTypes["default"].string,
-  size: _propTypes["default"].string,
-  title: _propTypes["default"].string,
-  value: _propTypes["default"].string,
-  a11y: _propTypes["default"].shape({
-    role: _propTypes["default"].string,
-    ariaSelected: _propTypes["default"].bool
-  }),
-  customClass: _propTypes["default"].shape({
-    customListItem: _propTypes["default"].string,
-    customCheckBox: _propTypes["default"].string,
-    customLabel: _propTypes["default"].string
-  })
-};
+ListItemWithCheckBox.defaultProps = _defaultProps.ListItemWithCheckBoxDefaultProps;
+ListItemWithCheckBox.propTypes = _propTypes.ListItemWithCheckBox_Props;
 
 if (false) {
   ListItemWithCheckBox.docs = {