@zohodesk/dot 1.0.0-temp-191 → 1.0.0-temp-189.1

package/lib/v1/list/Subject/Subject.js

@@ -32,25 +32,29 @@ var Subject = function Subject(props) {
       className = props.className,
       isDotted = props.isDotted,
       children = props.children,
-      customProps = props.customProps;
+      customProps = props.customProps,
+      whiteSpace = props.whiteSpace;
   var _customProps$LinkProp = customProps.LinkProps,
       LinkProps = _customProps$LinkProp === void 0 ? {} : _customProps$LinkProp,
       _customProps$TextProp = customProps.TextProps,
       TextProps = _customProps$TextProp === void 0 ? {} : _customProps$TextProp;
+  var isTooltipWrap = whiteSpace === 'pre' || whiteSpace === 'preWrap';
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isLink ? /*#__PURE__*/_react["default"].createElement(_Link["default"], _extends({
     urlName: urlName,
     href: href,
     urlData: urlData,
     onClick: onClick,
-    className: "".concat(_SubjectModule["default"].subject, " ").concat(isDotted ? _SubjectModule["default"].dotted : '', " ").concat(className, " ").concat(_SubjectModule["default"]["font_".concat(fontWeight)], " ").concat(_SubjectModule["default"].cursorPointer),
+    className: "".concat(_SubjectModule["default"].subject, " ").concat(isDotted ? _SubjectModule["default"].dotted : '', " ").concat(_SubjectModule["default"]["whiteSpace_".concat(whiteSpace)], " ").concat(className, " ").concat(_SubjectModule["default"]["font_".concat(fontWeight)], " ").concat(_SubjectModule["default"].cursorPointer),
     dataId: dataId,
     title: text,
-    target: target
+    target: target,
+    "data-title-wrap": isTooltipWrap
   }, LinkProps), children ? children : text) : /*#__PURE__*/_react["default"].createElement("span", _extends({
-    className: "".concat(_SubjectModule["default"].subject, " ").concat(isDotted ? _SubjectModule["default"].dotted : '', " ").concat(className, " ").concat(_SubjectModule["default"]["font_".concat(fontWeight)]),
+    className: "".concat(_SubjectModule["default"].subject, " ").concat(isDotted ? _SubjectModule["default"].dotted : '', " ").concat(_SubjectModule["default"]["whiteSpace_".concat(whiteSpace)], " ").concat(className, " ").concat(_SubjectModule["default"]["font_".concat(fontWeight)]),
     "data-title": text,
     "data-id": dataId,
-    "data-test-id": dataId
+    "data-test-id": dataId,
+    "data-title-wrap": isTooltipWrap
   }, TextProps), text));
 };
 

package/lib/v1/list/Subject/props/defaultProps.js

@@ -9,6 +9,7 @@ var defaultProps = {
   fontWeight: 'regular',
   className: '',
   isDotted: true,
-  customProps: {}
+  customProps: {},
+  whiteSpace: 'pre'
 };
 exports.defaultProps = defaultProps;

package/lib/v1/list/Subject/props/propTypes.js

@@ -25,6 +25,7 @@ var propTypes = {
   customProps: _propTypes["default"].shape({
     LinkProps: _propTypes["default"].object,
     TextProps: _propTypes["default"].object
-  })
+  }),
+  whiteSpace: _propTypes["default"].oneOf(['normal', 'noWrap', 'pre', 'preLine', 'preWrap'])
 };
 exports.propTypes = propTypes;

package/lib/v1/list/status/StatusDropdown/StatusDropdown.js

@@ -251,7 +251,6 @@ function StatusDropdown(props) {
       isResponsivePadding: true,
       needFocusScope: true,
       onClose: handleTogglePopup,
-      dataId: "".concat(dataId, "_dropbox"),
       customProps: {
         focusScopeProps: {
           searchValue: searchString,
@@ -278,8 +277,7 @@ function StatusDropdown(props) {
         role: 'combobox',
         ariaActivedescendant: isPopupReady ? value : '',
         ariaOwns: ariaTitleId
-      },
-      dataId: "".concat(dataId, "_search")
+      }
     })) : null, title && optionsList.length != 0 && /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
       className: _StatusDropdownModule["default"].title
     }, /*#__PURE__*/_react["default"].createElement(_DropDownHeading["default"], {

package/lib/v1/lookup/header/ViewDropDown/ViewDropDown.js

@@ -117,8 +117,7 @@ var DropDown = /*#__PURE__*/function (_SelectComponent) {
           searchBoxSize = _this$props.searchBoxSize,
           searchBoxVariant = _this$props.searchBoxVariant,
           searchBoxPlaceHolder = _this$props.searchBoxPlaceHolder,
-          maxLength = _this$props.maxLength,
-          dataId = _this$props.dataId;
+          maxLength = _this$props.maxLength;
       var _this$state = this.state,
           hoverIndex = _this$state.hoverIndex,
           selected = _this$state.selected,
@@ -127,9 +126,7 @@ var DropDown = /*#__PURE__*/function (_SelectComponent) {
           selectedId = _this$state.selectedId;
       var suggestions = this.handleFilterSuggestions();
       return /*#__PURE__*/_react["default"].createElement("div", {
-        className: _ViewDropDownModule["default"].container,
-        "data-id": dataId,
-        "data-test-id": dataId
+        className: _ViewDropDownModule["default"].container
       }, /*#__PURE__*/_react["default"].createElement("div", {
         onClick: this.togglePopup,
         ref: getTargetRef
@@ -157,8 +154,7 @@ var DropDown = /*#__PURE__*/function (_SelectComponent) {
           animationStyle: animationStyle,
           size: "large",
           alignBox: "row",
-          isResponsivePadding: true,
-          dataId: "".concat(dataId, "_dropbox")
+          isResponsivePadding: true
         }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
           flexible: true
         }, /*#__PURE__*/_react["default"].createElement(_Card.Card, null, needSearch ? /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, null, /*#__PURE__*/_react["default"].createElement(_DropDownSearch["default"], {
@@ -169,15 +165,13 @@ var DropDown = /*#__PURE__*/function (_SelectComponent) {
           size: searchBoxSize,
           variant: searchBoxVariant,
           placeHolder: searchBoxPlaceHolder,
-          maxLength: maxLength,
-          dataId: "".concat(dataId, "_search")
+          maxLength: maxLength
         })) : null, /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
           shrink: true,
           eleRef: _this2.suggestionContainerRef,
           customClass: !tabletMode && dropBoxSize ? _ViewDropDownModule["default"][dropBoxSize] : ''
         }, suggestions.length ? /*#__PURE__*/_react["default"].createElement("div", {
-          className: _ViewDropDownModule["default"].listItemContainer,
-          "data-id": "".concat(dataId, "_Options")
+          className: _ViewDropDownModule["default"].listItemContainer
         }, suggestions.map(function () {
           var option = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
           var index = arguments.length > 1 ? arguments[1] : undefined;

package/lib/v1/lookup/header/ViewDropDown/props/defaultProps.js

@@ -9,7 +9,6 @@ var defaultProps = {
   needLocalSearch: true,
   needSearch: true,
   textField: 'text',
-  valueField: 'id',
-  dataId: 'ViewDropDown'
+  valueField: 'id'
 };
 exports.defaultProps = defaultProps;

package/lib/v1/lookup/header/ViewDropDown/props/propTypes.js

@@ -15,7 +15,6 @@ var propTypes = {
   searchBoxPlaceHolder: _propTypes["default"].string,
   searchEmptyMessage: _propTypes["default"].string,
   dropBoxSize: _propTypes["default"].oneOf(['small', 'medium', 'large']),
-  dataId: _propTypes["default"].string,
 
   /**** Popup props ****/
   isPopupOpen: _propTypes["default"].bool,

package/lib/v1/setup/header/Search/Search.js

@@ -45,8 +45,7 @@ function Search(props) {
       onKeyPress = props.onKeyPress,
       onFocus = props.onFocus,
       onBlur = props.onBlur,
-      customClass = props.customClass,
-      dataId = props.dataId;
+      customClass = props.customClass;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = _slicedToArray(_useState, 2),
@@ -71,9 +70,7 @@ function Search(props) {
   };
 
   return /*#__PURE__*/_react["default"].createElement("div", {
-    className: "".concat(_SearchModule["default"].container, " ").concat(isFocus ? _SearchModule["default"].active : '', " ").concat(customClass),
-    "data-id": "".concat(dataId, "_search"),
-    "data-test-id": "".concat(dataId, "_search")
+    className: "".concat(_SearchModule["default"].container, " ").concat(isFocus ? _SearchModule["default"].active : '', " ").concat(customClass)
   }, /*#__PURE__*/_react["default"].createElement(_TextBox["default"], {
     placeHolder: placeHolder,
     customClass: _SearchModule["default"].input,
@@ -86,9 +83,7 @@ function Search(props) {
     onBlur: handleBlur
   }), value != '' && value ? /*#__PURE__*/_react["default"].createElement("span", {
     className: _SearchModule["default"].icon,
-    onClick: handleBlur,
-    "data-id": "".concat(dataId, "_clear"),
-    "data-test-id": "".concat(dataId, "_clear")
+    onClick: handleBlur
   }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
     name: "ZD-close",
     size: "19"

package/lib/v1/setup/header/Search/props/defaultProps.js

@@ -7,7 +7,6 @@ exports.defaultProps = void 0;
 var defaultProps = {
   placeHolder: 'Search',
   maxLength: 150,
-  customClass: '',
-  dataId: 'search'
+  customClass: ''
 };
 exports.defaultProps = defaultProps;

package/lib/v1/setup/header/Search/props/propTypes.js

@@ -17,7 +17,6 @@ var propTypes = {
   onFocus: _propTypes["default"].func,
   onKeyPress: _propTypes["default"].func,
   placeHolder: _propTypes["default"].string,
-  value: _propTypes["default"].string,
-  dataId: _propTypes["default"].string
+  value: _propTypes["default"].string
 };
 exports.propTypes = propTypes;

package/lib/version2/errorstate/Inconvenience/Inconvenience.js

@@ -108,8 +108,7 @@ var Inconvenience = /*#__PURE__*/function (_React$Component) {
         customClass: {
           customButton: _V2_ErrorStatesModule["default"].errorBtn
         },
-        onClick: onButtonClick,
-        dataId: "".concat(dataId, "_button")
+        onClick: onButtonClick
       }) : null));
     }
   }]);

package/lib/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js

@@ -108,8 +108,7 @@ var UnableToProcessRequest = /*#__PURE__*/function (_React$Component) {
         customClass: {
           customButton: _V2_ErrorStatesModule["default"].errorBtn
         },
-        onClick: onButtonClick,
-        dataId: "".concat(dataId, "_button")
+        onClick: onButtonClick
       }) : null));
     }
   }]);

package/lib/version2/errorstate/UrlNotFound/UrlNotFound.js

@@ -108,8 +108,7 @@ var UrlNotFound = /*#__PURE__*/function (_React$Component) {
         customClass: {
           customButton: _V2_ErrorStatesModule["default"].errorBtn
         },
-        onClick: onButtonClick,
-        dataId: "".concat(dataId, "_button")
+        onClick: onButtonClick
       }) : null));
     }
   }]);

package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js

@@ -108,8 +108,7 @@ var WillBeRightBack = /*#__PURE__*/function (_React$Component) {
         customClass: {
           customButton: _V2_ErrorStatesModule["default"].errorBtn
         },
-        onClick: onButtonClick,
-        dataId: "".concat(dataId, "_button")
+        onClick: onButtonClick
       }) : null));
     }
   }]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-191",
+  "version": "1.0.0-temp-189.1",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -62,7 +62,7 @@
     "@zohodesk-private/node-plugins": "1.1.8",
     "@zohodesk-private/react-prop-validator": "1.2.3",
     "@zohodesk/a11y": "2.2.3",
-    "@zohodesk/components": "1.0.0-temp-203",
+    "@zohodesk/components": "1.0.0-temp-201.1",
     "@zohodesk/hooks": "2.0.4",
     "@zohodesk/icons": "1.0.50",
     "@zohodesk/svg": "1.1.14",
@@ -75,7 +75,7 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/components": "1.0.0-temp-203",
+    "@zohodesk/components": "1.0.0-temp-201.1",
     "@zohodesk/icons": "1.0.50",
     "@zohodesk/svg": "1.1.14",
     "@zohodesk/virtualizer": "1.0.3",