@zohodesk/dot 1.4.12 → 1.4.14

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 (229) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/README.md +13 -0
  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 +2 -5
  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/index.html +1 -1
  28. package/es/ActionButton/ActionButton.module.css +51 -4
  29. package/es/AlphabeticList/AlphabeticList.module.css +0 -2
  30. package/es/AttachmentViewer/AttachmentViewer.module.css +0 -2
  31. package/es/ChannelIcon/ChannelIcon.module.css +9 -4
  32. package/es/Drawer/Drawer.js +4 -5
  33. package/es/ExternalLink/ExternalLink.js +4 -5
  34. package/es/FlipCard/FlipCard.js +14 -12
  35. package/es/FormAction/FormAction.module.css +18 -1
  36. package/es/FreezeLayer/FreezeLayer.js +1 -1
  37. package/es/IconButton/IconButton.js +4 -5
  38. package/es/IconButton/IconButton.module.css +0 -1
  39. package/es/Link/Link.js +8 -10
  40. package/es/Message/Message.js +4 -5
  41. package/es/TagWithIcon/TagWithIcon.module.css +0 -3
  42. package/es/ToastMessage/ToastMessage.js +2 -4
  43. package/es/actions/AutoClose.js +2 -1
  44. package/es/alert/AlertLookup/AlertLookup.js +14 -12
  45. package/es/avatar/AvatarClose/AvatarClose.js +7 -7
  46. package/es/avatar/AvatarCollision/AvatarCollision.js +7 -7
  47. package/es/avatar/AvatarIcon/AvatarIcon.js +4 -5
  48. package/es/avatar/AvatarIcon/AvatarIcon.module.css +0 -6
  49. package/es/avatar/AvatarStatus/AvatarStatus.js +7 -8
  50. package/es/avatar/AvatarThread/AvatarThread.js +7 -7
  51. package/es/avatar/AvatarUser/AvatarUser.js +10 -9
  52. package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +17 -14
  53. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +36 -24
  54. package/es/dropdown/ToggleDropDown/props/defaultProps.js +2 -0
  55. package/es/dropdown/ToggleDropDown/props/propTypes.js +4 -0
  56. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +0 -4
  57. package/es/form/fields/CheckBoxField/CheckBoxField.js +15 -13
  58. package/es/form/fields/CurrencyField/CurrencyField.js +14 -12
  59. package/es/form/fields/DateField/DateField.js +14 -14
  60. package/es/form/fields/MultiSelectField/MultiSelectField.js +13 -12
  61. package/es/form/fields/PhoneField/PhoneField.js +7 -7
  62. package/es/form/fields/RadioField/RadioField.js +21 -15
  63. package/es/form/fields/SelectField/SelectField.js +14 -14
  64. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +13 -10
  65. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +11 -11
  66. package/es/form/fields/TextBoxField/TextBoxField.js +14 -14
  67. package/es/form/fields/TextEditorField/TextEditorField.js +11 -10
  68. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js +11 -10
  69. package/es/form/fields/TextareaField/TextareaField.js +16 -13
  70. package/es/form/fields/TextareaField/props/propTypes.js +1 -0
  71. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +0 -1
  72. package/es/layout/SubtabLayout/SubtabLayout.js +4 -6
  73. package/es/layout/SubtabLayout/SubtabLayout.module.css +0 -2
  74. package/es/list/Comment/Comment.module.css +0 -1
  75. package/es/list/Dot/Dot.module.css +0 -1
  76. package/es/list/ListLayout/ListLayout.js +4 -5
  77. package/es/list/ListLayout/ListLayout.module.css +0 -6
  78. package/es/list/SecondaryText/AccountName.js +12 -12
  79. package/es/list/SecondaryText/ContactName.js +8 -9
  80. package/es/list/SecondaryText/Email.js +8 -8
  81. package/es/list/SecondaryText/PhoneNumber.js +8 -8
  82. package/es/list/SecondaryText/SecondaryText.js +4 -5
  83. package/es/list/SecondaryText/TicketId.js +7 -7
  84. package/es/list/Subject/Subject.js +7 -7
  85. package/es/list/Subject/Subject.module.css +8 -1
  86. package/es/list/Thread/Thread.module.css +0 -1
  87. package/es/list/status/StatusListItem/StatusListItem.js +5 -5
  88. package/es/lookup/Lookup/Lookup.js +7 -7
  89. package/es/lookup/Lookup/Lookup.module.css +4 -1
  90. package/es/lookup/Lookup/props/propTypes.js +3 -2
  91. package/es/lookup/header/Search/Search.js +5 -3
  92. package/es/lookup/header/TicketHeader/TicketHeader.js +88 -73
  93. package/es/lookup/header/TicketHeader/props/defaultProps.js +7 -1
  94. package/es/lookup/header/TicketHeader/props/propTypes.js +2 -1
  95. package/es/v1/ActionButton/ActionButton.js +1 -1
  96. package/es/v1/AttachmentViewer/AttachmentViewer.js +2 -2
  97. package/es/v1/Drawer/Drawer.js +6 -7
  98. package/es/v1/ExternalLink/ExternalLink.js +4 -5
  99. package/es/v1/FlipCard/FlipCard.js +15 -13
  100. package/es/v1/FreezeLayer/FreezeLayer.js +2 -2
  101. package/es/v1/GlobalNotification/GlobalNotification.js +6 -7
  102. package/es/v1/IconButton/IconButton.js +4 -5
  103. package/es/v1/Link/Link.js +8 -10
  104. package/es/v1/Loader/Loader.js +1 -1
  105. package/es/v1/Message/Message.js +4 -5
  106. package/es/v1/ToastMessage/ToastMessage.js +4 -6
  107. package/es/v1/actions/AutoClose.js +2 -1
  108. package/es/v1/alert/AlertLookup/AlertLookup.js +16 -16
  109. package/es/v1/avatar/AvatarClose/AvatarClose.js +7 -7
  110. package/es/v1/avatar/AvatarCollision/AvatarCollision.js +7 -7
  111. package/es/v1/avatar/AvatarIcon/AvatarIcon.js +5 -6
  112. package/es/v1/avatar/AvatarStatus/AvatarStatus.js +7 -8
  113. package/es/v1/avatar/AvatarThread/AvatarThread.js +7 -7
  114. package/es/v1/avatar/AvatarUser/AvatarUser.js +10 -9
  115. package/es/v1/avatar/AvatarWithTeam/AvatarWithTeam.js +17 -14
  116. package/es/v1/dropdown/ToggleDropDown/ToggleDropDown.js +39 -27
  117. package/es/v1/dropdown/ToggleDropDown/props/defaultProps.js +2 -0
  118. package/es/v1/dropdown/ToggleDropDown/props/propTypes.js +4 -0
  119. package/es/v1/form/fields/CheckBoxField/CheckBoxField.js +15 -13
  120. package/es/v1/form/fields/CurrencyField/CurrencyField.js +15 -13
  121. package/es/v1/form/fields/DateField/DateField.js +15 -15
  122. package/es/v1/form/fields/MultiSelectField/MultiSelectField.js +14 -13
  123. package/es/v1/form/fields/PhoneField/PhoneField.js +7 -7
  124. package/es/v1/form/fields/RadioField/RadioField.js +21 -16
  125. package/es/v1/form/fields/SelectField/SelectField.js +15 -15
  126. package/es/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js +14 -11
  127. package/es/v1/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +11 -11
  128. package/es/v1/form/fields/TextBoxField/TextBoxField.js +15 -15
  129. package/es/v1/form/fields/TextEditorField/TextEditorField.js +11 -10
  130. package/es/v1/form/fields/TextEditorWrapper/TextEditorWrapper.js +11 -10
  131. package/es/v1/form/fields/TextareaField/TextareaField.js +17 -14
  132. package/es/v1/form/fields/TextareaField/props/propTypes.js +1 -0
  133. package/es/v1/layout/SubtabLayout/SubtabLayout.js +4 -6
  134. package/es/v1/list/ListLayout/ListLayout.js +4 -5
  135. package/es/v1/list/SecondaryText/AccountName.js +12 -12
  136. package/es/v1/list/SecondaryText/ContactName.js +8 -9
  137. package/es/v1/list/SecondaryText/Email.js +8 -8
  138. package/es/v1/list/SecondaryText/PhoneNumber.js +8 -8
  139. package/es/v1/list/SecondaryText/SecondaryText.js +4 -5
  140. package/es/v1/list/SecondaryText/TicketId.js +7 -7
  141. package/es/v1/list/Subject/Subject.js +7 -7
  142. package/es/v1/list/status/StatusDropdown/StatusDropdown.js +2 -2
  143. package/es/v1/list/status/StatusListItem/StatusListItem.js +6 -6
  144. package/es/v1/lookup/Lookup/Lookup.js +7 -7
  145. package/es/v1/lookup/Lookup/props/propTypes.js +3 -2
  146. package/es/v1/lookup/header/Search/Search.js +5 -3
  147. package/es/v1/lookup/header/TicketHeader/TicketHeader.js +30 -12
  148. package/es/v1/lookup/header/TicketHeader/props/defaultProps.js +7 -1
  149. package/es/v1/lookup/header/TicketHeader/props/propTypes.js +2 -1
  150. package/es/v1/lookup/header/ViewDropDown/ViewDropDown.js +1 -1
  151. package/es/v1/notification/DesktopNotification/DesktopNotification.js +7 -8
  152. package/es/v1/notification/DesktopNotification/props/defaultProps.js +1 -1
  153. package/es/v1/notification/DesktopNotificationHeader/props/defaultProps.js +1 -1
  154. package/es/version2/GlobalNotification/GlobalNotification.js +6 -7
  155. package/es/version2/GlobalNotification/GlobalNotification.module.css +0 -4
  156. package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +0 -1
  157. package/es/version2/lookup/AlertLookup/AlertLookup.js +15 -15
  158. package/es/version2/notification/DesktopNotification/DesktopNotification.js +6 -7
  159. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +0 -2
  160. package/lib/ActionButton/ActionButton.module.css +51 -4
  161. package/lib/AlphabeticList/AlphabeticList.module.css +0 -2
  162. package/lib/AttachmentViewer/AttachmentViewer.module.css +0 -2
  163. package/lib/ChannelIcon/ChannelIcon.module.css +9 -4
  164. package/lib/FormAction/FormAction.module.css +18 -1
  165. package/lib/FreezeLayer/FreezeLayer.js +1 -1
  166. package/lib/IconButton/IconButton.module.css +0 -1
  167. package/lib/TagWithIcon/TagWithIcon.module.css +0 -3
  168. package/lib/avatar/AvatarIcon/AvatarIcon.module.css +0 -6
  169. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +8 -0
  170. package/lib/dropdown/ToggleDropDown/props/defaultProps.js +2 -0
  171. package/lib/dropdown/ToggleDropDown/props/propTypes.js +4 -0
  172. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +0 -4
  173. package/lib/form/fields/RadioField/RadioField.js +3 -0
  174. package/lib/form/fields/TextareaField/TextareaField.js +2 -0
  175. package/lib/form/fields/TextareaField/props/propTypes.js +1 -0
  176. package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +0 -1
  177. package/lib/layout/SubtabLayout/SubtabLayout.module.css +0 -2
  178. package/lib/list/Comment/Comment.module.css +0 -1
  179. package/lib/list/Dot/Dot.module.css +0 -1
  180. package/lib/list/ListLayout/ListLayout.module.css +0 -6
  181. package/lib/list/Subject/Subject.module.css +8 -1
  182. package/lib/list/Thread/Thread.module.css +0 -1
  183. package/lib/lookup/Lookup/Lookup.js +3 -2
  184. package/lib/lookup/Lookup/Lookup.module.css +4 -1
  185. package/lib/lookup/Lookup/props/propTypes.js +3 -2
  186. package/lib/lookup/header/TicketHeader/TicketHeader.js +93 -106
  187. package/lib/lookup/header/TicketHeader/props/defaultProps.js +7 -1
  188. package/lib/lookup/header/TicketHeader/props/propTypes.js +2 -1
  189. package/lib/v1/ActionButton/ActionButton.js +1 -1
  190. package/lib/v1/AttachmentViewer/AttachmentViewer.js +2 -2
  191. package/lib/v1/Drawer/Drawer.js +2 -2
  192. package/lib/v1/FlipCard/FlipCard.js +1 -1
  193. package/lib/v1/FreezeLayer/FreezeLayer.js +2 -2
  194. package/lib/v1/Loader/Loader.js +1 -1
  195. package/lib/v1/ToastMessage/ToastMessage.js +2 -2
  196. package/lib/v1/alert/AlertLookup/AlertLookup.js +1 -1
  197. package/lib/v1/avatar/AvatarIcon/AvatarIcon.js +1 -1
  198. package/lib/v1/dropdown/ToggleDropDown/ToggleDropDown.js +11 -3
  199. package/lib/v1/dropdown/ToggleDropDown/props/defaultProps.js +2 -0
  200. package/lib/v1/dropdown/ToggleDropDown/props/propTypes.js +4 -0
  201. package/lib/v1/form/fields/CurrencyField/CurrencyField.js +1 -1
  202. package/lib/v1/form/fields/DateField/DateField.js +1 -1
  203. package/lib/v1/form/fields/MultiSelectField/MultiSelectField.js +1 -1
  204. package/lib/v1/form/fields/RadioField/RadioField.js +3 -0
  205. package/lib/v1/form/fields/SelectField/SelectField.js +1 -1
  206. package/lib/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js +1 -1
  207. package/lib/v1/form/fields/TextBoxField/TextBoxField.js +1 -1
  208. package/lib/v1/form/fields/TextareaField/TextareaField.js +3 -1
  209. package/lib/v1/form/fields/TextareaField/props/propTypes.js +1 -0
  210. package/lib/v1/list/status/StatusDropdown/StatusDropdown.js +2 -2
  211. package/lib/v1/list/status/StatusListItem/StatusListItem.js +1 -1
  212. package/lib/v1/lookup/Lookup/Lookup.js +3 -2
  213. package/lib/v1/lookup/Lookup/props/propTypes.js +3 -2
  214. package/lib/v1/lookup/header/TicketHeader/TicketHeader.js +37 -12
  215. package/lib/v1/lookup/header/TicketHeader/props/defaultProps.js +7 -1
  216. package/lib/v1/lookup/header/TicketHeader/props/propTypes.js +2 -1
  217. package/lib/v1/lookup/header/ViewDropDown/ViewDropDown.js +1 -1
  218. package/lib/v1/notification/DesktopNotification/DesktopNotification.js +1 -1
  219. package/lib/v1/notification/DesktopNotification/props/defaultProps.js +1 -1
  220. package/lib/v1/notification/DesktopNotificationHeader/props/defaultProps.js +1 -1
  221. package/lib/version2/GlobalNotification/GlobalNotification.module.css +0 -4
  222. package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +0 -1
  223. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +0 -2
  224. package/package.json +11 -11
  225. package/result.json +1 -1
  226. package/es/v1/Provider/Config.js +0 -20
  227. package/lib/v1/Provider/Config.js +0 -29
  228. /package/es/{FreezeLayer → Hooks}/useFreezeLayer.js +0 -0
  229. /package/lib/{FreezeLayer → Hooks}/useFreezeLayer.js +0 -0
@@ -14,7 +14,7 @@ var propTypes = {
14
14
  customClass: _propTypes["default"].string,
15
15
  dataId: _propTypes["default"].string,
16
16
  isActive: _propTypes["default"].bool,
17
- size: _propTypes["default"].oneOf(['small', 'xmedium', 'medium', 'large', 'full']),
17
+ size: _propTypes["default"].oneOf(['small', 'xmedium', 'medium', 'large', 'xlarge', 'full']),
18
18
  htmlId: _propTypes["default"].string,
19
19
  a11y: _propTypes["default"].shape({
20
20
  role: _propTypes["default"].string,
@@ -29,6 +29,7 @@ var propTypes = {
29
29
  forwardRef: _propTypes["default"].object,
30
30
  onClick: _propTypes["default"].func,
31
31
  onClose: _propTypes["default"].func,
32
- isMinHeight: _propTypes["default"].bool
32
+ isMinHeight: _propTypes["default"].bool,
33
+ lookupClass: _propTypes["default"].string
33
34
  };
34
35
  exports.propTypes = propTypes;
@@ -23,6 +23,8 @@ var _ViewDropDown = _interopRequireDefault(require("../ViewDropDown/ViewDropDown
23
23
 
24
24
  var _Layout = require("@zohodesk/components/lib/Layout");
25
25
 
26
+ var _useDragger = _interopRequireDefault(require("../../../Hooks/Dragger/useDragger"));
27
+
26
28
  var _lookupHeaderCommonModule = _interopRequireDefault(require("../lookupHeaderCommon.module.css"));
27
29
 
28
30
  var _lookupHeaderCommonResponsiveModule = _interopRequireDefault(require("../lookupHeaderCommonResponsive.module.css"));
@@ -35,117 +37,102 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
35
37
 
36
38
  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; }
37
39
 
38
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
39
-
40
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
41
-
42
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
43
-
44
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
45
-
46
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
40
+ /*** Libraries ***/
47
41
 
48
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
42
+ /*** Components ***/
49
43
 
50
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
51
-
52
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
53
-
54
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
55
-
56
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
44
+ /*** CSS ***/
57
45
 
58
46
  /* eslint-disable react/forbid-component-props */
59
- var TicketHeader = /*#__PURE__*/function (_Component) {
60
- _inherits(TicketHeader, _Component);
61
-
62
- var _super = _createSuper(TicketHeader);
63
-
64
- function TicketHeader() {
65
- _classCallCheck(this, TicketHeader);
66
-
67
- return _super.apply(this, arguments);
68
- }
69
-
70
- _createClass(TicketHeader, [{
71
- key: "render",
72
- value: function render() {
73
- var _this$props = this.props,
74
- needSearch = _this$props.needSearch,
75
- onLookupClose = _this$props.onLookupClose,
76
- searchStr = _this$props.searchStr,
77
- onSearchChange = _this$props.onSearchChange,
78
- searchPlaceHolder = _this$props.searchPlaceHolder,
79
- title = _this$props.title,
80
- selectedViewId = _this$props.selectedViewId,
81
- onSelectView = _this$props.onSelectView,
82
- allViews = _this$props.allViews,
83
- onSearch = _this$props.onSearch,
84
- needOnTypeSearch = _this$props.needOnTypeSearch,
85
- getSearchBoxRef = _this$props.getSearchBoxRef,
86
- needViewsList = _this$props.needViewsList,
87
- i18nKeys = _this$props.i18nKeys,
88
- palette = _this$props.palette;
89
- var _i18nKeys$menuEmptyMe = i18nKeys.menuEmptyMessage,
90
- menuEmptyMessage = _i18nKeys$menuEmptyMe === void 0 ? 'No matches found' : _i18nKeys$menuEmptyMe;
91
- return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
92
- align: "vertical",
93
- alignBox: "row",
94
- className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonModule["default"]["".concat(palette)], " ").concat(_lookupHeaderCommonResponsiveModule["default"].container, " ").concat(_TicketHeaderModule["default"].container),
95
- isCover: false,
96
- wrap: "wrap"
97
- }, /*#__PURE__*/_react["default"].createElement("div", {
98
- className: _lookupHeaderCommonModule["default"].closeContainer
99
- }, /*#__PURE__*/_react["default"].createElement(_Close["default"], {
100
- onClose: onLookupClose,
101
- dataId: "close"
102
- })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
103
- flexible: true
104
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
105
- alignBox: "column",
106
- className: "".concat(_TicketHeaderModule["default"].innerContainer),
107
- isCover: false,
108
- wrap: "wrap",
109
- dataId: "lookupView"
110
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
111
- className: _lookupHeaderCommonModule["default"].title
112
- }, /*#__PURE__*/_react["default"].createElement(_Title["default"], {
113
- text: title
114
- })), needViewsList ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
115
- className: "".concat(_TicketHeaderModule["default"].dropdown),
116
- dataId: "filterIdselected"
117
- }, /*#__PURE__*/_react["default"].createElement("div", {
118
- className: _TicketHeaderModule["default"].menuWrapper
119
- }, /*#__PURE__*/_react["default"].createElement(_ViewDropDown["default"], {
120
- dropBoxSize: "small",
121
- emptyMessage: menuEmptyMessage,
122
- needSearch: true,
123
- onChange: onSelectView,
124
- options: allViews,
125
- textField: "displayLabel",
126
- selectedValue: selectedViewId,
127
- needCloseOnSelect: true
128
- }))) : null)), needSearch ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
129
- className: "".concat(_lookupHeaderCommonModule["default"].searchContainer, " ").concat(_lookupHeaderCommonResponsiveModule["default"].searchContainer, " ").concat(_TicketHeaderModule["default"].searchContainer)
130
- }, /*#__PURE__*/_react["default"].createElement(_Search["default"], {
131
- onSearch: onSearch,
132
- searchStr: searchStr,
133
- onChange: onSearchChange,
134
- placeHolder: searchPlaceHolder,
135
- dataId: "search",
136
- needOnTypeSearch: needOnTypeSearch,
137
- getRef: getSearchBoxRef
138
- })) : null);
139
- }
140
- }]);
141
-
142
- return TicketHeader;
143
- }(_react.Component);
144
-
145
- exports["default"] = TicketHeader;
47
+ function TicketHeader(props) {
48
+ var needSearch = props.needSearch,
49
+ onLookupClose = props.onLookupClose,
50
+ searchStr = props.searchStr,
51
+ onSearchChange = props.onSearchChange,
52
+ searchPlaceHolder = props.searchPlaceHolder,
53
+ title = props.title,
54
+ selectedViewId = props.selectedViewId,
55
+ onSelectView = props.onSelectView,
56
+ allViews = props.allViews,
57
+ onSearch = props.onSearch,
58
+ needOnTypeSearch = props.needOnTypeSearch,
59
+ getSearchBoxRef = props.getSearchBoxRef,
60
+ needViewsList = props.needViewsList,
61
+ i18nKeys = props.i18nKeys,
62
+ palette = props.palette,
63
+ dragBoundaryLimit = props.dragBoundaryLimit;
64
+ var _i18nKeys$menuEmptyMe = i18nKeys.menuEmptyMessage,
65
+ menuEmptyMessage = _i18nKeys$menuEmptyMe === void 0 ? 'No matches found' : _i18nKeys$menuEmptyMe;
66
+ var dragRef = (0, _react.useRef)(null); //dragRef
67
+
68
+ (0, _useDragger["default"])({
69
+ isActive: true,
70
+ ChildRef: dragRef,
71
+ boundaryLimit: dragBoundaryLimit
72
+ }); //custom Hook
73
+
74
+ return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
75
+ align: "vertical",
76
+ alignBox: "row",
77
+ className: "".concat(_lookupHeaderCommonModule["default"].container, " ").concat(_lookupHeaderCommonModule["default"]["".concat(palette)], " ").concat(_lookupHeaderCommonResponsiveModule["default"].container, " ").concat(_TicketHeaderModule["default"].container),
78
+ isCover: false,
79
+ wrap: "wrap",
80
+ eleRef: dragRef,
81
+ "data-drag-hook": "true"
82
+ }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
83
+ flexible: true
84
+ }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
85
+ alignBox: "column",
86
+ className: "".concat(_TicketHeaderModule["default"].innerContainer),
87
+ isCover: false,
88
+ wrap: "wrap",
89
+ dataId: "lookupView"
90
+ }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
91
+ className: _lookupHeaderCommonModule["default"].title
92
+ }, /*#__PURE__*/_react["default"].createElement(_Title["default"], {
93
+ text: title
94
+ })), needViewsList ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
95
+ className: "".concat(_TicketHeaderModule["default"].dropdown),
96
+ dataId: "filterIdselected"
97
+ }, /*#__PURE__*/_react["default"].createElement("div", {
98
+ className: _TicketHeaderModule["default"].menuWrapper
99
+ }, /*#__PURE__*/_react["default"].createElement(_ViewDropDown["default"], {
100
+ dropBoxSize: "small",
101
+ emptyMessage: menuEmptyMessage,
102
+ needSearch: true,
103
+ onChange: onSelectView,
104
+ options: allViews,
105
+ textField: "displayLabel",
106
+ selectedValue: selectedViewId,
107
+ needCloseOnSelect: true
108
+ }))) : null)), needSearch ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
109
+ className: "".concat(_lookupHeaderCommonModule["default"].searchContainer, " ").concat(_lookupHeaderCommonResponsiveModule["default"].searchContainer, " ").concat(_TicketHeaderModule["default"].searchContainer)
110
+ }, /*#__PURE__*/_react["default"].createElement(_Search["default"], {
111
+ onSearch: onSearch,
112
+ searchStr: searchStr,
113
+ onChange: onSearchChange,
114
+ placeHolder: searchPlaceHolder,
115
+ dataId: "search",
116
+ needOnTypeSearch: needOnTypeSearch,
117
+ getRef: getSearchBoxRef
118
+ })) : null, /*#__PURE__*/_react["default"].createElement("div", {
119
+ className: _lookupHeaderCommonModule["default"].closeContainer
120
+ }, /*#__PURE__*/_react["default"].createElement(_Close["default"], {
121
+ onClose: onLookupClose,
122
+ dataId: "close"
123
+ })));
124
+ }
125
+
146
126
  TicketHeader.propTypes = _propTypes.propTypes;
147
- TicketHeader.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
127
+ TicketHeader.defaultProps = _defaultProps.defaultProps;
128
+ var MemoizedTicketHeader = /*#__PURE__*/(0, _react.memo)(TicketHeader);
129
+ MemoizedTicketHeader.propTypes = _propTypes.propTypes;
130
+ MemoizedTicketHeader.defaultProps = _defaultProps.defaultProps;
131
+ MemoizedTicketHeader.displayName = 'TicketHeader';
132
+ var _default = MemoizedTicketHeader; // if (__DOCS__) {
148
133
  // TicketHeader.docs = {
149
134
  // componentGroup: 'Lookup'
150
135
  // };
151
- // }
136
+ // }
137
+
138
+ exports["default"] = _default;
@@ -6,6 +6,12 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.defaultProps = void 0;
7
7
  var defaultProps = {
8
8
  i18nKeys: {},
9
- palette: 'default'
9
+ palette: 'default',
10
+ dragBoundaryLimit: {
11
+ top: 0,
12
+ left: 50,
13
+ right: 50,
14
+ bottom: 50
15
+ }
10
16
  };
11
17
  exports.defaultProps = defaultProps;
@@ -26,6 +26,7 @@ var propTypes = {
26
26
  i18nKeys: _propTypes["default"].shape({
27
27
  menuEmptyMessage: _propTypes["default"].string
28
28
  }),
29
- palette: _propTypes["default"].oneOf(['default', 'white'])
29
+ palette: _propTypes["default"].oneOf(['default', 'white']),
30
+ dragBoundaryLimit: _propTypes["default"].object
30
31
  };
31
32
  exports.propTypes = propTypes;
@@ -21,7 +21,7 @@ var _Layout = require("@zohodesk/components/es/v1/Layout");
21
21
 
22
22
  var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox"));
23
23
 
24
- var _CssProvider = _interopRequireDefault(require("@zohodesk/components/es/v1/Provider/CssProvider"));
24
+ var _CssProvider = _interopRequireDefault(require("@zohodesk/components/es/Provider/CssProvider"));
25
25
 
26
26
  var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
27
27
 
@@ -19,9 +19,9 @@ var _icons = require("@zohodesk/icons");
19
19
 
20
20
  var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/v1/Avatar/Avatar"));
21
21
 
22
- var _CustomResponsive = require("@zohodesk/components/es/v1/Responsive/CustomResponsive");
22
+ var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
23
23
 
24
- var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
24
+ var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
25
25
 
26
26
  var _AttachmentImage = _interopRequireDefault(require("./AttachmentImage"));
27
27
 
@@ -22,11 +22,11 @@ var _Card = require("@zohodesk/components/es/v1/Card");
22
22
 
23
23
  var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
24
24
 
25
- var _CustomResponsive = require("@zohodesk/components/es/v1/Responsive/CustomResponsive");
25
+ var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
26
26
 
27
27
  var _icons = require("@zohodesk/icons");
28
28
 
29
- var _ZindexProvider = require("@zohodesk/components/es/v1/Provider/ZindexProvider");
29
+ var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
30
30
 
31
31
  var _FocusScope = _interopRequireDefault(require("@zohodesk/a11y/es/FocusScope/FocusScope"));
32
32
 
@@ -15,7 +15,7 @@ var _CheckBox = _interopRequireDefault(require("@zohodesk/components/es/v1/Check
15
15
 
16
16
  var _Layout = require("@zohodesk/components/es/v1/Layout");
17
17
 
18
- var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/es/v1/Provider/AvatarSize"));
18
+ var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/es/Provider/AvatarSize"));
19
19
 
20
20
  var _ChannelIcon = _interopRequireDefault(require("../ChannelIcon/ChannelIcon"));
21
21
 
@@ -17,11 +17,11 @@ var _utils = require("@zohodesk/utils");
17
17
 
18
18
  var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
19
19
 
20
- var _ZindexProvider = require("@zohodesk/components/es/v1/Provider/ZindexProvider");
20
+ var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
21
21
 
22
22
  var _cssJSLogic2 = _interopRequireDefault(require("../../FreezeLayer/css/cssJSLogic"));
23
23
 
24
- var _useFreezeLayer2 = _interopRequireDefault(require("../../FreezeLayer/useFreezeLayer"));
24
+ var _useFreezeLayer2 = _interopRequireDefault(require("../../Hooks/useFreezeLayer"));
25
25
 
26
26
  var _FreezeLayerModule = _interopRequireDefault(require("../../FreezeLayer/css/FreezeLayer.module.css"));
27
27
 
@@ -7,7 +7,7 @@ exports["default"] = Loader;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- var _ZindexProvider = require("@zohodesk/components/es/v1/Provider/ZindexProvider");
10
+ var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
11
11
 
12
12
  var _LoaderModule = _interopRequireDefault(require("../../Loader/Loader.module.css"));
13
13
 
@@ -19,9 +19,9 @@ var _icons = require("@zohodesk/icons");
19
19
 
20
20
  var _Layout = require("@zohodesk/components/es/v1/Layout");
21
21
 
22
- var _ZindexProvider = require("@zohodesk/components/es/v1/Provider/ZindexProvider");
22
+ var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
23
23
 
24
- var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
24
+ var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
25
25
 
26
26
  var _AutoClose = _interopRequireDefault(require("../actions/AutoClose"));
27
27
 
@@ -11,7 +11,7 @@ var _defaultProps = require("./props/defaultProps");
11
11
 
12
12
  var _propTypes = require("./props/propTypes");
13
13
 
14
- var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
14
+ var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
15
15
 
16
16
  var _Button = _interopRequireDefault(require("@zohodesk/components/es/v1/Button/Button"));
17
17
 
@@ -15,7 +15,7 @@ var _icons = require("@zohodesk/icons");
15
15
 
16
16
  var _Layout = require("@zohodesk/components/es/v1/Layout");
17
17
 
18
- var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/es/v1/Provider/AvatarSize"));
18
+ var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/es/Provider/AvatarSize"));
19
19
 
20
20
  var _AvatarIconModule = _interopRequireDefault(require("../../../avatar/AvatarIcon/AvatarIcon.module.css"));
21
21
 
@@ -33,11 +33,11 @@ var _CommonEmptyState = _interopRequireDefault(require("../../emptystate/CommonE
33
33
 
34
34
  var _EmptySearch = _interopRequireDefault(require("@zohodesk/svg/lib/emptystate/version3/EmptySearch"));
35
35
 
36
- var _CssProvider = _interopRequireDefault(require("@zohodesk/components/es/v1/Provider/CssProvider"));
36
+ var _CssProvider = _interopRequireDefault(require("@zohodesk/components/es/Provider/CssProvider"));
37
37
 
38
38
  var _Common = require("@zohodesk/components/es/utils/Common");
39
39
 
40
- var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
40
+ var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
41
41
 
42
42
  var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
43
43
 
@@ -45,7 +45,7 @@ var _RippleEffect = _interopRequireDefault(require("@zohodesk/components/es/v1/R
45
45
 
46
46
  var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox"));
47
47
 
48
- var _CustomResponsive = require("@zohodesk/components/es/v1/Responsive/CustomResponsive");
48
+ var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
49
49
 
50
50
  var _ToggleDropDownModule = _interopRequireDefault(require("../../../dropdown/ToggleDropDown/ToggleDropDown.module.css"));
51
51
 
@@ -590,6 +590,10 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
590
590
  getFooter = _this$props9.getFooter,
591
591
  customProps = _this$props9.customProps,
592
592
  needMultiLineText = _this$props9.needMultiLineText,
593
+ isAbsolutePositioningNeeded = _this$props9.isAbsolutePositioningNeeded,
594
+ positionsOffset = _this$props9.positionsOffset,
595
+ targetOffset = _this$props9.targetOffset,
596
+ isRestrictScroll = _this$props9.isRestrictScroll,
593
597
  customClass = _this$props9.customClass;
594
598
  var _customProps$ToggleDr = customProps.ToggleDropDownProps,
595
599
  ToggleDropDownProps = _customProps$ToggleDr === void 0 ? {} : _customProps$ToggleDr,
@@ -691,6 +695,10 @@ var ToggleDropDown = /*#__PURE__*/function (_Component) {
691
695
  palette: palette,
692
696
  isResponsivePadding: true,
693
697
  needFocusScope: true,
698
+ isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
699
+ positionsOffset: positionsOffset,
700
+ targetOffset: targetOffset,
701
+ isRestrictScroll: isRestrictScroll,
694
702
  customProps: {
695
703
  focusScopeProps: {
696
704
  loadNextOptions: _this5.handleGetNextOptions,
@@ -29,6 +29,8 @@ var defaultProps = {
29
29
  preventPopupClose: false,
30
30
  dataSelectorId: 'toggleDropdown',
31
31
  needMultiLineText: false,
32
+ isAbsolutePositioningNeeded: true,
33
+ isRestrictScroll: false,
32
34
  customClass: {}
33
35
  };
34
36
  exports.defaultProps = defaultProps;
@@ -84,6 +84,10 @@ var propTypes = {
84
84
  customListBox: _propTypes["default"].string
85
85
  }),
86
86
  onSelectLabel: _propTypes["default"].func,
87
+ isAbsolutePositioningNeeded: _propTypes["default"].bool,
88
+ isRestrictScroll: _propTypes["default"].bool,
89
+ positionsOffset: _propTypes["default"].object,
90
+ targetOffset: _propTypes["default"].object,
87
91
  from: _propTypes["default"].string,
88
92
  top: _propTypes["default"].number
89
93
  };
@@ -19,7 +19,7 @@ var _TextBox = _interopRequireDefault(require("@zohodesk/components/es/v1/TextBo
19
19
 
20
20
  var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
21
21
 
22
- var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
22
+ var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
23
23
 
24
24
  var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
25
25
 
@@ -19,7 +19,7 @@ var _DateWidget = _interopRequireDefault(require("@zohodesk/components/es/v1/Dat
19
19
 
20
20
  var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
21
21
 
22
- var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
22
+ var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
23
23
 
24
24
  var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
25
25
 
@@ -19,7 +19,7 @@ var _MultiSelect = _interopRequireDefault(require("@zohodesk/components/es/v1/Mu
19
19
 
20
20
  var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
21
21
 
22
- var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
22
+ var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
23
23
 
24
24
  var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
25
25
 
@@ -103,6 +103,7 @@ var RadioField = function RadioField(props) {
103
103
  value = option.value,
104
104
  _option$disabled = option.disabled,
105
105
  disabled = _option$disabled === void 0 ? false : _option$disabled,
106
+ tooltip = option.tooltip,
106
107
  infoTooltip = option.infoTooltip;
107
108
  var isChecked = selectedValue == value;
108
109
  return /*#__PURE__*/_react["default"].createElement("span", {
@@ -117,6 +118,8 @@ var RadioField = function RadioField(props) {
117
118
  labelSize: labelSize,
118
119
  active: isActive || isBoxStyle && isChecked,
119
120
  disabled: disabled || isDisabled,
121
+ disabledTitle: tooltip,
122
+ title: tooltip,
120
123
  onChange: handleChange,
121
124
  getRef: handleGetRef,
122
125
  size: size,
@@ -19,7 +19,7 @@ var _Select = _interopRequireDefault(require("@zohodesk/components/es/v1/Select/
19
19
 
20
20
  var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
21
21
 
22
- var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
22
+ var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
23
23
 
24
24
  var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
25
25
 
@@ -31,7 +31,7 @@ var _CommonEmptyState = _interopRequireDefault(require("../../../emptystate/Comm
31
31
 
32
32
  var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox"));
33
33
 
34
- var _CustomResponsive = require("@zohodesk/components/es/v1/Responsive/CustomResponsive");
34
+ var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
35
35
 
36
36
  var _MultiSelectHeader = _interopRequireDefault(require("@zohodesk/components/es/v1/MultiSelect/MultiSelectHeader"));
37
37
 
@@ -19,7 +19,7 @@ var _TextBoxIcon = _interopRequireDefault(require("@zohodesk/components/es/v1/Te
19
19
 
20
20
  var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
21
21
 
22
- var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
22
+ var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
23
23
 
24
24
  var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
25
25
 
@@ -19,7 +19,7 @@ var _Textarea = _interopRequireDefault(require("@zohodesk/components/es/v1/Texta
19
19
 
20
20
  var _ValidationMessage = _interopRequireDefault(require("../ValidationMessage/ValidationMessage"));
21
21
 
22
- var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
22
+ var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
23
23
 
24
24
  var _FieldContainer = _interopRequireDefault(require("../FieldContainer/FieldContainer"));
25
25
 
@@ -53,6 +53,7 @@ var TextareaField = function TextareaField(props) {
53
53
  dataSelectorId = props.dataSelectorId,
54
54
  validationRuleMessage = props.validationRuleMessage,
55
55
  validationRulePalette = props.validationRulePalette,
56
+ onFocus = props.onFocus,
56
57
  infoText = props.infoText,
57
58
  borderColor = props.borderColor,
58
59
  fieldSize = props.fieldSize,
@@ -120,6 +121,7 @@ var TextareaField = function TextareaField(props) {
120
121
  text: value,
121
122
  placeHolder: placeHolder,
122
123
  dataId: "property(".concat(dataId, ")"),
124
+ onFocus: onFocus,
123
125
  onBlur: handleBlur,
124
126
  borderColor: borderColor,
125
127
  needEffect: isReadOnly || isDisabled ? false : true,
@@ -29,6 +29,7 @@ var propTypes = _objectSpread({
29
29
  labelName: _propTypes["default"].string,
30
30
  labelPalette: _propTypes["default"].string,
31
31
  maxLength: _propTypes["default"].number,
32
+ onFocus: _propTypes["default"].func,
32
33
  onBlur: _propTypes["default"].func,
33
34
  onChange: _propTypes["default"].func,
34
35
  placeHolder: _propTypes["default"].string,
@@ -41,9 +41,9 @@ var _commonModule = _interopRequireDefault(require("@zohodesk/components/es/comm
41
41
 
42
42
  var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/es/v1/ResponsiveDropBox/ResponsiveDropBox"));
43
43
 
44
- var _CustomResponsive = require("@zohodesk/components/es/v1/Responsive/CustomResponsive");
44
+ var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
45
45
 
46
- var _IdProvider = require("@zohodesk/components/es/v1/Provider/IdProvider");
46
+ var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
47
47
 
48
48
  var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
49
49
 
@@ -17,7 +17,7 @@ var _Layout = require("@zohodesk/components/es/v1/Layout");
17
17
 
18
18
  var _icons = require("@zohodesk/icons");
19
19
 
20
- var _CssProvider = _interopRequireDefault(require("@zohodesk/components/es/v1/Provider/CssProvider"));
20
+ var _CssProvider = _interopRequireDefault(require("@zohodesk/components/es/Provider/CssProvider"));
21
21
 
22
22
  var _StatusListItemModule = _interopRequireDefault(require("../../../../list/status/StatusListItem/StatusListItem.module.css"));
23
23
 
@@ -53,7 +53,8 @@ function Lookup(props) {
53
53
  needFocusScope = props.needFocusScope,
54
54
  customProps = props.customProps,
55
55
  onKeyDown = props.onKeyDown,
56
- isMinHeight = props.isMinHeight;
56
+ isMinHeight = props.isMinHeight,
57
+ lookupClass = props.lookupClass;
57
58
 
58
59
  var _a11y$role = a11y.role,
59
60
  role = _a11y$role === void 0 ? 'dialog' : _a11y$role,
@@ -103,7 +104,7 @@ function Lookup(props) {
103
104
  "aria-label": ariaLabel,
104
105
  "aria-modal": ariaModal,
105
106
  id: htmlId,
106
- className: "".concat(_LookupModule["default"].box, " ").concat(_LookupModule["default"]["".concat(size, "Size")]),
107
+ className: "".concat(_LookupModule["default"].box, " ").concat(_LookupModule["default"]["".concat(size, "Size")], " ").concat(lookupClass ? lookupClass : ''),
107
108
  "data-id": dataId,
108
109
  "data-test-id": dataId
109
110
  }, a11yAttributes), /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
@@ -14,7 +14,7 @@ var propTypes = {
14
14
  customClass: _propTypes["default"].string,
15
15
  dataId: _propTypes["default"].string,
16
16
  isActive: _propTypes["default"].bool,
17
- size: _propTypes["default"].oneOf(['small', 'xmedium', 'medium', 'large', 'full']),
17
+ size: _propTypes["default"].oneOf(['small', 'xmedium', 'medium', 'large', 'xlarge', 'full']),
18
18
  htmlId: _propTypes["default"].string,
19
19
  a11y: _propTypes["default"].shape({
20
20
  role: _propTypes["default"].string,
@@ -29,6 +29,7 @@ var propTypes = {
29
29
  forwardRef: _propTypes["default"].object,
30
30
  onClick: _propTypes["default"].func,
31
31
  onClose: _propTypes["default"].func,
32
- isMinHeight: _propTypes["default"].bool
32
+ isMinHeight: _propTypes["default"].bool,
33
+ lookupClass: _propTypes["default"].string
33
34
  };
34
35
  exports.propTypes = propTypes;