@zohodesk/components 1.0.0-temp-134 → 1.0.0-temp-136

package/lib/ListItem/props/defaultProps.js

@@ -17,7 +17,8 @@ var ListContainerDefaultProps = {
   a11y: {},
   customClass: '',
   customProps: {},
-  dataSelectorId: 'listContainer'
+  dataSelectorId: 'listContainer',
+  isMultiLineNeeded: false
 };
 exports.ListContainerDefaultProps = ListContainerDefaultProps;
 var ListItemDefaultProps = {
@@ -34,7 +35,8 @@ var ListItemDefaultProps = {
   a11y: {},
   customClass: {},
   customProps: {},
-  dataSelectorId: 'listItem'
+  dataSelectorId: 'listItem',
+  isMultiLineNeeded: false
 };
 exports.ListItemDefaultProps = ListItemDefaultProps;
 var ListItemWithAvatarDefaultProps = {
@@ -52,7 +54,8 @@ var ListItemWithAvatarDefaultProps = {
   a11y: {},
   customClass: {},
   customProps: {},
-  dataSelectorId: 'listItemWithAvatar'
+  dataSelectorId: 'listItemWithAvatar',
+  isMultiLineNeeded: false
 };
 exports.ListItemWithAvatarDefaultProps = ListItemWithAvatarDefaultProps;
 var ListItemWithCheckBoxDefaultProps = {
@@ -66,7 +69,8 @@ var ListItemWithCheckBoxDefaultProps = {
   a11y: {},
   customClass: {},
   customProps: {},
-  dataSelectorId: 'listItemWithCheckBox'
+  dataSelectorId: 'listItemWithCheckBox',
+  isMultiLineNeeded: false
 };
 exports.ListItemWithCheckBoxDefaultProps = ListItemWithCheckBoxDefaultProps;
 var ListItemWithIconDefaultProps = {
@@ -83,7 +87,8 @@ var ListItemWithIconDefaultProps = {
   a11y: {},
   customClass: '',
   customProps: {},
-  dataSelectorId: 'listItemWithIcon'
+  dataSelectorId: 'listItemWithIcon',
+  isMultiLineNeeded: false
 };
 exports.ListItemWithIconDefaultProps = ListItemWithIconDefaultProps;
 var ListItemWithRadioDefaultProps = {
@@ -98,6 +103,7 @@ var ListItemWithRadioDefaultProps = {
   a11y: {},
   customClass: {},
   customProps: {},
-  dataSelectorId: 'listItemWithRadio'
+  dataSelectorId: 'listItemWithRadio',
+  isMultiLineNeeded: false
 };
 exports.ListItemWithRadioDefaultProps = ListItemWithRadioDefaultProps;

package/lib/MultiSelect/AdvancedGroupMultiSelect.js

@@ -21,7 +21,7 @@ var _Card = _interopRequireWildcard(require("../Card/Card"));
 var _IdProvider = require("../Provider/IdProvider");
 var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
 var _CustomResponsive = require("../Responsive/CustomResponsive");
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _MultiSelectModule = _interopRequireDefault(require("./MultiSelect.module.css"));
 var _Common = require("../utils/Common.js");
 var _dropDownUtils = require("../utils/dropDownUtils");
@@ -934,7 +934,7 @@ var AdvancedGroupMultiSelect = /*#__PURE__*/function (_React$Component) {
         onClick: this.handleDeselectAll,
         tagName: "button",
         "aria-label": clearLabel
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-delete",
         size: "15"
       }))) : null))), !isReadOnly && !isDisabled && isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {

package/lib/MultiSelect/AdvancedMultiSelect.js

@@ -17,7 +17,7 @@ var _Popup = _interopRequireDefault(require("../Popup/Popup"));
 var _TextBoxIcon = _interopRequireDefault(require("../TextBoxIcon/TextBoxIcon"));
 var _Layout = require("../Layout");
 var _Card = _interopRequireWildcard(require("../Card/Card"));
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _IdProvider = require("../Provider/IdProvider");
 var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
 var _CustomResponsive = require("../Responsive/CustomResponsive");
@@ -465,7 +465,7 @@ var AdvancedMultiSelectComponent = /*#__PURE__*/function (_MultiSelectComponent)
         onClick: this.handleDeselectAll,
         tagName: "button",
         "aria-label": clearLabel
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-delete",
         size: "15"
       }))) : null))), !isReadOnly && !isDisabled && isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {

package/lib/MultiSelect/MultiSelect.js

@@ -21,7 +21,7 @@ var _IdProvider = require("../Provider/IdProvider");
 var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
 var _CustomResponsive = require("../Responsive/CustomResponsive");
 var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _MultiSelectModule = _interopRequireDefault(require("./MultiSelect.module.css"));
 var _Common = require("../utils/Common.js");
 var _dropDownUtils = require("../utils/dropDownUtils");
@@ -276,14 +276,12 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         searchStr = _this$state3$searchSt === void 0 ? '' : _this$state3$searchSt;
       var _this$props4 = this.props,
         selectedOptions = _this$props4.selectedOptions,
-        needLocalSearch = _this$props4.needLocalSearch,
-        isNeedTick = _this$props4.isNeedTick;
+        needLocalSearch = _this$props4.needLocalSearch;
       var _this$getFilterSugges = this.getFilterSuggestions({
           options: options,
           selectedOptions: selectedOptions,
           searchStr: (0, _Common.getSearchString)(searchStr),
-          needSearch: needLocalSearch,
-          isNeedTick: isNeedTick
+          needSearch: needLocalSearch
         }),
         suggestions = _this$getFilterSugges.suggestions,
         suggestionIds = _this$getFilterSugges.suggestionIds;
@@ -478,21 +476,12 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
     value: function handleSelectOption(option, value, index, e) {
       var _this$props6 = this.props,
         selectedOptions = _this$props6.selectedOptions,
-        isSearchClearOnSelect = _this$props6.isSearchClearOnSelect,
-        isNeedTick = _this$props6.isNeedTick;
+        isSearchClearOnSelect = _this$props6.isSearchClearOnSelect;
       var searchStr = this.state.searchStr;
       if (searchStr.trim() != '' && isSearchClearOnSelect) {
         this.handleSearch('');
       }
-      if (isNeedTick && selectedOptions.indexOf(option) != -1) {
-        var newSelectedOptions = selectedOptions.filter(function (id) {
-          return id != option;
-        });
-        this.handleChange(newSelectedOptions, e);
-      } else {
-        this.handleChange([].concat(_toConsumableArray(selectedOptions), [option]), e);
-      }
-
+      this.handleChange([].concat(_toConsumableArray(selectedOptions), [option]), e);
       // e && e.stopPropagation && this.handlePopupClose(e);
     }
   }, {
@@ -884,8 +873,7 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         highLightedSelectOptions = _this$state8.highLightedSelectOptions,
         options = _this$state8.options,
         isFetchingOptions = _this$state8.isFetchingOptions,
-        isActive = _this$state8.isActive,
-        selectedOptionIds = _this$state8.selectedOptionIds;
+        isActive = _this$state8.isActive;
       var suggestions = this.handleFilterSuggestions();
       var setAriaId = this.getNextAriaId();
       var ariaErrorId = this.getNextAriaId();
@@ -965,7 +953,7 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         onClick: this.handleDeselectAll,
         tagName: "button",
         "aria-label": clearLabel
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-delete",
         size: "15"
       })) : null, children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
@@ -1024,7 +1012,6 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
           needBorder: false,
           dataId: "".concat(dataId, "_Options"),
           palette: palette,
-          selectedOptions: selectedOptionIds,
           a11y: {
             role: 'option'
           }

package/lib/MultiSelect/MultiSelectWithAvatar.js

@@ -22,12 +22,11 @@ var _IdProvider = require("../Provider/IdProvider");
 var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
 var _CustomResponsive = require("../Responsive/CustomResponsive");
 var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _MultiSelectModule = _interopRequireDefault(require("./MultiSelect.module.css"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -122,13 +121,7 @@ var MultiSelectWithAvatarComponent = /*#__PURE__*/function (_MultiSelectComponen
         customChildrenClass = _this$props.customChildrenClass,
         isBoxPaddingNeed = _this$props.isBoxPaddingNeed,
         needEffect = _this$props.needEffect,
-        isLoading = _this$props.isLoading,
-        isNeedTick = _this$props.isNeedTick,
-        customProps = _this$props.customProps;
-      var _customProps$TextBoxP = customProps.TextBoxProps,
-        TextBoxProps = _customProps$TextBoxP === void 0 ? {} : _customProps$TextBoxP,
-        _customProps$Suggesti = customProps.SuggestionsProps,
-        SuggestionsProps = _customProps$Suggesti === void 0 ? {} : _customProps$Suggesti;
+        isLoading = _this$props.isLoading;
       var _i18nKeys = i18nKeys,
         _i18nKeys$clearText = _i18nKeys.clearText,
         clearText = _i18nKeys$clearText === void 0 ? 'Clear all' : _i18nKeys$clearText;
@@ -146,8 +139,7 @@ var MultiSelectWithAvatarComponent = /*#__PURE__*/function (_MultiSelectComponen
         highLightedSelectOptions = _this$state.highLightedSelectOptions,
         options = _this$state.options,
         isFetchingOptions = _this$state.isFetchingOptions,
-        isActive = _this$state.isActive,
-        selectedOptionIds = _this$state.selectedOptionIds;
+        isActive = _this$state.isActive;
       var suggestions = this.handleFilterSuggestions();
       var setAriaId = this.getNextAriaId();
       var ariaErrorId = this.getNextAriaId();
@@ -209,10 +201,7 @@ var MultiSelectWithAvatarComponent = /*#__PURE__*/function (_MultiSelectComponen
         customClass: {
           customTBoxWrap: _MultiSelectModule["default"].custmInputWrapper
         },
-        autoComplete: false,
-        customProps: {
-          TextBoxProps: TextBoxProps
-        }
+        autoComplete: false
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         isCover: false,
         alignBox: "row",
@@ -227,7 +216,7 @@ var MultiSelectWithAvatarComponent = /*#__PURE__*/function (_MultiSelectComponen
         onClick: this.handleDeselectAll,
         tagName: "button",
         "aria-label": clearLabel
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-delete",
         size: "15"
       })) : null)))), popUpState ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
@@ -272,8 +261,7 @@ var MultiSelectWithAvatarComponent = /*#__PURE__*/function (_MultiSelectComponen
           shrink: true,
           customClass: !tabletMode && dropBoxSize ? _MultiSelectModule["default"][dropBoxSize] : '',
           eleRef: _this2.suggestionContainerRef
-        }, suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], _extends({
-          needTick: isNeedTick,
+        }, suggestions.length ? /*#__PURE__*/_react["default"].createElement(_Suggestions["default"], {
           suggestions: suggestions,
           getRef: _this2.suggestionItemRef,
           hoverOption: hoverOption,
@@ -282,11 +270,10 @@ var MultiSelectWithAvatarComponent = /*#__PURE__*/function (_MultiSelectComponen
           needBorder: false,
           dataId: "".concat(dataId, "_Options"),
           palette: palette,
-          selectedOptions: selectedOptionIds,
           a11y: {
             role: 'option'
           }
-        }, SuggestionsProps)) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
+        }) : /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
           isLoading: isFetchingOptions,
           options: options,
           searchString: searchStr,

package/lib/MultiSelect/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "AdvancedGroupMultiSelect", {
+  enumerable: true,
+  get: function get() {
+    return _AdvancedGroupMultiSelect["default"];
+  }
+});
+Object.defineProperty(exports, "AdvancedMultiSelect", {
+  enumerable: true,
+  get: function get() {
+    return _AdvancedMultiSelect["default"];
+  }
+});
+Object.defineProperty(exports, "MultiSelect", {
+  enumerable: true,
+  get: function get() {
+    return _MultiSelect["default"];
+  }
+});
+Object.defineProperty(exports, "MultiSelectWithAvatar", {
+  enumerable: true,
+  get: function get() {
+    return _MultiSelectWithAvatar["default"];
+  }
+});
+var _MultiSelect = _interopRequireDefault(require("./MultiSelect"));
+var _MultiSelectWithAvatar = _interopRequireDefault(require("./MultiSelectWithAvatar"));
+var _AdvancedMultiSelect = _interopRequireDefault(require("./AdvancedMultiSelect"));
+var _AdvancedGroupMultiSelect = _interopRequireDefault(require("./AdvancedGroupMultiSelect"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/MultiSelect/props/defaultProps.js

@@ -115,8 +115,7 @@ var MultiSelect_defaultProps = {
   needEffect: true,
   boxSize: 'default',
   isLoading: false,
-  dataSelectorId: 'multiSelect',
-  isNeedTick: false
+  dataSelectorId: 'multiSelect'
 };
 exports.MultiSelect_defaultProps = MultiSelect_defaultProps;
 var MultiSelectHeader_defaultProps = {
@@ -150,9 +149,7 @@ var MultiSelectWithAvatar_defaultProps = {
   isSearchClearOnSelect: true,
   needEffect: true,
   isLoading: false,
-  dataSelectorId: 'multiSelectWithAvatar',
-  isNeedTick: false,
-  customProps: {}
+  dataSelectorId: 'multiSelectWithAvatar'
 };
 exports.MultiSelectWithAvatar_defaultProps = MultiSelectWithAvatar_defaultProps;
 var SelectedOptions_defaultProps = {

package/lib/MultiSelect/props/propTypes.js

@@ -249,8 +249,7 @@ var MultiSelect_propTypes = {
   needEffect: _propTypes["default"].bool,
   boxSize: _propTypes["default"].string,
   isLoading: _propTypes["default"].bool,
-  dataSelectorId: _propTypes["default"].string,
-  isNeedTick: _propTypes["default"].bool
+  dataSelectorId: _propTypes["default"].string
 };
 exports.MultiSelect_propTypes = MultiSelect_propTypes;
 var MultiSelectHeader_propTypes = {
@@ -307,11 +306,6 @@ var MultiSelectWithAvatar_propTypes = {
   htmlId: _propTypes["default"].string,
   isBoxPaddingNeed: _propTypes["default"].bool,
   needEffect: _propTypes["default"].bool,
-  isNeedTick: _propTypes["default"].bool,
-  customProps: _propTypes["default"].shape({
-    SuggestionsProps: _propTypes["default"].object,
-    DropBoxProps: _propTypes["default"].object
-  }),
   /**** Popup props ****/
   isPopupOpen: _propTypes["default"].bool,
   isPopupReady: _propTypes["default"].bool,

package/lib/PopOver/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "PopOver", {
+  enumerable: true,
+  get: function get() {
+    return _PopOver["default"];
+  }
+});
+Object.defineProperty(exports, "PopOverContainer", {
+  enumerable: true,
+  get: function get() {
+    return _PopOver.PopOverContainer;
+  }
+});
+Object.defineProperty(exports, "PopOverTarget", {
+  enumerable: true,
+  get: function get() {
+    return _PopOver.PopOverTarget;
+  }
+});
+var _PopOver = _interopRequireWildcard(require("./PopOver"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

package/lib/Provider/IdProvider.js

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Provider = void 0;
 exports.getUniqueId = getUniqueId;
 exports.removeGlobalIdPrefix = removeGlobalIdPrefix;
 exports.setGlobalIdPrefix = setGlobalIdPrefix;
@@ -59,10 +58,11 @@ function getUniqueId(Component, prefix) {
     callback: callback
   });
 }
-var Provider = {
-  docs: {
-    componentGroup: 'Provider',
-    folderName: 'Functions'
-  }
-};
-exports.Provider = Provider;
+
+// let Provider = {
+//   docs: {
+//     componentGroup: 'Provider',
+//     folderName: 'Functions'
+//   }
+// };
+// export { Provider };

package/lib/Provider/index.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "LibraryContextProvider", {
+  enumerable: true,
+  get: function get() {
+    return _LibraryContext["default"];
+  }
+});
+Object.defineProperty(exports, "getLibraryConfig", {
+  enumerable: true,
+  get: function get() {
+    return _Config.getLibraryConfig;
+  }
+});
+Object.defineProperty(exports, "getUniqueId", {
+  enumerable: true,
+  get: function get() {
+    return _IdProvider.getUniqueId;
+  }
+});
+Object.defineProperty(exports, "getZIndex", {
+  enumerable: true,
+  get: function get() {
+    return _ZindexProvider.getZIndex;
+  }
+});
+Object.defineProperty(exports, "removeGlobalIdPrefix", {
+  enumerable: true,
+  get: function get() {
+    return _IdProvider.removeGlobalIdPrefix;
+  }
+});
+Object.defineProperty(exports, "removeGlobalZIndexPrefix", {
+  enumerable: true,
+  get: function get() {
+    return _ZindexProvider.removeGlobalZIndexPrefix;
+  }
+});
+Object.defineProperty(exports, "setGlobalIdPrefix", {
+  enumerable: true,
+  get: function get() {
+    return _IdProvider.setGlobalIdPrefix;
+  }
+});
+Object.defineProperty(exports, "setInitialZIndex", {
+  enumerable: true,
+  get: function get() {
+    return _ZindexProvider.setInitialZIndex;
+  }
+});
+Object.defineProperty(exports, "setLibraryConfig", {
+  enumerable: true,
+  get: function get() {
+    return _Config.setLibraryConfig;
+  }
+});
+Object.defineProperty(exports, "useUniqueId", {
+  enumerable: true,
+  get: function get() {
+    return _IdProvider.useUniqueId;
+  }
+});
+Object.defineProperty(exports, "useZIndex", {
+  enumerable: true,
+  get: function get() {
+    return _ZindexProvider.useZIndex;
+  }
+});
+var _Config = require("./Config");
+var _LibraryContext = _interopRequireDefault(require("./LibraryContext"));
+var _ZindexProvider = require("./ZindexProvider");
+var _IdProvider = require("./IdProvider");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/Responsive/index.js

@@ -3,26 +3,49 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _exportNames = {
-  Responsive: true
-};
-exports.Responsive = void 0;
-var _Responsive = require("./Responsive");
-Object.keys(_Responsive).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Responsive[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Responsive[key];
-    }
-  });
-});
-var Responsive = {
-  docs: {
-    componentGroup: 'Layout',
-    folderName: 'Style Guide'
+Object.defineProperty(exports, "CustomResponsiveReceiver", {
+  enumerable: true,
+  get: function get() {
+    return _CustomResponsive.ResponsiveReceiver;
+  }
+});
+Object.defineProperty(exports, "CustomResponsiveSender", {
+  enumerable: true,
+  get: function get() {
+    return _CustomResponsive.ResponsiveSender;
+  }
+});
+Object.defineProperty(exports, "ResizeComponent", {
+  enumerable: true,
+  get: function get() {
+    return _ResizeComponent["default"];
+  }
+});
+Object.defineProperty(exports, "ResponsiveReceiver", {
+  enumerable: true,
+  get: function get() {
+    return _Responsive.ResponsiveReceiver;
   }
-};
-exports.Responsive = Responsive;
+});
+Object.defineProperty(exports, "ResponsiveSender", {
+  enumerable: true,
+  get: function get() {
+    return _Responsive.ResponsiveSender;
+  }
+});
+Object.defineProperty(exports, "useCustomResponsiveReceiver", {
+  enumerable: true,
+  get: function get() {
+    return _CustomResponsive.useResponsiveReceiver;
+  }
+});
+Object.defineProperty(exports, "useResponsiveReceiver", {
+  enumerable: true,
+  get: function get() {
+    return _Responsive.useResponsiveReceiver;
+  }
+});
+var _CustomResponsive = require("./CustomResponsive");
+var _Responsive = require("./Responsive");
+var _ResizeComponent = _interopRequireDefault(require("./ResizeComponent"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/Select/GroupSelect.js

@@ -14,7 +14,7 @@ var _TextBox = _interopRequireDefault(require("../TextBox/TextBox"));
 var _Card = _interopRequireWildcard(require("../Card/Card"));
 var _Suggestions = _interopRequireDefault(require("../MultiSelect/Suggestions"));
 var _EmptyState = _interopRequireDefault(require("../MultiSelect/EmptyState"));
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
 var _DropDownHeading = _interopRequireDefault(require("../DropDown/DropDownHeading"));
 var _Layout = require("../Layout");
@@ -630,7 +630,7 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "both",
         dataId: dataIdDownIcon
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-down",
         size: "7",
         iconClass: _SelectModule["default"].arrowIcon

package/lib/Select/Select.js

@@ -16,7 +16,7 @@ var _Card = _interopRequireWildcard(require("../Card/Card"));
 var _Suggestions = _interopRequireDefault(require("../MultiSelect/Suggestions"));
 var _EmptyState = _interopRequireDefault(require("../MultiSelect/EmptyState"));
 var _IdProvider = require("../Provider/IdProvider");
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _ResponsiveDropBox = _interopRequireDefault(require("../ResponsiveDropBox/ResponsiveDropBox"));
 var _CustomResponsive = require("../Responsive/CustomResponsive");
 var _Loader = _interopRequireDefault(require("@zohodesk/svg/lib/Loader/Loader"));
@@ -771,7 +771,7 @@ var SelectComponent = /*#__PURE__*/function (_Component) {
         dataId: "".concat(dataId, "_downIcon"),
         "aria-hidden": true,
         className: _SelectModule["default"].arrowIcon
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-down",
         size: "7"
       })))) : /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {

package/lib/Select/SelectWithIcon.js

@@ -10,7 +10,7 @@ var _defaultProps = require("./props/defaultProps");
 var _propTypes = require("./props/propTypes");
 var _Popup = _interopRequireDefault(require("../Popup/Popup"));
 var _TextBoxIcon = _interopRequireDefault(require("../TextBoxIcon/TextBoxIcon"));
-var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
+var _icons = require("@zohodesk/icons");
 var _ListItemWithIcon = _interopRequireDefault(require("../ListItem/ListItemWithIcon"));
 var _Card = _interopRequireWildcard(require("../Card/Card"));
 var _EmptyState = _interopRequireDefault(require("../MultiSelect/EmptyState"));
@@ -382,7 +382,7 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
       }, needIcon ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "both",
         className: "".concat(_SelectModule["default"].leftIcon, " ").concat(isDisabled ? _SelectModule["default"].disable : '')
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: iconName,
         size: iconSize,
         iconClass: iconClass
@@ -424,7 +424,7 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "both",
         dataId: "".concat(dataId, "_downIcon")
-      }, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
+      }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-down",
         size: "7"
       })))))), !isReadOnly && !isDisabled && isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {

package/lib/Select/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GroupSelect", {
+  enumerable: true,
+  get: function get() {
+    return _GroupSelect["default"];
+  }
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function get() {
+    return _Select["default"];
+  }
+});
+Object.defineProperty(exports, "SelectWithAvatar", {
+  enumerable: true,
+  get: function get() {
+    return _SelectWithAvatar["default"];
+  }
+});
+Object.defineProperty(exports, "SelectWithIcon", {
+  enumerable: true,
+  get: function get() {
+    return _SelectWithIcon["default"];
+  }
+});
+var _Select = _interopRequireDefault(require("./Select"));
+var _GroupSelect = _interopRequireDefault(require("./GroupSelect"));
+var _SelectWithAvatar = _interopRequireDefault(require("./SelectWithAvatar"));
+var _SelectWithIcon = _interopRequireDefault(require("./SelectWithIcon"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

package/lib/Tab/Tab.module.css

@@ -1,6 +1,5 @@
 .tab {
   text-transform: uppercase;
-  composes: offSelection from '../common/common.module.css';
   letter-spacing: 0.6px;
   text-decoration: none;
   cursor: pointer;