@zohodesk/dot 1.4.6 → 1.4.8

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

@@ -51,7 +51,9 @@ function StatusListItem(props) {
       getRef = props.getRef,
       id = props.id,
       onClick = props.onClick,
-      onMouseEnter = props.onMouseEnter;
+      onMouseEnter = props.onMouseEnter,
+      customClass = props.customClass,
+      children = props.children;
   var options = {};
   var role = a11y.role,
       ariaSelected = a11y.ariaSelected,
@@ -84,7 +86,7 @@ function StatusListItem(props) {
     isCover: false,
     align: "baseline",
     alignBox: "row",
-    className: "".concat(_StatusListItemModule["default"].list, " ").concat(_StatusListItemModule["default"][size], " ").concat(_StatusListItemModule["default"][palette], " ").concat(active ? _StatusListItemModule["default"].active : highlight && !isDisabled ? _StatusListItemModule["default"].hover : '', " ").concat(autoHover && !isDisabled ? _StatusListItemModule["default"].effect : '', " ").concat(needTick ? _StatusListItemModule["default"].withTick : '', " ").concat(isDisabled ? (0, _CssProvider["default"])('isDisable') : '', " ").concat(needBorder ? _StatusListItemModule["default"].withBorder : ''),
+    className: "".concat(_StatusListItemModule["default"].list, " ").concat(_StatusListItemModule["default"][size], " ").concat(_StatusListItemModule["default"][palette], " ").concat(active ? _StatusListItemModule["default"].active : highlight && !isDisabled ? _StatusListItemModule["default"].hover : '', " ").concat(autoHover && !isDisabled ? _StatusListItemModule["default"].effect : '', " ").concat(needTick ? _StatusListItemModule["default"].withTick : '', " ").concat(isDisabled ? (0, _CssProvider["default"])('isDisable') : '', " ").concat(needBorder ? _StatusListItemModule["default"].withBorder : '', " ").concat(customClass),
     dataId: String(value).replace("'", '_'),
     onClick: !isDisabled && handleClick,
     onMouseEnter: handleMouseEnter,
@@ -92,14 +94,19 @@ function StatusListItem(props) {
     tagName: isLink ? 'a' : 'li',
     "data-title": isDisabled ? disableTitle : null,
     tabindex: isDisabled ? '-1' : '0'
-  }, options), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+  }, options, a11y), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
     className: "".concat(_StatusListItemModule["default"].statusType, " ").concat(_StatusListItemModule["default"][bulletColor])
   }), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
-    "data-title": isDisabled ? null : title,
     flexible: true,
+    shrink: true
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+    alignBox: "row",
+    align: needMultiLineText ? 'top' : 'vertical'
+  }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+    "data-title": isDisabled ? null : title,
     shrink: true,
     className: needMultiLineText ? _StatusListItemModule["default"].multiLineValue : _StatusListItemModule["default"].value
-  }, value), needTick && active ? /*#__PURE__*/_react["default"].createElement("div", {
+  }, value), /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, children && children))), needTick && active ? /*#__PURE__*/_react["default"].createElement("div", {
     className: _StatusListItemModule["default"].tickIcon,
     "aria-hidden": ariaHidden
   }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {

package/lib/v1/list/status/StatusListItem/props/defaultProps.js

@@ -17,6 +17,7 @@ var defaultProps = {
   needBorder: true,
   bulletColor: 'black',
   a11y: {},
-  needMultiLineText: false
+  needMultiLineText: false,
+  customClass: ''
 };
 exports.defaultProps = defaultProps;

package/lib/v1/list/status/StatusListItem/props/propTypes.js

@@ -35,6 +35,8 @@ var propTypes = {
     role: _propTypes["default"].string,
     ariaSelected: _propTypes["default"].bool,
     ariaHidden: _propTypes["default"].bool
-  })
+  }),
+  customClass: _propTypes["default"].string,
+  children: _propTypes["default"].node
 };
 exports.propTypes = propTypes;

package/lib/v1/lookup/Lookup/Lookup.js

@@ -23,17 +23,19 @@ var _FocusScope = _interopRequireDefault(require("@zohodesk/a11y/es/FocusScope/F
 
 var _LookupModule = _interopRequireDefault(require("../../../lookup/Lookup/Lookup.module.css"));
 
+var _excluded = ["role", "ariaLabelledby", "ariaDescribedby", "ariaLabel", "ariaModal"];
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 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; }
 
-/*** Libraries ***/
+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); }
 
-/*** Components ***/
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 
-/*** CSS ***/
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
 /*eslint-disable react/forbid-component-props */
 function Lookup(props) {
@@ -52,13 +54,16 @@ function Lookup(props) {
       customProps = props.customProps,
       onKeyDown = props.onKeyDown,
       isMinHeight = props.isMinHeight;
+
   var _a11y$role = a11y.role,
       role = _a11y$role === void 0 ? 'dialog' : _a11y$role,
       ariaLabelledby = a11y.ariaLabelledby,
       ariaDescribedby = a11y.ariaDescribedby,
       ariaLabel = a11y.ariaLabel,
       _a11y$ariaModal = a11y.ariaModal,
-      ariaModal = _a11y$ariaModal === void 0 ? isActive ? true : undefined : _a11y$ariaModal;
+      ariaModal = _a11y$ariaModal === void 0 ? isActive ? true : undefined : _a11y$ariaModal,
+      a11yAttributes = _objectWithoutProperties(a11y, _excluded);
+
   var _customProps$focusSco = customProps.focusScopeProps,
       focusScopeProps = _customProps$focusSco === void 0 ? {} : _customProps$focusSco;
   var _focusScopeProps$need = focusScopeProps.needAutoFocus,
@@ -88,7 +93,7 @@ function Lookup(props) {
     };
   }, []);
 
-  var content = /*#__PURE__*/_react["default"].createElement("div", {
+  var content = /*#__PURE__*/_react["default"].createElement("div", _extends({
     ref: createRef,
     tabIndex: "-1",
     "data-a11y-need-focus-style": "false",
@@ -101,7 +106,7 @@ function Lookup(props) {
     className: "".concat(_LookupModule["default"].box, " ").concat(_LookupModule["default"]["".concat(size, "Size")]),
     "data-id": dataId,
     "data-test-id": dataId
-  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+  }, a11yAttributes), /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
     "data-drag-container": "true",
     isCover: false,
     className: isMinHeight ? "".concat(_LookupModule["default"].wrapper) : "".concat(_LookupModule["default"].coverwrap)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.4.6",
+  "version": "1.4.8",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -60,8 +60,8 @@
     "@zohodesk-private/css-variable-migrator": "^1.0.7",
     "@zohodesk-private/node-plugins": "1.1.6",
     "@zohodesk-private/react-prop-validator": "1.2.1",
-    "@zohodesk/a11y": "2.1.2",
-    "@zohodesk/components": "1.2.19",
+    "@zohodesk/a11y": "2.2.0",
+    "@zohodesk/components": "1.2.23",
     "@zohodesk/hooks": "2.0.2",
     "@zohodesk/icons": "1.0.27",
     "@zohodesk/svg": "1.1.10",
@@ -74,13 +74,13 @@
   "peerDependencies": {
     "velocity-react": "1.4.3",
     "@zohodesk/variables": "1.0.0",
-    "@zohodesk/components": "1.2.22",
+    "@zohodesk/components": "1.2.23",
     "@zohodesk/icons": "1.0.27",
     "@zohodesk/svg": "1.1.10",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3",
     "@zohodesk/hooks": "2.0.2",
     "@zohodesk/utils": "1.3.13",
-    "@zohodesk/a11y": "2.1.2"
+    "@zohodesk/a11y": "2.2.0"
   }
 }

package/result.json

@@ -1 +1 @@
-{"jobDetails":{"isRunByLocal":true,"hostName":"bharathi-19811","platForm":"Darwin","branchName":"lookUpcontainer_lib"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":36,"numberOfFails":0,"numberOfCases":36,"numberOfSuites":4,"endTime":1706778237992,"startTime":1706778234095,"coverageDetail":{"codeCoveragePercentage":84.23,"fileCoveragePercentage":0},"fileDetails":[{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking  \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering  \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking  \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering  \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}}]}}}
+{"jobDetails":{"isRunByLocal":true,"hostName":"bharathi-19811","platForm":"Darwin","branchName":"lookUpcontainer_lib"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":36,"numberOfFails":0,"numberOfCases":36,"numberOfSuites":4,"endTime":1707484268518,"startTime":1707484264659,"coverageDetail":{"codeCoveragePercentage":84.5,"fileCoveragePercentage":0},"fileDetails":[{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking  \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering  \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking  \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering  \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking  \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering  \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/ExternalLink/__tests__/ExternalLink.spec.js","CaseList":{"passedCaseList":["should add http/https to href tag if it is not already present","should not add http/https to href tag if it is already present","should default to / if href is undefined"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js","CaseList":{"passedCaseList":["Check whether Avatar mounted or not","Check children length ","Check whether AvatarWithTeam mounted or not","Check whether AvatarTeam  mounted or not"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/Image/__tests__/Image.spec.js","CaseList":{"passedCaseList":["rendering the default props","checking  \"isCover\" is false","rendering \"alt\" and \"src\" value ","rendering  \"dataid\" value","rendering \"Original\" value","rendering \"Id\" value","rendering \"title\" value"],"failedCaseList":[]}},{"fileName":"/Users/bharathi-19811/git/library/jsapps/dot/dot/src/IconButton/__tests__/IconButton.spec.js","CaseList":{"passedCaseList":["rendering the defult props","rendering the palette of- primary","rendering the palette of- primaryFilled","rendering the palette of- default","rendering the isActive true with palette of- primary","rendering the isActive true with palette of- primaryFilled","rendering the isActive true with palette of- default","rendering the hovertypes- default","rendering the hovertypes- border","rendering the hovertypes- bg","rendering isNeedEffect is False","rendering ally","rendering ally","rendering needButtonTag","rendering tourId","rendering in Icon","rendering in dataIsHtml is True","rendering in isDisabled is True","rendering in ClassName","rendering in title","eleRef prop is a function","Checking the \"Children\""],"failedCaseList":[]}}]}}}

package/unittest/index.html

@@ -31,7 +31,7 @@
 			</tr>
 			
 			</table>
-			<br/>COVERAGE <span class="green">84.23%</span> <br/> less than 60% consider failure
+			<br/>COVERAGE <span class="green">84.5%</span> <br/> less than 60% consider failure
 		</body>
 	</html>