@zohodesk/dot 1.4.4 → 1.4.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/propValidation_report.html +1 -1
  3. package/README.md +4 -0
  4. package/coverage/ExternalLink/ExternalLink.js.html +1 -1
  5. package/coverage/ExternalLink/ExternalLink.module.css.html +1 -1
  6. package/coverage/ExternalLink/index.html +1 -1
  7. package/coverage/ExternalLink/props/defaultProps.js.html +1 -1
  8. package/coverage/ExternalLink/props/index.html +1 -1
  9. package/coverage/ExternalLink/props/propTypes.js.html +1 -1
  10. package/coverage/IconButton/IconButton.js.html +1 -1
  11. package/coverage/IconButton/IconButton.module.css.html +1 -1
  12. package/coverage/IconButton/index.html +1 -1
  13. package/coverage/IconButton/props/defaultProps.js.html +1 -1
  14. package/coverage/IconButton/props/index.html +1 -1
  15. package/coverage/IconButton/props/propTypes.js.html +1 -1
  16. package/coverage/Image/Image.js.html +1 -1
  17. package/coverage/Image/Image.module.css.html +1 -1
  18. package/coverage/Image/index.html +1 -1
  19. package/coverage/Image/props/defaultProps.js.html +1 -1
  20. package/coverage/Image/props/index.html +1 -1
  21. package/coverage/Image/props/propTypes.js.html +1 -1
  22. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
  23. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +1 -1
  24. package/coverage/avatar/AvatarWithTeam/index.html +1 -1
  25. package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
  26. package/coverage/avatar/AvatarWithTeam/props/index.html +1 -1
  27. package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
  28. package/coverage/coverage-final.json +16 -16
  29. package/coverage/coverage-summary.json +16 -16
  30. package/coverage/index.html +1 -1
  31. package/es/lookup/Lookup/Lookup.js +3 -5
  32. package/es/lookup/Lookup/Lookup.module.css +11 -1
  33. package/es/lookup/Lookup/props/defaultProps.js +1 -1
  34. package/es/lookup/Lookup/props/propTypes.js +1 -1
  35. package/es/v1/alert/AlertLookup/AlertLookup.js +1 -2
  36. package/es/v1/lookup/Lookup/Lookup.js +3 -5
  37. package/es/v1/lookup/Lookup/props/defaultProps.js +1 -1
  38. package/es/v1/lookup/Lookup/props/propTypes.js +1 -1
  39. package/es/version2/lookup/AlertLookup/AlertLookup.js +1 -2
  40. package/lib/lookup/Lookup/Lookup.js +3 -5
  41. package/lib/lookup/Lookup/Lookup.module.css +11 -1
  42. package/lib/lookup/Lookup/props/defaultProps.js +1 -1
  43. package/lib/lookup/Lookup/props/propTypes.js +1 -1
  44. package/lib/v1/alert/AlertLookup/AlertLookup.js +1 -2
  45. package/lib/v1/lookup/Lookup/Lookup.js +3 -5
  46. package/lib/v1/lookup/Lookup/props/defaultProps.js +1 -1
  47. package/lib/v1/lookup/Lookup/props/propTypes.js +1 -1
  48. package/lib/version2/lookup/AlertLookup/AlertLookup.js +1 -2
  49. package/package.json +7 -7
  50. package/propValidationArg.json +2 -2
  51. package/result.json +1 -1
@@ -3,29 +3,39 @@
3
3
  min-height: var(--zd_size440) ;
4
4
  }
5
5
 
6
+ .coverwrap {
7
+ max-height: 85vh ;
8
+ }
9
+
6
10
  .container {
7
11
  font-size: var(--zd_font_size16) ;
8
12
  padding-bottom: var(--zd_size10) ;
9
13
  }
14
+
10
15
  .box {
11
16
  position: relative;
12
17
  height: 100% ;
13
18
  width: 100% ;
14
19
  margin: auto ;
15
20
  }
21
+
16
22
  /* Size */
17
23
  .smallSize {
18
24
  max-width: var(--zd_size470) ;
19
25
  }
26
+
20
27
  .xmediumSize {
21
28
  max-width: var(--zd_size620) ;
22
29
  }
30
+
23
31
  .mediumSize {
24
32
  max-width: var(--zd_size840) ;
25
33
  }
34
+
26
35
  .largeSize {
27
36
  max-width: 70% ;
28
37
  }
38
+
29
39
  .fullSize {
30
40
  max-width: 90% ;
31
- }
41
+ }
@@ -5,5 +5,5 @@ export const defaultProps = {
5
5
  childAnimationName: 'flyDown',
6
6
  needFocusScope: false,
7
7
  customProps: {},
8
- isFlexWrapper: true
8
+ isMinHeight: false
9
9
  };
@@ -19,5 +19,5 @@ export const propTypes = {
19
19
  forwardRef: PropTypes.object,
20
20
  onClick: PropTypes.func,
21
21
  onClose: PropTypes.func,
22
- isFlexWrapper: PropTypes.bool
22
+ isMinHeight: PropTypes.bool
23
23
  };
@@ -100,8 +100,7 @@ export default function AlertLookup(props) {
100
100
  onClick: onLookupClick,
101
101
  customClass: containerClass,
102
102
  a11y: a11y,
103
- childAnimationName: childAnimationName,
104
- isFlexWrapper: false
103
+ childAnimationName: childAnimationName
105
104
  }, LookupProps), /*#__PURE__*/React.createElement(Container, {
106
105
  alignBox: "row",
107
106
  align: align,
@@ -29,7 +29,7 @@ export default function Lookup(props) {
29
29
  needFocusScope,
30
30
  customProps,
31
31
  onKeyDown,
32
- isFlexWrapper
32
+ isMinHeight
33
33
  } = props;
34
34
  const {
35
35
  role = 'dialog',
@@ -77,12 +77,10 @@ export default function Lookup(props) {
77
77
  className: `${style.box} ${style[`${size}Size`]}`,
78
78
  "data-id": dataId,
79
79
  "data-test-id": dataId
80
- }, isFlexWrapper ? /*#__PURE__*/React.createElement(Container, {
80
+ }, /*#__PURE__*/React.createElement(Container, {
81
81
  "data-drag-container": "true",
82
82
  isCover: false,
83
- className: `${style.wrapper}`
84
- }, children) : /*#__PURE__*/React.createElement("div", {
85
- "data-drag-container": "true"
83
+ className: isMinHeight ? `${style.wrapper}` : `${style.coverwrap}`
86
84
  }, children));
87
85
  return /*#__PURE__*/React.createElement(FreezeLayer, {
88
86
  align: "horizontal",
@@ -5,5 +5,5 @@ export const defaultProps = {
5
5
  childAnimationName: 'flyDown',
6
6
  needFocusScope: false,
7
7
  customProps: {},
8
- isFlexWrapper: true
8
+ isMinHeight: false
9
9
  };
@@ -19,5 +19,5 @@ export const propTypes = {
19
19
  forwardRef: PropTypes.object,
20
20
  onClick: PropTypes.func,
21
21
  onClose: PropTypes.func,
22
- isFlexWrapper: PropTypes.bool
22
+ isMinHeight: PropTypes.bool
23
23
  };
@@ -133,8 +133,7 @@ export default class AlertLookup extends Component {
133
133
  onClick: onLookupClick,
134
134
  customClass: containerClass,
135
135
  a11y: a11y,
136
- childAnimationName: childAnimationName,
137
- isFlexWrapper: false
136
+ childAnimationName: childAnimationName
138
137
  }, LookupProps), /*#__PURE__*/React.createElement(Container, {
139
138
  alignBox: "row",
140
139
  align: align,
@@ -101,7 +101,7 @@ var Lookup = /*#__PURE__*/function (_Component) {
101
101
  onClose = _this$props.onClose,
102
102
  needFocusScope = _this$props.needFocusScope,
103
103
  customProps = _this$props.customProps,
104
- isFlexWrapper = _this$props.isFlexWrapper;
104
+ isMinHeight = _this$props.isMinHeight;
105
105
  var _a11y$role = a11y.role,
106
106
  role = _a11y$role === void 0 ? 'dialog' : _a11y$role,
107
107
  ariaLabelledby = a11y.ariaLabelledby,
@@ -135,12 +135,10 @@ var Lookup = /*#__PURE__*/function (_Component) {
135
135
  className: "".concat(_LookupModule["default"].box, " ").concat(_LookupModule["default"]["".concat(size, "Size")]),
136
136
  "data-id": dataId,
137
137
  "data-test-id": dataId
138
- }, isFlexWrapper ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
138
+ }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
139
139
  "data-drag-container": "true",
140
140
  isCover: false,
141
- className: "".concat(_LookupModule["default"].wrapper)
142
- }, children) : /*#__PURE__*/_react["default"].createElement("div", {
143
- "data-drag-container": "true"
141
+ className: isMinHeight ? "".concat(_LookupModule["default"].wrapper) : "".concat(_LookupModule["default"].coverwrap)
144
142
  }, children));
145
143
 
146
144
  return /*#__PURE__*/_react["default"].createElement(_FreezeLayer["default"], {
@@ -3,29 +3,39 @@
3
3
  min-height: var(--zd_size440) ;
4
4
  }
5
5
 
6
+ .coverwrap {
7
+ max-height: 85vh ;
8
+ }
9
+
6
10
  .container {
7
11
  font-size: var(--zd_font_size16) ;
8
12
  padding-bottom: var(--zd_size10) ;
9
13
  }
14
+
10
15
  .box {
11
16
  position: relative;
12
17
  height: 100% ;
13
18
  width: 100% ;
14
19
  margin: auto ;
15
20
  }
21
+
16
22
  /* Size */
17
23
  .smallSize {
18
24
  max-width: var(--zd_size470) ;
19
25
  }
26
+
20
27
  .xmediumSize {
21
28
  max-width: var(--zd_size620) ;
22
29
  }
30
+
23
31
  .mediumSize {
24
32
  max-width: var(--zd_size840) ;
25
33
  }
34
+
26
35
  .largeSize {
27
36
  max-width: 70% ;
28
37
  }
38
+
29
39
  .fullSize {
30
40
  max-width: 90% ;
31
- }
41
+ }
@@ -11,6 +11,6 @@ var defaultProps = {
11
11
  childAnimationName: 'flyDown',
12
12
  needFocusScope: false,
13
13
  customProps: {},
14
- isFlexWrapper: true
14
+ isMinHeight: false
15
15
  };
16
16
  exports.defaultProps = defaultProps;
@@ -29,6 +29,6 @@ var propTypes = {
29
29
  forwardRef: _propTypes["default"].object,
30
30
  onClick: _propTypes["default"].func,
31
31
  onClose: _propTypes["default"].func,
32
- isFlexWrapper: _propTypes["default"].bool
32
+ isMinHeight: _propTypes["default"].bool
33
33
  };
34
34
  exports.propTypes = propTypes;
@@ -120,8 +120,7 @@ function AlertLookup(props) {
120
120
  onClick: onLookupClick,
121
121
  customClass: containerClass,
122
122
  a11y: a11y,
123
- childAnimationName: childAnimationName,
124
- isFlexWrapper: false
123
+ childAnimationName: childAnimationName
125
124
  }, LookupProps), /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
126
125
  alignBox: "row",
127
126
  align: align,
@@ -51,7 +51,7 @@ function Lookup(props) {
51
51
  needFocusScope = props.needFocusScope,
52
52
  customProps = props.customProps,
53
53
  onKeyDown = props.onKeyDown,
54
- isFlexWrapper = props.isFlexWrapper;
54
+ isMinHeight = props.isMinHeight;
55
55
  var _a11y$role = a11y.role,
56
56
  role = _a11y$role === void 0 ? 'dialog' : _a11y$role,
57
57
  ariaLabelledby = a11y.ariaLabelledby,
@@ -101,12 +101,10 @@ function Lookup(props) {
101
101
  className: "".concat(_LookupModule["default"].box, " ").concat(_LookupModule["default"]["".concat(size, "Size")]),
102
102
  "data-id": dataId,
103
103
  "data-test-id": dataId
104
- }, isFlexWrapper ? /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
104
+ }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
105
105
  "data-drag-container": "true",
106
106
  isCover: false,
107
- className: "".concat(_LookupModule["default"].wrapper)
108
- }, children) : /*#__PURE__*/_react["default"].createElement("div", {
109
- "data-drag-container": "true"
107
+ className: isMinHeight ? "".concat(_LookupModule["default"].wrapper) : "".concat(_LookupModule["default"].coverwrap)
110
108
  }, children));
111
109
 
112
110
  return /*#__PURE__*/_react["default"].createElement(_FreezeLayer["default"], {
@@ -11,6 +11,6 @@ var defaultProps = {
11
11
  childAnimationName: 'flyDown',
12
12
  needFocusScope: false,
13
13
  customProps: {},
14
- isFlexWrapper: true
14
+ isMinHeight: false
15
15
  };
16
16
  exports.defaultProps = defaultProps;
@@ -29,6 +29,6 @@ var propTypes = {
29
29
  forwardRef: _propTypes["default"].object,
30
30
  onClick: _propTypes["default"].func,
31
31
  onClose: _propTypes["default"].func,
32
- isFlexWrapper: _propTypes["default"].bool
32
+ isMinHeight: _propTypes["default"].bool
33
33
  };
34
34
  exports.propTypes = propTypes;
@@ -192,8 +192,7 @@ var AlertLookup = /*#__PURE__*/function (_Component) {
192
192
  onClick: onLookupClick,
193
193
  customClass: containerClass,
194
194
  a11y: a11y,
195
- childAnimationName: childAnimationName,
196
- isFlexWrapper: false
195
+ childAnimationName: childAnimationName
197
196
  }, LookupProps), /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
198
197
  alignBox: "row",
199
198
  align: align,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.4.4",
3
+ "version": "1.4.5",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -59,12 +59,12 @@
59
59
  "@zohodesk-private/color-variable-preprocessor": "1.2.0",
60
60
  "@zohodesk-private/css-variable-migrator": "^1.0.7",
61
61
  "@zohodesk-private/node-plugins": "1.1.6",
62
- "@zohodesk-private/react-prop-validator": "1.2.0",
62
+ "@zohodesk-private/react-prop-validator": "1.2.1",
63
63
  "@zohodesk/a11y": "2.1.2",
64
64
  "@zohodesk/components": "1.2.19",
65
65
  "@zohodesk/hooks": "2.0.2",
66
- "@zohodesk/icons": "1.0.19",
67
- "@zohodesk/svg": "1.1.8",
66
+ "@zohodesk/icons": "1.0.27",
67
+ "@zohodesk/svg": "1.1.10",
68
68
  "@zohodesk/utils": "1.3.13",
69
69
  "@zohodesk/variables": "1.0.0",
70
70
  "@zohodesk/virtualizer": "1.0.3",
@@ -74,9 +74,9 @@
74
74
  "peerDependencies": {
75
75
  "velocity-react": "1.4.3",
76
76
  "@zohodesk/variables": "1.0.0",
77
- "@zohodesk/components": "1.2.21",
78
- "@zohodesk/icons": "1.0.19",
79
- "@zohodesk/svg": "1.1.8",
77
+ "@zohodesk/components": "1.2.22",
78
+ "@zohodesk/icons": "1.0.27",
79
+ "@zohodesk/svg": "1.1.10",
80
80
  "@zohodesk/virtualizer": "1.0.3",
81
81
  "react-sortable-hoc": "^0.8.3",
82
82
  "@zohodesk/hooks": "2.0.2",
@@ -3,6 +3,6 @@
3
3
  "outputDir": "./.cli",
4
4
  "excludeDir":"./.cli",
5
5
  "propUnifiExcludeDir":"./.cli",
6
- "propUnifiReport":"propUnifi",
7
- "strictMode":""
6
+ "propUnifiReport":true,
7
+ "strictMode":true
8
8
  }
package/result.json CHANGED
@@ -1 +1 @@
1
- {"jobDetails":{"isRunByLocal":true,"hostName":"muthu-19990","platForm":"Darwin","branchName":"react-live-fix"},"tests":{"unitCase":{"isExecuted":"Yes","numberOfSuccess":36,"numberOfFails":0,"numberOfCases":36,"numberOfSuites":4,"endTime":1704808233770,"startTime":1704808230176,"coverageDetail":{"codeCoveragePercentage":84.23,"fileCoveragePercentage":0},"fileDetails":[{"fileName":"/Users/muthu-19990/REACT/Library/MuthuReact_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/muthu-19990/REACT/Library/MuthuReact_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/muthu-19990/REACT/Library/MuthuReact_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/muthu-19990/REACT/Library/MuthuReact_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":[]}}]}}}
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":1705919235420,"startTime":1705919231643,"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":[]}}]}}}