@zohodesk/dot 1.0.0-beta.227 → 1.0.0-beta.230

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 (340) hide show
  1. package/README.md +12 -0
  2. package/es/ActionButton/ActionButton.js +7 -3
  3. package/es/ExternalLink/ExternalLink.js +1 -1
  4. package/es/FlipCard/FlipCard.js +1 -1
  5. package/es/Link/Link.js +1 -1
  6. package/es/Message/Message.js +1 -1
  7. package/es/Provider.js +6 -104
  8. package/es/ToastMessage/ToastMessage.js +1 -1
  9. package/es/alert/AlertLookup/AlertLookup.js +1 -1
  10. package/es/avatar/AvatarClose/AvatarClose.js +1 -1
  11. package/es/avatar/AvatarCollision/AvatarCollision.js +1 -1
  12. package/es/avatar/AvatarIcon/AvatarIcon.js +1 -1
  13. package/es/avatar/AvatarStatus/AvatarStatus.js +1 -1
  14. package/es/avatar/AvatarThread/AvatarThread.js +1 -1
  15. package/es/avatar/AvatarUser/AvatarUser.js +1 -1
  16. package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +1 -1
  17. package/es/deprecated/SelectDropdown/SelectDropdown.js +59 -35
  18. package/es/deprecated/SelectDropdown/SelectDropdown.module.css +1 -0
  19. package/es/docs/formDocs.js +5 -1
  20. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +184 -161
  21. package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +3 -0
  22. package/es/form/fields/CheckBoxField/CheckBoxField.js +17 -29
  23. package/es/form/fields/CheckBoxField/docs/CheckBoxField__default.docs.js +8 -1
  24. package/es/form/fields/CurrencyField/CurrencyField.js +17 -30
  25. package/es/form/fields/CurrencyField/docs/CurrencyField__default.docs.js +36 -0
  26. package/es/form/fields/DateField/DateField.js +17 -29
  27. package/es/form/fields/DateField/docs/DateField__default.docs.js +8 -1
  28. package/es/form/fields/FieldContainer/FieldContainer.js +82 -0
  29. package/es/form/fields/FieldContainer/docs/FieldContainer__default.docs.js +49 -0
  30. package/es/form/fields/MultiSelectField/MultiSelectField.js +17 -29
  31. package/es/form/fields/MultiSelectField/docs/MultiSelectField__default.docs.js +8 -1
  32. package/es/form/fields/PhoneField/PhoneField.js +1 -1
  33. package/es/form/fields/RadioField/RadioField.js +1 -1
  34. package/es/form/fields/SelectField/SelectField.js +17 -29
  35. package/es/form/fields/SelectField/docs/SelectField__default.docs.js +8 -1
  36. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +93 -65
  37. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +33 -29
  38. package/es/form/fields/TextBoxField/TextBoxField.js +19 -44
  39. package/es/form/fields/TextBoxField/docs/TextBoxField__default.docs.js +28 -1
  40. package/es/form/fields/TextEditorField/TextEditorField.js +28 -45
  41. package/es/form/fields/TextEditorField/docs/TextEditorField__default.docs.js +9 -2
  42. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js +1 -1
  43. package/es/form/fields/TextareaField/TextareaField.js +17 -29
  44. package/es/form/fields/TextareaField/docs/TextareaField__default.docs.js +8 -1
  45. package/es/form/fields/props/FieldCommonDefaultProps.js +10 -0
  46. package/es/form/fields/props/FieldCommonPropTypes.js +22 -0
  47. package/es/layout/SubtabLayout/SubtabLayout.js +1 -1
  48. package/es/list/GridStencils/GridStencils.module.css +7 -18
  49. package/es/list/ListLayout/ListLayout.js +1 -1
  50. package/es/list/SecondaryText/AccountName.js +1 -1
  51. package/es/list/SecondaryText/ContactName.js +1 -1
  52. package/es/list/SecondaryText/Email.js +1 -1
  53. package/es/list/SecondaryText/PhoneNumber.js +1 -1
  54. package/es/list/SecondaryText/SecondaryText.js +1 -1
  55. package/es/list/SecondaryText/TicketId.js +1 -1
  56. package/es/list/Subject/Subject.js +1 -1
  57. package/es/list/status/StatusDropdown/StatusDropdown.js +103 -80
  58. package/es/list/status/StatusDropdown/StatusDropdown.module.css +3 -0
  59. package/es/list/status/StatusListItem/StatusListItem.js +1 -1
  60. package/es/lookup/header/Search/Search.js +1 -1
  61. package/es/lookup/header/ViewDropDown/ViewDropDown.js +79 -54
  62. package/es/version2/GlobalNotification/GlobalNotification.js +1 -1
  63. package/es/version2/lookup/AlertLookup/AlertLookup.js +1 -1
  64. package/es/version2/notification/DesktopNotification/DesktopNotification.js +1 -1
  65. package/lib/ActionButton/ActionButton.js +9 -5
  66. package/lib/ActionButton/docs/ActionButton__default.docs.js +2 -2
  67. package/lib/AlphabeticList/AlphabeticList.js +2 -2
  68. package/lib/AlphabeticList/docs/AlphabeticList__default.docs.js +2 -2
  69. package/lib/AlphabeticList/docs/AlphabeticList__horizontal.docs.js +2 -2
  70. package/lib/Attachment/Attachment.js +2 -2
  71. package/lib/Attachment/docs/Attachment__default.docs.js +2 -2
  72. package/lib/AttachmentViewer/AttachmentImage.js +2 -2
  73. package/lib/AttachmentViewer/AttachmentViewer.js +2 -2
  74. package/lib/AttachmentViewer/docs/AttachmentViewer__default.docs.js +2 -2
  75. package/lib/ChannelIcon/ChannelIcon.js +2 -2
  76. package/lib/ChannelIcon/docs/ChannelIcon__default.docs.js +2 -2
  77. package/lib/Drawer/Drawer.js +2 -2
  78. package/lib/Drawer/docs/Drawer__default.docs.js +2 -2
  79. package/lib/Drawer/docs/Drawer__multiDrawer.docs.js +2 -2
  80. package/lib/Drawer/docs/Drawer__noFreeze.docs.js +2 -2
  81. package/lib/Drawer/docs/Drawer__withModal.docs.js +2 -2
  82. package/lib/ExternalLink/ExternalLink.js +3 -3
  83. package/lib/ExternalLink/docs/ExternalLink__default.docs.js +2 -2
  84. package/lib/FlipCard/FlipCard.js +3 -3
  85. package/lib/FlipCard/docs/FlipCard__default.docs.js +2 -2
  86. package/lib/FormAction/FormAction.js +2 -2
  87. package/lib/FormAction/docs/FormAction__default.docs.js +2 -2
  88. package/lib/FreezeLayer/FreezeLayer.js +2 -2
  89. package/lib/FreezeLayer/docs/FreezeLayer__dark.docs.js +2 -2
  90. package/lib/FreezeLayer/docs/FreezeLayer__default.docs.js +2 -2
  91. package/lib/IconButton/IconButton.js +2 -2
  92. package/lib/IconButton/docs/IconButton__default.docs.js +2 -2
  93. package/lib/Image/Image.js +2 -2
  94. package/lib/Image/docs/Image__default.docs.js +2 -2
  95. package/lib/ImportantNotes/ImportantNotes.js +2 -2
  96. package/lib/ImportantNotes/docs/ImportantNotes__default.docs.js +2 -2
  97. package/lib/Link/Link.js +3 -3
  98. package/lib/Link/docs/Link__default.docs.js +2 -2
  99. package/lib/Loader/Loader.js +2 -2
  100. package/lib/Loader/docs/Loader__default.docs.js +2 -2
  101. package/lib/Message/Message.js +3 -3
  102. package/lib/Message/docs/Message__default.docs.js +2 -2
  103. package/lib/MessageBanner/MessageBanner.js +2 -2
  104. package/lib/MessageBanner/docs/MessageBanner__default.docs.js +2 -2
  105. package/lib/NewStar/NewStar.js +2 -2
  106. package/lib/NewStar/docs/NewStar__default.docs.js +2 -2
  107. package/lib/PlusIcon/PlusIcon.js +2 -2
  108. package/lib/PlusIcon/docs/PlusIcon__default.docs.js +2 -2
  109. package/lib/Provider.js +9 -124
  110. package/lib/ToastMessage/ToastMessage.js +1 -1
  111. package/lib/ToastMessage/docs/ToastMessage__custom.docs.js +2 -2
  112. package/lib/ToastMessage/docs/ToastMessage__information.docs.js +2 -2
  113. package/lib/ToastMessage/docs/ToastMessage__primary.docs.js +2 -2
  114. package/lib/ToastMessage/docs/ToastMessage__secondary.docs.js +2 -2
  115. package/lib/ToastMessage/docs/ToastMessage__success.docs.js +2 -2
  116. package/lib/Upload/Upload.js +2 -2
  117. package/lib/Upload/docs/Upload__default.docs.js +2 -2
  118. package/lib/alert/AlertHeader/AlertHeader.js +2 -2
  119. package/lib/alert/AlertHeader/docs/AlertHeader__default.docs.js +2 -2
  120. package/lib/alert/AlertLookup/AlertLookup.js +3 -3
  121. package/lib/alert/AlertLookup/docs/AlertLookup__default.docs.js +2 -2
  122. package/lib/avatar/AvatarClose/AvatarClose.js +3 -3
  123. package/lib/avatar/AvatarClose/docs/AvatarClose__default.docs.js +2 -2
  124. package/lib/avatar/AvatarCollision/AvatarCollision.js +3 -3
  125. package/lib/avatar/AvatarCollision/docs/AvatarCollision__default.docs.js +2 -2
  126. package/lib/avatar/AvatarIcon/AvatarIcon.js +3 -3
  127. package/lib/avatar/AvatarIcon/docs/AvatarIcon__palette.docs.js +2 -2
  128. package/lib/avatar/AvatarIcon/docs/AvatarIcon__size.docs.js +2 -2
  129. package/lib/avatar/AvatarStatus/AvatarStatus.js +3 -3
  130. package/lib/avatar/AvatarStatus/docs/AvatarStatus__size.docs.js +2 -2
  131. package/lib/avatar/AvatarStatus/docs/AvatarStatus__state.docs.js +2 -2
  132. package/lib/avatar/AvatarThread/AvatarThread.js +3 -3
  133. package/lib/avatar/AvatarThread/docs/AvatarThread__default.docs.js +2 -2
  134. package/lib/avatar/AvatarUser/AvatarUser.js +3 -3
  135. package/lib/avatar/AvatarUser/docs/AvatarUser__default.docs.js +2 -2
  136. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js +3 -3
  137. package/lib/avatar/AvatarWithTeam/docs/AvatarWithTeam__default.docs.js +2 -2
  138. package/lib/deprecated/SelectDropdown/SelectDropdown.js +62 -40
  139. package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +1 -0
  140. package/lib/deprecated/SelectDropdown/docs/SelectDropdown__default.docs.js +2 -2
  141. package/lib/docs/formDocs.js +32 -0
  142. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +185 -164
  143. package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +3 -0
  144. package/lib/dropdown/ToggleDropDown/docs/ToggleDropDown__default.docs.js +2 -2
  145. package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +2 -2
  146. package/lib/emptystate/CommonEmptyState/docs/CommonEmptyState__default.docs.js +2 -2
  147. package/lib/emptystate/EditionPage/EditionPage.js +2 -2
  148. package/lib/emptystate/EditionPage/docs/EditionPage__default.docs.js +2 -2
  149. package/lib/errorstate/Inconvenience/Inconvenience.js +2 -2
  150. package/lib/errorstate/Inconvenience/docs/Inconvenience__default.docs.js +2 -2
  151. package/lib/errorstate/LinkText/LinkText.js +2 -2
  152. package/lib/errorstate/LinkText/docs/LinkText__default.docs.js +2 -2
  153. package/lib/errorstate/NoRequestFound/NoRequestFound.js +2 -2
  154. package/lib/errorstate/NoRequestFound/docs/NoRequestFound__default.docs.js +2 -2
  155. package/lib/errorstate/PermissionPlay/PermissionPlay.js +2 -2
  156. package/lib/errorstate/PermissionPlay/docs/PermissionPlay__default.docs.js +2 -2
  157. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +2 -2
  158. package/lib/errorstate/RequestUrlNotFound/docs/RequestUrlNotFound__default.docs.js +2 -2
  159. package/lib/errorstate/UnableToProcess/UnableToProcess.js +2 -2
  160. package/lib/errorstate/UnableToProcess/docs/UnableToProcess__default.docs.js +2 -2
  161. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +2 -2
  162. package/lib/errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__insufficient.docs.js +2 -2
  163. package/lib/errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__unauthorizedLogin.docs.js +2 -2
  164. package/lib/errorstate/WillBack/WillBack.js +2 -2
  165. package/lib/errorstate/WillBack/docs/WillBack__default.docs.js +2 -2
  166. package/lib/form/fields/CheckBoxField/CheckBoxField.js +26 -32
  167. package/lib/form/fields/CheckBoxField/docs/CheckBoxField__default.docs.js +10 -3
  168. package/lib/form/fields/CurrencyField/CurrencyField.js +26 -33
  169. package/lib/form/fields/CurrencyField/docs/CurrencyField__default.docs.js +86 -0
  170. package/lib/form/fields/DateField/DateField.js +26 -32
  171. package/lib/form/fields/DateField/docs/DateField__default.docs.js +10 -3
  172. package/lib/form/fields/FieldContainer/FieldContainer.js +136 -0
  173. package/lib/form/fields/FieldContainer/docs/FieldContainer__default.docs.js +104 -0
  174. package/lib/form/fields/MultiSelectField/MultiSelectField.js +26 -32
  175. package/lib/form/fields/MultiSelectField/docs/MultiSelectField__default.docs.js +10 -3
  176. package/lib/form/fields/PhoneField/PhoneField.js +3 -3
  177. package/lib/form/fields/PhoneField/docs/PhoneField__default.docs.js +2 -2
  178. package/lib/form/fields/RadioField/RadioField.js +3 -3
  179. package/lib/form/fields/SelectField/SelectField.js +26 -32
  180. package/lib/form/fields/SelectField/docs/SelectField__default.docs.js +10 -3
  181. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +93 -67
  182. package/lib/form/fields/TagsMultiSelect/docs/TagsMultiSelect__default.docs.js +2 -2
  183. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +37 -31
  184. package/lib/form/fields/TextBoxField/TextBoxField.js +28 -48
  185. package/lib/form/fields/TextBoxField/docs/TextBoxField__default.docs.js +37 -4
  186. package/lib/form/fields/TextEditor/TextEditor.js +2 -2
  187. package/lib/form/fields/TextEditorField/TextEditorField.js +36 -50
  188. package/lib/form/fields/TextEditorField/docs/TextEditorField__default.docs.js +11 -4
  189. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +3 -3
  190. package/lib/form/fields/TextareaField/TextareaField.js +26 -32
  191. package/lib/form/fields/TextareaField/docs/TextareaField__default.docs.js +10 -3
  192. package/lib/form/fields/ValidationMessage/ValidationMessage.js +2 -2
  193. package/lib/form/fields/ValidationMessage/docs/ValidationMessage__default.docs.js +2 -2
  194. package/lib/form/fields/props/FieldCommonDefaultProps.js +19 -0
  195. package/lib/form/fields/props/FieldCommonPropTypes.js +34 -0
  196. package/lib/form/layout/Field/Field.js +2 -2
  197. package/lib/form/layout/Field/docs/Field__default.docs.js +2 -2
  198. package/lib/form/layout/Section/Section.js +2 -2
  199. package/lib/form/layout/Section/docs/Section__default.docs.js +2 -2
  200. package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +2 -2
  201. package/lib/layout/SetupDetailLayout/docs/SetupDetailLayout__default.docs.js +2 -2
  202. package/lib/layout/SubtabLayout/SubtabLayout.js +3 -3
  203. package/lib/layout/SubtabLayout/docs/SubtabLayout__default.docs.js +2 -2
  204. package/lib/list/AvatarFlip/AvatarFlip.js +2 -2
  205. package/lib/list/AvatarFlip/docs/AvatarFlip__default.docs.js +2 -2
  206. package/lib/list/BluePrintStatus/BluePrintStatus.js +2 -2
  207. package/lib/list/BluePrintStatus/docs/BluePrintStatus__default.docs.js +2 -2
  208. package/lib/list/Comment/Comment.js +2 -2
  209. package/lib/list/Comment/docs/Comment__default.docs.js +2 -2
  210. package/lib/list/DepartmentDropDown/DepartmentDropDown.js +2 -2
  211. package/lib/list/Dot/Dot.js +2 -2
  212. package/lib/list/DotNew/DotNew.js +2 -2
  213. package/lib/list/DotNew/docs/DotNew__default.docs.js +2 -2
  214. package/lib/list/GridStencils/GridStencils.js +2 -2
  215. package/lib/list/GridStencils/GridStencils.module.css +7 -18
  216. package/lib/list/GridStencils/docs/GridStencils__default.docs.js +2 -2
  217. package/lib/list/Icons/AddNewIcon.js +2 -2
  218. package/lib/list/Icons/CompleteIcon.js +2 -2
  219. package/lib/list/Icons/DeleteIcon.js +2 -2
  220. package/lib/list/Icons/EditIcon.js +2 -2
  221. package/lib/list/Icons/FloatingIcons.js +2 -2
  222. package/lib/list/Icons/ReadUnreadIcon.js +2 -2
  223. package/lib/list/Icons/SmartIcon.js +2 -2
  224. package/lib/list/Icons/docs/FloatingIcons__default.docs.js +2 -2
  225. package/lib/list/ListLayout/ListLayout.js +3 -3
  226. package/lib/list/ListLayout/docs/ListLayout__default.docs.js +2 -2
  227. package/lib/list/ListStencils/ListStencils.js +2 -2
  228. package/lib/list/ListStencils/docs/ListStencils__default.docs.js +2 -2
  229. package/lib/list/SecondaryText/AccountName.js +3 -3
  230. package/lib/list/SecondaryText/ContactName.js +3 -3
  231. package/lib/list/SecondaryText/DepartmentText.js +2 -2
  232. package/lib/list/SecondaryText/Email.js +3 -3
  233. package/lib/list/SecondaryText/HappinessRating.js +2 -2
  234. package/lib/list/SecondaryText/PhoneNumber.js +3 -3
  235. package/lib/list/SecondaryText/PriorityText.js +2 -2
  236. package/lib/list/SecondaryText/SecondaryText.js +3 -3
  237. package/lib/list/SecondaryText/StatusText.js +2 -2
  238. package/lib/list/SecondaryText/TicketId.js +3 -3
  239. package/lib/list/SecondaryText/Website.js +2 -2
  240. package/lib/list/SecondaryText/docs/ContactName__default.docs.js +2 -2
  241. package/lib/list/SecondryPanel/SecondryPanel.js +2 -2
  242. package/lib/list/SecondryPanel/docs/SecondryPanel__default.docs.js +2 -2
  243. package/lib/list/SentimentStatus/SentimentStatus.js +2 -2
  244. package/lib/list/SentimentStatus/docs/SentimentStatus__default.docs.js +2 -2
  245. package/lib/list/Subject/Subject.js +3 -3
  246. package/lib/list/Subject/docs/Subject__default.docs.js +2 -2
  247. package/lib/list/TagNew/TagNew.js +2 -2
  248. package/lib/list/TagNew/docs/TagNew__default.docs.js +2 -2
  249. package/lib/list/Thread/Thread.js +2 -2
  250. package/lib/list/Thread/docs/Thread__default.docs.js +2 -2
  251. package/lib/list/UserTime/UserTime.js +2 -2
  252. package/lib/list/UserTime/docs/UserTime__default.docs.js +2 -2
  253. package/lib/list/status/StatusDropdown/StatusDropdown.js +104 -83
  254. package/lib/list/status/StatusDropdown/StatusDropdown.module.css +3 -0
  255. package/lib/list/status/StatusDropdown/docs/StatusDropdown__default.docs.js +2 -2
  256. package/lib/list/status/StatusListItem/StatusListItem.js +3 -3
  257. package/lib/list/status/StatusListItem/docs/StatusListItem__default.docs.js +2 -2
  258. package/lib/lookup/EmptyPage/EmptyPage.js +2 -2
  259. package/lib/lookup/EmptyPage/docs/EmptyPage__account.docs.js +2 -2
  260. package/lib/lookup/EmptyPage/docs/EmptyPage__contact.docs.js +2 -2
  261. package/lib/lookup/EmptyPage/docs/EmptyPage__default.docs.js +2 -2
  262. package/lib/lookup/EmptyPage/docs/EmptyPage__product.docs.js +2 -2
  263. package/lib/lookup/Lookup/Lookup.js +2 -2
  264. package/lib/lookup/Lookup/docs/Lookup__contact.docs.js +2 -2
  265. package/lib/lookup/Lookup/docs/Lookup__default.docs.js +2 -2
  266. package/lib/lookup/Section/Section.js +2 -2
  267. package/lib/lookup/header/Close/Close.js +2 -2
  268. package/lib/lookup/header/Close/docs/Close__default.docs.js +2 -2
  269. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +2 -2
  270. package/lib/lookup/header/ModuleHeader/docs/ModuleHeader__default.docs.js +2 -2
  271. package/lib/lookup/header/Search/Search.js +3 -3
  272. package/lib/lookup/header/Search/docs/Search__default.docs.js +2 -2
  273. package/lib/lookup/header/TicketHeader/TicketHeader.js +2 -2
  274. package/lib/lookup/header/TicketHeader/docs/TicketHeader__default.docs.js +2 -2
  275. package/lib/lookup/header/Title/Title.js +2 -2
  276. package/lib/lookup/header/Title/docs/Title__default.docs.js +2 -2
  277. package/lib/lookup/header/ViewDropDown/ViewDropDown.js +77 -54
  278. package/lib/lookup/header/ViewDropDown/docs/ViewDropDown__default.docs.js +2 -2
  279. package/lib/setup/header/Button/Button.js +2 -2
  280. package/lib/setup/header/Button/docs/Button__default.docs.js +2 -2
  281. package/lib/setup/header/Link/Link.js +2 -2
  282. package/lib/setup/header/Link/docs/Link__default.docs.js +2 -2
  283. package/lib/setup/header/Search/Search.js +2 -2
  284. package/lib/setup/header/Search/docs/Search__default.docs.js +2 -2
  285. package/lib/setup/header/Views/Views.js +2 -2
  286. package/lib/setup/header/Views/docs/Views__default.docs.js +2 -2
  287. package/lib/setup/helptips/Description/Description.js +2 -2
  288. package/lib/setup/helptips/Description/docs/Description__default.docs.js +2 -2
  289. package/lib/setup/helptips/Link/Link.js +2 -2
  290. package/lib/setup/helptips/Link/docs/Link__default.docs.js +2 -2
  291. package/lib/setup/helptips/ListGroup/ListGroup.js +2 -2
  292. package/lib/setup/helptips/ListGroup/docs/ListGroup__default.docs.js +2 -2
  293. package/lib/setup/helptips/Title/Title.js +2 -2
  294. package/lib/setup/helptips/Title/docs/Title__default.docs.js +2 -2
  295. package/lib/setup/table/Table/Table.js +2 -2
  296. package/lib/setup/table/Table/docs/Table__default.docs.js +2 -2
  297. package/lib/setup/table/TableBody/TableBody.js +2 -2
  298. package/lib/setup/table/TableData/TableData.js +2 -2
  299. package/lib/setup/table/TableHead/TableHead.js +2 -2
  300. package/lib/setup/table/TableRow/TableRow.js +2 -2
  301. package/lib/setup/table/Text/Text.js +2 -2
  302. package/lib/setup/table/Text/docs/Text__default.docs.js +2 -2
  303. package/lib/svg/PlusIcon.js +2 -2
  304. package/lib/svg/SnippetIcon.js +2 -2
  305. package/lib/svg/TemplateIcon.js +2 -2
  306. package/lib/svg/docs/SVG__default.docs.js +2 -2
  307. package/lib/version2/AlertClose/AlertClose.js +2 -2
  308. package/lib/version2/AlertClose/docs/AlertClose__default.docs.js +2 -2
  309. package/lib/version2/GlobalNotification/GlobalNotification.js +3 -3
  310. package/lib/version2/GlobalNotification/docs/GlobalNotification__default.docs.js +2 -2
  311. package/lib/version2/alertIcons/AlarmAlertIcon.js +2 -2
  312. package/lib/version2/alertIcons/AlertIcons.js +2 -2
  313. package/lib/version2/alertIcons/DangerAlertIcon.js +2 -2
  314. package/lib/version2/alertIcons/ErrorAlertIcon.js +2 -2
  315. package/lib/version2/alertIcons/InfoAlertIcon.js +2 -2
  316. package/lib/version2/alertIcons/NotificationAlertIcon.js +2 -2
  317. package/lib/version2/alertIcons/SuccessAlertIcon.js +2 -2
  318. package/lib/version2/alertIcons/WarningAlertIcon.js +2 -2
  319. package/lib/version2/alertIcons/docs/AlertIcons__default.docs.js +2 -2
  320. package/lib/version2/errorstate/Inconvenience/Inconvenience.js +2 -2
  321. package/lib/version2/errorstate/Inconvenience/docs/Inconvenience__default.docs.js +2 -2
  322. package/lib/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +2 -2
  323. package/lib/version2/errorstate/OopsSomethingMiss/docs/OopsSomethingMiss__default.docs.js +2 -2
  324. package/lib/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +2 -2
  325. package/lib/version2/errorstate/UnableToProcessRequest/docs/UnableToProcessRequest__default.docs.js +2 -2
  326. package/lib/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +2 -2
  327. package/lib/version2/errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__default.docs.js +2 -2
  328. package/lib/version2/errorstate/UrlNotFound/UrlNotFound.js +2 -2
  329. package/lib/version2/errorstate/UrlNotFound/docs/UrlNotFound__default.docs.js +2 -2
  330. package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js +2 -2
  331. package/lib/version2/errorstate/WillBeRightBack/docs/WillBeRightBack__default.docs.js +2 -2
  332. package/lib/version2/lookup/AlertHeader/AlertHeader.js +2 -2
  333. package/lib/version2/lookup/AlertHeader/docs/AlertHeader__default.docs.js +2 -2
  334. package/lib/version2/lookup/AlertLookup/AlertLookup.js +3 -3
  335. package/lib/version2/lookup/AlertLookup/docs/AlertLookup__default.docs.js +2 -2
  336. package/lib/version2/notification/DesktopNotification/DesktopNotification.js +1 -1
  337. package/lib/version2/notification/DesktopNotification/docs/DesktopNotification__default.docs.js +2 -2
  338. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +2 -2
  339. package/lib/version2/notification/DesktopNotificationHeader/docs/DesktopNotificationHeader__default.docs.js +2 -2
  340. package/package.json +5 -5
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  import PropTypes from 'prop-types';
3
3
  import Icon from '@zohodesk/icons/lib/Icon';
4
- import DropBox from '@zohodesk/components/lib/DropBox/DropBox';
5
4
  import Popup from '@zohodesk/components/lib/Popup/Popup';
6
5
  import { Box, Container } from '@zohodesk/components/lib/Layout';
7
6
  import DropDownHeading from '@zohodesk/components/lib/DropDown/DropDownHeading';
@@ -13,6 +12,8 @@ import TextBox from '@zohodesk/components/lib/TextBox/TextBox';
13
12
  import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
14
13
  import StatusListItem from '../StatusListItem/StatusListItem';
15
14
  import commonStyle from '@zohodesk/components/lib/common/common.module.css';
15
+ import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
16
+ import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
16
17
  import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
17
18
  import btnStyle from '@zohodesk/components/lib/semantic/Button/semanticButton.module.css';
18
19
  import style from './StatusDropdown.module.css';
@@ -247,6 +248,17 @@ export class StatusDropdown extends React.Component {
247
248
  }
248
249
  }
249
250
 
251
+ responsiveFunc(_ref) {
252
+ let {
253
+ mediaQueryOR
254
+ } = _ref;
255
+ return {
256
+ tabletMode: mediaQueryOR([{
257
+ maxWidth: 700
258
+ }])
259
+ };
260
+ }
261
+
250
262
  render() {
251
263
  let {
252
264
  options,
@@ -336,85 +348,96 @@ export class StatusDropdown extends React.Component {
336
348
  name: "ZD-down",
337
349
  iconClass: `${'toggleDropIcon'} ${style.arrow} ${style[`${arrowIconPosition}_arrow`]}`,
338
350
  dataId: "statusdownarrow"
339
- }) : null), isPopupOpen && isEditable ? /*#__PURE__*/React.createElement(DropBox, {
340
- boxPosition: position,
341
- isActive: isPopupReady,
342
- onClick: removeClose,
343
- size: boxSize,
344
- right: right,
345
- left: left,
346
- top: top,
347
- bottom: bottom,
348
- isArrow: isArrow,
349
- isAnimate: true,
350
- getRef: getContainerRef,
351
- customClass: {
352
- customDropBoxWrap: style.dropBoxContainer
353
- },
354
- needResponsive: needResponsive
355
- }, /*#__PURE__*/React.createElement(React.Fragment, null, isSearch ? /*#__PURE__*/React.createElement("div", {
356
- className: style.search
357
- }, /*#__PURE__*/React.createElement(TextBoxIcon, {
358
- placeHolder: placeHolderText,
359
- onChange: this.handleChange,
360
- value: searchString,
361
- onClear: this.onSearchClear,
362
- size: searchBoxSize,
363
- inputRef: this.searchInputRef,
364
- onKeyDown: this.handleKeyDown,
365
- a11y: {
366
- ariaHaspopup: true,
367
- ariaExpanded: true,
368
- role: 'combobox',
369
- ariaActivedescendant: value,
370
- ariaOwns: ariaTitleId
371
- }
372
- })) : null, title && options.length != 0 && /*#__PURE__*/React.createElement("div", {
373
- className: style.title
374
- }, /*#__PURE__*/React.createElement(DropDownHeading, {
375
- htmlId: ariaTitleId,
376
- text: title,
377
- a11y: {
378
- role: 'heading'
379
- }
380
- })), /*#__PURE__*/React.createElement(Box, {
381
- scroll: "vertical",
382
- dataId: `${dataId}_list`,
383
- className: style.maxHgt,
384
- eleRef: this.scrollContentRef,
385
- onScroll: this.handleScroll,
386
- role: isSearch ? 'listbox' : 'menu',
387
- "aria-labelledby": ariaTitleId,
388
- tabindex: "0"
389
- }, options.length != 0 && isDataLoaded ? /*#__PURE__*/React.createElement(React.Fragment, null, options.map((item, i) => /*#__PURE__*/React.createElement(React.Fragment, {
390
- key: i
391
- }, /*#__PURE__*/React.createElement(StatusListItem, {
392
- dataId: `dataid_${i}`,
393
- value: item[keyName],
394
- id: item[idName],
395
- active: value === item[keyName],
396
- onClick: this.onSelect.bind(this, item),
397
- index: i,
398
- highlight: selectedIndex === i,
399
- needTick: needTick,
400
- needBorder: false,
401
- onMouseEnter: this.handleMouseEnter,
402
- getRef: this.itemRef,
403
- bulletColor: item[statusColor],
404
- title: item[keyName],
405
- a11y: {
406
- role: isSearch ? 'option' : 'menuitem',
407
- ariaSelected: value === item[keyName]
408
- }
409
- })))) : isDataLoaded ? /*#__PURE__*/React.createElement(CommonEmptyState, {
410
- className: style.svgWrapper,
411
- title: searchErrorText || 'No results',
412
- description: searchEmptyHint,
413
- size: "small",
414
- getEmptyState: this.emptySearchSVG
415
- }) : /*#__PURE__*/React.createElement("div", {
416
- className: style.loader
417
- }, /*#__PURE__*/React.createElement(Loader, null))))) : null);
351
+ }) : null), isPopupOpen && isEditable ? /*#__PURE__*/React.createElement(ResponsiveReceiver, {
352
+ query: this.responsiveFunc,
353
+ responsiveId: "Helmet"
354
+ }, _ref2 => {
355
+ let {
356
+ tabletMode
357
+ } = _ref2;
358
+ return /*#__PURE__*/React.createElement(ResponsiveDropBox, {
359
+ boxPosition: position,
360
+ isActive: isPopupReady,
361
+ onClick: removeClose,
362
+ size: boxSize,
363
+ right: right,
364
+ left: left,
365
+ top: top,
366
+ bottom: bottom,
367
+ isArrow: isArrow,
368
+ isAnimate: true,
369
+ getRef: getContainerRef,
370
+ customClass: {
371
+ customDropBoxWrap: style.dropBoxContainer
372
+ },
373
+ needResponsive: needResponsive,
374
+ isResponsivePadding: true
375
+ }, /*#__PURE__*/React.createElement(React.Fragment, null, isSearch ? /*#__PURE__*/React.createElement(Box, {
376
+ className: style.search
377
+ }, /*#__PURE__*/React.createElement(TextBoxIcon, {
378
+ placeHolder: placeHolderText,
379
+ onChange: this.handleChange,
380
+ value: searchString,
381
+ onClear: this.onSearchClear,
382
+ size: searchBoxSize,
383
+ inputRef: this.searchInputRef,
384
+ onKeyDown: this.handleKeyDown,
385
+ a11y: {
386
+ ariaHaspopup: true,
387
+ ariaExpanded: true,
388
+ role: 'combobox',
389
+ ariaActivedescendant: value,
390
+ ariaOwns: ariaTitleId
391
+ }
392
+ })) : null, title && options.length != 0 && /*#__PURE__*/React.createElement(Box, {
393
+ className: style.title
394
+ }, /*#__PURE__*/React.createElement(DropDownHeading, {
395
+ htmlId: ariaTitleId,
396
+ text: title,
397
+ a11y: {
398
+ role: 'heading'
399
+ }
400
+ })), /*#__PURE__*/React.createElement(Box, {
401
+ scroll: "vertical",
402
+ flexible: true,
403
+ shrink: true,
404
+ dataId: `${dataId}_list`,
405
+ className: `${tabletMode ? style.responsivemaxHgt : style.maxHgt}`,
406
+ eleRef: this.scrollContentRef,
407
+ onScroll: this.handleScroll,
408
+ role: isSearch ? 'listbox' : 'menu',
409
+ "aria-labelledby": ariaTitleId,
410
+ tabindex: "0"
411
+ }, options.length != 0 && isDataLoaded ? /*#__PURE__*/React.createElement(React.Fragment, null, options.map((item, i) => /*#__PURE__*/React.createElement(React.Fragment, {
412
+ key: i
413
+ }, /*#__PURE__*/React.createElement(StatusListItem, {
414
+ dataId: `dataid_${i}`,
415
+ value: item[keyName],
416
+ id: item[idName],
417
+ active: value === item[keyName],
418
+ onClick: this.onSelect.bind(this, item),
419
+ index: i,
420
+ highlight: selectedIndex === i,
421
+ needTick: needTick,
422
+ needBorder: false,
423
+ onMouseEnter: this.handleMouseEnter,
424
+ getRef: this.itemRef,
425
+ bulletColor: item[statusColor],
426
+ title: item[keyName],
427
+ a11y: {
428
+ role: isSearch ? 'option' : 'menuitem',
429
+ ariaSelected: value === item[keyName]
430
+ }
431
+ })))) : isDataLoaded ? /*#__PURE__*/React.createElement(CommonEmptyState, {
432
+ className: style.svgWrapper,
433
+ title: searchErrorText || 'No results',
434
+ description: searchEmptyHint,
435
+ size: "small",
436
+ getEmptyState: this.emptySearchSVG
437
+ }) : /*#__PURE__*/React.createElement("div", {
438
+ className: style.loader
439
+ }, /*#__PURE__*/React.createElement(Loader, null)))));
440
+ }) : null);
418
441
  }
419
442
 
420
443
  }
@@ -8,6 +8,9 @@
8
8
  max-height: var(--zd_size265);
9
9
  padding: var(--zd_size10) 0;
10
10
  }
11
+ .responsivemaxHgt{
12
+ padding: var(--zd_size10) 0 0;
13
+ }
11
14
  .title {
12
15
  padding-top: var(--zd_size6);
13
16
  }
@@ -1,4 +1,4 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
2
 
3
3
  /**** Libraries ****/
4
4
  import React from 'react';
@@ -1,4 +1,4 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
2
 
3
3
  /* eslint-disable react/forbid-component-props */
4
4
 
@@ -5,14 +5,15 @@ import PropTypes from 'prop-types';
5
5
 
6
6
  import { SelectComponent } from '@zohodesk/components/lib/Select/Select';
7
7
  import Popup from '@zohodesk/components/lib/Popup/Popup';
8
- import DropBox from '@zohodesk/components/lib/DropBox/DropBox';
9
8
  import ListItem from '@zohodesk/components/lib/ListItem/ListItem';
10
9
  import DropDownSearch from '@zohodesk/components/lib/DropDown/DropDownSearch';
11
10
  import { Card, CardHeader, CardContent } from '@zohodesk/components/lib/Card';
11
+ import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
12
+ import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
12
13
  /**** Icons ****/
13
14
 
14
15
  import Icon from '@zohodesk/icons/lib/Icon';
15
- import { Container } from '@zohodesk/components/lib/Layout';
16
+ import { Container, Box } from '@zohodesk/components/lib/Layout';
16
17
  import Loader from '@zohodesk/svg/lib/svg/Loader';
17
18
  import style from './ViewDropDown.module.css';
18
19
  /* eslint-disable react/forbid-component-props */
@@ -37,6 +38,17 @@ class DropDown extends SelectComponent {
37
38
  }
38
39
  }
39
40
 
41
+ responsiveFunc(_ref) {
42
+ let {
43
+ mediaQueryOR
44
+ } = _ref;
45
+ return {
46
+ tabletMode: mediaQueryOR([{
47
+ maxWidth: 700
48
+ }])
49
+ };
50
+ }
51
+
40
52
  render() {
41
53
  var _this = this;
42
54
 
@@ -80,58 +92,71 @@ class DropDown extends SelectComponent {
80
92
  name: "ZD-down",
81
93
  size: "7",
82
94
  iconClass: style.arrowIcon
83
- }))), isPopupOpen ? /*#__PURE__*/React.createElement(DropBox, {
84
- isAnimate: true,
85
- isArrow: false,
86
- isActive: isPopupReady,
87
- boxPosition: position || `${defaultDropBoxPosition}Center`,
88
- getRef: getContainerRef,
89
- onClick: removeClose,
90
- animationStyle: animationStyle,
91
- size: "large"
92
- }, /*#__PURE__*/React.createElement(Card, null, needSearch ? /*#__PURE__*/React.createElement(CardHeader, null, /*#__PURE__*/React.createElement(DropDownSearch, {
93
- value: searchStr,
94
- onChange: this.handleSearch,
95
- onKeyDown: this.onSearchKeyDown,
96
- getRef: this.searchInputRef,
97
- size: searchBoxSize,
98
- variant: searchBoxVariant,
99
- placeHolder: searchBoxPlaceHolder,
100
- maxLength: maxLength
101
- })) : null, /*#__PURE__*/React.createElement(CardContent, {
102
- eleRef: this.suggestionContainerRef,
103
- customClass: dropBoxSize ? style[dropBoxSize] : ''
104
- }, suggestions.length ? /*#__PURE__*/React.createElement("div", {
105
- className: style.listItemContainer
106
- }, suggestions.map(function () {
107
- let option = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
108
- let index = arguments.length > 1 ? arguments[1] : undefined;
109
- const {
110
- id,
111
- value
112
- } = option;
113
- return /*#__PURE__*/React.createElement(ListItem, {
114
- active: id === selectedId,
115
- getRef: _this.suggestionItemRef,
116
- highlight: hoverIndex === index ? true : false,
117
- id: id,
118
- key: `${id}dropDown`,
119
- onClick: _this.handleChange,
120
- onMouseEnter: _this.handleMouseEnter,
121
- size: "medium",
122
- value: value,
123
- index: index,
124
- needTick: true,
125
- needBorder: false
126
- });
127
- })) : isFetchingOptions ? /*#__PURE__*/React.createElement(Container, {
128
- align: "both",
129
- className: style.loader
130
- }, /*#__PURE__*/React.createElement(Loader, null)) : searchStr ? /*#__PURE__*/React.createElement("div", {
131
- className: style.emptyState
132
- }, searchEmptyMessage || emptyMessage) : /*#__PURE__*/React.createElement("div", {
133
- className: style.emptyState
134
- }, emptyMessage)))) : null);
95
+ }))), isPopupOpen ? /*#__PURE__*/React.createElement(ResponsiveReceiver, {
96
+ query: this.responsiveFunc,
97
+ responsiveId: "Helmet"
98
+ }, _ref2 => {
99
+ let {
100
+ tabletMode
101
+ } = _ref2;
102
+ return /*#__PURE__*/React.createElement(ResponsiveDropBox, {
103
+ isAnimate: true,
104
+ isArrow: false,
105
+ isActive: isPopupReady,
106
+ boxPosition: position || `${defaultDropBoxPosition}Center`,
107
+ getRef: getContainerRef,
108
+ onClick: removeClose,
109
+ animationStyle: animationStyle,
110
+ size: "large",
111
+ alignBox: "row",
112
+ isResponsivePadding: true
113
+ }, /*#__PURE__*/React.createElement(Box, {
114
+ flexible: true
115
+ }, /*#__PURE__*/React.createElement(Card, null, needSearch ? /*#__PURE__*/React.createElement(CardHeader, null, /*#__PURE__*/React.createElement(DropDownSearch, {
116
+ value: searchStr,
117
+ onChange: this.handleSearch,
118
+ onKeyDown: this.onSearchKeyDown,
119
+ getRef: this.searchInputRef,
120
+ size: searchBoxSize,
121
+ variant: searchBoxVariant,
122
+ placeHolder: searchBoxPlaceHolder,
123
+ maxLength: maxLength
124
+ })) : null, /*#__PURE__*/React.createElement(CardContent, {
125
+ shrink: true,
126
+ eleRef: this.suggestionContainerRef,
127
+ customClass: !tabletMode && dropBoxSize ? style[dropBoxSize] : ''
128
+ }, suggestions.length ? /*#__PURE__*/React.createElement("div", {
129
+ className: style.listItemContainer
130
+ }, suggestions.map(function () {
131
+ let option = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
132
+ let index = arguments.length > 1 ? arguments[1] : undefined;
133
+ const {
134
+ id,
135
+ value
136
+ } = option;
137
+ return /*#__PURE__*/React.createElement(ListItem, {
138
+ active: id === selectedId,
139
+ getRef: _this.suggestionItemRef,
140
+ highlight: hoverIndex === index ? true : false,
141
+ id: id,
142
+ key: `${id}dropDown`,
143
+ onClick: _this.handleChange,
144
+ onMouseEnter: _this.handleMouseEnter,
145
+ size: "medium",
146
+ value: value,
147
+ index: index,
148
+ needTick: true,
149
+ needBorder: false
150
+ });
151
+ })) : isFetchingOptions ? /*#__PURE__*/React.createElement(Container, {
152
+ align: "both",
153
+ className: style.loader
154
+ }, /*#__PURE__*/React.createElement(Loader, null)) : searchStr ? /*#__PURE__*/React.createElement("div", {
155
+ className: style.emptyState
156
+ }, searchEmptyMessage || emptyMessage) : /*#__PURE__*/React.createElement("div", {
157
+ className: style.emptyState
158
+ }, emptyMessage)))));
159
+ }) : null);
135
160
  }
136
161
 
137
162
  }
@@ -1,6 +1,6 @@
1
1
  import "core-js/modules/es.array.includes";
2
2
 
3
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
4
 
5
5
  import React from 'react';
6
6
  import PropTypes from 'prop-types';
@@ -1,4 +1,4 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
2
 
3
3
  /**** Libraries ****/
4
4
  import React, { Component } from 'react';
@@ -1,4 +1,4 @@
1
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
2
 
3
3
  import React, { useState } from 'react';
4
4
  import PropTypes from 'prop-types';
@@ -19,7 +19,7 @@ var _Button = _interopRequireDefault(require("@zohodesk/components/lib/Button/Bu
19
19
 
20
20
  var _Layout = require("@zohodesk/components/lib/Layout");
21
21
 
22
- var _DropBox = _interopRequireDefault(require("@zohodesk/components/lib/DropBox/DropBox"));
22
+ var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox"));
23
23
 
24
24
  var _CssProvider = _interopRequireDefault(require("@zohodesk/components/lib/Provider/CssProvider"));
25
25
 
@@ -35,7 +35,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
35
35
 
36
36
  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); }
37
37
 
38
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
38
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
39
39
 
40
40
  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); }; }
41
41
 
@@ -45,7 +45,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
45
45
 
46
46
  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; } }
47
47
 
48
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
48
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
49
49
 
50
50
  var ActionButton = /*#__PURE__*/function (_React$Component) {
51
51
  _inherits(ActionButton, _React$Component);
@@ -154,7 +154,7 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
154
154
  name: "ZD-down",
155
155
  size: "6",
156
156
  iconClass: _ActionButtonModule["default"].arrow
157
- })), isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_DropBox["default"], {
157
+ })), isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_ResponsiveDropBox["default"], {
158
158
  size: "small",
159
159
  isActive: isPopupOpen,
160
160
  boxPosition: position,
@@ -165,7 +165,11 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
165
165
  },
166
166
  isBoxPaddingNeed: isBoxPaddingNeed,
167
167
  getRef: getContainerRef
168
- }, children) : null) : null));
168
+ }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
169
+ flexible: true,
170
+ shrink: true,
171
+ scroll: "vertical"
172
+ }, children)) : null) : null));
169
173
  }
170
174
  }]);
171
175
 
@@ -21,7 +21,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
21
21
 
22
22
  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); }
23
23
 
24
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
24
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
25
25
 
26
26
  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); }; }
27
27
 
@@ -31,7 +31,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
31
31
 
32
32
  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; } }
33
33
 
34
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
34
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
35
35
 
36
36
  var ActionButton__default = /*#__PURE__*/function (_React$Component) {
37
37
  _inherits(ActionButton__default, _React$Component);
@@ -37,7 +37,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
37
37
 
38
38
  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); }
39
39
 
40
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
40
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
41
41
 
42
42
  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); }; }
43
43
 
@@ -47,7 +47,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
47
47
 
48
48
  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; } }
49
49
 
50
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
50
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
51
51
 
52
52
  var AlphabeticCharacters = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'];
53
53
  var AlphabeticCharactersWithHash = [].concat(AlphabeticCharacters, ['#']);
@@ -25,7 +25,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
25
25
 
26
26
  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); }
27
27
 
28
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
28
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
29
29
 
30
30
  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); }; }
31
31
 
@@ -35,7 +35,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
35
35
 
36
36
  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; } }
37
37
 
38
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
38
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
39
39
 
40
40
  var AlphabeticList__default = /*#__PURE__*/function (_Component) {
41
41
  _inherits(AlphabeticList__default, _Component);
@@ -25,7 +25,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
25
25
 
26
26
  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); }
27
27
 
28
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
28
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
29
29
 
30
30
  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); }; }
31
31
 
@@ -35,7 +35,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
35
35
 
36
36
  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; } }
37
37
 
38
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
38
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
39
39
 
40
40
  var AlphabeticList__horizontal = /*#__PURE__*/function (_Component) {
41
41
  _inherits(AlphabeticList__horizontal, _Component);
@@ -29,7 +29,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
29
29
 
30
30
  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); }
31
31
 
32
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
32
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
33
33
 
34
34
  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); }; }
35
35
 
@@ -39,7 +39,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
39
39
 
40
40
  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; } }
41
41
 
42
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
42
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
43
43
 
44
44
  var Attachment = /*#__PURE__*/function (_React$Component) {
45
45
  _inherits(Attachment, _React$Component);
@@ -23,7 +23,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
23
23
 
24
24
  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); }
25
25
 
26
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
26
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
27
27
 
28
28
  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); }; }
29
29
 
@@ -33,7 +33,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
33
33
 
34
34
  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; } }
35
35
 
36
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
36
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
37
37
 
38
38
  var Attachment__default = /*#__PURE__*/function (_React$Component) {
39
39
  _inherits(Attachment__default, _React$Component);
@@ -29,7 +29,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
29
29
 
30
30
  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); }
31
31
 
32
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
32
+ function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
33
33
 
34
34
  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); }; }
35
35
 
@@ -39,7 +39,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
39
39
 
40
40
  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; } }
41
41
 
42
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
42
+ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
43
43
 
44
44
  var AttachmentImage = /*#__PURE__*/function (_Component) {
45
45
  _inherits(AttachmentImage, _Component);