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

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 (692) hide show
  1. package/README.md +12 -0
  2. package/es/ActionButton/ActionButton.js +5 -2
  3. package/es/ActionButton/ActionButton.module.css +18 -18
  4. package/es/AlphabeticList/AlphabeticList.js +10 -0
  5. package/es/AlphabeticList/AlphabeticList.module.css +13 -13
  6. package/es/Attachment/Attachment.js +2 -3
  7. package/es/Attachment/Attachment.module.css +25 -25
  8. package/es/AttachmentViewer/Attachment.js +1 -0
  9. package/es/AttachmentViewer/AttachmentImage.js +6 -0
  10. package/es/AttachmentViewer/AttachmentViewer.js +34 -3
  11. package/es/AttachmentViewer/AttachmentViewer.module.css +71 -71
  12. package/es/AttachmentViewer/utils.js +17 -0
  13. package/es/ChannelIcon/ChannelIcon.js +5 -2
  14. package/es/ChannelIcon/ChannelIcon.module.css +22 -22
  15. package/es/Drawer/Drawer.js +9 -3
  16. package/es/Drawer/Drawer.module.css +54 -54
  17. package/es/ExternalLink/ExternalLink.js +7 -4
  18. package/es/FlipCard/FlipCard.js +7 -2
  19. package/es/FlipCard/FlipCard.module.css +2 -2
  20. package/es/FormAction/FormAction.js +4 -5
  21. package/es/FormAction/FormAction.module.css +22 -22
  22. package/es/FreezeLayer/FreezeLayer.js +2 -4
  23. package/es/FreezeLayer/css/FreezeLayer.module.css +6 -6
  24. package/es/FreezeLayer/useFreezeLayer.js +5 -0
  25. package/es/Hooks/Dragger/useDragger.js +41 -29
  26. package/es/IconButton/IconButton.js +9 -3
  27. package/es/IconButton/IconButton.module.css +2 -2
  28. package/es/Image/Image.js +2 -2
  29. package/es/Image/Image.module.css +4 -4
  30. package/es/ImportantNotes/ImportantNotes.js +3 -3
  31. package/es/ImportantNotes/ImportantNotes.module.css +6 -6
  32. package/es/Link/Link.js +15 -5
  33. package/es/Loader/Loader.js +2 -2
  34. package/es/Loader/Loader.module.css +6 -6
  35. package/es/Message/Message.js +9 -3
  36. package/es/Message/Message.module.css +18 -18
  37. package/es/MessageBanner/MessageBanner.js +2 -3
  38. package/es/MessageBanner/MessageBanner.module.css +8 -8
  39. package/es/NewStar/NewStar.js +10 -15
  40. package/es/NewStar/NewStar.module.css +46 -46
  41. package/es/PlusIcon/PlusIcon.js +3 -3
  42. package/es/Separator/Separator.js +3 -0
  43. package/es/Separator/Separator.module.css +6 -6
  44. package/es/TagWithIcon/TagWithIcon.js +1 -0
  45. package/es/TagWithIcon/TagWithIcon.module.css +7 -7
  46. package/es/ToastMessage/ToastMessage.js +15 -10
  47. package/es/ToastMessage/ToastMessage.module.css +37 -37
  48. package/es/Upload/Upload.js +2 -3
  49. package/es/Upload/Upload.module.css +29 -29
  50. package/es/actions/AutoClose.js +4 -0
  51. package/es/actions/index.js +3 -0
  52. package/es/alert/AlertHeader/AlertHeader.js +2 -3
  53. package/es/alert/AlertHeader/AlertHeader.module.css +13 -13
  54. package/es/alert/AlertLookup/AlertLookup.js +5 -5
  55. package/es/alert/AlertLookup/AlertLookup.module.css +7 -7
  56. package/es/avatar/AvatarClose/AvatarClose.js +4 -2
  57. package/es/avatar/AvatarClose/AvatarClose.module.css +6 -6
  58. package/es/avatar/AvatarCollision/AvatarCollision.js +4 -2
  59. package/es/avatar/AvatarCollision/AvatarCollision.module.css +13 -13
  60. package/es/avatar/AvatarIcon/AvatarIcon.js +3 -2
  61. package/es/avatar/AvatarStatus/AvatarStatus.js +4 -3
  62. package/es/avatar/AvatarStatus/AvatarStatus.module.css +36 -36
  63. package/es/avatar/AvatarThread/AvatarThread.js +3 -3
  64. package/es/avatar/AvatarThread/AvatarThread.module.css +30 -30
  65. package/es/avatar/AvatarUser/AvatarUser.js +4 -3
  66. package/es/avatar/AvatarUser/AvatarUser.module.css +51 -51
  67. package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +3 -3
  68. package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +5 -5
  69. package/es/deprecated/FreezeLayer/FreezeLayer.js +10 -3
  70. package/es/deprecated/FreezeLayer/_FreezeLayer.module.css +6 -6
  71. package/es/deprecated/SelectDropdown/SelectDropdown.js +8 -2
  72. package/es/deprecated/SelectDropdown/SelectDropdown.module.css +11 -11
  73. package/es/deprecated/utils/General.js +2 -0
  74. package/es/deprecated/utils/KeyboardApi.js +45 -4
  75. package/es/docs/generalDocs.js +2 -2
  76. package/es/docs/lookupDocs.js +1 -2
  77. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +64 -6
  78. package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +23 -23
  79. package/es/emptystate/CommonEmptyState/CommonEmptyState.js +2 -3
  80. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +15 -15
  81. package/es/emptystate/EditionPage/EditionPage.css +13 -13
  82. package/es/emptystate/EditionPage/EditionPage.js +3 -3
  83. package/es/errorstate/EmptyStates.module.css +20 -20
  84. package/es/errorstate/Inconvenience/Inconvenience.js +4 -0
  85. package/es/errorstate/Inconvenience/Inconvenience.module.css +3 -3
  86. package/es/errorstate/LinkText/LinkText.js +2 -2
  87. package/es/errorstate/LinkText/LinkText.module.css +1 -1
  88. package/es/errorstate/NoRequestFound/NoRequestFound.js +4 -2
  89. package/es/errorstate/NoRequestFound/NoRequestFound.module.css +1 -1
  90. package/es/errorstate/PermissionPlay/PermissionPlay.js +4 -2
  91. package/es/errorstate/PermissionPlay/PermissionPlay.module.css +11 -11
  92. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +4 -2
  93. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +1 -1
  94. package/es/errorstate/UnableToProcess/UnableToProcess.js +4 -0
  95. package/es/errorstate/UnableToProcess/UnableToProcess.module.css +1 -1
  96. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +4 -2
  97. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +1 -1
  98. package/es/errorstate/WillBack/WillBack.js +4 -2
  99. package/es/errorstate/WillBack/WillBack.module.css +10 -10
  100. package/es/form/fields/CheckBoxField/CheckBoxField.js +9 -5
  101. package/es/form/fields/CurrencyField/CurrencyField.js +12 -5
  102. package/es/form/fields/DateField/DateField.js +15 -5
  103. package/es/form/fields/FieldContainer/FieldContainer.js +6 -4
  104. package/es/form/fields/FieldContainer/props/defaultProps.js +1 -2
  105. package/es/form/fields/FieldContainer/props/propTypes.js +1 -2
  106. package/es/form/fields/Fields.module.css +29 -29
  107. package/es/form/fields/MultiSelectField/MultiSelectField.js +15 -12
  108. package/es/form/fields/PhoneField/PhoneField.js +13 -5
  109. package/es/form/fields/RadioField/RadioField.js +7 -4
  110. package/es/form/fields/SelectField/SelectField.js +11 -10
  111. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +14 -3
  112. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +22 -22
  113. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +20 -4
  114. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +3 -3
  115. package/es/form/fields/TextBoxField/TextBoxField.js +11 -10
  116. package/es/form/fields/TextEditor/TextEditor.js +58 -7
  117. package/es/form/fields/TextEditor/TextEditor.module.css +147 -147
  118. package/es/form/fields/TextEditorField/TextEditorField.js +11 -5
  119. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js +12 -4
  120. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +7 -7
  121. package/es/form/fields/TextareaField/TextareaField.js +13 -12
  122. package/es/form/fields/ValidationMessage/ValidationMessage.js +2 -3
  123. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +7 -7
  124. package/es/form/layout/Field/Field.js +2 -3
  125. package/es/form/layout/Field/Field.module.css +7 -7
  126. package/es/form/layout/Section/Section.js +3 -2
  127. package/es/layout/SetupDetailLayout/SetupDetailLayout.js +11 -3
  128. package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +37 -37
  129. package/es/layout/SubtabLayout/SubtabLayout.js +6 -3
  130. package/es/layout/SubtabLayout/SubtabLayout.module.css +33 -33
  131. package/es/list/AvatarFlip/AvatarFlip.js +2 -3
  132. package/es/list/BluePrintStatus/BluePrintStatus.js +3 -3
  133. package/es/list/BluePrintStatus/BluePrintStatus.module.css +3 -3
  134. package/es/list/Comment/Comment.js +3 -3
  135. package/es/list/Comment/Comment.module.css +6 -6
  136. package/es/list/DepartmentDropDown/DepartmentDropDown.js +9 -2
  137. package/es/list/DepartmentDropDown/DepartmentDropDown.module.css +1 -1
  138. package/es/list/Dot/Dot.js +2 -0
  139. package/es/list/Dot/Dot.module.css +3 -3
  140. package/es/list/DotNew/DotNew.js +3 -3
  141. package/es/list/DotNew/DotNew.module.css +4 -4
  142. package/es/list/GridStencils/GridStencils.js +2 -3
  143. package/es/list/GridStencils/GridStencils.module.css +30 -30
  144. package/es/list/Icons/AddNewIcon.js +1 -0
  145. package/es/list/Icons/CompleteIcon.js +1 -0
  146. package/es/list/Icons/DeleteIcon.js +1 -0
  147. package/es/list/Icons/EditIcon.js +1 -0
  148. package/es/list/Icons/FloatingIcons.js +3 -3
  149. package/es/list/Icons/Icons.module.css +2 -2
  150. package/es/list/Icons/ReadUnreadIcon.js +1 -0
  151. package/es/list/Icons/SmartIcon.js +1 -0
  152. package/es/list/ListLayout/ListLayout.js +6 -3
  153. package/es/list/ListLayout/ListLayout.module.css +6 -6
  154. package/es/list/ListStencils/ListStencils.js +4 -4
  155. package/es/list/ListStencils/ListStencils.module.css +17 -17
  156. package/es/list/SecondaryText/AccountName.js +6 -5
  157. package/es/list/SecondaryText/ContactName.js +3 -3
  158. package/es/list/SecondaryText/DepartmentText.js +3 -3
  159. package/es/list/SecondaryText/Email.js +6 -5
  160. package/es/list/SecondaryText/HappinessRating.js +3 -4
  161. package/es/list/SecondaryText/PhoneNumber.js +6 -5
  162. package/es/list/SecondaryText/PriorityText.js +3 -3
  163. package/es/list/SecondaryText/SecondaryText.js +4 -3
  164. package/es/list/SecondaryText/SecondaryText.module.css +15 -15
  165. package/es/list/SecondaryText/StatusText.js +3 -3
  166. package/es/list/SecondaryText/TicketId.js +4 -3
  167. package/es/list/SecondaryText/Website.js +5 -5
  168. package/es/list/SecondryPanel/SecondryPanel.js +9 -8
  169. package/es/list/SecondryPanel/SecondryPanel.module.css +1 -1
  170. package/es/list/SentimentStatus/SentimentStatus.js +3 -3
  171. package/es/list/SentimentStatus/SentimentStatus.module.css +3 -3
  172. package/es/list/Subject/Subject.js +4 -3
  173. package/es/list/TagNew/TagNew.js +3 -3
  174. package/es/list/TagNew/TagNew.module.css +4 -4
  175. package/es/list/Thread/Thread.js +3 -3
  176. package/es/list/Thread/Thread.module.css +7 -7
  177. package/es/list/UserTime/UserTime.js +3 -3
  178. package/es/list/UserTime/UserTime.module.css +9 -9
  179. package/es/list/listCommon.module.css +4 -4
  180. package/es/list/status/StatusDropdown/StatusDropdown.js +32 -2
  181. package/es/list/status/StatusDropdown/StatusDropdown.module.css +22 -22
  182. package/es/list/status/StatusListItem/StatusListItem.js +11 -3
  183. package/es/list/status/StatusListItem/StatusListItem.module.css +16 -16
  184. package/es/lookup/EmptyPage/EmptyPage.js +9 -3
  185. package/es/lookup/EmptyPage/LookupEmptyPage.module.css +3 -3
  186. package/es/lookup/Lookup/Lookup.js +9 -5
  187. package/es/lookup/Lookup/Lookup.module.css +10 -10
  188. package/es/lookup/Section/LookupSection.module.css +3 -3
  189. package/es/lookup/Section/Section.js +2 -0
  190. package/es/lookup/header/Close/Close.js +3 -4
  191. package/es/lookup/header/Close/LookupClose.module.css +3 -3
  192. package/es/lookup/header/ModuleHeader/ModuleHeader.js +4 -6
  193. package/es/lookup/header/Search/LookupSearch.module.css +14 -14
  194. package/es/lookup/header/Search/Search.js +21 -6
  195. package/es/lookup/header/TicketHeader/TicketHeader.js +4 -6
  196. package/es/lookup/header/TicketHeader/TicketHeader.module.css +2 -2
  197. package/es/lookup/header/Title/LookupTitle.module.css +1 -1
  198. package/es/lookup/header/Title/Title.js +3 -4
  199. package/es/lookup/header/ViewDropDown/ViewDropDown.js +12 -6
  200. package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +11 -11
  201. package/es/lookup/header/ViewDropDown/props/propTypes.js +1 -0
  202. package/es/lookup/header/lookupHeaderCommon.module.css +9 -9
  203. package/es/lookup/header/lookupHeaderCommonResponsive.module.css +3 -3
  204. package/es/setup/header/Button/Button.js +3 -3
  205. package/es/setup/header/Button/HeaderButton.module.css +2 -2
  206. package/es/setup/header/Link/HeaderLink.module.css +5 -5
  207. package/es/setup/header/Link/Link.js +3 -3
  208. package/es/setup/header/Search/Search.js +5 -3
  209. package/es/setup/header/Search/Search.module.css +13 -13
  210. package/es/setup/header/Views/Views.js +3 -3
  211. package/es/setup/header/Views/Views.module.css +4 -4
  212. package/es/setup/helptips/Description/Description.js +3 -3
  213. package/es/setup/helptips/Description/HelpTipsDescription.module.css +2 -2
  214. package/es/setup/helptips/Link/HelpTipsLink.module.css +2 -2
  215. package/es/setup/helptips/Link/Link.js +5 -3
  216. package/es/setup/helptips/ListGroup/ListGroup.js +5 -3
  217. package/es/setup/helptips/ListGroup/ListGroup.module.css +5 -5
  218. package/es/setup/helptips/Title/HelpTipsTitle.module.css +1 -1
  219. package/es/setup/helptips/Title/Title.js +3 -3
  220. package/es/setup/table/Table/Table.js +2 -3
  221. package/es/setup/table/TableBody/TableBody.js +2 -3
  222. package/es/setup/table/TableData/SetupTableData.module.css +6 -6
  223. package/es/setup/table/TableData/TableData.js +3 -3
  224. package/es/setup/table/TableHead/SetupTableHead.module.css +5 -5
  225. package/es/setup/table/TableHead/TableHead.js +3 -3
  226. package/es/setup/table/TableRow/SetupTableRow.module.css +5 -5
  227. package/es/setup/table/TableRow/TableRow.js +3 -3
  228. package/es/setup/table/Text/TableText.module.css +4 -4
  229. package/es/setup/table/Text/Text.js +4 -3
  230. package/es/svg/PlusIcon.js +2 -3
  231. package/es/svg/SnippetIcon.js +2 -3
  232. package/es/svg/TemplateIcon.js +2 -3
  233. package/es/utils/General.js +7 -0
  234. package/es/utils/editorUtils.js +40 -16
  235. package/es/version2/AlertClose/AlertClose.js +2 -3
  236. package/es/version2/AlertClose/AlertClose.module.css +2 -2
  237. package/es/version2/GlobalNotification/GlobalNotification.js +9 -3
  238. package/es/version2/GlobalNotification/GlobalNotification.module.css +23 -23
  239. package/es/version2/alertIcons/AlarmAlertIcon.js +1 -0
  240. package/es/version2/alertIcons/AlertIcons.js +2 -3
  241. package/es/version2/alertIcons/AlertIcons.module.css +2 -2
  242. package/es/version2/alertIcons/DangerAlertIcon.js +1 -0
  243. package/es/version2/alertIcons/ErrorAlertIcon.js +1 -0
  244. package/es/version2/alertIcons/InfoAlertIcon.js +1 -0
  245. package/es/version2/alertIcons/NotificationAlertIcon.js +1 -0
  246. package/es/version2/alertIcons/SuccessAlertIcon.js +1 -0
  247. package/es/version2/alertIcons/WarningAlertIcon.js +1 -0
  248. package/es/version2/errorstate/Inconvenience/Inconvenience.js +4 -3
  249. package/es/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +4 -3
  250. package/es/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +4 -3
  251. package/es/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +4 -3
  252. package/es/version2/errorstate/UrlNotFound/UrlNotFound.js +4 -3
  253. package/es/version2/errorstate/V2_ErrorStates.module.css +17 -17
  254. package/es/version2/errorstate/WillBeRightBack/WillBeRightBack.js +4 -3
  255. package/es/version2/lookup/AlertHeader/AlertHeader.js +9 -10
  256. package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +13 -13
  257. package/es/version2/lookup/AlertLookup/AlertLookup.js +8 -12
  258. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +8 -8
  259. package/es/version2/lookup/alertLookupCommonNew.module.css +6 -6
  260. package/es/version2/notification/DesktopNotification/DesktopNotification.js +5 -3
  261. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +17 -17
  262. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +3 -3
  263. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +29 -29
  264. package/lib/ActionButton/ActionButton.js +64 -34
  265. package/lib/ActionButton/ActionButton.module.css +18 -18
  266. package/lib/ActionButton/props/propTypes.js +3 -0
  267. package/lib/AlphabeticList/AlphabeticList.js +53 -21
  268. package/lib/AlphabeticList/AlphabeticList.module.css +13 -13
  269. package/lib/AlphabeticList/props/propTypes.js +10 -1
  270. package/lib/Attachment/Attachment.js +41 -19
  271. package/lib/Attachment/Attachment.module.css +25 -25
  272. package/lib/Attachment/props/propTypes.js +3 -0
  273. package/lib/AttachmentViewer/Attachment.js +4 -0
  274. package/lib/AttachmentViewer/AttachmentImage.js +36 -10
  275. package/lib/AttachmentViewer/AttachmentViewer.js +87 -24
  276. package/lib/AttachmentViewer/AttachmentViewer.module.css +71 -71
  277. package/lib/AttachmentViewer/props/propTypes.js +3 -0
  278. package/lib/AttachmentViewer/utils.js +31 -10
  279. package/lib/ChannelIcon/ChannelIcon.js +55 -27
  280. package/lib/ChannelIcon/ChannelIcon.module.css +22 -22
  281. package/lib/ChannelIcon/props/propTypes.js +3 -0
  282. package/lib/Drawer/Drawer.js +109 -51
  283. package/lib/Drawer/Drawer.module.css +54 -54
  284. package/lib/Drawer/index.js +4 -0
  285. package/lib/Drawer/props/propTypes.js +3 -0
  286. package/lib/ExternalLink/ExternalLink.js +37 -15
  287. package/lib/ExternalLink/__tests__/ExternalLink.spec.js +7 -0
  288. package/lib/ExternalLink/props/propTypes.js +3 -0
  289. package/lib/FlipCard/FlipCard.js +72 -40
  290. package/lib/FlipCard/FlipCard.module.css +2 -2
  291. package/lib/FlipCard/props/propTypes.js +3 -0
  292. package/lib/FormAction/FormAction.js +41 -13
  293. package/lib/FormAction/FormAction.module.css +22 -22
  294. package/lib/FormAction/props/propTypes.js +3 -0
  295. package/lib/FreezeLayer/FreezeLayer.js +40 -25
  296. package/lib/FreezeLayer/css/FreezeLayer.module.css +6 -6
  297. package/lib/FreezeLayer/css/cssJSLogic.js +9 -8
  298. package/lib/FreezeLayer/index.js +3 -0
  299. package/lib/FreezeLayer/props/propTypes.js +3 -0
  300. package/lib/FreezeLayer/useFreezeLayer.js +30 -9
  301. package/lib/Hooks/Dragger/props/propTypes.js +3 -0
  302. package/lib/Hooks/Dragger/useDragger.js +45 -29
  303. package/lib/Hooks/Dragger/utils/DraggerUtil.js +8 -7
  304. package/lib/IconButton/IconButton.js +61 -36
  305. package/lib/IconButton/IconButton.module.css +2 -2
  306. package/lib/IconButton/props/propTypes.js +6 -4
  307. package/lib/Image/Image.js +35 -15
  308. package/lib/Image/Image.module.css +4 -4
  309. package/lib/Image/props/propTypes.js +3 -0
  310. package/lib/ImportantNotes/ImportantNotes.js +34 -13
  311. package/lib/ImportantNotes/ImportantNotes.module.css +6 -6
  312. package/lib/ImportantNotes/props/propTypes.js +3 -0
  313. package/lib/Link/Link.js +56 -25
  314. package/lib/Link/LinkContext.js +4 -0
  315. package/lib/Link/props/propTypes.js +3 -0
  316. package/lib/Loader/Loader.js +25 -3
  317. package/lib/Loader/Loader.module.css +6 -6
  318. package/lib/Message/Message.js +43 -16
  319. package/lib/Message/Message.module.css +18 -18
  320. package/lib/Message/props/propTypes.js +3 -0
  321. package/lib/MessageBanner/MessageBanner.js +38 -16
  322. package/lib/MessageBanner/MessageBanner.module.css +8 -8
  323. package/lib/MessageBanner/props/propTypes.js +3 -0
  324. package/lib/NewStar/NewStar.js +38 -21
  325. package/lib/NewStar/NewStar.module.css +46 -46
  326. package/lib/NewStar/props/propTypes.js +3 -0
  327. package/lib/PlusIcon/PlusIcon.js +34 -14
  328. package/lib/PlusIcon/props/propTypes.js +3 -0
  329. package/lib/Provider/Config.js +2 -0
  330. package/lib/Separator/Separator.js +36 -13
  331. package/lib/Separator/Separator.module.css +6 -6
  332. package/lib/Separator/props/propTypes.js +3 -0
  333. package/lib/TagWithIcon/TagWithIcon.js +36 -13
  334. package/lib/TagWithIcon/TagWithIcon.module.css +7 -7
  335. package/lib/TagWithIcon/props/propTypes.js +3 -0
  336. package/lib/ToastMessage/ToastMessage.js +75 -45
  337. package/lib/ToastMessage/ToastMessage.module.css +37 -37
  338. package/lib/ToastMessage/props/propTypes.js +3 -0
  339. package/lib/Upload/Upload.js +42 -20
  340. package/lib/Upload/Upload.module.css +29 -29
  341. package/lib/Upload/props/propTypes.js +3 -0
  342. package/lib/actions/AutoClose.js +29 -9
  343. package/lib/actions/index.js +5 -0
  344. package/lib/actions/props/propTypes.js +3 -0
  345. package/lib/alert/AlertHeader/AlertHeader.js +43 -18
  346. package/lib/alert/AlertHeader/AlertHeader.module.css +13 -13
  347. package/lib/alert/AlertHeader/props/propTypes.js +3 -0
  348. package/lib/alert/AlertLookup/AlertLookup.js +67 -40
  349. package/lib/alert/AlertLookup/AlertLookup.module.css +7 -7
  350. package/lib/alert/AlertLookup/props/propTypes.js +3 -0
  351. package/lib/alert/index.js +3 -0
  352. package/lib/avatar/AvatarClose/AvatarClose.js +39 -16
  353. package/lib/avatar/AvatarClose/AvatarClose.module.css +6 -6
  354. package/lib/avatar/AvatarClose/props/propTypes.js +3 -0
  355. package/lib/avatar/AvatarCollision/AvatarCollision.js +42 -19
  356. package/lib/avatar/AvatarCollision/AvatarCollision.module.css +13 -13
  357. package/lib/avatar/AvatarCollision/props/propTypes.js +3 -0
  358. package/lib/avatar/AvatarIcon/AvatarIcon.js +45 -21
  359. package/lib/avatar/AvatarIcon/props/propTypes.js +3 -0
  360. package/lib/avatar/AvatarStatus/AvatarStatus.js +49 -28
  361. package/lib/avatar/AvatarStatus/AvatarStatus.module.css +36 -36
  362. package/lib/avatar/AvatarStatus/props/propTypes.js +6 -4
  363. package/lib/avatar/AvatarThread/AvatarThread.js +55 -33
  364. package/lib/avatar/AvatarThread/AvatarThread.module.css +30 -30
  365. package/lib/avatar/AvatarThread/props/propTypes.js +3 -0
  366. package/lib/avatar/AvatarUser/AvatarUser.js +63 -40
  367. package/lib/avatar/AvatarUser/AvatarUser.module.css +51 -51
  368. package/lib/avatar/AvatarUser/props/propTypes.js +3 -0
  369. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js +54 -32
  370. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css +5 -5
  371. package/lib/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js +12 -6
  372. package/lib/avatar/AvatarWithTeam/props/propTypes.js +3 -0
  373. package/lib/avatar/index.js +8 -0
  374. package/lib/deprecated/FreezeLayer/FreezeLayer.js +49 -20
  375. package/lib/deprecated/FreezeLayer/_FreezeLayer.module.css +6 -6
  376. package/lib/deprecated/FreezeLayer/props/propTypes.js +3 -0
  377. package/lib/deprecated/SelectDropdown/SelectDropdown.js +52 -21
  378. package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +11 -11
  379. package/lib/deprecated/utils/General.js +5 -0
  380. package/lib/deprecated/utils/KeyboardApi.js +48 -7
  381. package/lib/docs/formDocs.js +16 -0
  382. package/lib/docs/generalDocs.js +60 -0
  383. package/lib/docs/lookupDocs.js +17 -0
  384. package/lib/docs/setupDocs.js +12 -0
  385. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +225 -145
  386. package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +23 -23
  387. package/lib/dropdown/ToggleDropDown/props/propTypes.js +3 -0
  388. package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +46 -24
  389. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +15 -15
  390. package/lib/emptystate/CommonEmptyState/props/propTypes.js +3 -0
  391. package/lib/emptystate/EditionPage/EditionPage.css +13 -13
  392. package/lib/emptystate/EditionPage/EditionPage.js +36 -14
  393. package/lib/emptystate/EditionPage/props/propTypes.js +3 -0
  394. package/lib/errorstate/EmptyStates.module.css +20 -20
  395. package/lib/errorstate/Inconvenience/Inconvenience.js +40 -12
  396. package/lib/errorstate/Inconvenience/Inconvenience.module.css +3 -3
  397. package/lib/errorstate/Inconvenience/props/propTypes.js +3 -0
  398. package/lib/errorstate/LinkText/LinkText.js +31 -10
  399. package/lib/errorstate/LinkText/LinkText.module.css +1 -1
  400. package/lib/errorstate/LinkText/props/propTypes.js +3 -0
  401. package/lib/errorstate/NoRequestFound/NoRequestFound.js +40 -14
  402. package/lib/errorstate/NoRequestFound/NoRequestFound.module.css +1 -1
  403. package/lib/errorstate/NoRequestFound/props/propTypes.js +3 -0
  404. package/lib/errorstate/PermissionPlay/PermissionPlay.js +40 -14
  405. package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +11 -11
  406. package/lib/errorstate/PermissionPlay/props/propTypes.js +3 -0
  407. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +40 -14
  408. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +1 -1
  409. package/lib/errorstate/RequestUrlNotFound/props/propTypes.js +3 -0
  410. package/lib/errorstate/UnableToProcess/UnableToProcess.js +40 -12
  411. package/lib/errorstate/UnableToProcess/UnableToProcess.module.css +1 -1
  412. package/lib/errorstate/UnableToProcess/props/propTypes.js +3 -0
  413. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +40 -14
  414. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +1 -1
  415. package/lib/errorstate/UnauthorizedLogin/props/propTypes.js +3 -0
  416. package/lib/errorstate/WillBack/WillBack.js +33 -8
  417. package/lib/errorstate/WillBack/WillBack.module.css +10 -10
  418. package/lib/errorstate/WillBack/props/propTypes.js +3 -0
  419. package/lib/errorstate/index.js +9 -0
  420. package/lib/form/fields/CheckBoxField/CheckBoxField.js +71 -41
  421. package/lib/form/fields/CheckBoxField/props/defaultProps.js +7 -4
  422. package/lib/form/fields/CheckBoxField/props/propTypes.js +9 -4
  423. package/lib/form/fields/CurrencyField/CurrencyField.js +81 -51
  424. package/lib/form/fields/CurrencyField/props/defaultProps.js +7 -4
  425. package/lib/form/fields/CurrencyField/props/propTypes.js +9 -4
  426. package/lib/form/fields/DateField/DateField.js +83 -50
  427. package/lib/form/fields/DateField/props/defaultProps.js +7 -4
  428. package/lib/form/fields/DateField/props/propTypes.js +9 -4
  429. package/lib/form/fields/FieldContainer/FieldContainer.js +48 -25
  430. package/lib/form/fields/FieldContainer/props/defaultProps.js +7 -4
  431. package/lib/form/fields/FieldContainer/props/propTypes.js +9 -4
  432. package/lib/form/fields/Fields.module.css +29 -29
  433. package/lib/form/fields/MultiSelectField/MultiSelectField.js +100 -74
  434. package/lib/form/fields/MultiSelectField/props/defaultProps.js +7 -4
  435. package/lib/form/fields/MultiSelectField/props/propTypes.js +9 -4
  436. package/lib/form/fields/PhoneField/PhoneField.js +73 -43
  437. package/lib/form/fields/PhoneField/props/propTypes.js +3 -0
  438. package/lib/form/fields/RadioField/RadioField.js +64 -36
  439. package/lib/form/fields/RadioField/props/propTypes.js +3 -0
  440. package/lib/form/fields/SelectField/SelectField.js +98 -71
  441. package/lib/form/fields/SelectField/props/defaultProps.js +7 -4
  442. package/lib/form/fields/SelectField/props/propTypes.js +9 -4
  443. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +83 -46
  444. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +22 -22
  445. package/lib/form/fields/TagsMultiSelect/props/propTypes.js +3 -0
  446. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +103 -62
  447. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +3 -3
  448. package/lib/form/fields/TagsMultiSelectField/props/defaultProps.js +7 -4
  449. package/lib/form/fields/TagsMultiSelectField/props/propTypes.js +9 -4
  450. package/lib/form/fields/TextBoxField/TextBoxField.js +85 -58
  451. package/lib/form/fields/TextBoxField/props/defaultProps.js +7 -4
  452. package/lib/form/fields/TextBoxField/props/propTypes.js +9 -4
  453. package/lib/form/fields/TextEditor/TextEditor.js +116 -53
  454. package/lib/form/fields/TextEditor/TextEditor.module.css +147 -147
  455. package/lib/form/fields/TextEditor/props/propTypes.js +3 -0
  456. package/lib/form/fields/TextEditorField/TextEditorField.js +89 -61
  457. package/lib/form/fields/TextEditorField/props/defaultProps.js +7 -4
  458. package/lib/form/fields/TextEditorField/props/propTypes.js +9 -4
  459. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +79 -47
  460. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +7 -7
  461. package/lib/form/fields/TextEditorWrapper/props/propTypes.js +3 -0
  462. package/lib/form/fields/TextareaField/TextareaField.js +81 -55
  463. package/lib/form/fields/TextareaField/props/defaultProps.js +7 -4
  464. package/lib/form/fields/TextareaField/props/propTypes.js +9 -4
  465. package/lib/form/fields/ValidationMessage/ValidationMessage.js +40 -18
  466. package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +7 -7
  467. package/lib/form/fields/ValidationMessage/props/propTypes.js +3 -0
  468. package/lib/form/fields/index.js +17 -0
  469. package/lib/form/fields/props/FieldCommonDefaultProps.js +2 -0
  470. package/lib/form/fields/props/FieldCommonPropTypes.js +4 -0
  471. package/lib/form/layout/Field/Field.js +34 -13
  472. package/lib/form/layout/Field/Field.module.css +7 -7
  473. package/lib/form/layout/Field/props/propTypes.js +3 -0
  474. package/lib/form/layout/Section/Section.js +33 -12
  475. package/lib/form/layout/Section/props/propTypes.js +3 -0
  476. package/lib/form/layout/index.js +3 -0
  477. package/lib/index.js +57 -0
  478. package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +83 -36
  479. package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +37 -37
  480. package/lib/layout/SetupDetailLayout/index.js +4 -0
  481. package/lib/layout/SetupDetailLayout/props/propTypes.js +3 -0
  482. package/lib/layout/SubtabLayout/SubtabLayout.js +83 -39
  483. package/lib/layout/SubtabLayout/SubtabLayout.module.css +33 -33
  484. package/lib/layout/SubtabLayout/index.js +4 -0
  485. package/lib/layout/SubtabLayout/props/propTypes.js +3 -0
  486. package/lib/list/AvatarFlip/AvatarFlip.js +54 -32
  487. package/lib/list/AvatarFlip/props/propTypes.js +3 -0
  488. package/lib/list/BluePrintStatus/BluePrintStatus.js +25 -6
  489. package/lib/list/BluePrintStatus/BluePrintStatus.module.css +3 -3
  490. package/lib/list/BluePrintStatus/props/propTypes.js +3 -0
  491. package/lib/list/Comment/Comment.js +33 -9
  492. package/lib/list/Comment/Comment.module.css +6 -6
  493. package/lib/list/Comment/props/propTypes.js +3 -0
  494. package/lib/list/DepartmentDropDown/DepartmentDropDown.js +57 -28
  495. package/lib/list/DepartmentDropDown/DepartmentDropDown.module.css +1 -1
  496. package/lib/list/DepartmentDropDown/props/propTypes.js +6 -4
  497. package/lib/list/Dot/Dot.js +28 -5
  498. package/lib/list/Dot/Dot.module.css +3 -3
  499. package/lib/list/Dot/props/propTypes.js +3 -0
  500. package/lib/list/DotNew/DotNew.js +30 -9
  501. package/lib/list/DotNew/DotNew.module.css +4 -4
  502. package/lib/list/DotNew/props/propTypes.js +3 -0
  503. package/lib/list/GridStencils/GridStencils.js +29 -11
  504. package/lib/list/GridStencils/GridStencils.module.css +30 -30
  505. package/lib/list/GridStencils/props/propTypes.js +3 -0
  506. package/lib/list/Icons/AddNewIcon.js +29 -8
  507. package/lib/list/Icons/CompleteIcon.js +30 -9
  508. package/lib/list/Icons/DeleteIcon.js +30 -9
  509. package/lib/list/Icons/EditIcon.js +30 -9
  510. package/lib/list/Icons/FloatingIcons.js +32 -9
  511. package/lib/list/Icons/Icons.module.css +2 -2
  512. package/lib/list/Icons/ReadUnreadIcon.js +33 -11
  513. package/lib/list/Icons/SmartIcon.js +31 -8
  514. package/lib/list/Icons/index.js +8 -0
  515. package/lib/list/Icons/props/propTypes.js +3 -0
  516. package/lib/list/ListLayout/ListLayout.js +58 -28
  517. package/lib/list/ListLayout/ListLayout.module.css +6 -6
  518. package/lib/list/ListLayout/props/propTypes.js +6 -4
  519. package/lib/list/ListStencils/ListStencils.js +28 -6
  520. package/lib/list/ListStencils/ListStencils.module.css +17 -17
  521. package/lib/list/ListStencils/props/propTypes.js +3 -0
  522. package/lib/list/SecondaryText/AccountName.js +51 -27
  523. package/lib/list/SecondaryText/ContactName.js +58 -32
  524. package/lib/list/SecondaryText/DepartmentText.js +30 -10
  525. package/lib/list/SecondaryText/Email.js +42 -19
  526. package/lib/list/SecondaryText/HappinessRating.js +29 -9
  527. package/lib/list/SecondaryText/PhoneNumber.js +44 -21
  528. package/lib/list/SecondaryText/PriorityText.js +32 -11
  529. package/lib/list/SecondaryText/SecondaryText.js +34 -12
  530. package/lib/list/SecondaryText/SecondaryText.module.css +15 -15
  531. package/lib/list/SecondaryText/StatusText.js +33 -12
  532. package/lib/list/SecondaryText/TicketId.js +43 -20
  533. package/lib/list/SecondaryText/Website.js +35 -13
  534. package/lib/list/SecondaryText/index.js +12 -0
  535. package/lib/list/SecondaryText/props/propTypes.js +3 -0
  536. package/lib/list/SecondryPanel/SecondryPanel.js +71 -28
  537. package/lib/list/SecondryPanel/SecondryPanel.module.css +1 -1
  538. package/lib/list/SecondryPanel/props/propTypes.js +3 -0
  539. package/lib/list/SentimentStatus/SentimentStatus.js +27 -8
  540. package/lib/list/SentimentStatus/SentimentStatus.module.css +3 -3
  541. package/lib/list/SentimentStatus/props/propTypes.js +3 -0
  542. package/lib/list/Subject/Subject.js +45 -22
  543. package/lib/list/Subject/props/propTypes.js +3 -0
  544. package/lib/list/TagNew/TagNew.js +32 -11
  545. package/lib/list/TagNew/TagNew.module.css +4 -4
  546. package/lib/list/TagNew/props/propTypes.js +3 -0
  547. package/lib/list/Thread/Thread.js +34 -11
  548. package/lib/list/Thread/Thread.module.css +7 -7
  549. package/lib/list/Thread/props/propTypes.js +3 -0
  550. package/lib/list/UserTime/UserTime.js +45 -21
  551. package/lib/list/UserTime/UserTime.module.css +9 -9
  552. package/lib/list/UserTime/props/propTypes.js +3 -0
  553. package/lib/list/index.js +21 -0
  554. package/lib/list/listCommon.module.css +4 -4
  555. package/lib/list/status/StatusDropdown/StatusDropdown.js +133 -77
  556. package/lib/list/status/StatusDropdown/StatusDropdown.module.css +22 -22
  557. package/lib/list/status/StatusDropdown/props/propTypes.js +6 -4
  558. package/lib/list/status/StatusListItem/StatusListItem.js +63 -37
  559. package/lib/list/status/StatusListItem/StatusListItem.module.css +16 -16
  560. package/lib/list/status/StatusListItem/props/propTypes.js +3 -0
  561. package/lib/list/status/index.js +3 -0
  562. package/lib/lookup/EmptyPage/EmptyPage.js +38 -8
  563. package/lib/lookup/EmptyPage/LookupEmptyPage.module.css +3 -3
  564. package/lib/lookup/EmptyPage/props/propTypes.js +3 -0
  565. package/lib/lookup/Lookup/Lookup.js +51 -23
  566. package/lib/lookup/Lookup/Lookup.module.css +10 -10
  567. package/lib/lookup/Lookup/props/propTypes.js +3 -0
  568. package/lib/lookup/Section/LookupSection.module.css +3 -3
  569. package/lib/lookup/Section/Section.js +28 -5
  570. package/lib/lookup/Section/props/propTypes.js +3 -0
  571. package/lib/lookup/header/Close/Close.js +30 -9
  572. package/lib/lookup/header/Close/LookupClose.module.css +3 -3
  573. package/lib/lookup/header/Close/props/propTypes.js +3 -0
  574. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +49 -23
  575. package/lib/lookup/header/ModuleHeader/props/propTypes.js +3 -0
  576. package/lib/lookup/header/Search/LookupSearch.module.css +14 -14
  577. package/lib/lookup/header/Search/Search.js +67 -29
  578. package/lib/lookup/header/Search/props/propTypes.js +3 -0
  579. package/lib/lookup/header/TicketHeader/TicketHeader.js +50 -22
  580. package/lib/lookup/header/TicketHeader/TicketHeader.module.css +2 -2
  581. package/lib/lookup/header/TicketHeader/props/propTypes.js +3 -0
  582. package/lib/lookup/header/Title/LookupTitle.module.css +1 -1
  583. package/lib/lookup/header/Title/Title.js +30 -9
  584. package/lib/lookup/header/Title/props/propTypes.js +3 -0
  585. package/lib/lookup/header/ViewDropDown/ViewDropDown.js +62 -28
  586. package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +11 -11
  587. package/lib/lookup/header/ViewDropDown/props/propTypes.js +4 -0
  588. package/lib/lookup/header/index.js +6 -0
  589. package/lib/lookup/header/lookupHeaderCommon.module.css +9 -9
  590. package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +3 -3
  591. package/lib/lookup/index.js +9 -0
  592. package/lib/setup/header/Button/Button.js +30 -10
  593. package/lib/setup/header/Button/HeaderButton.module.css +2 -2
  594. package/lib/setup/header/Button/props/propTypes.js +3 -0
  595. package/lib/setup/header/Link/HeaderLink.module.css +5 -5
  596. package/lib/setup/header/Link/Link.js +33 -11
  597. package/lib/setup/header/Link/props/propTypes.js +3 -0
  598. package/lib/setup/header/Search/Search.js +34 -12
  599. package/lib/setup/header/Search/Search.module.css +13 -13
  600. package/lib/setup/header/Search/props/propTypes.js +3 -0
  601. package/lib/setup/header/Views/Views.js +32 -12
  602. package/lib/setup/header/Views/Views.module.css +4 -4
  603. package/lib/setup/header/Views/props/propTypes.js +3 -0
  604. package/lib/setup/header/index.js +5 -0
  605. package/lib/setup/helptips/Description/Description.js +24 -6
  606. package/lib/setup/helptips/Description/HelpTipsDescription.module.css +2 -2
  607. package/lib/setup/helptips/Description/props/propTypes.js +3 -0
  608. package/lib/setup/helptips/Link/HelpTipsLink.module.css +2 -2
  609. package/lib/setup/helptips/Link/Link.js +32 -11
  610. package/lib/setup/helptips/Link/props/propTypes.js +3 -0
  611. package/lib/setup/helptips/ListGroup/ListGroup.js +28 -8
  612. package/lib/setup/helptips/ListGroup/ListGroup.module.css +5 -5
  613. package/lib/setup/helptips/ListGroup/props/propTypes.js +3 -0
  614. package/lib/setup/helptips/Title/HelpTipsTitle.module.css +1 -1
  615. package/lib/setup/helptips/Title/Title.js +24 -6
  616. package/lib/setup/helptips/Title/props/propTypes.js +3 -0
  617. package/lib/setup/helptips/index.js +5 -0
  618. package/lib/setup/index.js +9 -0
  619. package/lib/setup/table/Table/Table.js +28 -9
  620. package/lib/setup/table/Table/props/propTypes.js +3 -0
  621. package/lib/setup/table/TableBody/TableBody.js +30 -11
  622. package/lib/setup/table/TableBody/props/propTypes.js +3 -0
  623. package/lib/setup/table/TableData/SetupTableData.module.css +6 -6
  624. package/lib/setup/table/TableData/TableData.js +33 -13
  625. package/lib/setup/table/TableData/props/propTypes.js +3 -0
  626. package/lib/setup/table/TableHead/SetupTableHead.module.css +5 -5
  627. package/lib/setup/table/TableHead/TableHead.js +31 -11
  628. package/lib/setup/table/TableHead/props/propTypes.js +3 -0
  629. package/lib/setup/table/TableRow/SetupTableRow.module.css +5 -5
  630. package/lib/setup/table/TableRow/TableRow.js +34 -14
  631. package/lib/setup/table/TableRow/props/propTypes.js +3 -0
  632. package/lib/setup/table/Text/TableText.module.css +4 -4
  633. package/lib/setup/table/Text/Text.js +39 -17
  634. package/lib/setup/table/Text/props/propTypes.js +3 -0
  635. package/lib/setup/table/index.js +6 -0
  636. package/lib/svg/PlusIcon.js +28 -9
  637. package/lib/svg/SnippetIcon.js +28 -9
  638. package/lib/svg/TemplateIcon.js +28 -9
  639. package/lib/svg/index.js +4 -0
  640. package/lib/svg/props/propTypes.js +3 -0
  641. package/lib/utils/ChannelIconMapping.js +2 -0
  642. package/lib/utils/General.js +11 -0
  643. package/lib/utils/editorUtils.js +48 -13
  644. package/lib/version2/AlertClose/AlertClose.js +33 -11
  645. package/lib/version2/AlertClose/AlertClose.module.css +2 -2
  646. package/lib/version2/AlertClose/props/propTypes.js +3 -0
  647. package/lib/version2/GlobalNotification/GlobalNotification.js +59 -30
  648. package/lib/version2/GlobalNotification/GlobalNotification.module.css +23 -23
  649. package/lib/version2/GlobalNotification/props/propTypes.js +3 -0
  650. package/lib/version2/alertIcons/AlarmAlertIcon.js +28 -5
  651. package/lib/version2/alertIcons/AlertIcons.js +41 -11
  652. package/lib/version2/alertIcons/AlertIcons.module.css +2 -2
  653. package/lib/version2/alertIcons/DangerAlertIcon.js +28 -5
  654. package/lib/version2/alertIcons/ErrorAlertIcon.js +28 -5
  655. package/lib/version2/alertIcons/InfoAlertIcon.js +28 -5
  656. package/lib/version2/alertIcons/NotificationAlertIcon.js +28 -5
  657. package/lib/version2/alertIcons/SuccessAlertIcon.js +28 -5
  658. package/lib/version2/alertIcons/WarningAlertIcon.js +28 -5
  659. package/lib/version2/alertIcons/index.js +9 -0
  660. package/lib/version2/alertIcons/props/propTypes.js +3 -0
  661. package/lib/version2/errorstate/Inconvenience/Inconvenience.js +43 -19
  662. package/lib/version2/errorstate/Inconvenience/props/propTypes.js +3 -0
  663. package/lib/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +43 -19
  664. package/lib/version2/errorstate/OopsSomethingMiss/props/propTypes.js +3 -0
  665. package/lib/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +43 -19
  666. package/lib/version2/errorstate/UnableToProcessRequest/props/propTypes.js +3 -0
  667. package/lib/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +44 -20
  668. package/lib/version2/errorstate/UnauthorizedLogin/props/propTypes.js +3 -0
  669. package/lib/version2/errorstate/UrlNotFound/UrlNotFound.js +43 -19
  670. package/lib/version2/errorstate/UrlNotFound/props/propTypes.js +3 -0
  671. package/lib/version2/errorstate/V2_ErrorStates.module.css +17 -17
  672. package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js +43 -19
  673. package/lib/version2/errorstate/WillBeRightBack/props/propTypes.js +3 -0
  674. package/lib/version2/errorstate/index.js +7 -0
  675. package/lib/version2/index.js +14 -0
  676. package/lib/version2/lookup/AlertHeader/AlertHeader.js +33 -20
  677. package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +13 -13
  678. package/lib/version2/lookup/AlertHeader/css/cssJSLogic.js +8 -7
  679. package/lib/version2/lookup/AlertHeader/props/propTypes.js +3 -0
  680. package/lib/version2/lookup/AlertLookup/AlertLookup.js +84 -54
  681. package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +8 -8
  682. package/lib/version2/lookup/AlertLookup/props/propTypes.js +3 -0
  683. package/lib/version2/lookup/alertLookupCommonNew.module.css +6 -6
  684. package/lib/version2/lookup/index.js +3 -0
  685. package/lib/version2/notification/DesktopNotification/DesktopNotification.js +60 -38
  686. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +17 -17
  687. package/lib/version2/notification/DesktopNotification/props/propTypes.js +3 -0
  688. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +39 -15
  689. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +29 -29
  690. package/lib/version2/notification/DesktopNotificationHeader/props/propTypes.js +3 -0
  691. package/lib/version2/notification/index.js +6 -0
  692. package/package.json +14 -22
@@ -1,46 +1,68 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = void 0;
9
+
8
10
  var _react = _interopRequireWildcard(require("react"));
11
+
9
12
  var _propTypes = require("./props/propTypes");
13
+
10
14
  var _icons = require("@zohodesk/icons");
15
+
11
16
  var _Layout = require("@zohodesk/components/lib/Layout");
17
+
12
18
  var _AlertCloseModule = _interopRequireDefault(require("./AlertClose.module.css"));
19
+
13
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
+
14
22
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
23
+
15
24
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
25
+
16
26
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
17
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
27
+
28
+ function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
29
+
18
30
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
19
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
20
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
31
+
21
32
  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); }
33
+
22
34
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
35
+
23
36
  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); }; }
37
+
24
38
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
39
+
25
40
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
41
+
26
42
  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; } }
43
+
27
44
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
45
+
28
46
  var AlertClose = /*#__PURE__*/function (_PureComponent) {
29
47
  _inherits(AlertClose, _PureComponent);
48
+
30
49
  var _super = _createSuper(AlertClose);
50
+
31
51
  function AlertClose() {
32
52
  _classCallCheck(this, AlertClose);
53
+
33
54
  return _super.apply(this, arguments);
34
55
  }
56
+
35
57
  _createClass(AlertClose, [{
36
58
  key: "render",
37
59
  value: function render() {
38
60
  var _this$props = this.props,
39
- onClose = _this$props.onClose,
40
- dataId = _this$props.dataId,
41
- dataTitle = _this$props.dataTitle,
42
- type = _this$props.type,
43
- customClass = _this$props.customClass;
61
+ onClose = _this$props.onClose,
62
+ dataId = _this$props.dataId,
63
+ dataTitle = _this$props.dataTitle,
64
+ type = _this$props.type,
65
+ customClass = _this$props.customClass;
44
66
  return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
45
67
  className: "".concat(_AlertCloseModule["default"].close, " ").concat(type ? _AlertCloseModule["default"][type] : '', " ").concat(customClass ? customClass : ''),
46
68
  "data-title": dataTitle,
@@ -59,12 +81,12 @@ var AlertClose = /*#__PURE__*/function (_PureComponent) {
59
81
  })));
60
82
  }
61
83
  }]);
84
+
62
85
  return AlertClose;
63
86
  }(_react.PureComponent);
64
- exports["default"] = AlertClose;
65
- AlertClose.propTypes = _propTypes.propTypes;
66
87
 
67
- // if (__DOCS__) {
88
+ exports["default"] = AlertClose;
89
+ AlertClose.propTypes = _propTypes.propTypes; // if (__DOCS__) {
68
90
  // AlertClose.docs = {
69
91
  // componentGroup: 'AlertClose',
70
92
  // folderName: 'Alert'
@@ -1,6 +1,6 @@
1
1
  .close {
2
- width: 25px;
3
- height: 25px;
2
+ width: var(--zd_size25) ;
3
+ height: var(--zd_size25) ;
4
4
  color: var(--zdt_commonalert_close_icon);
5
5
  border-radius: var(--zd_size4);
6
6
  cursor: pointer;
@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.propTypes = void 0;
7
+
7
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
8
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
9
12
  var propTypes = {
10
13
  customClass: _propTypes["default"].string,
11
14
  dataId: _propTypes["default"].string,
@@ -1,53 +1,79 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports.GlobalNotificationNew = GlobalNotificationNew;
8
9
  exports.GlobalNotificationUI = GlobalNotificationUI;
9
10
  exports["default"] = void 0;
11
+
10
12
  var _react = _interopRequireDefault(require("react"));
13
+
11
14
  var _defaultProps = require("./props/defaultProps");
15
+
12
16
  var _propTypes = require("./props/propTypes");
17
+
13
18
  var _AutoClose = _interopRequireDefault(require("../../actions/AutoClose"));
19
+
14
20
  var _AlertIcons = _interopRequireDefault(require("../alertIcons/AlertIcons"));
21
+
15
22
  var _AlertClose = _interopRequireDefault(require("../AlertClose/AlertClose"));
23
+
16
24
  var _GlobalNotificationModule = _interopRequireDefault(require("./GlobalNotification.module.css"));
25
+
17
26
  var _Layout = require("@zohodesk/components/lib/Layout");
27
+
18
28
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
29
+
19
30
  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); }
31
+
20
32
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
21
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
33
+
34
+ function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
35
+
22
36
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
23
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
24
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
37
+
25
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
+
26
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
+
27
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
+
28
44
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
45
+
29
46
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
47
+
30
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
+
31
50
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
51
+
32
52
  var GlobalNotification = /*#__PURE__*/function (_React$Component) {
33
53
  _inherits(GlobalNotification, _React$Component);
54
+
34
55
  var _super = _createSuper(GlobalNotification);
56
+
35
57
  function GlobalNotification(props) {
36
58
  var _this;
59
+
37
60
  _classCallCheck(this, GlobalNotification);
61
+
38
62
  _this = _super.call(this, props);
39
63
  _this.state = {
40
64
  hideMessage: false
41
65
  };
42
66
  return _this;
43
67
  }
68
+
44
69
  _createClass(GlobalNotification, [{
45
70
  key: "componentWillReceiveProps",
46
71
  value: function componentWillReceiveProps(nextProps) {
47
72
  var _this$props = this.props,
48
- showMessage = _this$props.showMessage,
49
- hideMessage = _this$props.hideMessage,
50
- type = _this$props.type;
73
+ showMessage = _this$props.showMessage,
74
+ hideMessage = _this$props.hideMessage,
75
+ type = _this$props.type;
76
+
51
77
  if (showMessage !== nextProps.showMessage || type !== nextProps.type) {
52
78
  if (!['danger', 'error', 'warning'].includes(nextProps.type)) {
53
79
  setTimeout(function () {
@@ -60,8 +86,9 @@ var GlobalNotification = /*#__PURE__*/function (_React$Component) {
60
86
  key: "componentDidMount",
61
87
  value: function componentDidMount() {
62
88
  var _this$props2 = this.props,
63
- type = _this$props2.type,
64
- hideMessage = _this$props2.hideMessage;
89
+ type = _this$props2.type,
90
+ hideMessage = _this$props2.hideMessage;
91
+
65
92
  if (!['danger', 'error', 'warning'].includes(type)) {
66
93
  setTimeout(function () {
67
94
  hideMessage();
@@ -72,16 +99,16 @@ var GlobalNotification = /*#__PURE__*/function (_React$Component) {
72
99
  key: "render",
73
100
  value: function render() {
74
101
  var _this$props3 = this.props,
75
- type = _this$props3.type,
76
- message = _this$props3.message,
77
- hideMessage = _this$props3.hideMessage,
78
- onClick = _this$props3.onClick,
79
- _this$props3$i18nKeys = _this$props3.i18nKeys,
80
- i18nKeys = _this$props3$i18nKeys === void 0 ? {} : _this$props3$i18nKeys,
81
- customProps = _this$props3.customProps,
82
- dataSelectorId = _this$props3.dataSelectorId;
102
+ type = _this$props3.type,
103
+ message = _this$props3.message,
104
+ hideMessage = _this$props3.hideMessage,
105
+ onClick = _this$props3.onClick,
106
+ _this$props3$i18nKeys = _this$props3.i18nKeys,
107
+ i18nKeys = _this$props3$i18nKeys === void 0 ? {} : _this$props3$i18nKeys,
108
+ customProps = _this$props3.customProps,
109
+ dataSelectorId = _this$props3.dataSelectorId;
83
110
  var _i18nKeys$closeTitle = i18nKeys.closeTitle,
84
- closeTitle = _i18nKeys$closeTitle === void 0 ? 'Close' : _i18nKeys$closeTitle;
111
+ closeTitle = _i18nKeys$closeTitle === void 0 ? 'Close' : _i18nKeys$closeTitle;
85
112
  return /*#__PURE__*/_react["default"].createElement(GlobalNotificationUI, {
86
113
  type: type,
87
114
  message: message,
@@ -93,13 +120,13 @@ var GlobalNotification = /*#__PURE__*/function (_React$Component) {
93
120
  });
94
121
  }
95
122
  }]);
123
+
96
124
  return GlobalNotification;
97
125
  }(_react["default"].Component);
126
+
98
127
  exports["default"] = GlobalNotification;
99
128
  GlobalNotification.propTypes = _propTypes.propTypes;
100
- GlobalNotification.defaultProps = _defaultProps.defaultProps;
101
-
102
- // if (__DOCS__) {
129
+ GlobalNotification.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
103
130
  // GlobalNotification.docs = {
104
131
  // componentGroup: 'GlobalNotification',
105
132
  // folderName: 'Alert'
@@ -109,21 +136,22 @@ GlobalNotification.defaultProps = _defaultProps.defaultProps;
109
136
  function GlobalNotificationUI(props) {
110
137
  function onClose(e) {
111
138
  var hideMessage = props.hideMessage,
112
- onClose = props.onClose;
139
+ onClose = props.onClose;
113
140
  hideMessage && hideMessage(e);
114
141
  onClose && onClose(e);
115
142
  }
143
+
116
144
  var _props$type = props.type,
117
- type = _props$type === void 0 ? '' : _props$type,
118
- message = props.message,
119
- onClick = props.onClick,
120
- _props$closeTitle = props.closeTitle,
121
- closeTitle = _props$closeTitle === void 0 ? '' : _props$closeTitle,
122
- _props$customProps = props.customProps,
123
- customProps = _props$customProps === void 0 ? {} : _props$customProps,
124
- dataSelectorId = props.dataSelectorId;
145
+ type = _props$type === void 0 ? '' : _props$type,
146
+ message = props.message,
147
+ onClick = props.onClick,
148
+ _props$closeTitle = props.closeTitle,
149
+ closeTitle = _props$closeTitle === void 0 ? '' : _props$closeTitle,
150
+ _props$customProps = props.customProps,
151
+ customProps = _props$customProps === void 0 ? {} : _props$customProps,
152
+ dataSelectorId = props.dataSelectorId;
125
153
  var _customProps$ExtraPro = customProps.ExtraProps,
126
- ExtraProps = _customProps$ExtraPro === void 0 ? {} : _customProps$ExtraPro;
154
+ ExtraProps = _customProps$ExtraPro === void 0 ? {} : _customProps$ExtraPro;
127
155
  return /*#__PURE__*/_react["default"].createElement("div", _extends({
128
156
  className: "".concat(_GlobalNotificationModule["default"].message, " ").concat(type ? _GlobalNotificationModule["default"][type] : ''),
129
157
  "data-id": "show_".concat(type, "_message"),
@@ -158,6 +186,7 @@ function GlobalNotificationUI(props) {
158
186
  type: type
159
187
  }))));
160
188
  }
189
+
161
190
  function GlobalNotificationNew(props) {
162
191
  return /*#__PURE__*/_react["default"].createElement(_AutoClose["default"], _extends({}, props, {
163
192
  Element: GlobalNotificationUI
@@ -9,7 +9,7 @@
9
9
  .message {
10
10
  composes: varClass;
11
11
  position: absolute;
12
- top: 0;
12
+ top: 0 ;
13
13
  z-index: 1000;
14
14
  /*Hook for editor alert*/
15
15
  pointer-events: none;
@@ -17,20 +17,20 @@
17
17
  }
18
18
 
19
19
  [dir=ltr] .message {
20
- right: 0;
21
- left: 0;
20
+ right: 0 ;
21
+ left: 0 ;
22
22
  }
23
23
 
24
24
  [dir=rtl] .message {
25
- left: 0;
26
- right: 0;
25
+ left: 0 ;
26
+ right: 0 ;
27
27
  }
28
28
 
29
29
  .container {
30
30
  position: relative;
31
31
  pointer-events: initial;
32
32
  color: var(--globalnotification_text_color);
33
- max-width: 490px;
33
+ max-width: var(--zd_size490) ;
34
34
  composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
35
35
  box-shadow: var(--zd_bs_globalnotification_container);
36
36
  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
@@ -41,28 +41,28 @@
41
41
  }
42
42
 
43
43
  [dir=ltr] .container {
44
- padding: 18px 70px 19px 75px;
44
+ padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75) ;
45
45
  }
46
46
 
47
47
  [dir=rtl] .container {
48
- padding: 18px 75px 19px 70px;
48
+ padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70) ;
49
49
  }
50
50
 
51
51
  .icon {
52
- width: 44px;
53
- height: 44px;
52
+ width: var(--zd_size44) ;
53
+ height: var(--zd_size44) ;
54
54
  position: absolute;
55
- top: 0;
56
- bottom: 0;
57
- margin: auto 0;
55
+ top: 0 ;
56
+ bottom: 0 ;
57
+ margin: auto 0 ;
58
58
  }
59
59
 
60
60
  [dir=ltr] .icon {
61
- left: 18px;
61
+ left: var(--zd_size18) ;
62
62
  }
63
63
 
64
64
  [dir=rtl] .icon {
65
- right: 18px;
65
+ right: var(--zd_size18) ;
66
66
  }
67
67
 
68
68
  .success {
@@ -96,7 +96,7 @@
96
96
  }
97
97
 
98
98
  .text {
99
- font-size: 14px;
99
+ font-size: var(--zd_font_size14) ;
100
100
  font-family: var(--zd_semibold);
101
101
  composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
102
102
  line-height: var(--zd_size20);
@@ -112,17 +112,17 @@
112
112
 
113
113
  .close {
114
114
  position: absolute;
115
- top: 0;
116
- bottom: 0;
117
- height: 25px;
115
+ top: 0 ;
116
+ bottom: 0 ;
117
+ height: var(--zd_size25) ;
118
118
  }
119
119
 
120
120
  [dir=ltr] .close {
121
- right: 12px;
122
- margin: auto 0 auto 25px;
121
+ right: var(--zd_size12) ;
122
+ margin: auto 0 auto var(--zd_size25) ;
123
123
  }
124
124
 
125
125
  [dir=rtl] .close {
126
- left: 12px;
127
- margin: auto 25px auto 0;
126
+ left: var(--zd_size12) ;
127
+ margin: auto var(--zd_size25) auto 0 ;
128
128
  }
@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.propTypes = void 0;
7
+
7
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
+
8
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
11
+
9
12
  var propTypes = {
10
13
  dataId: _propTypes["default"].string,
11
14
  dataSelectorId: _propTypes["default"].string,
@@ -1,42 +1,63 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = void 0;
9
+
8
10
  var _react = _interopRequireWildcard(require("react"));
11
+
9
12
  var _defaultProps = require("./props/defaultProps");
13
+
10
14
  var _propTypes = require("./props/propTypes");
15
+
11
16
  var _AlertIconsModule = _interopRequireDefault(require("./AlertIcons.module.css"));
17
+
12
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
+
13
20
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
+
14
22
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
+
15
24
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
16
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
25
+
26
+ function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
27
+
17
28
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
18
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
19
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
29
+
20
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
+
21
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
+
22
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
+
23
36
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
37
+
24
38
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
39
+
25
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
+
26
42
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
43
+
27
44
  var AlarmAlertIcon = /*#__PURE__*/function (_Component) {
28
45
  _inherits(AlarmAlertIcon, _Component);
46
+
29
47
  var _super = _createSuper(AlarmAlertIcon);
48
+
30
49
  function AlarmAlertIcon() {
31
50
  _classCallCheck(this, AlarmAlertIcon);
51
+
32
52
  return _super.apply(this, arguments);
33
53
  }
54
+
34
55
  _createClass(AlarmAlertIcon, [{
35
56
  key: "render",
36
57
  value: function render() {
37
58
  var _this$props = this.props,
38
- variant = _this$props.variant,
39
- type = _this$props.type;
59
+ variant = _this$props.variant,
60
+ type = _this$props.type;
40
61
  return /*#__PURE__*/_react["default"].createElement("svg", {
41
62
  xmlns: "http://www.w3.org/2000/svg",
42
63
  viewBox: "0 0 100 100",
@@ -92,8 +113,10 @@ var AlarmAlertIcon = /*#__PURE__*/function (_Component) {
92
113
  }));
93
114
  }
94
115
  }]);
116
+
95
117
  return AlarmAlertIcon;
96
118
  }(_react.Component);
119
+
97
120
  exports["default"] = AlarmAlertIcon;
98
121
  AlarmAlertIcon.propTypes = _propTypes.AlarmAlertIcon_propTypes;
99
122
  AlarmAlertIcon.defaultProps = _defaultProps.AlarmAlertIcon_defaultProps;
@@ -1,35 +1,58 @@
1
1
  "use strict";
2
2
 
3
3
  function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
4
+
4
5
  Object.defineProperty(exports, "__esModule", {
5
6
  value: true
6
7
  });
7
8
  exports["default"] = void 0;
9
+
8
10
  var _react = _interopRequireWildcard(require("react"));
11
+
9
12
  var _defaultProps = require("./props/defaultProps");
13
+
10
14
  var _propTypes = require("./props/propTypes");
15
+
11
16
  var _DangerAlertIcon = _interopRequireDefault(require("./DangerAlertIcon"));
17
+
12
18
  var _SuccessAlertIcon = _interopRequireDefault(require("./SuccessAlertIcon"));
19
+
13
20
  var _WarningAlertIcon = _interopRequireDefault(require("./WarningAlertIcon"));
21
+
14
22
  var _InfoAlertIcon = _interopRequireDefault(require("./InfoAlertIcon"));
23
+
15
24
  var _NotificationAlertIcon = _interopRequireDefault(require("./NotificationAlertIcon"));
25
+
16
26
  var _AlarmAlertIcon = _interopRequireDefault(require("./AlarmAlertIcon"));
27
+
17
28
  var _AlertIconsModule = _interopRequireDefault(require("./AlertIcons.module.css"));
29
+
18
30
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
31
+
19
32
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
33
+
20
34
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
35
+
21
36
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
22
- function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
37
+
38
+ function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
39
+
23
40
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
24
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
25
- function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
41
+
26
42
  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); }
43
+
27
44
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
45
+
28
46
  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); }; }
47
+
29
48
  function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
49
+
30
50
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
51
+
31
52
  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; } }
53
+
32
54
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
55
+
33
56
  var alertIconsObject = {
34
57
  success: {
35
58
  AlertIcon: _SuccessAlertIcon["default"]
@@ -53,23 +76,30 @@ var alertIconsObject = {
53
76
  AlertIcon: _AlarmAlertIcon["default"]
54
77
  }
55
78
  };
79
+
56
80
  var AlertIcons = /*#__PURE__*/function (_Component) {
57
81
  _inherits(AlertIcons, _Component);
82
+
58
83
  var _super = _createSuper(AlertIcons);
84
+
59
85
  function AlertIcons() {
60
86
  _classCallCheck(this, AlertIcons);
87
+
61
88
  return _super.apply(this, arguments);
62
89
  }
90
+
63
91
  _createClass(AlertIcons, [{
64
92
  key: "render",
65
93
  value: function render() {
66
94
  var _this$props = this.props,
67
- type = _this$props.type,
68
- variant = _this$props.variant,
69
- dataSelectorId = _this$props.dataSelectorId;
95
+ type = _this$props.type,
96
+ variant = _this$props.variant,
97
+ dataSelectorId = _this$props.dataSelectorId;
98
+
70
99
  var _ref = alertIconsObject[type] || {},
71
- _ref$AlertIcon = _ref.AlertIcon,
72
- AlertIcon = _ref$AlertIcon === void 0 ? _DangerAlertIcon["default"] : _ref$AlertIcon;
100
+ _ref$AlertIcon = _ref.AlertIcon,
101
+ AlertIcon = _ref$AlertIcon === void 0 ? _DangerAlertIcon["default"] : _ref$AlertIcon;
102
+
73
103
  return /*#__PURE__*/_react["default"].createElement("div", {
74
104
  className: _AlertIconsModule["default"].iconContainer,
75
105
  "data-selector-id": dataSelectorId
@@ -79,13 +109,13 @@ var AlertIcons = /*#__PURE__*/function (_Component) {
79
109
  }));
80
110
  }
81
111
  }]);
112
+
82
113
  return AlertIcons;
83
114
  }(_react.Component);
115
+
84
116
  exports["default"] = AlertIcons;
85
117
  AlertIcons.propTypes = _propTypes.AlertIcons_propTypes;
86
- AlertIcons.defaultProps = _defaultProps.AlertIcons_defaultProps;
87
-
88
- // if (__DOCS__) {
118
+ AlertIcons.defaultProps = _defaultProps.AlertIcons_defaultProps; // if (__DOCS__) {
89
119
  // AlertIcons.docs = {
90
120
  // componentGroup: 'AlertIcons',
91
121
  // folderName: 'Alert'
@@ -5,8 +5,8 @@
5
5
 
6
6
  .iconContainer {
7
7
  composes: varClass;
8
- width: 100%;
9
- height: 100%;
8
+ width: 100% ;
9
+ height: 100% ;
10
10
  }
11
11
  /* Common */
12
12
  .outer_cls2 {