@zohodesk/components 1.2.42 → 1.2.44

package/lib/v1/MultiSelect/MultiSelect.js

@@ -1065,6 +1065,10 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
           borderColor = _this$props15.borderColor,
           disableAction = _this$props15.disableAction,
           isBoxPaddingNeed = _this$props15.isBoxPaddingNeed,
+          isAbsolutePositioningNeeded = _this$props15.isAbsolutePositioningNeeded,
+          positionsOffset = _this$props15.positionsOffset,
+          targetOffset = _this$props15.targetOffset,
+          isRestrictScroll = _this$props15.isRestrictScroll,
           palette = _this$props15.palette,
           i18nKeys = _this$props15.i18nKeys,
           getFooter = _this$props15.getFooter,
@@ -1110,6 +1114,10 @@ var MultiSelectComponent = /*#__PURE__*/function (_React$Component) {
         needResponsive: needResponsive,
         isPadding: false,
         isBoxPaddingNeed: isBoxPaddingNeed,
+        isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
+        positionsOffset: positionsOffset,
+        targetOffset: targetOffset,
+        isRestrictScroll: isRestrictScroll,
         palette: palette,
         htmlId: setAriaId,
         a11y: {

package/lib/v1/MultiSelect/MultiSelectWithAvatar.js

@@ -126,6 +126,10 @@ var MultiSelectWithAvatarComponent = /*#__PURE__*/function (_MultiSelectComponen
           selectAllText = _this$props.selectAllText,
           getContainerRef = _this$props.getContainerRef,
           removeClose = _this$props.removeClose,
+          isAbsolutePositioningNeeded = _this$props.isAbsolutePositioningNeeded,
+          positionsOffset = _this$props.positionsOffset,
+          targetOffset = _this$props.targetOffset,
+          isRestrictScroll = _this$props.isRestrictScroll,
           isAnimate = _this$props.isAnimate,
           animationStyle = _this$props.animationStyle,
           isDisabled = _this$props.isDisabled,
@@ -179,6 +183,10 @@ var MultiSelectWithAvatarComponent = /*#__PURE__*/function (_MultiSelectComponen
         needResponsive: needResponsive,
         isPadding: false,
         isBoxPaddingNeed: isBoxPaddingNeed,
+        isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
+        positionsOffset: positionsOffset,
+        targetOffset: targetOffset,
+        isRestrictScroll: isRestrictScroll,
         palette: palette,
         htmlId: setAriaId,
         a11y: {

package/lib/v1/MultiSelect/props/defaultProps.js

@@ -40,6 +40,8 @@ var AdvancedGroupMultiSelect_defaultProps = {
   i18nKeys: {},
   a11y: {},
   isSearchClearOnSelect: true,
+  isAbsolutePositioningNeeded: true,
+  isRestrictScroll: false,
   needEffect: true,
   palette: 'default',
   isLoading: false,
@@ -76,7 +78,9 @@ var AdvancedMultiSelect_defaultProps = {
   needEffect: true,
   isLoading: false,
   dataSelectorId: 'advancedMultiSelect',
-  customClass: {}
+  customClass: {},
+  isAbsolutePositioningNeeded: true,
+  isRestrictScroll: false
 };
 exports.AdvancedMultiSelect_defaultProps = AdvancedMultiSelect_defaultProps;
 var EmptyState_defaultProps = {
@@ -115,6 +119,8 @@ var MultiSelect_defaultProps = {
   textBoxClass: '',
   palette: 'default',
   isSearchClearOnSelect: true,
+  isAbsolutePositioningNeeded: true,
+  isRestrictScroll: false,
   needEffect: true,
   boxSize: 'default',
   isLoading: false,
@@ -154,6 +160,8 @@ var MultiSelectWithAvatar_defaultProps = {
   palette: 'default',
   isBoxPaddingNeed: true,
   isSearchClearOnSelect: true,
+  isAbsolutePositioningNeeded: true,
+  isRestrictScroll: false,
   needEffect: true,
   isLoading: false,
   dataSelectorId: 'multiSelectWithAvatar',

package/lib/v1/MultiSelect/props/propTypes.js

@@ -115,6 +115,10 @@ var MultiSelect_propTypes = {
   getFooter: _propTypes["default"].func,
   needEffect: _propTypes["default"].bool,
   boxSize: _propTypes["default"].string,
+  isAbsolutePositioningNeeded: _propTypes["default"].bool,
+  isRestrictScroll: _propTypes["default"].bool,
+  positionsOffset: _propTypes["default"].object,
+  targetOffset: _propTypes["default"].object,
   isLoading: _propTypes["default"].bool,
   dataSelectorId: _propTypes["default"].string,
   keepSelectedOptions: _propTypes["default"].bool,
@@ -251,6 +255,10 @@ var AdvancedGroupMultiSelect_propTypes = _defineProperty({
   textField: _propTypes["default"].string,
   getTargetRef: _propTypes["default"].func,
   togglePopup: _propTypes["default"].func,
+  isAbsolutePositioningNeeded: _propTypes["default"].bool,
+  isRestrictScroll: _propTypes["default"].bool,
+  positionsOffset: _propTypes["default"].object,
+  targetOffset: _propTypes["default"].object,
   needLocalSearch: _propTypes["default"].bool,
   isNextOptions: _propTypes["default"].bool,
   getNextOptions: _propTypes["default"].func,

package/lib/v1/Select/GroupSelect.js

@@ -654,6 +654,10 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
           getContainerRef = _this$props9.getContainerRef,
           isPopupReady = _this$props9.isPopupReady,
           removeClose = _this$props9.removeClose,
+          isAbsolutePositioningNeeded = _this$props9.isAbsolutePositioningNeeded,
+          positionsOffset = _this$props9.positionsOffset,
+          targetOffset = _this$props9.targetOffset,
+          isRestrictScroll = _this$props9.isRestrictScroll,
           borderColor = _this$props9.borderColor,
           needTick = _this$props9.needTick,
           children = _this$props9.children,
@@ -779,6 +783,10 @@ var GroupSelectComponent = /*#__PURE__*/function (_PureComponent) {
           onClick: removeClose,
           needResponsive: needResponsive,
           isPadding: false,
+          isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
+          positionsOffset: positionsOffset,
+          targetOffset: targetOffset,
+          isRestrictScroll: isRestrictScroll,
           isResponsivePadding: getFooter ? false : true,
           alignBox: "row",
           dataId: "".concat(dataId, "_suggestionBox")

package/lib/v1/Select/SelectWithAvatar.js

@@ -183,6 +183,10 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
           isPopupOpen = _this$props.isPopupOpen,
           removeClose = _this$props.removeClose,
           isPopupReady = _this$props.isPopupReady,
+          isAbsolutePositioningNeeded = _this$props.isAbsolutePositioningNeeded,
+          positionsOffset = _this$props.positionsOffset,
+          targetOffset = _this$props.targetOffset,
+          isRestrictScroll = _this$props.isRestrictScroll,
           animationStyle = _this$props.animationStyle,
           textBoxSize = _this$props.textBoxSize,
           textBoxVariant = _this$props.textBoxVariant,
@@ -208,7 +212,8 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
           htmlId = _this$props.htmlId,
           needEffect = _this$props.needEffect,
           isLoading = _this$props.isLoading,
-          dataSelectorId = _this$props.dataSelectorId;
+          dataSelectorId = _this$props.dataSelectorId,
+          getTargetRef = _this$props.getTargetRef;
       i18nKeys = Object.assign({}, i18nKeys, {
         emptyText: i18nKeys.emptyText || emptyMessage,
         searchEmptyText: i18nKeys.searchEmptyText || searchEmptyMessage
@@ -239,7 +244,7 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
         align: "vertical",
         alignBox: "row",
         className: "".concat(_MultiSelectModule["default"].container, " ").concat(_MultiSelectModule["default"][size], " ").concat(_MultiSelectModule["default"]["borderColor_".concat(borderColor)], " ").concat(isActive && needBorder ? _MultiSelectModule["default"].active : '', " ").concat(textBoxClass ? textBoxClass : '', " ").concat(needBorder ? _MultiSelectModule["default"].hasBorder : ''),
-        eleRef: this.getTargetRef,
+        eleRef: getTargetRef,
         onClick: !isDisabled && this.togglePopup
       }, selectedId ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: _MultiSelectModule["default"].tag,
@@ -303,6 +308,10 @@ var SelectWithAvatarComponent = /*#__PURE__*/function (_SelectComponent) {
           isArrow: false,
           onClick: removeClose,
           needResponsive: needResponsive,
+          isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
+          positionsOffset: positionsOffset,
+          targetOffset: targetOffset,
+          isRestrictScroll: isRestrictScroll,
           isPadding: false,
           isResponsivePadding: true,
           alignBox: "row",

package/lib/v1/Select/SelectWithIcon.js

@@ -390,6 +390,10 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
           isPopupReady = _this$props7.isPopupReady,
           position = _this$props7.position,
           getContainerRef = _this$props7.getContainerRef,
+          isAbsolutePositioningNeeded = _this$props7.isAbsolutePositioningNeeded,
+          positionsOffset = _this$props7.positionsOffset,
+          targetOffset = _this$props7.targetOffset,
+          isRestrictScroll = _this$props7.isRestrictScroll,
           valueKey = _this$props7.valueKey,
           idKey = _this$props7.idKey,
           needListBorder = _this$props7.needListBorder,
@@ -499,6 +503,10 @@ var SelectWithIcon = /*#__PURE__*/function (_Component) {
           onClick: removeClose,
           getRef: getContainerRef,
           needResponsive: needResponsive,
+          isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
+          positionsOffset: positionsOffset,
+          targetOffset: targetOffset,
+          isRestrictScroll: isRestrictScroll,
           dataId: "".concat(dataId, "_suggestions"),
           size: boxSize,
           isPadding: false,

package/lib/v1/Select/props/defaultProps.js

@@ -78,6 +78,8 @@ var GroupSelect_defaultProps = {
   needTick: true,
   needLocalSearch: true,
   isSearchClearOnClose: true,
+  isAbsolutePositioningNeeded: true,
+  isRestrictScroll: false,
   i18nKeys: {},
   iconOnHover: false,
   isLoading: false
@@ -103,6 +105,8 @@ var SelectWithAvatar_defaultProps = {
   dataSelectorId: 'selectWithAvatar',
   borderColor: 'default',
   isSearchClearOnClose: true,
+  isAbsolutePositioningNeeded: true,
+  isRestrictScroll: false,
   i18nKeys: {},
   needEffect: true,
   isLoading: false
@@ -117,5 +121,5 @@ var SelectWithIcon_defaultProps = (_SelectWithIcon_defau = {
   needListBorder: false,
   needSearch: false,
   boxSize: 'default'
-}, _defineProperty(_SelectWithIcon_defau, "needListBorder", false), _defineProperty(_SelectWithIcon_defau, "needCloseOnSelect", true), _defineProperty(_SelectWithIcon_defau, "borderColor", 'default'), _defineProperty(_SelectWithIcon_defau, "needTick", true), _defineProperty(_SelectWithIcon_defau, "searchBoxSize", 'small'), _defineProperty(_SelectWithIcon_defau, "size", 'medium'), _defineProperty(_SelectWithIcon_defau, "textBoxSize", 'medium'), _defineProperty(_SelectWithIcon_defau, "textBoxVariant", 'default'), _defineProperty(_SelectWithIcon_defau, "dataId", 'selectWithIcon'), _defineProperty(_SelectWithIcon_defau, "dataSelectorId", 'selectWithIcon'), _defineProperty(_SelectWithIcon_defau, "dropBoxSize", 'small'), _defineProperty(_SelectWithIcon_defau, "needIcon", true), _defineProperty(_SelectWithIcon_defau, "iconSize", '14'), _defineProperty(_SelectWithIcon_defau, "i18nKeys", {}), _defineProperty(_SelectWithIcon_defau, "isLoading", false), _SelectWithIcon_defau);
+}, _defineProperty(_SelectWithIcon_defau, "needListBorder", false), _defineProperty(_SelectWithIcon_defau, "needCloseOnSelect", true), _defineProperty(_SelectWithIcon_defau, "borderColor", 'default'), _defineProperty(_SelectWithIcon_defau, "needTick", true), _defineProperty(_SelectWithIcon_defau, "searchBoxSize", 'small'), _defineProperty(_SelectWithIcon_defau, "size", 'medium'), _defineProperty(_SelectWithIcon_defau, "textBoxSize", 'medium'), _defineProperty(_SelectWithIcon_defau, "textBoxVariant", 'default'), _defineProperty(_SelectWithIcon_defau, "dataId", 'selectWithIcon'), _defineProperty(_SelectWithIcon_defau, "dataSelectorId", 'selectWithIcon'), _defineProperty(_SelectWithIcon_defau, "dropBoxSize", 'small'), _defineProperty(_SelectWithIcon_defau, "needIcon", true), _defineProperty(_SelectWithIcon_defau, "iconSize", '14'), _defineProperty(_SelectWithIcon_defau, "i18nKeys", {}), _defineProperty(_SelectWithIcon_defau, "isAbsolutePositioningNeeded", true), _defineProperty(_SelectWithIcon_defau, "isRestrictScroll", false), _defineProperty(_SelectWithIcon_defau, "isLoading", false), _SelectWithIcon_defau);
 exports.SelectWithIcon_defaultProps = SelectWithIcon_defaultProps;

package/lib/v1/Select/props/propTypes.js

@@ -179,6 +179,10 @@ var GroupSelect_propTypes = {
   closePopupOnly: _propTypes["default"].func,
   position: _propTypes["default"].string,
   removeClose: _propTypes["default"].func,
+  isAbsolutePositioningNeeded: _propTypes["default"].bool,
+  isRestrictScroll: _propTypes["default"].bool,
+  positionsOffset: _propTypes["default"].object,
+  targetOffset: _propTypes["default"].object,
   i18nKeys: _propTypes["default"].shape({
     loadingText: _propTypes["default"].string,
     emptyText: _propTypes["default"].string,
@@ -306,6 +310,10 @@ var SelectWithIcon_propTypes = {
   searchBoxSize: _propTypes["default"].string,
   needResponsive: _propTypes["default"].bool,
   boxSize: _propTypes["default"].string,
-  emptyMessage: _propTypes["default"].string
+  emptyMessage: _propTypes["default"].string,
+  isAbsolutePositioningNeeded: _propTypes["default"].bool,
+  isRestrictScroll: _propTypes["default"].bool,
+  positionsOffset: _propTypes["default"].object,
+  targetOffset: _propTypes["default"].object
 };
 exports.SelectWithIcon_propTypes = SelectWithIcon_propTypes;

package/lib/v1/Tab/Tabs.js

@@ -507,7 +507,11 @@ var Tabs = function Tabs(props) {
         position = props.position,
         customProps = props.customProps,
         getCustomDropBoxHeaderPlaceHolder = props.getCustomDropBoxHeaderPlaceHolder,
-        dataId = props.dataId;
+        dataId = props.dataId,
+        isAbsolutePositioningNeeded = props.isAbsolutePositioningNeeded,
+        isRestrictScroll = props.isRestrictScroll,
+        positionsOffset = props.positionsOffset,
+        targetOffset = props.targetOffset;
     var _customProps$DropBoxP = customProps.DropBoxProps,
         DropBoxProps = _customProps$DropBoxP === void 0 ? {} : _customProps$DropBoxP,
         _customProps$ListItem = customProps.ListItemProps,
@@ -580,8 +584,12 @@ var Tabs = function Tabs(props) {
         },
         boxPosition: position,
         getRef: getContainerRef,
-        isBoxPaddingNeed: true,
-        isArrow: false
+        isBoxPaddingNeed: false,
+        isArrow: false,
+        isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
+        isRestrictScroll: isRestrictScroll,
+        positionsOffset: positionsOffset,
+        targetOffset: targetOffset
       }, DropBoxProps, {
         isResponsivePadding: true,
         needFocusScope: true,
@@ -601,7 +609,9 @@ var Tabs = function Tabs(props) {
             'data-a11y-autofocus': true
           }
         },
-        dataId: "".concat(dataId, "_search")
+        dataId: "".concat(dataId, "_search"),
+        autoComplete: false,
+        name: "search"
       }, TextBoxIconProps))) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true,
         shrink: true,

package/lib/v1/Tab/props/defaultProps.js

@@ -42,7 +42,10 @@ var Tabs_defaultProps = {
   dataSelectorId: 'tabs',
   searchBoxSize: 'small',
   searchErrorText: 'No results',
-  placeHolderText: 'Search'
+  placeHolderText: 'Search',
+  isAbsolutePositioningNeeded: true,
+  isRestrictScroll: false,
+  moreContainerClass: ''
 };
 exports.Tabs_defaultProps = Tabs_defaultProps;
 var TabWrapper_defaultProps = {

package/lib/v1/Tab/props/propTypes.js

@@ -107,7 +107,11 @@ var Tabs_propTypes = {
   placeHolderText: _propTypes["default"].string,
   searchBoxSize: _propTypes["default"].string,
   searchErrorText: _propTypes["default"].string,
-  closePopupOnly: _propTypes["default"].func
+  closePopupOnly: _propTypes["default"].func,
+  isAbsolutePositioningNeeded: _propTypes["default"].bool,
+  isRestrictScroll: _propTypes["default"].bool,
+  positionsOffset: _propTypes["default"].object,
+  targetOffset: _propTypes["default"].object
 };
 exports.Tabs_propTypes = Tabs_propTypes;
 var TabWrapper_propTypes = {

package/lib/v1/Tab/v1Tabs.module.css

@@ -137,7 +137,7 @@
 }
 
 .search {
-  padding: 0 var(--zd_size20) 0 ;
+  padding: var(--zd_size6) var(--zd_size20) 0 ;
 }
 
 .emptyStateContainer {
@@ -163,5 +163,5 @@
 }
 
 .listWrapper {
-  padding-top: var(--zd_size10) ;
+  padding: var(--zd_size10) 0 ;
 }

package/lib/v1/Tooltip/Tooltip.js

@@ -551,7 +551,7 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
       var tooltipWhiteSpaceModification = dataTooltipWrap;
 
       if (dataTooltipWrap == 'pre') {
-        tooltipWhiteSpaceModification = 'preWrap';
+        tooltipWhiteSpaceModification = 'pre-wrap';
       } else if (dataTooltipWrap == 'nowrap') {
         tooltipWhiteSpaceModification = 'normal';
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.2.42",
+  "version": "1.2.44",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,
@@ -68,10 +68,10 @@
     "@zohodesk-private/css-variable-migrator": "^1.0.7",
     "@zohodesk-private/node-plugins": "1.1.8",
     "@zohodesk-private/react-prop-validator": "1.2.3",
-    "@zohodesk/a11y": "2.2.3",
+    "@zohodesk/a11y": "2.2.6",
     "@zohodesk/docstool": "1.0.0-alpha-2",
     "@zohodesk/hooks": "2.0.5",
-    "@zohodesk/icons": "1.0.58",
+    "@zohodesk/icons": "1.0.60",
     "@zohodesk/svg": "1.1.19",
     "@zohodesk/utils": "1.3.14",
     "@zohodesk/variables": "1.0.0",
@@ -86,7 +86,7 @@
     "selectn": "1.1.2"
   },
   "peerDependencies": {
-    "@zohodesk/icons": "1.0.58",
+    "@zohodesk/icons": "1.0.60",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/svg": "1.1.19",
     "@zohodesk/virtualizer": "1.0.3",
@@ -94,6 +94,6 @@
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/utils": "1.3.14",
-    "@zohodesk/a11y": "2.2.3"
+    "@zohodesk/a11y": "2.2.6"
   }
 }