@zohodesk/dot 1.0.0-temp-175.3 → 1.0.0-temp-179

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 (61) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/README.md +5 -1
  3. package/coverage/ExternalLink/ExternalLink.js.html +1 -1
  4. package/coverage/ExternalLink/ExternalLink.module.css.html +1 -1
  5. package/coverage/ExternalLink/index.html +1 -1
  6. package/coverage/ExternalLink/props/defaultProps.js.html +1 -1
  7. package/coverage/ExternalLink/props/index.html +1 -1
  8. package/coverage/ExternalLink/props/propTypes.js.html +1 -1
  9. package/coverage/IconButton/IconButton.js.html +1 -1
  10. package/coverage/IconButton/IconButton.module.css.html +1 -1
  11. package/coverage/IconButton/index.html +1 -1
  12. package/coverage/IconButton/props/defaultProps.js.html +1 -1
  13. package/coverage/IconButton/props/index.html +1 -1
  14. package/coverage/IconButton/props/propTypes.js.html +1 -1
  15. package/coverage/Image/Image.js.html +1 -1
  16. package/coverage/Image/Image.module.css.html +1 -1
  17. package/coverage/Image/index.html +1 -1
  18. package/coverage/Image/props/defaultProps.js.html +1 -1
  19. package/coverage/Image/props/index.html +1 -1
  20. package/coverage/Image/props/propTypes.js.html +1 -1
  21. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
  22. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +1 -1
  23. package/coverage/avatar/AvatarWithTeam/index.html +1 -1
  24. package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
  25. package/coverage/avatar/AvatarWithTeam/props/index.html +1 -1
  26. package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
  27. package/coverage/coverage-final.json +16 -16
  28. package/coverage/coverage-summary.json +16 -16
  29. package/coverage/index.html +1 -1
  30. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +2 -2
  31. package/es/form/fields/TagsMultiSelect/props/defaultProps.js +1 -0
  32. package/es/list/status/StatusListItem/StatusListItem.js +11 -4
  33. package/es/list/status/StatusListItem/props/defaultProps.js +2 -1
  34. package/es/list/status/StatusListItem/props/propTypes.js +3 -1
  35. package/es/lookup/Lookup/Lookup.js +3 -5
  36. package/es/lookup/Lookup/Lookup.module.css +11 -1
  37. package/es/lookup/Lookup/props/defaultProps.js +1 -1
  38. package/es/lookup/Lookup/props/propTypes.js +1 -1
  39. package/es/v1/list/status/StatusListItem/StatusListItem.js +11 -4
  40. package/es/v1/list/status/StatusListItem/props/defaultProps.js +2 -1
  41. package/es/v1/list/status/StatusListItem/props/propTypes.js +3 -1
  42. package/es/v1/lookup/Lookup/Lookup.js +3 -5
  43. package/es/v1/lookup/Lookup/props/defaultProps.js +1 -1
  44. package/es/v1/lookup/Lookup/props/propTypes.js +1 -1
  45. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +3 -3
  46. package/lib/form/fields/TagsMultiSelect/props/defaultProps.js +1 -0
  47. package/lib/list/status/StatusListItem/StatusListItem.js +11 -4
  48. package/lib/list/status/StatusListItem/props/defaultProps.js +2 -1
  49. package/lib/list/status/StatusListItem/props/propTypes.js +3 -1
  50. package/lib/lookup/Lookup/Lookup.js +3 -5
  51. package/lib/lookup/Lookup/Lookup.module.css +11 -1
  52. package/lib/lookup/Lookup/props/defaultProps.js +1 -1
  53. package/lib/lookup/Lookup/props/propTypes.js +1 -1
  54. package/lib/v1/list/status/StatusListItem/StatusListItem.js +11 -4
  55. package/lib/v1/list/status/StatusListItem/props/defaultProps.js +2 -1
  56. package/lib/v1/list/status/StatusListItem/props/propTypes.js +3 -1
  57. package/lib/v1/lookup/Lookup/Lookup.js +3 -5
  58. package/lib/v1/lookup/Lookup/props/defaultProps.js +1 -1
  59. package/lib/v1/lookup/Lookup/props/propTypes.js +1 -1
  60. package/package.json +1 -1
  61. package/result.json +1 -1
@@ -68,7 +68,9 @@ export default class StatusListItem extends React.Component {
68
68
  isDisabled,
69
69
  bulletColor,
70
70
  a11y,
71
- needMultiLineText
71
+ needMultiLineText,
72
+ customClass,
73
+ children
72
74
  } = this.props;
73
75
  let options = {};
74
76
  let {
@@ -88,7 +90,7 @@ export default class StatusListItem extends React.Component {
88
90
  isCover: false,
89
91
  align: "baseline",
90
92
  alignBox: "row",
91
- className: `${style.list} ${style[size]} ${style[palette]} ${active ? style.active : highlight && !isDisabled ? style.hover : ''} ${autoHover && !isDisabled ? style.effect : ''} ${needTick ? style.withTick : ''} ${isDisabled ? CssProvider('isDisable') : ''} ${needBorder ? style.withBorder : ''}`,
93
+ className: `${style.list} ${style[size]} ${style[palette]} ${active ? style.active : highlight && !isDisabled ? style.hover : ''} ${autoHover && !isDisabled ? style.effect : ''} ${needTick ? style.withTick : ''} ${isDisabled ? CssProvider('isDisable') : ''} ${needBorder ? style.withBorder : ''} ${customClass}`,
92
94
  dataId: String(value).replace("'", '_'),
93
95
  onClick: !isDisabled && this.handleClick,
94
96
  onMouseEnter: this.handleMouseEnter,
@@ -99,11 +101,16 @@ export default class StatusListItem extends React.Component {
99
101
  }, options), /*#__PURE__*/React.createElement(Box, {
100
102
  className: `${style.statusType} ${style[bulletColor]}`
101
103
  }), /*#__PURE__*/React.createElement(Box, {
102
- "data-title": isDisabled ? null : title,
103
104
  flexible: true,
105
+ shrink: true
106
+ }, /*#__PURE__*/React.createElement(Container, {
107
+ alignBox: "row",
108
+ align: needMultiLineText ? 'top' : 'vertical'
109
+ }, /*#__PURE__*/React.createElement(Box, {
110
+ "data-title": isDisabled ? null : title,
104
111
  shrink: true,
105
112
  className: needMultiLineText ? style.multiLineValue : style.value
106
- }, value), needTick && active ? /*#__PURE__*/React.createElement("div", {
113
+ }, value), /*#__PURE__*/React.createElement(Box, null, children && children))), needTick && active ? /*#__PURE__*/React.createElement("div", {
107
114
  className: style.tickIcon,
108
115
  "aria-hidden": ariaHidden
109
116
  }, /*#__PURE__*/React.createElement(Icon, {
@@ -11,5 +11,6 @@ export const defaultProps = {
11
11
  needBorder: true,
12
12
  bulletColor: 'black',
13
13
  a11y: {},
14
- needMultiLineText: false
14
+ needMultiLineText: false,
15
+ customClass: ''
15
16
  };
@@ -25,5 +25,7 @@ export const propTypes = {
25
25
  role: PropTypes.string,
26
26
  ariaSelected: PropTypes.bool,
27
27
  ariaHidden: PropTypes.bool
28
- })
28
+ }),
29
+ customClass: PropTypes.string,
30
+ children: PropTypes.node
29
31
  };
@@ -55,7 +55,7 @@ export default class Lookup extends Component {
55
55
  onClose,
56
56
  needFocusScope,
57
57
  customProps,
58
- isFlexWrapper
58
+ isMinHeight
59
59
  } = this.props;
60
60
  const {
61
61
  role = 'dialog',
@@ -87,12 +87,10 @@ export default class Lookup extends Component {
87
87
  className: `${style.box} ${style[`${size}Size`]}`,
88
88
  "data-id": dataId,
89
89
  "data-test-id": dataId
90
- }, isFlexWrapper ? /*#__PURE__*/React.createElement(Container, {
90
+ }, /*#__PURE__*/React.createElement(Container, {
91
91
  "data-drag-container": "true",
92
92
  isCover: false,
93
- className: `${style.wrapper}`
94
- }, children) : /*#__PURE__*/React.createElement("div", {
95
- "data-drag-container": "true"
93
+ className: isMinHeight ? `${style.wrapper}` : `${style.coverwrap}`
96
94
  }, children));
97
95
  return /*#__PURE__*/React.createElement(FreezeLayer, {
98
96
  align: "horizontal",
@@ -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: false
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
  };
@@ -35,7 +35,9 @@ export default function StatusListItem(props) {
35
35
  getRef,
36
36
  id,
37
37
  onClick,
38
- onMouseEnter
38
+ onMouseEnter,
39
+ customClass,
40
+ children
39
41
  } = props;
40
42
  let options = {};
41
43
  let {
@@ -70,7 +72,7 @@ export default function StatusListItem(props) {
70
72
  isCover: false,
71
73
  align: "baseline",
72
74
  alignBox: "row",
73
- className: `${style.list} ${style[size]} ${style[palette]} ${active ? style.active : highlight && !isDisabled ? style.hover : ''} ${autoHover && !isDisabled ? style.effect : ''} ${needTick ? style.withTick : ''} ${isDisabled ? CssProvider('isDisable') : ''} ${needBorder ? style.withBorder : ''}`,
75
+ className: `${style.list} ${style[size]} ${style[palette]} ${active ? style.active : highlight && !isDisabled ? style.hover : ''} ${autoHover && !isDisabled ? style.effect : ''} ${needTick ? style.withTick : ''} ${isDisabled ? CssProvider('isDisable') : ''} ${needBorder ? style.withBorder : ''} ${customClass}`,
74
76
  dataId: String(value).replace("'", '_'),
75
77
  onClick: !isDisabled && handleClick,
76
78
  onMouseEnter: handleMouseEnter,
@@ -81,11 +83,16 @@ export default function StatusListItem(props) {
81
83
  }, options), /*#__PURE__*/React.createElement(Box, {
82
84
  className: `${style.statusType} ${style[bulletColor]}`
83
85
  }), /*#__PURE__*/React.createElement(Box, {
84
- "data-title": isDisabled ? null : title,
85
86
  flexible: true,
87
+ shrink: true
88
+ }, /*#__PURE__*/React.createElement(Container, {
89
+ alignBox: "row",
90
+ align: needMultiLineText ? 'top' : 'vertical'
91
+ }, /*#__PURE__*/React.createElement(Box, {
92
+ "data-title": isDisabled ? null : title,
86
93
  shrink: true,
87
94
  className: needMultiLineText ? style.multiLineValue : style.value
88
- }, value), needTick && active ? /*#__PURE__*/React.createElement("div", {
95
+ }, value), /*#__PURE__*/React.createElement(Box, null, children && children))), needTick && active ? /*#__PURE__*/React.createElement("div", {
89
96
  className: style.tickIcon,
90
97
  "aria-hidden": ariaHidden
91
98
  }, /*#__PURE__*/React.createElement(Icon, {
@@ -11,5 +11,6 @@ export const defaultProps = {
11
11
  needBorder: true,
12
12
  bulletColor: 'black',
13
13
  a11y: {},
14
- needMultiLineText: false
14
+ needMultiLineText: false,
15
+ customClass: ''
15
16
  };
@@ -25,5 +25,7 @@ export const propTypes = {
25
25
  role: PropTypes.string,
26
26
  ariaSelected: PropTypes.bool,
27
27
  ariaHidden: PropTypes.bool
28
- })
28
+ }),
29
+ customClass: PropTypes.string,
30
+ children: PropTypes.node
29
31
  };
@@ -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: false
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
  };
@@ -216,8 +216,8 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
216
216
  tagCustomClass = _customClass$tagCusto === void 0 ? '' : _customClass$tagCusto,
217
217
  _customClass$listItem = customClass.listItemClass,
218
218
  listItemClass = _customClass$listItem === void 0 ? '' : _customClass$listItem,
219
- _customClass$textBoxI = customClass.textBoxIconWrapper,
220
- textBoxIconWrapper = _customClass$textBoxI === void 0 ? '' : _customClass$textBoxI;
219
+ _customClass$textBoxI = customClass.textBoxIconWrapperClass,
220
+ textBoxIconWrapperClass = _customClass$textBoxI === void 0 ? '' : _customClass$textBoxI;
221
221
  var _customProps$TextBoxI = customProps.TextBoxIconProps,
222
222
  TextBoxIconProps = _customProps$TextBoxI === void 0 ? {} : _customProps$TextBoxI,
223
223
  _customProps$TagWrapp = customProps.TagWrapperProps,
@@ -234,7 +234,7 @@ var TagsMultiSelect = /*#__PURE__*/function (_React$Component) {
234
234
  alignBox: "row",
235
235
  align: "vertical",
236
236
  isCover: false,
237
- className: "".concat(_TagsMultiSelectModule["default"].tagDiv, " ").concat(textBoxIconWrapper),
237
+ className: "".concat(_TagsMultiSelectModule["default"].tagDiv, " ").concat(textBoxIconWrapperClass),
238
238
  wrap: "wrap",
239
239
  eleRef: getTargetRef,
240
240
  scroll: "vertical"
@@ -14,6 +14,7 @@ var defaultProps = {
14
14
  boxSize: 'default',
15
15
  clickableTag: false,
16
16
  dataSelectorId: 'tagsMultiSelectField',
17
+ needSelectAll: false,
17
18
  customClass: {},
18
19
  customProps: {}
19
20
  };
@@ -112,7 +112,9 @@ var StatusListItem = /*#__PURE__*/function (_React$Component) {
112
112
  isDisabled = _this$props4.isDisabled,
113
113
  bulletColor = _this$props4.bulletColor,
114
114
  a11y = _this$props4.a11y,
115
- needMultiLineText = _this$props4.needMultiLineText;
115
+ needMultiLineText = _this$props4.needMultiLineText,
116
+ customClass = _this$props4.customClass,
117
+ children = _this$props4.children;
116
118
  var options = {};
117
119
  var role = a11y.role,
118
120
  ariaSelected = a11y.ariaSelected,
@@ -130,7 +132,7 @@ var StatusListItem = /*#__PURE__*/function (_React$Component) {
130
132
  isCover: false,
131
133
  align: "baseline",
132
134
  alignBox: "row",
133
- 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 : ''),
135
+ 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),
134
136
  dataId: String(value).replace("'", '_'),
135
137
  onClick: !isDisabled && this.handleClick,
136
138
  onMouseEnter: this.handleMouseEnter,
@@ -141,11 +143,16 @@ var StatusListItem = /*#__PURE__*/function (_React$Component) {
141
143
  }, options), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
142
144
  className: "".concat(_StatusListItemModule["default"].statusType, " ").concat(_StatusListItemModule["default"][bulletColor])
143
145
  }), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
144
- "data-title": isDisabled ? null : title,
145
146
  flexible: true,
147
+ shrink: true
148
+ }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
149
+ alignBox: "row",
150
+ align: needMultiLineText ? 'top' : 'vertical'
151
+ }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
152
+ "data-title": isDisabled ? null : title,
146
153
  shrink: true,
147
154
  className: needMultiLineText ? _StatusListItemModule["default"].multiLineValue : _StatusListItemModule["default"].value
148
- }, value), needTick && active ? /*#__PURE__*/_react["default"].createElement("div", {
155
+ }, value), /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, children && children))), needTick && active ? /*#__PURE__*/_react["default"].createElement("div", {
149
156
  className: _StatusListItemModule["default"].tickIcon,
150
157
  "aria-hidden": ariaHidden
151
158
  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
@@ -17,6 +17,7 @@ var defaultProps = {
17
17
  needBorder: true,
18
18
  bulletColor: 'black',
19
19
  a11y: {},
20
- needMultiLineText: false
20
+ needMultiLineText: false,
21
+ customClass: ''
21
22
  };
22
23
  exports.defaultProps = defaultProps;
@@ -35,6 +35,8 @@ var propTypes = {
35
35
  role: _propTypes["default"].string,
36
36
  ariaSelected: _propTypes["default"].bool,
37
37
  ariaHidden: _propTypes["default"].bool
38
- })
38
+ }),
39
+ customClass: _propTypes["default"].string,
40
+ children: _propTypes["default"].node
39
41
  };
40
42
  exports.propTypes = propTypes;
@@ -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: false
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;
@@ -51,7 +51,9 @@ function StatusListItem(props) {
51
51
  getRef = props.getRef,
52
52
  id = props.id,
53
53
  onClick = props.onClick,
54
- onMouseEnter = props.onMouseEnter;
54
+ onMouseEnter = props.onMouseEnter,
55
+ customClass = props.customClass,
56
+ children = props.children;
55
57
  var options = {};
56
58
  var role = a11y.role,
57
59
  ariaSelected = a11y.ariaSelected,
@@ -84,7 +86,7 @@ function StatusListItem(props) {
84
86
  isCover: false,
85
87
  align: "baseline",
86
88
  alignBox: "row",
87
- 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 : ''),
89
+ 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),
88
90
  dataId: String(value).replace("'", '_'),
89
91
  onClick: !isDisabled && handleClick,
90
92
  onMouseEnter: handleMouseEnter,
@@ -95,11 +97,16 @@ function StatusListItem(props) {
95
97
  }, options), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
96
98
  className: "".concat(_StatusListItemModule["default"].statusType, " ").concat(_StatusListItemModule["default"][bulletColor])
97
99
  }), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
98
- "data-title": isDisabled ? null : title,
99
100
  flexible: true,
101
+ shrink: true
102
+ }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
103
+ alignBox: "row",
104
+ align: needMultiLineText ? 'top' : 'vertical'
105
+ }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
106
+ "data-title": isDisabled ? null : title,
100
107
  shrink: true,
101
108
  className: needMultiLineText ? _StatusListItemModule["default"].multiLineValue : _StatusListItemModule["default"].value
102
- }, value), needTick && active ? /*#__PURE__*/_react["default"].createElement("div", {
109
+ }, value), /*#__PURE__*/_react["default"].createElement(_Layout.Box, null, children && children))), needTick && active ? /*#__PURE__*/_react["default"].createElement("div", {
103
110
  className: _StatusListItemModule["default"].tickIcon,
104
111
  "aria-hidden": ariaHidden
105
112
  }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
@@ -17,6 +17,7 @@ var defaultProps = {
17
17
  needBorder: true,
18
18
  bulletColor: 'black',
19
19
  a11y: {},
20
- needMultiLineText: false
20
+ needMultiLineText: false,
21
+ customClass: ''
21
22
  };
22
23
  exports.defaultProps = defaultProps;
@@ -35,6 +35,8 @@ var propTypes = {
35
35
  role: _propTypes["default"].string,
36
36
  ariaSelected: _propTypes["default"].bool,
37
37
  ariaHidden: _propTypes["default"].bool
38
- })
38
+ }),
39
+ customClass: _propTypes["default"].string,
40
+ children: _propTypes["default"].node
39
41
  };
40
42
  exports.propTypes = propTypes;
@@ -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: false
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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.0.0-temp-175.3",
3
+ "version": "1.0.0-temp-179",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "private": false,
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":1705660260747,"startTime":1705660256338,"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":[]}},{"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":[]}},{"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":[]}},{"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":1707215646588,"startTime":1707215642206,"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":[]}},{"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":[]}}]}}}