@zohodesk/dot 1.0.0-beta.264 → 1.0.0-beta.265

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 (492) hide show
  1. package/README.md +4 -0
  2. package/es/ActionButton/ActionButton.js +5 -2
  3. package/es/AlphabeticList/AlphabeticList.js +10 -0
  4. package/es/Attachment/Attachment.js +2 -3
  5. package/es/AttachmentViewer/Attachment.js +1 -0
  6. package/es/AttachmentViewer/AttachmentImage.js +6 -0
  7. package/es/AttachmentViewer/AttachmentViewer.js +34 -3
  8. package/es/AttachmentViewer/utils.js +17 -0
  9. package/es/ChannelIcon/ChannelIcon.js +5 -2
  10. package/es/Drawer/Drawer.js +9 -3
  11. package/es/ExternalLink/ExternalLink.js +7 -4
  12. package/es/FlipCard/FlipCard.js +7 -2
  13. package/es/FormAction/FormAction.js +4 -5
  14. package/es/FreezeLayer/FreezeLayer.js +2 -4
  15. package/es/FreezeLayer/useFreezeLayer.js +5 -0
  16. package/es/Hooks/Dragger/useDragger.js +29 -27
  17. package/es/IconButton/IconButton.js +9 -3
  18. package/es/Image/Image.js +2 -2
  19. package/es/ImportantNotes/ImportantNotes.js +3 -3
  20. package/es/Link/Link.js +15 -5
  21. package/es/Loader/Loader.js +2 -2
  22. package/es/Message/Message.js +9 -3
  23. package/es/MessageBanner/MessageBanner.js +2 -3
  24. package/es/NewStar/NewStar.js +10 -15
  25. package/es/PlusIcon/PlusIcon.js +3 -3
  26. package/es/Separator/Separator.js +3 -0
  27. package/es/TagWithIcon/TagWithIcon.js +1 -0
  28. package/es/ToastMessage/ToastMessage.js +15 -10
  29. package/es/Upload/Upload.js +2 -3
  30. package/es/actions/AutoClose.js +4 -0
  31. package/es/actions/index.js +3 -0
  32. package/es/alert/AlertHeader/AlertHeader.js +2 -3
  33. package/es/alert/AlertLookup/AlertLookup.js +5 -5
  34. package/es/avatar/AvatarClose/AvatarClose.js +4 -2
  35. package/es/avatar/AvatarCollision/AvatarCollision.js +4 -2
  36. package/es/avatar/AvatarIcon/AvatarIcon.js +3 -2
  37. package/es/avatar/AvatarStatus/AvatarStatus.js +4 -3
  38. package/es/avatar/AvatarThread/AvatarThread.js +3 -3
  39. package/es/avatar/AvatarUser/AvatarUser.js +4 -3
  40. package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +3 -3
  41. package/es/deprecated/FreezeLayer/FreezeLayer.js +10 -3
  42. package/es/deprecated/SelectDropdown/SelectDropdown.js +8 -2
  43. package/es/deprecated/utils/General.js +2 -0
  44. package/es/deprecated/utils/KeyboardApi.js +45 -4
  45. package/es/docs/generalDocs.js +2 -2
  46. package/es/docs/lookupDocs.js +1 -2
  47. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +64 -6
  48. package/es/emptystate/CommonEmptyState/CommonEmptyState.js +2 -3
  49. package/es/emptystate/EditionPage/EditionPage.js +3 -3
  50. package/es/errorstate/Inconvenience/Inconvenience.js +4 -0
  51. package/es/errorstate/LinkText/LinkText.js +2 -2
  52. package/es/errorstate/NoRequestFound/NoRequestFound.js +4 -2
  53. package/es/errorstate/PermissionPlay/PermissionPlay.js +4 -2
  54. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +4 -2
  55. package/es/errorstate/UnableToProcess/UnableToProcess.js +4 -0
  56. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +4 -2
  57. package/es/errorstate/WillBack/WillBack.js +4 -2
  58. package/es/form/fields/CheckBoxField/CheckBoxField.js +9 -5
  59. package/es/form/fields/CurrencyField/CurrencyField.js +12 -5
  60. package/es/form/fields/DateField/DateField.js +15 -5
  61. package/es/form/fields/FieldContainer/FieldContainer.js +6 -4
  62. package/es/form/fields/FieldContainer/props/defaultProps.js +1 -2
  63. package/es/form/fields/FieldContainer/props/propTypes.js +1 -2
  64. package/es/form/fields/MultiSelectField/MultiSelectField.js +15 -12
  65. package/es/form/fields/PhoneField/PhoneField.js +13 -5
  66. package/es/form/fields/RadioField/RadioField.js +7 -4
  67. package/es/form/fields/SelectField/SelectField.js +11 -10
  68. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +14 -3
  69. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +20 -4
  70. package/es/form/fields/TextBoxField/TextBoxField.js +11 -10
  71. package/es/form/fields/TextEditor/TextEditor.js +58 -7
  72. package/es/form/fields/TextEditorField/TextEditorField.js +11 -5
  73. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js +12 -4
  74. package/es/form/fields/TextareaField/TextareaField.js +13 -12
  75. package/es/form/fields/ValidationMessage/ValidationMessage.js +2 -3
  76. package/es/form/layout/Field/Field.js +2 -3
  77. package/es/form/layout/Section/Section.js +3 -2
  78. package/es/layout/SetupDetailLayout/SetupDetailLayout.js +11 -3
  79. package/es/layout/SubtabLayout/SubtabLayout.js +6 -3
  80. package/es/list/AvatarFlip/AvatarFlip.js +2 -3
  81. package/es/list/BluePrintStatus/BluePrintStatus.js +3 -3
  82. package/es/list/Comment/Comment.js +3 -3
  83. package/es/list/DepartmentDropDown/DepartmentDropDown.js +9 -2
  84. package/es/list/Dot/Dot.js +2 -0
  85. package/es/list/DotNew/DotNew.js +3 -3
  86. package/es/list/GridStencils/GridStencils.js +2 -3
  87. package/es/list/Icons/AddNewIcon.js +1 -0
  88. package/es/list/Icons/CompleteIcon.js +1 -0
  89. package/es/list/Icons/DeleteIcon.js +1 -0
  90. package/es/list/Icons/EditIcon.js +1 -0
  91. package/es/list/Icons/FloatingIcons.js +3 -3
  92. package/es/list/Icons/ReadUnreadIcon.js +1 -0
  93. package/es/list/Icons/SmartIcon.js +1 -0
  94. package/es/list/ListLayout/ListLayout.js +6 -3
  95. package/es/list/ListStencils/ListStencils.js +4 -4
  96. package/es/list/SecondaryText/AccountName.js +6 -5
  97. package/es/list/SecondaryText/ContactName.js +3 -3
  98. package/es/list/SecondaryText/DepartmentText.js +3 -3
  99. package/es/list/SecondaryText/Email.js +6 -5
  100. package/es/list/SecondaryText/HappinessRating.js +3 -4
  101. package/es/list/SecondaryText/PhoneNumber.js +6 -5
  102. package/es/list/SecondaryText/PriorityText.js +3 -3
  103. package/es/list/SecondaryText/SecondaryText.js +4 -3
  104. package/es/list/SecondaryText/StatusText.js +3 -3
  105. package/es/list/SecondaryText/TicketId.js +4 -3
  106. package/es/list/SecondaryText/Website.js +5 -5
  107. package/es/list/SecondryPanel/SecondryPanel.js +9 -8
  108. package/es/list/SentimentStatus/SentimentStatus.js +3 -3
  109. package/es/list/Subject/Subject.js +4 -3
  110. package/es/list/TagNew/TagNew.js +3 -3
  111. package/es/list/Thread/Thread.js +3 -3
  112. package/es/list/UserTime/UserTime.js +3 -3
  113. package/es/list/status/StatusDropdown/StatusDropdown.js +32 -2
  114. package/es/list/status/StatusListItem/StatusListItem.js +11 -3
  115. package/es/lookup/EmptyPage/EmptyPage.js +9 -3
  116. package/es/lookup/Lookup/Lookup.js +9 -5
  117. package/es/lookup/Section/Section.js +2 -0
  118. package/es/lookup/header/Close/Close.js +3 -4
  119. package/es/lookup/header/ModuleHeader/ModuleHeader.js +4 -6
  120. package/es/lookup/header/Search/Search.js +21 -6
  121. package/es/lookup/header/TicketHeader/TicketHeader.js +4 -6
  122. package/es/lookup/header/Title/Title.js +3 -4
  123. package/es/lookup/header/ViewDropDown/ViewDropDown.js +12 -6
  124. package/es/lookup/header/ViewDropDown/props/propTypes.js +1 -0
  125. package/es/setup/header/Button/Button.js +3 -3
  126. package/es/setup/header/Link/Link.js +3 -3
  127. package/es/setup/header/Search/Search.js +5 -3
  128. package/es/setup/header/Views/Views.js +3 -3
  129. package/es/setup/helptips/Description/Description.js +3 -3
  130. package/es/setup/helptips/Link/Link.js +5 -3
  131. package/es/setup/helptips/ListGroup/ListGroup.js +5 -3
  132. package/es/setup/helptips/Title/Title.js +3 -3
  133. package/es/setup/table/Table/Table.js +2 -3
  134. package/es/setup/table/TableBody/TableBody.js +2 -3
  135. package/es/setup/table/TableData/TableData.js +3 -3
  136. package/es/setup/table/TableHead/TableHead.js +3 -3
  137. package/es/setup/table/TableRow/TableRow.js +3 -3
  138. package/es/setup/table/Text/Text.js +4 -3
  139. package/es/svg/PlusIcon.js +2 -3
  140. package/es/svg/SnippetIcon.js +2 -3
  141. package/es/svg/TemplateIcon.js +2 -3
  142. package/es/utils/General.js +7 -0
  143. package/es/utils/editorUtils.js +40 -16
  144. package/es/version2/AlertClose/AlertClose.js +2 -3
  145. package/es/version2/GlobalNotification/GlobalNotification.js +9 -3
  146. package/es/version2/alertIcons/AlarmAlertIcon.js +1 -0
  147. package/es/version2/alertIcons/AlertIcons.js +2 -3
  148. package/es/version2/alertIcons/DangerAlertIcon.js +1 -0
  149. package/es/version2/alertIcons/ErrorAlertIcon.js +1 -0
  150. package/es/version2/alertIcons/InfoAlertIcon.js +1 -0
  151. package/es/version2/alertIcons/NotificationAlertIcon.js +1 -0
  152. package/es/version2/alertIcons/SuccessAlertIcon.js +1 -0
  153. package/es/version2/alertIcons/WarningAlertIcon.js +1 -0
  154. package/es/version2/errorstate/Inconvenience/Inconvenience.js +4 -3
  155. package/es/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +4 -3
  156. package/es/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +4 -3
  157. package/es/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +4 -3
  158. package/es/version2/errorstate/UrlNotFound/UrlNotFound.js +4 -3
  159. package/es/version2/errorstate/WillBeRightBack/WillBeRightBack.js +4 -3
  160. package/es/version2/lookup/AlertHeader/AlertHeader.js +9 -10
  161. package/es/version2/lookup/AlertLookup/AlertLookup.js +8 -12
  162. package/es/version2/notification/DesktopNotification/DesktopNotification.js +5 -3
  163. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +3 -3
  164. package/lib/ActionButton/ActionButton.js +64 -34
  165. package/lib/ActionButton/props/propTypes.js +3 -0
  166. package/lib/AlphabeticList/AlphabeticList.js +53 -21
  167. package/lib/AlphabeticList/props/propTypes.js +10 -1
  168. package/lib/Attachment/Attachment.js +41 -19
  169. package/lib/Attachment/props/propTypes.js +3 -0
  170. package/lib/AttachmentViewer/Attachment.js +4 -0
  171. package/lib/AttachmentViewer/AttachmentImage.js +36 -10
  172. package/lib/AttachmentViewer/AttachmentViewer.js +87 -24
  173. package/lib/AttachmentViewer/props/propTypes.js +3 -0
  174. package/lib/AttachmentViewer/utils.js +31 -10
  175. package/lib/ChannelIcon/ChannelIcon.js +55 -27
  176. package/lib/ChannelIcon/props/propTypes.js +3 -0
  177. package/lib/Drawer/Drawer.js +109 -51
  178. package/lib/Drawer/index.js +4 -0
  179. package/lib/Drawer/props/propTypes.js +3 -0
  180. package/lib/ExternalLink/ExternalLink.js +37 -15
  181. package/lib/ExternalLink/__tests__/ExternalLink.spec.js +7 -0
  182. package/lib/ExternalLink/props/propTypes.js +3 -0
  183. package/lib/FlipCard/FlipCard.js +72 -40
  184. package/lib/FlipCard/props/propTypes.js +3 -0
  185. package/lib/FormAction/FormAction.js +41 -13
  186. package/lib/FormAction/props/propTypes.js +3 -0
  187. package/lib/FreezeLayer/FreezeLayer.js +40 -25
  188. package/lib/FreezeLayer/css/cssJSLogic.js +9 -8
  189. package/lib/FreezeLayer/index.js +3 -0
  190. package/lib/FreezeLayer/props/propTypes.js +3 -0
  191. package/lib/FreezeLayer/useFreezeLayer.js +30 -9
  192. package/lib/Hooks/Dragger/props/propTypes.js +3 -0
  193. package/lib/Hooks/Dragger/useDragger.js +36 -28
  194. package/lib/Hooks/Dragger/utils/DraggerUtil.js +8 -7
  195. package/lib/IconButton/IconButton.js +61 -36
  196. package/lib/IconButton/props/propTypes.js +6 -4
  197. package/lib/Image/Image.js +35 -15
  198. package/lib/Image/props/propTypes.js +3 -0
  199. package/lib/ImportantNotes/ImportantNotes.js +34 -13
  200. package/lib/ImportantNotes/props/propTypes.js +3 -0
  201. package/lib/Link/Link.js +56 -25
  202. package/lib/Link/LinkContext.js +4 -0
  203. package/lib/Link/props/propTypes.js +3 -0
  204. package/lib/Loader/Loader.js +25 -3
  205. package/lib/Message/Message.js +43 -16
  206. package/lib/Message/props/propTypes.js +3 -0
  207. package/lib/MessageBanner/MessageBanner.js +38 -16
  208. package/lib/MessageBanner/props/propTypes.js +3 -0
  209. package/lib/NewStar/NewStar.js +38 -21
  210. package/lib/NewStar/props/propTypes.js +3 -0
  211. package/lib/PlusIcon/PlusIcon.js +34 -14
  212. package/lib/PlusIcon/props/propTypes.js +3 -0
  213. package/lib/Provider/Config.js +2 -0
  214. package/lib/Separator/Separator.js +36 -13
  215. package/lib/Separator/props/propTypes.js +3 -0
  216. package/lib/TagWithIcon/TagWithIcon.js +36 -13
  217. package/lib/TagWithIcon/props/propTypes.js +3 -0
  218. package/lib/ToastMessage/ToastMessage.js +75 -45
  219. package/lib/ToastMessage/props/propTypes.js +3 -0
  220. package/lib/Upload/Upload.js +42 -20
  221. package/lib/Upload/props/propTypes.js +3 -0
  222. package/lib/actions/AutoClose.js +29 -9
  223. package/lib/actions/index.js +5 -0
  224. package/lib/actions/props/propTypes.js +3 -0
  225. package/lib/alert/AlertHeader/AlertHeader.js +43 -18
  226. package/lib/alert/AlertHeader/props/propTypes.js +3 -0
  227. package/lib/alert/AlertLookup/AlertLookup.js +67 -40
  228. package/lib/alert/AlertLookup/props/propTypes.js +3 -0
  229. package/lib/alert/index.js +3 -0
  230. package/lib/avatar/AvatarClose/AvatarClose.js +39 -16
  231. package/lib/avatar/AvatarClose/props/propTypes.js +3 -0
  232. package/lib/avatar/AvatarCollision/AvatarCollision.js +42 -19
  233. package/lib/avatar/AvatarCollision/props/propTypes.js +3 -0
  234. package/lib/avatar/AvatarIcon/AvatarIcon.js +45 -21
  235. package/lib/avatar/AvatarIcon/props/propTypes.js +3 -0
  236. package/lib/avatar/AvatarStatus/AvatarStatus.js +49 -28
  237. package/lib/avatar/AvatarStatus/props/propTypes.js +6 -4
  238. package/lib/avatar/AvatarThread/AvatarThread.js +55 -33
  239. package/lib/avatar/AvatarThread/props/propTypes.js +3 -0
  240. package/lib/avatar/AvatarUser/AvatarUser.js +63 -40
  241. package/lib/avatar/AvatarUser/props/propTypes.js +3 -0
  242. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js +54 -32
  243. package/lib/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js +12 -6
  244. package/lib/avatar/AvatarWithTeam/props/propTypes.js +3 -0
  245. package/lib/avatar/index.js +8 -0
  246. package/lib/deprecated/FreezeLayer/FreezeLayer.js +49 -20
  247. package/lib/deprecated/FreezeLayer/props/propTypes.js +3 -0
  248. package/lib/deprecated/SelectDropdown/SelectDropdown.js +52 -21
  249. package/lib/deprecated/utils/General.js +5 -0
  250. package/lib/deprecated/utils/KeyboardApi.js +48 -7
  251. package/lib/docs/formDocs.js +16 -0
  252. package/lib/docs/generalDocs.js +60 -0
  253. package/lib/docs/lookupDocs.js +17 -0
  254. package/lib/docs/setupDocs.js +12 -0
  255. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +225 -145
  256. package/lib/dropdown/ToggleDropDown/props/propTypes.js +3 -0
  257. package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +46 -24
  258. package/lib/emptystate/CommonEmptyState/props/propTypes.js +3 -0
  259. package/lib/emptystate/EditionPage/EditionPage.js +36 -14
  260. package/lib/emptystate/EditionPage/props/propTypes.js +3 -0
  261. package/lib/errorstate/Inconvenience/Inconvenience.js +40 -12
  262. package/lib/errorstate/Inconvenience/props/propTypes.js +3 -0
  263. package/lib/errorstate/LinkText/LinkText.js +31 -10
  264. package/lib/errorstate/LinkText/props/propTypes.js +3 -0
  265. package/lib/errorstate/NoRequestFound/NoRequestFound.js +40 -14
  266. package/lib/errorstate/NoRequestFound/props/propTypes.js +3 -0
  267. package/lib/errorstate/PermissionPlay/PermissionPlay.js +40 -14
  268. package/lib/errorstate/PermissionPlay/props/propTypes.js +3 -0
  269. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +40 -14
  270. package/lib/errorstate/RequestUrlNotFound/props/propTypes.js +3 -0
  271. package/lib/errorstate/UnableToProcess/UnableToProcess.js +40 -12
  272. package/lib/errorstate/UnableToProcess/props/propTypes.js +3 -0
  273. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +40 -14
  274. package/lib/errorstate/UnauthorizedLogin/props/propTypes.js +3 -0
  275. package/lib/errorstate/WillBack/WillBack.js +33 -8
  276. package/lib/errorstate/WillBack/props/propTypes.js +3 -0
  277. package/lib/errorstate/index.js +9 -0
  278. package/lib/form/fields/CheckBoxField/CheckBoxField.js +71 -41
  279. package/lib/form/fields/CheckBoxField/props/defaultProps.js +7 -4
  280. package/lib/form/fields/CheckBoxField/props/propTypes.js +9 -4
  281. package/lib/form/fields/CurrencyField/CurrencyField.js +81 -51
  282. package/lib/form/fields/CurrencyField/props/defaultProps.js +7 -4
  283. package/lib/form/fields/CurrencyField/props/propTypes.js +9 -4
  284. package/lib/form/fields/DateField/DateField.js +83 -50
  285. package/lib/form/fields/DateField/props/defaultProps.js +7 -4
  286. package/lib/form/fields/DateField/props/propTypes.js +9 -4
  287. package/lib/form/fields/FieldContainer/FieldContainer.js +48 -25
  288. package/lib/form/fields/FieldContainer/props/defaultProps.js +7 -4
  289. package/lib/form/fields/FieldContainer/props/propTypes.js +9 -4
  290. package/lib/form/fields/MultiSelectField/MultiSelectField.js +100 -74
  291. package/lib/form/fields/MultiSelectField/props/defaultProps.js +7 -4
  292. package/lib/form/fields/MultiSelectField/props/propTypes.js +9 -4
  293. package/lib/form/fields/PhoneField/PhoneField.js +73 -43
  294. package/lib/form/fields/PhoneField/props/propTypes.js +3 -0
  295. package/lib/form/fields/RadioField/RadioField.js +64 -36
  296. package/lib/form/fields/RadioField/props/propTypes.js +3 -0
  297. package/lib/form/fields/SelectField/SelectField.js +98 -71
  298. package/lib/form/fields/SelectField/props/defaultProps.js +7 -4
  299. package/lib/form/fields/SelectField/props/propTypes.js +9 -4
  300. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +83 -46
  301. package/lib/form/fields/TagsMultiSelect/props/propTypes.js +3 -0
  302. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +103 -62
  303. package/lib/form/fields/TagsMultiSelectField/props/defaultProps.js +7 -4
  304. package/lib/form/fields/TagsMultiSelectField/props/propTypes.js +9 -4
  305. package/lib/form/fields/TextBoxField/TextBoxField.js +85 -58
  306. package/lib/form/fields/TextBoxField/props/defaultProps.js +7 -4
  307. package/lib/form/fields/TextBoxField/props/propTypes.js +9 -4
  308. package/lib/form/fields/TextEditor/TextEditor.js +116 -53
  309. package/lib/form/fields/TextEditor/props/propTypes.js +3 -0
  310. package/lib/form/fields/TextEditorField/TextEditorField.js +89 -61
  311. package/lib/form/fields/TextEditorField/props/defaultProps.js +7 -4
  312. package/lib/form/fields/TextEditorField/props/propTypes.js +9 -4
  313. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +79 -47
  314. package/lib/form/fields/TextEditorWrapper/props/propTypes.js +3 -0
  315. package/lib/form/fields/TextareaField/TextareaField.js +81 -55
  316. package/lib/form/fields/TextareaField/props/defaultProps.js +7 -4
  317. package/lib/form/fields/TextareaField/props/propTypes.js +9 -4
  318. package/lib/form/fields/ValidationMessage/ValidationMessage.js +40 -18
  319. package/lib/form/fields/ValidationMessage/props/propTypes.js +3 -0
  320. package/lib/form/fields/index.js +17 -0
  321. package/lib/form/fields/props/FieldCommonDefaultProps.js +2 -0
  322. package/lib/form/fields/props/FieldCommonPropTypes.js +4 -0
  323. package/lib/form/layout/Field/Field.js +34 -13
  324. package/lib/form/layout/Field/props/propTypes.js +3 -0
  325. package/lib/form/layout/Section/Section.js +33 -12
  326. package/lib/form/layout/Section/props/propTypes.js +3 -0
  327. package/lib/form/layout/index.js +3 -0
  328. package/lib/index.js +57 -0
  329. package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +83 -36
  330. package/lib/layout/SetupDetailLayout/index.js +4 -0
  331. package/lib/layout/SetupDetailLayout/props/propTypes.js +3 -0
  332. package/lib/layout/SubtabLayout/SubtabLayout.js +83 -39
  333. package/lib/layout/SubtabLayout/index.js +4 -0
  334. package/lib/layout/SubtabLayout/props/propTypes.js +3 -0
  335. package/lib/list/AvatarFlip/AvatarFlip.js +54 -32
  336. package/lib/list/AvatarFlip/props/propTypes.js +3 -0
  337. package/lib/list/BluePrintStatus/BluePrintStatus.js +25 -6
  338. package/lib/list/BluePrintStatus/props/propTypes.js +3 -0
  339. package/lib/list/Comment/Comment.js +33 -9
  340. package/lib/list/Comment/props/propTypes.js +3 -0
  341. package/lib/list/DepartmentDropDown/DepartmentDropDown.js +57 -28
  342. package/lib/list/DepartmentDropDown/props/propTypes.js +6 -4
  343. package/lib/list/Dot/Dot.js +28 -5
  344. package/lib/list/Dot/props/propTypes.js +3 -0
  345. package/lib/list/DotNew/DotNew.js +30 -9
  346. package/lib/list/DotNew/props/propTypes.js +3 -0
  347. package/lib/list/GridStencils/GridStencils.js +29 -11
  348. package/lib/list/GridStencils/props/propTypes.js +3 -0
  349. package/lib/list/Icons/AddNewIcon.js +29 -8
  350. package/lib/list/Icons/CompleteIcon.js +30 -9
  351. package/lib/list/Icons/DeleteIcon.js +30 -9
  352. package/lib/list/Icons/EditIcon.js +30 -9
  353. package/lib/list/Icons/FloatingIcons.js +32 -9
  354. package/lib/list/Icons/ReadUnreadIcon.js +33 -11
  355. package/lib/list/Icons/SmartIcon.js +31 -8
  356. package/lib/list/Icons/index.js +8 -0
  357. package/lib/list/Icons/props/propTypes.js +3 -0
  358. package/lib/list/ListLayout/ListLayout.js +58 -28
  359. package/lib/list/ListLayout/props/propTypes.js +6 -4
  360. package/lib/list/ListStencils/ListStencils.js +28 -6
  361. package/lib/list/ListStencils/props/propTypes.js +3 -0
  362. package/lib/list/SecondaryText/AccountName.js +51 -27
  363. package/lib/list/SecondaryText/ContactName.js +58 -32
  364. package/lib/list/SecondaryText/DepartmentText.js +30 -10
  365. package/lib/list/SecondaryText/Email.js +42 -19
  366. package/lib/list/SecondaryText/HappinessRating.js +29 -9
  367. package/lib/list/SecondaryText/PhoneNumber.js +44 -21
  368. package/lib/list/SecondaryText/PriorityText.js +32 -11
  369. package/lib/list/SecondaryText/SecondaryText.js +34 -12
  370. package/lib/list/SecondaryText/StatusText.js +33 -12
  371. package/lib/list/SecondaryText/TicketId.js +43 -20
  372. package/lib/list/SecondaryText/Website.js +35 -13
  373. package/lib/list/SecondaryText/index.js +12 -0
  374. package/lib/list/SecondaryText/props/propTypes.js +3 -0
  375. package/lib/list/SecondryPanel/SecondryPanel.js +71 -28
  376. package/lib/list/SecondryPanel/props/propTypes.js +3 -0
  377. package/lib/list/SentimentStatus/SentimentStatus.js +27 -8
  378. package/lib/list/SentimentStatus/props/propTypes.js +3 -0
  379. package/lib/list/Subject/Subject.js +45 -22
  380. package/lib/list/Subject/props/propTypes.js +3 -0
  381. package/lib/list/TagNew/TagNew.js +32 -11
  382. package/lib/list/TagNew/props/propTypes.js +3 -0
  383. package/lib/list/Thread/Thread.js +34 -11
  384. package/lib/list/Thread/props/propTypes.js +3 -0
  385. package/lib/list/UserTime/UserTime.js +45 -21
  386. package/lib/list/UserTime/props/propTypes.js +3 -0
  387. package/lib/list/index.js +21 -0
  388. package/lib/list/status/StatusDropdown/StatusDropdown.js +133 -77
  389. package/lib/list/status/StatusDropdown/props/propTypes.js +6 -4
  390. package/lib/list/status/StatusListItem/StatusListItem.js +63 -37
  391. package/lib/list/status/StatusListItem/props/propTypes.js +3 -0
  392. package/lib/list/status/index.js +3 -0
  393. package/lib/lookup/EmptyPage/EmptyPage.js +38 -8
  394. package/lib/lookup/EmptyPage/props/propTypes.js +3 -0
  395. package/lib/lookup/Lookup/Lookup.js +51 -23
  396. package/lib/lookup/Lookup/props/propTypes.js +3 -0
  397. package/lib/lookup/Section/Section.js +28 -5
  398. package/lib/lookup/Section/props/propTypes.js +3 -0
  399. package/lib/lookup/header/Close/Close.js +30 -9
  400. package/lib/lookup/header/Close/props/propTypes.js +3 -0
  401. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +49 -23
  402. package/lib/lookup/header/ModuleHeader/props/propTypes.js +3 -0
  403. package/lib/lookup/header/Search/Search.js +67 -29
  404. package/lib/lookup/header/Search/props/propTypes.js +3 -0
  405. package/lib/lookup/header/TicketHeader/TicketHeader.js +50 -22
  406. package/lib/lookup/header/TicketHeader/props/propTypes.js +3 -0
  407. package/lib/lookup/header/Title/Title.js +30 -9
  408. package/lib/lookup/header/Title/props/propTypes.js +3 -0
  409. package/lib/lookup/header/ViewDropDown/ViewDropDown.js +62 -28
  410. package/lib/lookup/header/ViewDropDown/props/propTypes.js +4 -0
  411. package/lib/lookup/header/index.js +6 -0
  412. package/lib/lookup/index.js +9 -0
  413. package/lib/setup/header/Button/Button.js +30 -10
  414. package/lib/setup/header/Button/props/propTypes.js +3 -0
  415. package/lib/setup/header/Link/Link.js +33 -11
  416. package/lib/setup/header/Link/props/propTypes.js +3 -0
  417. package/lib/setup/header/Search/Search.js +34 -12
  418. package/lib/setup/header/Search/props/propTypes.js +3 -0
  419. package/lib/setup/header/Views/Views.js +32 -12
  420. package/lib/setup/header/Views/props/propTypes.js +3 -0
  421. package/lib/setup/header/index.js +5 -0
  422. package/lib/setup/helptips/Description/Description.js +24 -6
  423. package/lib/setup/helptips/Description/props/propTypes.js +3 -0
  424. package/lib/setup/helptips/Link/Link.js +32 -11
  425. package/lib/setup/helptips/Link/props/propTypes.js +3 -0
  426. package/lib/setup/helptips/ListGroup/ListGroup.js +28 -8
  427. package/lib/setup/helptips/ListGroup/props/propTypes.js +3 -0
  428. package/lib/setup/helptips/Title/Title.js +24 -6
  429. package/lib/setup/helptips/Title/props/propTypes.js +3 -0
  430. package/lib/setup/helptips/index.js +5 -0
  431. package/lib/setup/index.js +9 -0
  432. package/lib/setup/table/Table/Table.js +28 -9
  433. package/lib/setup/table/Table/props/propTypes.js +3 -0
  434. package/lib/setup/table/TableBody/TableBody.js +30 -11
  435. package/lib/setup/table/TableBody/props/propTypes.js +3 -0
  436. package/lib/setup/table/TableData/TableData.js +33 -13
  437. package/lib/setup/table/TableData/props/propTypes.js +3 -0
  438. package/lib/setup/table/TableHead/TableHead.js +31 -11
  439. package/lib/setup/table/TableHead/props/propTypes.js +3 -0
  440. package/lib/setup/table/TableRow/TableRow.js +34 -14
  441. package/lib/setup/table/TableRow/props/propTypes.js +3 -0
  442. package/lib/setup/table/Text/Text.js +39 -17
  443. package/lib/setup/table/Text/props/propTypes.js +3 -0
  444. package/lib/setup/table/index.js +6 -0
  445. package/lib/svg/PlusIcon.js +28 -9
  446. package/lib/svg/SnippetIcon.js +28 -9
  447. package/lib/svg/TemplateIcon.js +28 -9
  448. package/lib/svg/index.js +4 -0
  449. package/lib/svg/props/propTypes.js +3 -0
  450. package/lib/utils/ChannelIconMapping.js +2 -0
  451. package/lib/utils/General.js +11 -0
  452. package/lib/utils/editorUtils.js +48 -13
  453. package/lib/version2/AlertClose/AlertClose.js +33 -11
  454. package/lib/version2/AlertClose/props/propTypes.js +3 -0
  455. package/lib/version2/GlobalNotification/GlobalNotification.js +59 -30
  456. package/lib/version2/GlobalNotification/props/propTypes.js +3 -0
  457. package/lib/version2/alertIcons/AlarmAlertIcon.js +28 -5
  458. package/lib/version2/alertIcons/AlertIcons.js +41 -11
  459. package/lib/version2/alertIcons/DangerAlertIcon.js +28 -5
  460. package/lib/version2/alertIcons/ErrorAlertIcon.js +28 -5
  461. package/lib/version2/alertIcons/InfoAlertIcon.js +28 -5
  462. package/lib/version2/alertIcons/NotificationAlertIcon.js +28 -5
  463. package/lib/version2/alertIcons/SuccessAlertIcon.js +28 -5
  464. package/lib/version2/alertIcons/WarningAlertIcon.js +28 -5
  465. package/lib/version2/alertIcons/index.js +9 -0
  466. package/lib/version2/alertIcons/props/propTypes.js +3 -0
  467. package/lib/version2/errorstate/Inconvenience/Inconvenience.js +43 -19
  468. package/lib/version2/errorstate/Inconvenience/props/propTypes.js +3 -0
  469. package/lib/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +43 -19
  470. package/lib/version2/errorstate/OopsSomethingMiss/props/propTypes.js +3 -0
  471. package/lib/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +43 -19
  472. package/lib/version2/errorstate/UnableToProcessRequest/props/propTypes.js +3 -0
  473. package/lib/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +44 -20
  474. package/lib/version2/errorstate/UnauthorizedLogin/props/propTypes.js +3 -0
  475. package/lib/version2/errorstate/UrlNotFound/UrlNotFound.js +43 -19
  476. package/lib/version2/errorstate/UrlNotFound/props/propTypes.js +3 -0
  477. package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js +43 -19
  478. package/lib/version2/errorstate/WillBeRightBack/props/propTypes.js +3 -0
  479. package/lib/version2/errorstate/index.js +7 -0
  480. package/lib/version2/index.js +14 -0
  481. package/lib/version2/lookup/AlertHeader/AlertHeader.js +33 -20
  482. package/lib/version2/lookup/AlertHeader/css/cssJSLogic.js +8 -7
  483. package/lib/version2/lookup/AlertHeader/props/propTypes.js +3 -0
  484. package/lib/version2/lookup/AlertLookup/AlertLookup.js +84 -54
  485. package/lib/version2/lookup/AlertLookup/props/propTypes.js +3 -0
  486. package/lib/version2/lookup/index.js +3 -0
  487. package/lib/version2/notification/DesktopNotification/DesktopNotification.js +60 -38
  488. package/lib/version2/notification/DesktopNotification/props/propTypes.js +3 -0
  489. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +39 -15
  490. package/lib/version2/notification/DesktopNotificationHeader/props/propTypes.js +3 -0
  491. package/lib/version2/notification/index.js +6 -0
  492. package/package.json +14 -10
@@ -3,6 +3,7 @@ export const popNotificationAction = (() => {
3
3
  resolve: () => {},
4
4
  reject: () => {}
5
5
  };
6
+
6
7
  function showNotification(data) {
7
8
  return dispatch => {
8
9
  dispatch(showPopNotification(data));
@@ -11,6 +12,7 @@ export const popNotificationAction = (() => {
11
12
  dispatch(hidePopNotification(notifiId));
12
13
  res();
13
14
  };
15
+
14
16
  ob.reject = notifiId => {
15
17
  dispatch(hidePopNotification(notifiId));
16
18
  rej();
@@ -18,6 +20,7 @@ export const popNotificationAction = (() => {
18
20
  });
19
21
  };
20
22
  }
23
+
21
24
  return {
22
25
  ob,
23
26
  showNotification
@@ -62,11 +62,10 @@ export default class AlertHeader extends Component {
62
62
  dataId: `${dataId}_close`
63
63
  })) : null);
64
64
  }
65
+
65
66
  }
66
67
  AlertHeader.propTypes = propTypes;
67
- AlertHeader.defaultProps = defaultProps;
68
-
69
- // if (__DOCS__) {
68
+ AlertHeader.defaultProps = defaultProps; // if (__DOCS__) {
70
69
  // AlertHeader.docs = {
71
70
  // componentGroup: 'AlertHeader',
72
71
  // folderName: 'Alert'
@@ -1,17 +1,18 @@
1
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
  /**** Libraries ****/
3
4
  import React, { Component } from 'react';
4
5
  import { defaultProps } from './props/defaultProps';
5
6
  import { propTypes } from './props/propTypes';
6
-
7
7
  /**** Components ****/
8
+
8
9
  import Lookup from '../../lookup/Lookup/Lookup';
9
10
  import AlertHeader from '../AlertHeader/AlertHeader';
10
11
  import Button from '@zohodesk/components/lib/Button/Button';
11
12
  import Section from '../../lookup/Section/Section';
12
13
  import FormAction from '../../FormAction/FormAction';
13
-
14
14
  /**** CSS ****/
15
+
15
16
  import style from './AlertLookup.module.css';
16
17
  export default class AlertLookup extends Component {
17
18
  render() {
@@ -95,11 +96,10 @@ export default class AlertLookup extends Component {
95
96
  palette: "secondary"
96
97
  }, SecondaryButtonProps))) : null));
97
98
  }
99
+
98
100
  }
99
101
  AlertLookup.propTypes = propTypes;
100
- AlertLookup.defaultProps = defaultProps;
101
-
102
- // if (__DOCS__) {
102
+ AlertLookup.defaultProps = defaultProps; // if (__DOCS__) {
103
103
  // AlertLookup.docs = {
104
104
  // componentGroup: 'AlertLookup',
105
105
  // folderName: 'Alert'
@@ -1,4 +1,5 @@
1
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
  import React from 'react';
3
4
  import { defaultProps } from './props/defaultProps';
4
5
  import { propTypes } from './props/propTypes';
@@ -9,6 +10,7 @@ export default class AvatarClose extends React.Component {
9
10
  constructor(props) {
10
11
  super(props);
11
12
  }
13
+
12
14
  render() {
13
15
  let {
14
16
  title,
@@ -41,10 +43,10 @@ export default class AvatarClose extends React.Component {
41
43
  name: "ZD-plus"
42
44
  }))));
43
45
  }
46
+
44
47
  }
45
48
  AvatarClose.propTypes = propTypes;
46
- AvatarClose.defaultProps = defaultProps;
47
- // if (__DOCS__) {
49
+ AvatarClose.defaultProps = defaultProps; // if (__DOCS__) {
48
50
  // AvatarClose.docs = {
49
51
  // componentGroup: 'Avatar Group'
50
52
  // };
@@ -1,4 +1,5 @@
1
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
  import React from 'react';
3
4
  import { defaultProps } from './props/defaultProps';
4
5
  import { propTypes } from './props/propTypes';
@@ -9,6 +10,7 @@ export default class AvatarCollision extends React.Component {
9
10
  constructor(props) {
10
11
  super(props);
11
12
  }
13
+
12
14
  render() {
13
15
  let {
14
16
  title,
@@ -49,10 +51,10 @@ export default class AvatarCollision extends React.Component {
49
51
  name: "ZD-livechat3"
50
52
  }))));
51
53
  }
54
+
52
55
  }
53
56
  AvatarCollision.propTypes = propTypes;
54
- AvatarCollision.defaultProps = defaultProps;
55
- // if (__DOCS__) {
57
+ AvatarCollision.defaultProps = defaultProps; // if (__DOCS__) {
56
58
  // AvatarCollision.docs = {
57
59
  // componentGroup: 'Avatar Group'
58
60
  // };
@@ -1,4 +1,5 @@
1
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
  import React from 'react';
3
4
  import { defaultProps } from './props/defaultProps';
4
5
  import { propTypes } from './props/propTypes';
@@ -45,9 +46,9 @@ export default class AvatarIcon extends React.Component {
45
46
  isBold: isIconBold
46
47
  }));
47
48
  }
49
+
48
50
  }
49
51
  AvatarIcon.defaultProps = defaultProps;
50
- AvatarIcon.propTypes = propTypes;
51
- // if (__DOCS__) {
52
+ AvatarIcon.propTypes = propTypes; // if (__DOCS__) {
52
53
  // AvatarIcon.docs = { componentGroup: 'Avatar Group' };
53
54
  // }
@@ -1,4 +1,5 @@
1
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
  import React from 'react';
3
4
  import { defaultProps } from './props/defaultProps';
4
5
  import { propTypes } from './props/propTypes';
@@ -8,6 +9,7 @@ export default class AvatarStatus extends React.Component {
8
9
  constructor(props) {
9
10
  super(props);
10
11
  }
12
+
11
13
  render() {
12
14
  let {
13
15
  src,
@@ -60,11 +62,10 @@ export default class AvatarStatus extends React.Component {
60
62
  className: `${style.state} ${style[state]} ${style[size]} ${style[shape]}`
61
63
  }));
62
64
  }
65
+
63
66
  }
64
67
  AvatarStatus.defaultProps = defaultProps;
65
- AvatarStatus.propTypes = propTypes;
66
-
67
- // if (__DOCS__) {
68
+ AvatarStatus.propTypes = propTypes; // if (__DOCS__) {
68
69
  // AvatarStatus.docs = {
69
70
  // componentGroup: 'Avatar Group'
70
71
  // };
@@ -1,4 +1,5 @@
1
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
  import React from 'react';
3
4
  import { defaultProps } from './props/defaultProps';
4
5
  import { propTypes } from './props/propTypes';
@@ -67,11 +68,10 @@ export default class AvatarThread extends React.Component {
67
68
  ${style[`text_${iconColor}`] ? style[`text_${iconColor}`] : iconColor}`
68
69
  })), getCustomThread && getCustomThread()));
69
70
  }
71
+
70
72
  }
71
73
  AvatarThread.defaultProps = defaultProps;
72
- AvatarThread.propTypes = propTypes;
73
-
74
- // if (__DOCS__) {
74
+ AvatarThread.propTypes = propTypes; // if (__DOCS__) {
75
75
  // AvatarThread.docs = {
76
76
  // componentGroup: 'Avatar Group'
77
77
  // };
@@ -1,9 +1,11 @@
1
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
  /**** Libraries ****/
3
4
  import React from 'react';
4
5
  import { defaultProps } from './props/defaultProps';
5
6
  import { propTypes } from './props/propTypes';
6
7
  /**** Components ****/
8
+
7
9
  import Avatar from '@zohodesk/components/lib/Avatar/Avatar';
8
10
  import AvatarIcon from '../AvatarIcon/AvatarIcon';
9
11
  import { Icon } from '@zohodesk/icons';
@@ -99,11 +101,10 @@ export default class AvatarUser extends React.Component {
99
101
  size: "15"
100
102
  })) : null);
101
103
  }
104
+
102
105
  }
103
106
  AvatarUser.propTypes = propTypes;
104
- AvatarUser.defaultProps = defaultProps;
105
-
106
- // if (__DOCS__) {
107
+ AvatarUser.defaultProps = defaultProps; // if (__DOCS__) {
107
108
  // AvatarUser.docs = {
108
109
  // componentGroup: 'Avatar Group'
109
110
  // };
@@ -1,4 +1,5 @@
1
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
  import React from 'react';
3
4
  import { defaultProps } from './props/defaultProps';
4
5
  import { propTypes } from './props/propTypes';
@@ -85,11 +86,10 @@ export default class AvatarWithTeam extends React.Component {
85
86
  borderOnActive: teamBorderActive
86
87
  }, AvatarTeam2Props))) : null);
87
88
  }
89
+
88
90
  }
89
91
  AvatarWithTeam.defaultProps = defaultProps;
90
- AvatarWithTeam.propTypes = propTypes;
91
-
92
- // if (__DOCS__) {
92
+ AvatarWithTeam.propTypes = propTypes; // if (__DOCS__) {
93
93
  // AvatarWithTeam.docs = {
94
94
  // componentGroup: 'Avatar Group'
95
95
  // };
@@ -16,6 +16,7 @@ export default class FreezeLayer extends Component {
16
16
  this.getNextIndex = getZIndex(this);
17
17
  this.isFreezeLayerEnabled = false;
18
18
  }
19
+
19
20
  enableFreeze() {
20
21
  if (!this.isFreezeLayerEnabled) {
21
22
  this.isFreezeLayerEnabled = true;
@@ -23,6 +24,7 @@ export default class FreezeLayer extends Component {
23
24
  freezeLayerEnable && freezeLayerEnable();
24
25
  }
25
26
  }
27
+
26
28
  disableFreeze() {
27
29
  if (this.isFreezeLayerEnabled) {
28
30
  this.isFreezeLayerEnabled = false;
@@ -30,10 +32,12 @@ export default class FreezeLayer extends Component {
30
32
  freezeLayerDisable && freezeLayerDisable();
31
33
  }
32
34
  }
35
+
33
36
  componentDidMount() {
34
37
  let {
35
38
  isActive
36
39
  } = this.props;
40
+
37
41
  if (isActive) {
38
42
  this.setState({
39
43
  isChildActive: true
@@ -41,10 +45,12 @@ export default class FreezeLayer extends Component {
41
45
  this.enableFreeze();
42
46
  }
43
47
  }
48
+
44
49
  componentDidUpdate(prevProps) {
45
50
  let {
46
51
  isActive
47
52
  } = this.props;
53
+
48
54
  if (isActive != prevProps.isActive) {
49
55
  if (isActive) {
50
56
  this.enableFreeze();
@@ -67,9 +73,11 @@ export default class FreezeLayer extends Component {
67
73
  }
68
74
  }
69
75
  }
76
+
70
77
  componentWillUnmount() {
71
78
  this.disableFreeze();
72
79
  }
80
+
73
81
  render() {
74
82
  let {
75
83
  children,
@@ -116,11 +124,10 @@ export default class FreezeLayer extends Component {
116
124
  dataId: "reactFreezeLayer"
117
125
  }, children))));
118
126
  }
127
+
119
128
  }
120
129
  FreezeLayer.propTypes = propTypes;
121
- FreezeLayer.defaultProps = defaultProps;
122
-
123
- // if (__DOCS__) {
130
+ FreezeLayer.defaultProps = defaultProps; // if (__DOCS__) {
124
131
  // FreezeLayer.docs = {
125
132
  // componentGroup: 'Atom',
126
133
  // folderName: 'General'
@@ -9,12 +9,14 @@ import { Container, Box } from '@zohodesk/components/lib/Layout';
9
9
  import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
10
10
  import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
11
11
  import style from './SelectDropdown.module.css';
12
+
12
13
  class SelectDropdown extends React.Component {
13
14
  constructor(props) {
14
15
  super(props);
15
16
  this.handleTogglePopup = this.handleTogglePopup.bind(this);
16
17
  this.handleClick = this.handleClick.bind(this);
17
18
  }
19
+
18
20
  handleClick(id, value, index, e) {
19
21
  let {
20
22
  onClick,
@@ -23,12 +25,14 @@ class SelectDropdown extends React.Component {
23
25
  onClick && onClick(id, value, index, e);
24
26
  togglePopup(e, 'bottomRight');
25
27
  }
28
+
26
29
  handleTogglePopup(e) {
27
30
  let {
28
31
  togglePopup
29
32
  } = this.props;
30
33
  togglePopup(e, 'bottomRight');
31
34
  }
35
+
32
36
  responsiveFunc(_ref) {
33
37
  let {
34
38
  mediaQueryOR
@@ -39,6 +43,7 @@ class SelectDropdown extends React.Component {
39
43
  }])
40
44
  };
41
45
  }
46
+
42
47
  render() {
43
48
  let {
44
49
  title,
@@ -117,7 +122,9 @@ class SelectDropdown extends React.Component {
117
122
  }))))));
118
123
  }));
119
124
  }
125
+
120
126
  }
127
+
121
128
  SelectDropdown.propTypes = {
122
129
  getContainerRef: PropTypes.func,
123
130
  getTargetRef: PropTypes.func,
@@ -134,8 +141,7 @@ SelectDropdown.propTypes = {
134
141
  options: PropTypes.array
135
142
  }),
136
143
  title: PropTypes.string
137
- };
138
- // if (__DOCS__) {
144
+ }; // if (__DOCS__) {
139
145
  // SelectDropdown.docs = {
140
146
  // componentGroup: 'Header',
141
147
  // folderName: 'Setup'
@@ -3,6 +3,7 @@ export function formatCurrency(number, symbol) {
3
3
  if (number && number != 0) {
4
4
  let typeOfData = typeof number;
5
5
  let isDecimal = typeOfData == 'string' ? number.indexOf('.') != -1 : !Number.isInteger(number);
6
+
6
7
  if (isDecimal) {
7
8
  let val = number.toString().split('.');
8
9
  let arr1 = `${val[0].replace(/\D/g, '').replace(/\B(?=(\d{3})+(?!\d))/g, ',')}`;
@@ -13,5 +14,6 @@ export function formatCurrency(number, symbol) {
13
14
  return value;
14
15
  }
15
16
  }
17
+
16
18
  return number;
17
19
  }
@@ -34,16 +34,20 @@ let _SpecialKeyMaps = {
34
34
  187: 'plus',
35
35
  // =
36
36
  191: 'slash' // /
37
- };
38
37
 
38
+ };
39
39
  export function Shortcut(target) {
40
40
  _addEvent(target, 'keypress', keycallback);
41
+
41
42
  _addEvent(target, 'keydown', keycallback);
43
+
42
44
  _addEvent(target, 'keyup', keycallback);
43
45
  }
46
+
44
47
  Shortcut.setState = function (isEnabled) {
45
48
  isShortCutEnabled = isEnabled;
46
49
  };
50
+
47
51
  Shortcut.addAll = function (keysObj, props) {
48
52
  showShortcut = props.showShortcut;
49
53
  isShortCutEnabled && keysObj.map((keyOptions, index) => {
@@ -51,33 +55,38 @@ Shortcut.addAll = function (keysObj, props) {
51
55
  return;
52
56
  });
53
57
  };
54
-
55
58
  /**
56
59
  * @param keycombo = 'z' or 'z+e' or 'shift+a' etc..
57
60
  * @param callback = any function
58
61
  * @param action = keypress or keydown or keyup
59
62
  */
60
63
 
64
+
61
65
  Shortcut.bulkAdd = function (shortcutArray) {
62
66
  showShortcut && shortcutArray.map(shortcutObj => {
63
67
  Shortcut.add(shortcutObj.keyCombo, shortcutObj.keyCallback, shortcutObj.keyAction, shortcutObj.displayLabel || []);
64
68
  });
65
69
  };
70
+
66
71
  Shortcut.add = function (keycombo, cpFunc, action, displayLabel) {
67
72
  if (!keycombo || !isShortCutEnabled) {
68
73
  return;
69
74
  }
75
+
70
76
  let tempjson = {};
77
+
71
78
  if (cpFunc === undefined) {
72
79
  cpFunc = function (keycode, keyOptions, e) {
73
80
  _defaultCallBack(keycode, keyOptions);
74
81
  };
75
82
  } else {
76
83
  let oldfunc = cpFunc;
84
+
77
85
  cpFunc = function (keycode, keyOptions, ev) {
78
86
  oldfunc(keycode, ev);
79
87
  };
80
88
  }
89
+
81
90
  tempjson.key = keycombo.toLowerCase();
82
91
  tempjson.displayLabel = displayLabel;
83
92
  tempjson.keyOptions = cpFunc;
@@ -87,20 +96,26 @@ Shortcut.add = function (keycombo, cpFunc, action, displayLabel) {
87
96
  /*Shortcut.prototype.remove = function(){
88
97
 
89
98
  };*/
99
+
100
+
90
101
  Shortcut.removeAll = function () {
91
102
  shortcutdatas = {};
92
103
  };
104
+
93
105
  Shortcut.show = function () {
94
106
  return Object.assign({}, shortcutdatas);
95
107
  };
108
+
96
109
  Shortcut.remove = function (keyCombo) {
97
110
  keyCombo = Array.isArray(keyCombo) ? keyCombo : [keyCombo];
98
111
  keyCombo.map(key => {
99
112
  delete shortcutdatas[key];
100
113
  });
101
114
  };
115
+
102
116
  Shortcut.init = function (doc) {
103
117
  let documentshortcut = Shortcut(doc);
118
+
104
119
  for (let method in documentshortcut) {
105
120
  if (method.charAt(0) !== '_') {
106
121
  Shortcut[method] = function (method) {
@@ -111,34 +126,45 @@ Shortcut.init = function (doc) {
111
126
  }
112
127
  }
113
128
  };
129
+
114
130
  function _addEvent(object, type, callback) {
115
131
  if (object.addEventListener) {
116
132
  object.addEventListener(type, callback, false);
117
133
  return;
118
134
  }
135
+
119
136
  object.attachEvent(`on${type}`, callback);
120
137
  }
138
+
121
139
  export function keycallback(e) {
122
140
  if (!isShortCutEnabled) {
123
141
  return;
124
142
  }
143
+
125
144
  let keyaction = e.type;
145
+
126
146
  let keycode = _convertToKeyCharacter(e);
147
+
127
148
  if (e.metaKey) {
128
149
  return;
129
150
  }
151
+
130
152
  _bindNeedData(e, keyaction);
153
+
131
154
  if ('esc' !== keycode) {
132
155
  if (_shortRestrictionPlaces(e)) {
133
156
  //return if type any text in input tag or texta area
134
157
  return;
135
158
  }
136
159
  }
160
+
137
161
  keycode = _eventModifiers(e) + keycode;
138
162
  let keycodedata = shortcutdatas[keycode];
163
+
139
164
  if (keycodedata) {
140
165
  e.preventDefault();
141
166
  }
167
+
142
168
  if (keycodedata && keyaction === keycodedata.action && keycodedata.keyOptions) {
143
169
  keycodedata.keyOptions && keycodedata.keyOptions(keycode, keycodedata.keyOptions, e);
144
170
  showShortcut({
@@ -147,25 +173,32 @@ export function keycallback(e) {
147
173
  });
148
174
  }
149
175
  }
176
+
150
177
  function _eventModifiers(e) {
151
178
  if (e.shiftKey === true && e.metaKey === true) {
152
179
  return 'command+shift+';
153
180
  }
181
+
154
182
  if (e.shiftKey === true && e.ctrlKey === true) {
155
183
  return 'ctrl+shift+';
156
184
  }
185
+
157
186
  if (e.altKey === true && e.ctrlKey === true) {
158
187
  return 'alt+ctrl+';
159
188
  }
189
+
160
190
  if (e.ctrlKey === true) {
161
191
  return 'ctrl+';
162
192
  }
193
+
163
194
  if (e.metaKey === true) {
164
195
  return 'command+';
165
196
  }
197
+
166
198
  if (e.shiftKey === true) {
167
199
  return 'shift+';
168
200
  }
201
+
169
202
  if (additionalKey.zpress === true) {
170
203
  return 'z+';
171
204
  } else if (additionalKey.apress === true) {
@@ -189,12 +222,16 @@ function _eventModifiers(e) {
189
222
  } else if (additionalKey.lpress === true) {
190
223
  return 'l+';
191
224
  }
225
+
192
226
  return '';
193
227
  }
228
+
194
229
  function _bindNeedData(e, keyaction) {
195
230
  let keyName = String.fromCharCode(e.keyCode).toLowerCase();
231
+
196
232
  if (['z', 'a', 'c', 'd', 'f', 'k', 'p', 'r', 't', 'l', 'e'].indexOf(keyName) !== -1) {
197
233
  let extraName = `${keyName}press`;
234
+
198
235
  if (keyaction === 'keydown') {
199
236
  additionalKey = !additionalKey[extraName] ? Object.assign({}, additionalKey, {
200
237
  [extraName]: true
@@ -208,12 +245,14 @@ function _bindNeedData(e, keyaction) {
208
245
  }
209
246
  }
210
247
  }
248
+
211
249
  function _convertToKeyCharacter(e) {
212
250
  let keyCode = e.keyCode || e.charCode;
213
251
  let keyName = String.fromCharCode(keyCode).toLowerCase();
214
252
  keyName = _SpecialKeyMaps.hasOwnProperty(keyCode) ? _SpecialKeyMaps[keyCode] : keyName;
215
253
  return keyName;
216
254
  }
255
+
217
256
  function _defaultCallBack(keycombo, keyOptions) {
218
257
  /*var keyElement = jQuery("[data-shortcut-key='" + keycombo + "']");
219
258
  if (keyOptions.callbackflow !== undefined) {
@@ -236,6 +275,7 @@ function _defaultCallBack(keycombo, keyOptions) {
236
275
  return;
237
276
  }*/
238
277
  }
278
+
239
279
  function _shortRestrictionPlaces(e) {
240
280
  let _target = e.target;
241
281
  let {
@@ -243,11 +283,12 @@ function _shortRestrictionPlaces(e) {
243
283
  } = _target;
244
284
  let keyCode = e.keyCode || e.charCode;
245
285
  let isContentEditable = _target.contentEditable === 'true';
246
- if (['TEXTAREA', 'INPUT', 'SELECT'].indexOf(tagName) !== -1 ||
247
- //!SupportUI.CurrentUser.getKBStatus() ||
286
+
287
+ if (['TEXTAREA', 'INPUT', 'SELECT'].indexOf(tagName) !== -1 || //!SupportUI.CurrentUser.getKBStatus() ||
248
288
  //restrict_keyUI() ||
249
289
  keyCode >= 112 && keyCode <= 123 || isContentEditable) {
250
290
  return true;
251
291
  }
292
+
252
293
  return false;
253
294
  }
@@ -50,14 +50,14 @@ export { default as Loader } from '../Loader/Loader';
50
50
  export { default as NewStar } from '../NewStar/NewStar';
51
51
  export { default as Message } from '../Message/Message';
52
52
  export { default as ActionButton } from '../ActionButton/ActionButton';
53
-
54
53
  /* version 2 error states */
54
+
55
55
  export { default as V2_ErrState_Inconvenience } from '../version2/errorstate/Inconvenience/Inconvenience';
56
56
  export { default as V2_ErrState_UnableToProcessRequest } from '../version2/errorstate/UnableToProcessRequest/UnableToProcessRequest';
57
57
  export { default as V2_ErrState_UrlNotFound } from '../version2/errorstate/UrlNotFound/UrlNotFound';
58
58
  export { default as V2_ErrState_UnauthorizedLogin } from '../version2/errorstate/UnauthorizedLogin/UnauthorizedLogin';
59
59
  export { default as V2_ErrState_WillBeRightBack } from '../version2/errorstate/WillBeRightBack/WillBeRightBack';
60
60
  export { default as V2_ErrState_OopsSomethingMiss } from '../version2/errorstate/OopsSomethingMiss/OopsSomethingMiss';
61
-
62
61
  /* Attachment Viewer */
62
+
63
63
  export { default as AttachmentViewer } from '../AttachmentViewer/AttachmentViewer';
@@ -6,9 +6,8 @@ export { default as LookupTitle } from '../lookup/header/Title/Title';
6
6
  export { default as LookupViewDropdown } from '../lookup/header/ViewDropDown/ViewDropDown';
7
7
  export { default as AlertLookup } from '../alert/AlertLookup/AlertLookup';
8
8
  export { default as AlertHeader } from '../alert/AlertHeader/AlertHeader';
9
- export { default as LookupEmptyPage } from '../lookup/EmptyPage/EmptyPage';
9
+ export { default as LookupEmptyPage } from '../lookup/EmptyPage/EmptyPage'; // New alerts
10
10
 
11
- // New alerts
12
11
  export { default as AlertLookupNew } from '../version2/lookup/AlertLookup/AlertLookup';
13
12
  export { default as AlertHeaderNew } from '../version2/lookup/AlertHeader/AlertHeader';
14
13
  export { default as AlertIconsNew } from '../version2/alertIcons/AlertIcons';