@zohodesk/components 1.0.0-alpha-225 → 1.0.0-alpha-226

package/lib/ListItem/ListItem.js

@@ -13,9 +13,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Layout = require("../Layout");
 
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _ListContainer = _interopRequireDefault(require("./ListContainer"));
 
-var _CssProvider = _interopRequireDefault(require("../Provider/CssProvider"));
+var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
 
 var _ListItemModule = _interopRequireDefault(require("./ListItem.module.css"));
 
@@ -114,46 +114,39 @@ var ListItem = /*#__PURE__*/function (_React$Component) {
           customClass = _this$props4.customClass,
           customProps = _this$props4.customProps;
       var _customProps$ListItem = customProps.ListItemProps,
-          ListItemProps = _customProps$ListItem === void 0 ? {} : _customProps$ListItem;
+          ListItemProps = _customProps$ListItem === void 0 ? {} : _customProps$ListItem,
+          _customProps$Containe = customProps.ContainerProps,
+          ContainerProps = _customProps$Containe === void 0 ? {} : _customProps$Containe;
       var _customClass$customLi = customClass.customListItem,
           customListItem = _customClass$customLi === void 0 ? '' : _customClass$customLi,
           _customClass$customTi = customClass.customTickIcon,
           customTickIcon = _customClass$customTi === void 0 ? '' : _customClass$customTi;
-      var role = a11y.role,
-          ariaSelected = a11y.ariaSelected,
-          _a11y$ariaHidden = a11y.ariaHidden,
+      var _a11y$ariaHidden = a11y.ariaHidden,
           ariaHidden = _a11y$ariaHidden === void 0 ? true : _a11y$ariaHidden;
       var tickIconPalette = _ListItemModule["default"]["".concat(palette, "Tick")] ? _ListItemModule["default"]["".concat(palette, "Tick")] : '';
-      var options = {};
-
-      if (isLink) {
-        options.href = href;
-        options.target = "_".concat(target);
-      }
-
-      if (active) {
-        options['data-selected'] = active;
-      }
-
-      if (!isDisabled && !isLink && active) {
-        options.tabindex = '0';
-      }
-
       var dataIdString = dataId ? dataId : value ? String(value).replace("'", '_') : 'listItem';
-      return /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
-        role: role,
-        "aria-selected": ariaSelected,
-        isCover: false,
-        align: "vertical",
-        alignBox: "row",
-        className: "".concat(_ListItemModule["default"].list, " ").concat(_ListItemModule["default"][size], " ").concat(_ListItemModule["default"][palette], " ").concat(active ? _ListItemModule["default"]["active".concat(palette)] : highlight && !isDisabled ? _ListItemModule["default"]["".concat(palette, "Hover")] : '', " ").concat(autoHover && !isDisabled ? _ListItemModule["default"]["".concat(palette, "Effect")] : '', " ").concat(needTick ? _ListItemModule["default"]["".concat(size, "withTick")] : '', " ").concat(isDisabled ? (0, _CssProvider["default"])('isDisable') : '', " ").concat(needBorder ? active ? _ListItemModule["default"].activewithBorder : _ListItemModule["default"].withBorder : '', " ").concat(customListItem),
+      return /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], _extends({
+        a11y: a11y,
+        size: size,
+        palette: palette,
+        highlight: highlight,
+        isDisabled: isDisabled,
+        active: active,
+        autoHover: autoHover,
+        needTick: needTick,
+        needBorder: needBorder,
+        customClass: customListItem,
         dataId: dataIdString,
-        onClick: !isDisabled && this.handleClick,
+        isLink: isLink,
+        href: href,
+        target: target,
+        disableTitle: disableTitle,
+        title: title,
+        onClick: this.handleClick,
         onMouseEnter: this.handleMouseEnter,
         eleRef: this.getRef,
-        tagName: isLink ? 'a' : 'li',
-        "data-title": isDisabled ? disableTitle : title
-      }, options, ListItemProps), value ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        customProps: ListItemProps
+      }, ContainerProps), value ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         shrink: true,
         adjust: true,
         className: _ListItemModule["default"].value

package/lib/ListItem/ListItemWithAvatar.js

@@ -13,14 +13,14 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _Layout = require("../Layout");
 
+var _ListContainer = _interopRequireDefault(require("./ListContainer"));
+
 var _Avatar = _interopRequireDefault(require("../Avatar/Avatar"));
 
 var _AvatarTeam = _interopRequireDefault(require("../AvatarTeam/AvatarTeam"));
 
 var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
 
-var _CssProvider = _interopRequireDefault(require("../Provider/CssProvider"));
-
 var _ListItemModule = _interopRequireDefault(require("./ListItem.module.css"));
 
 var _ListItemWithAvatar$p;
@@ -124,43 +124,38 @@ var ListItemWithAvatar = /*#__PURE__*/function (_React$PureComponent) {
           customClass = _this$props4.customClass,
           customProps = _this$props4.customProps;
       var _customProps$ListItem = customProps.ListItemProps,
-          ListItemProps = _customProps$ListItem === void 0 ? {} : _customProps$ListItem;
+          ListItemProps = _customProps$ListItem === void 0 ? {} : _customProps$ListItem,
+          _customProps$Containe = customProps.ContainerProps,
+          ContainerProps = _customProps$Containe === void 0 ? {} : _customProps$Containe;
       var _customClass$customLi = customClass.customListItem,
           customListItem = _customClass$customLi === void 0 ? '' : _customClass$customLi,
           _customClass$customAv = customClass.customAvatar,
           customAvatar = _customClass$customAv === void 0 ? '' : _customClass$customAv,
           _customClass$customAv2 = customClass.customAvatarTeam,
           customAvatarTeam = _customClass$customAv2 === void 0 ? '' : _customClass$customAv2;
-      var options = {};
-      var role = a11y.role,
-          ariaSelected = a11y.ariaSelected,
-          _a11y$ariaHidden = a11y.ariaHidden,
+      var _a11y$ariaHidden = a11y.ariaHidden,
           ariaHidden = _a11y$ariaHidden === void 0 ? true : _a11y$ariaHidden;
       var isDarkPalette = palette === 'dark';
-
-      if (active) {
-        options['data-selected'] = active;
-      }
-
-      if (!isDisabled && active) {
-        options.tabindex = '0';
-      }
-
       var dataIdString = value ? value : dataId;
-      return /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
-        role: role,
-        "aria-selected": ariaSelected,
-        isCover: false,
-        align: "vertical",
-        alignBox: "row",
-        className: "".concat(_ListItemModule["default"].list, " ").concat(_ListItemModule["default"][size], " ").concat(_ListItemModule["default"][palette], " ").concat(active ? _ListItemModule["default"]["active".concat(palette)] : highlight && !isDisabled ? _ListItemModule["default"]["".concat(palette, "Hover")] : '', " ").concat(autoHover && !isDisabled ? _ListItemModule["default"]["".concat(palette, "Effect")] : '', " ").concat(needTick ? _ListItemModule["default"]["".concat(size, "withTick")] : '', " ").concat(isDisabled ? (0, _CssProvider["default"])('isDisable') : '', " ").concat(needBorder ? active ? _ListItemModule["default"].activewithBorder : _ListItemModule["default"].withBorder : '', " ").concat(customListItem),
-        onClick: !isDisabled && this.handleClick,
+      return /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], _extends({
+        a11y: a11y,
+        size: size,
+        palette: palette,
+        highlight: highlight,
+        isDisabled: isDisabled,
+        active: active,
+        autoHover: autoHover,
+        needTick: needTick,
+        needBorder: needBorder,
+        customClass: customListItem,
+        dataId: "".concat(dataIdString, "_ListItemWithAvatar"),
+        onClick: this.handleClick,
         onMouseEnter: this.handleMouseEnter,
         eleRef: this.getRef,
-        tagName: "li",
-        dataId: "".concat(dataIdString, "_ListItemWithAvatar"),
-        "data-title": isDisabled ? disableTitle : null
-      }, options, ListItemProps), name || imgSrc ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        disableTitle: disableTitle,
+        title: null,
+        customProps: ListItemProps
+      }, ContainerProps), name || imgSrc ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _ListItemModule["default"].leftAvatar
       }, isTeam ? /*#__PURE__*/_react["default"].createElement(_AvatarTeam["default"], {
         name: name,

package/lib/ListItem/ListItemWithCheckBox.js

@@ -11,12 +11,12 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _ListContainer = _interopRequireDefault(require("./ListContainer"));
+
 var _CheckBox = _interopRequireDefault(require("../CheckBox/CheckBox"));
 
 var _Layout = require("../Layout");
 
-var _CssProvider = _interopRequireDefault(require("../Provider/CssProvider"));
-
 var _ListItemModule = _interopRequireDefault(require("./ListItem.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -105,39 +105,35 @@ var ListItemWithCheckBox = /*#__PURE__*/function (_React$Component) {
           isDisabled = _this$props4.isDisabled,
           disableTitle = _this$props4.disableTitle,
           a11y = _this$props4.a11y,
-          customClass = _this$props4.customClass;
-      var role = a11y.role,
-          ariaSelected = a11y.ariaSelected;
+          customClass = _this$props4.customClass,
+          customProps = _this$props4.customProps;
+      var _customProps$ListItem = customProps.ListItemProps,
+          ListItemProps = _customProps$ListItem === void 0 ? {} : _customProps$ListItem,
+          _customProps$Containe = customProps.ContainerProps,
+          ContainerProps = _customProps$Containe === void 0 ? {} : _customProps$Containe;
       var _customClass$customLi = customClass.customListItem,
           customListItem = _customClass$customLi === void 0 ? '' : _customClass$customLi,
           _customClass$customCh = customClass.customCheckBox,
           customCheckBox = _customClass$customCh === void 0 ? '' : _customClass$customCh,
           _customClass$customLa = customClass.customLabel,
           customLabel = _customClass$customLa === void 0 ? '' : _customClass$customLa;
-      var options = {};
-
-      if (active) {
-        options['data-selected'] = active;
-      }
-
-      if (!isDisabled && active) {
-        options.tabindex = '0';
-      }
-
-      return /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
-        role: role,
-        "aria-selected": ariaSelected,
-        isCover: false,
-        align: "vertical",
-        alignBox: "row",
-        className: "".concat(_ListItemModule["default"].list, " ").concat(_ListItemModule["default"][size], " ").concat(_ListItemModule["default"][palette], " ").concat(active ? _ListItemModule["default"]["active".concat(palette)] : highlight && !isDisabled ? _ListItemModule["default"]["".concat(palette, "Hover")] : '', " ").concat(autoHover && !isDisabled ? _ListItemModule["default"]["".concat(palette, "Effect")] : '', " \n        ").concat(isDisabled ? (0, _CssProvider["default"])('isDisable') : '', " ").concat(customListItem),
+      return /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], _extends({
+        a11y: a11y,
+        size: size,
+        palette: palette,
+        highlight: highlight,
+        isDisabled: isDisabled,
+        active: active,
+        autoHover: autoHover,
+        customClass: customListItem,
         dataId: "".concat(dataId ? dataId : value, "_ListItemWithCheckBox"),
-        onClick: !isDisabled && this.onClick,
+        onClick: this.onClick,
         onMouseOver: this.onHover,
         eleRef: this.getRef,
-        tagName: "li",
-        "data-title": isDisabled ? disableTitle : null
-      }, options), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        disableTitle: disableTitle,
+        title: null,
+        customProps: ListItemProps
+      }, ContainerProps), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _ListItemModule["default"].iconBox
       }, /*#__PURE__*/_react["default"].createElement(_CheckBox["default"], {
         checked: checked,
@@ -170,7 +166,8 @@ ListItemWithCheckBox.defaultProps = {
   size: 'medium',
   value: 'List',
   a11y: {},
-  customClass: {}
+  customClass: {},
+  customProps: {}
 };
 ListItemWithCheckBox.propTypes = {
   active: _propTypes["default"].bool,

package/lib/ListItem/ListItemWithIcon.js

@@ -15,7 +15,7 @@ var _Layout = require("../Layout");
 
 var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
 
-var _CssProvider = _interopRequireDefault(require("../Provider/CssProvider"));
+var _ListContainer = _interopRequireDefault(require("./ListContainer"));
 
 var _ListItemModule = _interopRequireDefault(require("./ListItem.module.css"));
 
@@ -106,6 +106,9 @@ var ListItemWithIcon = /*#__PURE__*/function (_React$Component) {
           dataId = _this$props4.dataId,
           title = _this$props4.title,
           needTick = _this$props4.needTick,
+          isLink = _this$props4.isLink,
+          href = _this$props4.href,
+          target = _this$props4.target,
           needBorder = _this$props4.needBorder,
           isDisabled = _this$props4.isDisabled,
           disableTitle = _this$props4.disableTitle,
@@ -113,36 +116,34 @@ var ListItemWithIcon = /*#__PURE__*/function (_React$Component) {
           customClass = _this$props4.customClass,
           customProps = _this$props4.customProps;
       var _customProps$ListItem = customProps.ListItemProps,
-          ListItemProps = _customProps$ListItem === void 0 ? {} : _customProps$ListItem;
-      var role = a11y.role,
-          ariaSelected = a11y.ariaSelected,
-          _a11y$ariaHidden = a11y.ariaHidden,
+          ListItemProps = _customProps$ListItem === void 0 ? {} : _customProps$ListItem,
+          _customProps$Containe = customProps.ContainerProps,
+          ContainerProps = _customProps$Containe === void 0 ? {} : _customProps$Containe;
+      var _a11y$ariaHidden = a11y.ariaHidden,
           ariaHidden = _a11y$ariaHidden === void 0 ? true : _a11y$ariaHidden;
-      var options = {};
-
-      if (active) {
-        options['data-selected'] = active;
-      }
-
-      if (!isDisabled && active) {
-        options.tabindex = '0';
-      }
-
       var dataIdString = dataId ? "".concat(dataId.replace("'", '_')) : value.toLowerCase().replace("'", '_');
-      return /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
-        role: role,
-        "aria-selected": ariaSelected,
-        isCover: false,
-        align: "vertical",
-        alignBox: "row",
-        className: "".concat(_ListItemModule["default"].list, " ").concat(_ListItemModule["default"][size], " ").concat(_ListItemModule["default"][palette], " ").concat(active ? _ListItemModule["default"]["active".concat(palette)] : highlight && !isDisabled ? _ListItemModule["default"]["".concat(palette, "Hover")] : '', " ").concat(autoHover && !isDisabled ? _ListItemModule["default"]["".concat(palette, "Effect")] : '', " ").concat(needTick ? _ListItemModule["default"]["".concat(size, "withTick")] : '', " ").concat(isDisabled ? (0, _CssProvider["default"])('isDisable') : '', " ").concat(needBorder ? active ? _ListItemModule["default"].activewithBorder : _ListItemModule["default"].withBorder : '', " ").concat(customClass),
+      return /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], _extends({
+        a11y: a11y,
+        size: size,
+        palette: palette,
+        highlight: highlight,
+        isDisabled: isDisabled,
+        active: active,
+        autoHover: autoHover,
+        needTick: needTick,
+        needBorder: needBorder,
+        customClass: customClass,
         dataId: dataIdString,
-        onClick: !isDisabled && this.handleClick,
+        isLink: isLink,
+        href: href,
+        target: target,
+        onClick: this.handleClick,
         onMouseOver: this.handleMouseEnter,
         eleRef: this.getRef,
-        tagName: "li",
-        "data-title": isDisabled ? disableTitle : null
-      }, options, ListItemProps), iconName && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+        disableTitle: disableTitle,
+        title: null,
+        customProps: ListItemProps
+      }, ContainerProps), iconName && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         "aria-hidden": true,
         className: _ListItemModule["default"].iconBox,
         dataId: dataId ? "".concat(dataId, "_Icon") : "".concat(value.toLowerCase().replace("'", '_'), "_Icon")

package/lib/ListItem/ListItemWithRadio.js

@@ -15,14 +15,12 @@ var _Radio = _interopRequireDefault(require("../Radio/Radio"));
 
 var _Layout = require("../Layout");
 
-var _CssProvider = _interopRequireDefault(require("../Provider/CssProvider"));
+var _ListContainer = _interopRequireDefault(require("./ListContainer"));
 
 var _ListItemModule = _interopRequireDefault(require("./ListItem.module.css"));
 
 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -94,8 +92,6 @@ var ListItemWithRadio = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _extends2;
-
       var _this$props4 = this.props,
           size = _this$props4.size,
           active = _this$props4.active,
@@ -110,33 +106,35 @@ var ListItemWithRadio = /*#__PURE__*/function (_React$Component) {
           isDisabled = _this$props4.isDisabled,
           disableTitle = _this$props4.disableTitle,
           a11y = _this$props4.a11y,
-          customClass = _this$props4.customClass;
+          customClass = _this$props4.customClass,
+          customProps = _this$props4.customProps;
+      var _customProps$ListItem = customProps.ListItemProps,
+          ListItemProps = _customProps$ListItem === void 0 ? {} : _customProps$ListItem,
+          _customProps$Containe = customProps.ContainerProps,
+          ContainerProps = _customProps$Containe === void 0 ? {} : _customProps$Containe;
       var _customClass$customLi = customClass.customListItem,
           customListItem = _customClass$customLi === void 0 ? '' : _customClass$customLi,
           _customClass$customRa = customClass.customRadio,
           customRadio = _customClass$customRa === void 0 ? '' : _customClass$customRa,
           _customClass$customRa2 = customClass.customRadioWrap,
           customRadioWrap = _customClass$customRa2 === void 0 ? '' : _customClass$customRa2;
-      var role = a11y.role,
-          ariaSelected = a11y.ariaSelected;
-      var options = {};
-
-      if (active) {
-        options['data-selected'] = active;
-      }
-
-      if (!isDisabled && active) {
-        options.tabindex = '0';
-      }
-
-      return /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends((_extends2 = {
-        role: role,
-        "aria-selected": ariaSelected,
-        isCover: false,
-        align: "vertical",
-        alignBox: "row",
-        className: "".concat(_ListItemModule["default"].list, " ").concat(_ListItemModule["default"][size], " ").concat(_ListItemModule["default"][palette], " ").concat(active ? _ListItemModule["default"].active : highlight && !isDisabled ? _ListItemModule["default"].hover : '', " ").concat(autoHover && !isDisabled ? _ListItemModule["default"].effect : '', "  ").concat(isDisabled ? (0, _CssProvider["default"])('isDisable') : '', " ")
-      }, _defineProperty(_extends2, "className", "".concat(_ListItemModule["default"].list, " ").concat(_ListItemModule["default"][size], " ").concat(_ListItemModule["default"][palette], " ").concat(active ? _ListItemModule["default"]["active".concat(palette)] : highlight && !isDisabled ? _ListItemModule["default"]["".concat(palette, "Hover")] : '', " ").concat(autoHover && !isDisabled ? _ListItemModule["default"]["".concat(palette, "Effect")] : '', " \n        ").concat(isDisabled ? (0, _CssProvider["default"])('isDisable') : '', " ").concat(customListItem)), _defineProperty(_extends2, "dataId", dataId), _defineProperty(_extends2, "onClick", !isDisabled && this.onClick), _defineProperty(_extends2, "onMouseOver", this.onHover), _defineProperty(_extends2, "eleRef", this.getRef), _defineProperty(_extends2, "tagName", "li"), _defineProperty(_extends2, "data-title", isDisabled ? disableTitle : null), _extends2), options), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      return /*#__PURE__*/_react["default"].createElement(_ListContainer["default"], _extends({
+        a11y: a11y,
+        size: size,
+        palette: palette,
+        highlight: highlight,
+        isDisabled: isDisabled,
+        active: active,
+        autoHover: autoHover,
+        customClass: customListItem,
+        dataId: dataId,
+        onClick: this.onClick,
+        onMouseOver: this.onHover,
+        eleRef: this.getRef,
+        disableTitle: disableTitle,
+        title: null,
+        customProps: ListItemProps
+      }, ContainerProps), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _ListItemModule["default"].iconBox
       }, /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
         checked: checked,
@@ -171,7 +169,8 @@ ListItemWithRadio.defaultProps = {
   value: 'List',
   dataId: 'listItemWithRadioComp',
   a11y: {},
-  customClass: {}
+  customClass: {},
+  customProps: {}
 };
 ListItemWithRadio.propTypes = {
   active: _propTypes["default"].bool,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-alpha-225",
+  "version": "1.0.0-alpha-226",
   "main": "lib/index.js",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",
@@ -39,7 +39,7 @@
     "@zohodesk/virtualizer": "1.0.3",
     "velocity-react": "^1.4.1",
     "react-sortable-hoc": "^0.8.3",
-    "@zohodesk/svg": "1.0.0-beta.39"
+    "@zohodesk/svg": "1.0.0-beta.41"
   },
   "dependencies": {
     "hoist-non-react-statics": "3.0.1",
@@ -50,7 +50,7 @@
   "peerDependencies": {
     "@zohodesk/icons": "1.0.0-beta.92",
     "@zohodesk/variables": "1.0.0-beta.29",
-    "@zohodesk/svg": "1.0.0-beta.39",
+    "@zohodesk/svg": "1.0.0-beta.41",
     "@zohodesk/virtualizer": "^1.0.3",
     "velocity-react": "^1.4.1",
     "react-sortable-hoc": "^0.8.3"

package/README_Beta.md

@@ -1,2 +0,0 @@
-- FocusScope added
-- Focus Ring added

package/__testUtils__/globals.js

@@ -1,46 +0,0 @@
-let moduleMapKey = require('./moduleMapKey.json');
-global.SupportUI = {
-  Departments: {
-    getDepartmentAgents() {},
-    getDepartmentName() {}
-  },
-  CurrentUser: {
-    getSelectedDepartmentId() {},
-    getAccessibleDepartments() {},
-    getZuid() {}
-  },
-  CurrentPortal: {
-    getPortalZgId() {
-      return this.zgid;
-    },
-    getPortalName() {
-      return this.portalName;
-    },
-    getBaseDomain() {},
-    getMarketplaceDomain() {},
-    additioninfo: {
-      LICENSE_TYPE: ''
-    },
-    portalName: 'MyPortal',
-    zgid: '1234456'
-  },
-  History: {
-    changeHashSilently() {}
-  }
-};
-global.showLoadingBar = function() {};
-global.hideLoadingBar = function() {};
-global.showAnimateMessageDiv = function() {};
-global.hideAnimateMessageDiv = function() {};
-global.requestAnimationFrame = function(fn) {
-  setTimeout(fn, 16);
-};
-
-global.moduleMapKey = moduleMapKey;
-global.MutationObserver = function() {
-  return {
-    replaceObservationElement: () => {},
-    disconnect: () => {},
-    observe: () => {}
-  };
-};

package/__testUtils__/moduleMapKey.json

@@ -1,138 +0,0 @@
-{
-  "Activities": {
-    "changed_i18n_module": "Activities",
-    "changed_module": "Activities",
-    "changed_i18n_plural_module": "Activities",
-    "changed_sing_module": "Activity",
-    "changed_plural_module": "Activities",
-    "changed_i18n_sing_module": "Activity"
-  },
-  "Products": {
-    "changed_i18n_module": "Products",
-    "changed_module": "Products",
-    "changed_i18n_plural_module": "Products",
-    "changed_sing_module": "Product",
-    "changed_plural_module": "Products",
-    "changed_i18n_sing_module": "Product"
-  },
-  "Tasks": {
-    "changed_i18n_module": "Tasks",
-    "changed_module": "Tasks",
-    "changed_i18n_plural_module": "Tasks",
-    "changed_sing_module": "Task",
-    "changed_plural_module": "Tasks",
-    "changed_i18n_sing_module": "Task"
-  },
-  "Calls": {
-    "changed_i18n_module": "Calls",
-    "changed_module": "Calls",
-    "changed_i18n_plural_module": "Calls",
-    "changed_sing_module": "Call",
-    "changed_plural_module": "Calls",
-    "changed_i18n_sing_module": "Call"
-  },
-  "Reports": {
-    "changed_i18n_module": "Reports",
-    "changed_module": "Reports",
-    "changed_i18n_plural_module": "Reports",
-    "changed_sing_module": "Report",
-    "changed_plural_module": "Reports",
-    "changed_i18n_sing_module": "Report"
-  },
-  "Leads": {
-    "changed_i18n_module": "Leads",
-    "changed_module": "Leads",
-    "changed_i18n_plural_module": "Leads",
-    "changed_sing_module": "Lead",
-    "changed_plural_module": "Leads",
-    "changed_i18n_sing_module": "Lead"
-  },
-  "Contacts": {
-    "changed_i18n_module": "Contacts",
-    "changed_module": "Contacts",
-    "changed_i18n_plural_module": "Contacts",
-    "changed_sing_module": "Contact",
-    "changed_plural_module": "Contacts",
-    "changed_i18n_sing_module": "Contact"
-  },
-  "Solutions": {
-    "changed_i18n_module": "Knowledge Base",
-    "changed_module": "Knowledge Base",
-    "changed_i18n_plural_module": "Articles",
-    "changed_sing_module": "Article",
-    "changed_plural_module": "Articles",
-    "changed_i18n_sing_module": "Article"
-  },
-  "TimeEntry": {
-    "changed_i18n_module": "Time Entry",
-    "changed_module": "Time Entry",
-    "changed_i18n_plural_module": "Time Entry",
-    "changed_sing_module": "Time Entry",
-    "changed_plural_module": "Time Entry",
-    "changed_i18n_sing_module": "Time Entry"
-  },
-  "Socials": {
-    "changed_i18n_module": "Social",
-    "changed_module": "Social",
-    "changed_i18n_plural_module": "Social",
-    "changed_sing_module": "Social",
-    "changed_plural_module": "Social",
-    "changed_i18n_sing_module": "Social"
-  },
-  "Events": {
-    "changed_i18n_module": "Events",
-    "changed_module": "Events",
-    "changed_i18n_plural_module": "Events",
-    "changed_sing_module": "Event",
-    "changed_plural_module": "Events",
-    "changed_i18n_sing_module": "Event"
-  },
-  "Chat": {
-    "changed_i18n_module": "Chat",
-    "changed_module": "Chat",
-    "changed_i18n_plural_module": "Chat",
-    "changed_sing_module": "Chat",
-    "changed_plural_module": "Chat",
-    "changed_i18n_sing_module": "Chat"
-  },
-  "Dashboards": {
-    "changed_i18n_module": "Dashboards",
-    "changed_module": "Dashboards",
-    "changed_i18n_plural_module": "Dashboards",
-    "changed_sing_module": "Dashboard",
-    "changed_plural_module": "Dashboards",
-    "changed_i18n_sing_module": "Dashboard"
-  },
-  "Contracts": {
-    "changed_i18n_module": "Contracts",
-    "changed_module": "Contracts",
-    "changed_i18n_plural_module": "Contracts",
-    "changed_sing_module": "Contract",
-    "changed_plural_module": "Contracts",
-    "changed_i18n_sing_module": "Contract"
-  },
-  "Cases": {
-    "changed_i18n_module": "Tickets",
-    "changed_module": "Tickets",
-    "changed_i18n_plural_module": "Tickets",
-    "changed_sing_module": "Ticket",
-    "changed_plural_module": "Tickets",
-    "changed_i18n_sing_module": "Ticket"
-  },
-  "Community": {
-    "changed_i18n_module": "Community",
-    "changed_module": "Community",
-    "changed_i18n_plural_module": "Community",
-    "changed_sing_module": "Community",
-    "changed_plural_module": "Community",
-    "changed_i18n_sing_module": "Community"
-  },
-  "Accounts": {
-    "changed_i18n_module": "Accounts",
-    "changed_module": "Accounts",
-    "changed_i18n_plural_module": "Accounts",
-    "changed_sing_module": "Account",
-    "changed_plural_module": "Accounts",
-    "changed_i18n_sing_module": "Account"
-  }
-}