@zohodesk/dot 1.0.0-temp-153 → 1.0.0-temp-154

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 (742) hide show
  1. package/README.md +1325 -1300
  2. package/assets/Appearance/dark/mode/{Dot_DarkMode.module.css → dotDarkMode.module.css} +19 -6
  3. package/assets/Appearance/{light/mode/Dot_LightMode.module.css → default/mode/dotDefaultMode.module.css} +294 -281
  4. package/assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +16 -0
  5. package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css +16 -0
  6. package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +16 -0
  7. package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css +16 -0
  8. package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +16 -0
  9. package/assets/Appearance/pureDark/mode/{Dot_PureDarkMode.module.css → dotPureDarkMode.module.css} +17 -4
  10. package/es/ActionButton/ActionButton.js +5 -2
  11. package/es/ActionButton/ActionButton.module.css +139 -139
  12. package/es/AlphabeticList/AlphabeticList.js +10 -0
  13. package/es/AlphabeticList/AlphabeticList.module.css +57 -57
  14. package/es/Attachment/Attachment.js +4 -4
  15. package/es/Attachment/Attachment.module.css +163 -159
  16. package/es/AttachmentViewer/Attachment.js +1 -0
  17. package/es/AttachmentViewer/AttachmentImage.js +8 -1
  18. package/es/AttachmentViewer/AttachmentViewer.js +37 -3
  19. package/es/AttachmentViewer/AttachmentViewer.module.css +352 -352
  20. package/es/AttachmentViewer/utils.js +17 -0
  21. package/es/ChannelIcon/ChannelIcon.js +5 -2
  22. package/es/ChannelIcon/ChannelIcon.module.css +217 -217
  23. package/es/Drawer/Drawer.js +9 -3
  24. package/es/Drawer/Drawer.module.css +190 -190
  25. package/es/ExternalLink/ExternalLink.js +8 -4
  26. package/es/ExternalLink/ExternalLink.module.css +3 -3
  27. package/es/ExternalLink/__tests__/ExternalLink.spec.js +0 -0
  28. package/es/FlipCard/FlipCard.js +10 -3
  29. package/es/FlipCard/FlipCard.module.css +44 -44
  30. package/es/FormAction/FormAction.js +4 -5
  31. package/es/FormAction/FormAction.module.css +82 -82
  32. package/es/FreezeLayer/FreezeLayer.js +2 -4
  33. package/es/FreezeLayer/css/FreezeLayer.module.css +42 -42
  34. package/es/FreezeLayer/useFreezeLayer.js +5 -0
  35. package/es/Hooks/Dragger/css/Dragger.module.css +2 -2
  36. package/es/Hooks/Dragger/useDragger.js +42 -30
  37. package/es/IconButton/IconButton.js +9 -3
  38. package/es/IconButton/IconButton.module.css +22 -22
  39. package/es/Image/Image.js +3 -2
  40. package/es/Image/Image.module.css +11 -11
  41. package/es/ImportantNotes/ImportantNotes.js +3 -3
  42. package/es/ImportantNotes/ImportantNotes.module.css +20 -20
  43. package/es/Link/Link.js +19 -7
  44. package/es/Link/Link.module.css +3 -3
  45. package/es/Loader/Loader.js +2 -2
  46. package/es/Loader/Loader.module.css +47 -47
  47. package/es/Message/Message.js +13 -4
  48. package/es/Message/Message.module.css +102 -102
  49. package/es/MessageBanner/MessageBanner.js +2 -3
  50. package/es/MessageBanner/MessageBanner.module.css +46 -46
  51. package/es/NewStar/NewStar.js +10 -15
  52. package/es/NewStar/NewStar.module.css +183 -183
  53. package/es/PlusIcon/PlusIcon.js +4 -3
  54. package/es/PlusIcon/PlusIcon.module.css +18 -18
  55. package/es/Separator/Separator.js +3 -0
  56. package/es/Separator/Separator.module.css +34 -34
  57. package/es/TagWithIcon/TagWithIcon.js +1 -0
  58. package/es/TagWithIcon/TagWithIcon.module.css +56 -56
  59. package/es/ToastMessage/ToastMessage.js +17 -11
  60. package/es/ToastMessage/ToastMessage.module.css +328 -328
  61. package/es/Upload/Upload.js +5 -4
  62. package/es/Upload/Upload.module.css +125 -125
  63. package/es/actions/AutoClose.js +4 -0
  64. package/es/actions/index.js +3 -0
  65. package/es/alert/AlertHeader/AlertHeader.js +2 -3
  66. package/es/alert/AlertHeader/AlertHeader.module.css +80 -80
  67. package/es/alert/AlertLookup/AlertLookup.js +5 -5
  68. package/es/alert/AlertLookup/AlertLookup.module.css +26 -26
  69. package/es/avatar/AvatarClose/AvatarClose.js +4 -2
  70. package/es/avatar/AvatarClose/AvatarClose.module.css +37 -37
  71. package/es/avatar/AvatarCollision/AvatarCollision.js +5 -2
  72. package/es/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
  73. package/es/avatar/AvatarIcon/AvatarIcon.js +3 -2
  74. package/es/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  75. package/es/avatar/AvatarStatus/AvatarStatus.js +4 -3
  76. package/es/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
  77. package/es/avatar/AvatarThread/AvatarThread.js +4 -3
  78. package/es/avatar/AvatarThread/AvatarThread.module.css +166 -166
  79. package/es/avatar/AvatarUser/AvatarUser.js +12 -6
  80. package/es/avatar/AvatarUser/AvatarUser.module.css +171 -171
  81. package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +5 -3
  82. package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
  83. package/es/common/dot_animation.module.css +26 -26
  84. package/es/common/dot_boxShadow.module.css +37 -37
  85. package/es/common/dot_common.module.css +3 -3
  86. package/es/deprecated/FreezeLayer/FreezeLayer.js +10 -3
  87. package/es/deprecated/FreezeLayer/_FreezeLayer.module.css +42 -42
  88. package/es/deprecated/SelectDropdown/SelectDropdown.js +8 -2
  89. package/es/deprecated/SelectDropdown/SelectDropdown.module.css +56 -56
  90. package/es/deprecated/utils/General.js +2 -0
  91. package/es/deprecated/utils/KeyboardApi.js +70 -29
  92. package/es/docs/generalDocs.js +2 -2
  93. package/es/docs/lookupDocs.js +1 -2
  94. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +64 -6
  95. package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +100 -100
  96. package/es/emptystate/CommonEmptyState/CommonEmptyState.js +5 -4
  97. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
  98. package/es/emptystate/EditionPage/EditionPage.css +43 -43
  99. package/es/emptystate/EditionPage/EditionPage.js +7 -4
  100. package/es/errorstate/EmptyStates.module.css +87 -87
  101. package/es/errorstate/Inconvenience/Inconvenience.js +4 -0
  102. package/es/errorstate/Inconvenience/Inconvenience.module.css +7 -7
  103. package/es/errorstate/LinkText/LinkText.js +2 -2
  104. package/es/errorstate/LinkText/LinkText.module.css +6 -6
  105. package/es/errorstate/NoRequestFound/NoRequestFound.js +4 -2
  106. package/es/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
  107. package/es/errorstate/PermissionPlay/PermissionPlay.js +4 -2
  108. package/es/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
  109. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +4 -2
  110. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
  111. package/es/errorstate/UnableToProcess/UnableToProcess.js +4 -0
  112. package/es/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
  113. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +4 -2
  114. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
  115. package/es/errorstate/WillBack/WillBack.js +4 -2
  116. package/es/errorstate/WillBack/WillBack.module.css +34 -34
  117. package/es/form/fields/CheckBoxField/CheckBoxField.js +9 -5
  118. package/es/form/fields/CurrencyField/CurrencyField.js +12 -5
  119. package/es/form/fields/DateField/DateField.js +15 -5
  120. package/es/form/fields/FieldContainer/FieldContainer.js +7 -4
  121. package/es/form/fields/FieldContainer/props/defaultProps.js +1 -2
  122. package/es/form/fields/FieldContainer/props/propTypes.js +1 -2
  123. package/es/form/fields/Fields.module.css +183 -183
  124. package/es/form/fields/MultiSelectField/MultiSelectField.js +15 -12
  125. package/es/form/fields/PhoneField/PhoneField.js +13 -5
  126. package/es/form/fields/RadioField/RadioField.js +7 -4
  127. package/es/form/fields/SelectField/SelectField.js +11 -10
  128. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +15 -3
  129. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
  130. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +20 -4
  131. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
  132. package/es/form/fields/TextBoxField/TextBoxField.js +11 -10
  133. package/es/form/fields/TextEditor/TextEditor.js +58 -7
  134. package/es/form/fields/TextEditor/TextEditor.module.css +770 -770
  135. package/es/form/fields/TextEditorField/TextEditorField.js +11 -5
  136. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js +12 -4
  137. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +37 -37
  138. package/es/form/fields/TextareaField/TextareaField.js +13 -12
  139. package/es/form/fields/ValidationMessage/ValidationMessage.js +3 -3
  140. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
  141. package/es/form/layout/Field/Field.js +4 -4
  142. package/es/form/layout/Field/Field.module.css +22 -22
  143. package/es/form/layout/Section/ModuleFormSection.module.css +3 -3
  144. package/es/form/layout/Section/Section.js +6 -3
  145. package/es/layout/SetupDetailLayout/SetupDetailLayout.js +19 -7
  146. package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
  147. package/es/layout/SubtabLayout/SubtabLayout.js +6 -3
  148. package/es/layout/SubtabLayout/SubtabLayout.module.css +164 -164
  149. package/es/list/AvatarFlip/AvatarFlip.js +2 -3
  150. package/es/list/AvatarFlip/AvatarFlip.module.css +3 -3
  151. package/es/list/BluePrintStatus/BluePrintStatus.js +3 -3
  152. package/es/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
  153. package/es/list/Comment/Comment.js +3 -3
  154. package/es/list/Comment/Comment.module.css +29 -29
  155. package/es/list/DepartmentDropDown/DepartmentDropDown.js +9 -2
  156. package/es/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
  157. package/es/list/Dot/Dot.js +2 -0
  158. package/es/list/Dot/Dot.module.css +15 -15
  159. package/es/list/DotNew/DotNew.js +3 -3
  160. package/es/list/DotNew/DotNew.module.css +24 -24
  161. package/es/list/GridStencils/GridStencils.js +2 -3
  162. package/es/list/GridStencils/GridStencils.module.css +146 -146
  163. package/es/list/Icons/AddNewIcon.js +5 -2
  164. package/es/list/Icons/CompleteIcon.js +5 -2
  165. package/es/list/Icons/DeleteIcon.js +6 -3
  166. package/es/list/Icons/EditIcon.js +7 -3
  167. package/es/list/Icons/FloatingIcons.js +3 -3
  168. package/es/list/Icons/Icons.module.css +16 -16
  169. package/es/list/Icons/ReadUnreadIcon.js +7 -3
  170. package/es/list/Icons/SmartIcon.js +7 -3
  171. package/es/list/ListLayout/ListLayout.js +7 -3
  172. package/es/list/ListLayout/ListLayout.module.css +73 -57
  173. package/es/list/ListStencils/ListStencils.js +4 -4
  174. package/es/list/ListStencils/ListStencils.module.css +67 -67
  175. package/es/list/SecondaryText/AccountName.js +6 -5
  176. package/es/list/SecondaryText/ContactName.js +3 -3
  177. package/es/list/SecondaryText/DepartmentText.js +5 -4
  178. package/es/list/SecondaryText/Email.js +6 -5
  179. package/es/list/SecondaryText/HappinessRating.js +3 -4
  180. package/es/list/SecondaryText/PhoneNumber.js +6 -5
  181. package/es/list/SecondaryText/PriorityText.js +5 -4
  182. package/es/list/SecondaryText/SecondaryText.js +5 -3
  183. package/es/list/SecondaryText/SecondaryText.module.css +136 -136
  184. package/es/list/SecondaryText/StatusText.js +5 -4
  185. package/es/list/SecondaryText/TicketId.js +5 -3
  186. package/es/list/SecondaryText/Website.js +5 -5
  187. package/es/list/SecondryPanel/SecondryPanel.js +9 -8
  188. package/es/list/SecondryPanel/SecondryPanel.module.css +5 -5
  189. package/es/list/SentimentStatus/SentimentStatus.js +3 -3
  190. package/es/list/SentimentStatus/SentimentStatus.module.css +12 -12
  191. package/es/list/Subject/Subject.js +6 -4
  192. package/es/list/Subject/Subject.module.css +27 -27
  193. package/es/list/TagNew/TagNew.js +5 -4
  194. package/es/list/TagNew/TagNew.module.css +116 -116
  195. package/es/list/Thread/Thread.js +3 -3
  196. package/es/list/Thread/Thread.module.css +42 -42
  197. package/es/list/UserTime/UserTime.js +4 -3
  198. package/es/list/UserTime/UserTime.module.css +58 -58
  199. package/es/list/listCommon.module.css +82 -60
  200. package/es/list/status/StatusDropdown/StatusDropdown.js +42 -4
  201. package/es/list/status/StatusDropdown/StatusDropdown.module.css +92 -92
  202. package/es/list/status/StatusListItem/StatusListItem.js +11 -3
  203. package/es/list/status/StatusListItem/StatusListItem.module.css +109 -109
  204. package/es/lookup/EmptyPage/EmptyPage.js +11 -4
  205. package/es/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
  206. package/es/lookup/Lookup/Lookup.js +12 -7
  207. package/es/lookup/Lookup/Lookup.module.css +26 -26
  208. package/es/lookup/Section/LookupSection.module.css +7 -7
  209. package/es/lookup/Section/Section.js +2 -0
  210. package/es/lookup/header/Close/Close.js +3 -4
  211. package/es/lookup/header/Close/LookupClose.module.css +15 -15
  212. package/es/lookup/header/ModuleHeader/ModuleHeader.js +4 -6
  213. package/es/lookup/header/Search/LookupSearch.module.css +57 -57
  214. package/es/lookup/header/Search/Search.js +21 -6
  215. package/es/lookup/header/TicketHeader/TicketHeader.js +4 -6
  216. package/es/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
  217. package/es/lookup/header/Title/LookupTitle.module.css +20 -20
  218. package/es/lookup/header/Title/Title.js +3 -4
  219. package/es/lookup/header/ViewDropDown/ViewDropDown.js +12 -6
  220. package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
  221. package/es/lookup/header/ViewDropDown/props/propTypes.js +1 -0
  222. package/es/lookup/header/lookupHeaderCommon.module.css +41 -41
  223. package/es/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
  224. package/es/setup/header/Button/Button.js +3 -3
  225. package/es/setup/header/Button/HeaderButton.module.css +5 -5
  226. package/es/setup/header/Link/HeaderLink.module.css +21 -21
  227. package/es/setup/header/Link/Link.js +3 -3
  228. package/es/setup/header/Search/Search.js +5 -3
  229. package/es/setup/header/Search/Search.module.css +68 -68
  230. package/es/setup/header/Views/Views.js +3 -3
  231. package/es/setup/header/Views/Views.module.css +37 -37
  232. package/es/setup/helptips/Description/Description.js +3 -3
  233. package/es/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
  234. package/es/setup/helptips/Link/HelpTipsLink.module.css +7 -7
  235. package/es/setup/helptips/Link/Link.js +5 -3
  236. package/es/setup/helptips/ListGroup/ListGroup.js +5 -3
  237. package/es/setup/helptips/ListGroup/ListGroup.module.css +22 -22
  238. package/es/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
  239. package/es/setup/helptips/Title/Title.js +3 -3
  240. package/es/setup/table/Table/Table.js +2 -3
  241. package/es/setup/table/TableBody/TableBody.js +2 -3
  242. package/es/setup/table/TableData/SetupTableData.module.css +44 -44
  243. package/es/setup/table/TableData/TableData.js +6 -4
  244. package/es/setup/table/TableData/Tablehover.module.css +6 -6
  245. package/es/setup/table/TableData/props/propTypes.js +1 -0
  246. package/es/setup/table/TableHead/SetupTableHead.module.css +12 -12
  247. package/es/setup/table/TableHead/TableHead.js +3 -3
  248. package/es/setup/table/TableRow/SetupTableRow.module.css +14 -14
  249. package/es/setup/table/TableRow/TableRow.js +3 -3
  250. package/es/setup/table/Text/TableText.module.css +37 -37
  251. package/es/setup/table/Text/Text.js +5 -3
  252. package/es/svg/PlusIcon.js +3 -4
  253. package/es/svg/SnippetIcon.js +4 -5
  254. package/es/svg/TemplateIcon.js +2 -3
  255. package/es/utils/General.js +7 -0
  256. package/es/utils/editorUtils.js +40 -16
  257. package/es/version2/AlertClose/AlertClose.js +2 -3
  258. package/es/version2/AlertClose/AlertClose.module.css +42 -42
  259. package/es/version2/GlobalNotification/GlobalNotification.js +11 -3
  260. package/es/version2/GlobalNotification/GlobalNotification.module.css +127 -127
  261. package/es/version2/alertIcons/AlarmAlertIcon.js +1 -0
  262. package/es/version2/alertIcons/AlertIcons.js +2 -3
  263. package/es/version2/alertIcons/AlertIcons.module.css +67 -67
  264. package/es/version2/alertIcons/DangerAlertIcon.js +1 -0
  265. package/es/version2/alertIcons/ErrorAlertIcon.js +1 -0
  266. package/es/version2/alertIcons/InfoAlertIcon.js +1 -0
  267. package/es/version2/alertIcons/NotificationAlertIcon.js +1 -0
  268. package/es/version2/alertIcons/SuccessAlertIcon.js +1 -0
  269. package/es/version2/alertIcons/WarningAlertIcon.js +1 -0
  270. package/es/version2/errorstate/Inconvenience/Inconvenience.js +4 -3
  271. package/es/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +4 -3
  272. package/es/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +4 -3
  273. package/es/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +4 -3
  274. package/es/version2/errorstate/UrlNotFound/UrlNotFound.js +4 -3
  275. package/es/version2/errorstate/V2_ErrorStates.module.css +46 -46
  276. package/es/version2/errorstate/WillBeRightBack/WillBeRightBack.js +4 -3
  277. package/es/version2/lookup/AlertHeader/AlertHeader.js +9 -10
  278. package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
  279. package/es/version2/lookup/AlertLookup/AlertLookup.js +10 -12
  280. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
  281. package/es/version2/lookup/alertLookupCommonNew.module.css +32 -32
  282. package/es/version2/notification/DesktopNotification/DesktopNotification.js +7 -4
  283. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +126 -126
  284. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +3 -3
  285. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
  286. package/install.md +12 -12
  287. package/lib/ActionButton/ActionButton.js +64 -34
  288. package/lib/ActionButton/ActionButton.module.css +139 -139
  289. package/lib/ActionButton/props/propTypes.js +3 -0
  290. package/lib/AlphabeticList/AlphabeticList.js +53 -21
  291. package/lib/AlphabeticList/AlphabeticList.module.css +57 -57
  292. package/lib/AlphabeticList/props/propTypes.js +10 -1
  293. package/lib/Attachment/Attachment.js +43 -20
  294. package/lib/Attachment/Attachment.module.css +163 -159
  295. package/lib/Attachment/props/propTypes.js +3 -0
  296. package/lib/AttachmentViewer/Attachment.js +4 -0
  297. package/lib/AttachmentViewer/AttachmentImage.js +38 -11
  298. package/lib/AttachmentViewer/AttachmentViewer.js +90 -24
  299. package/lib/AttachmentViewer/AttachmentViewer.module.css +352 -352
  300. package/lib/AttachmentViewer/props/propTypes.js +3 -0
  301. package/lib/AttachmentViewer/utils.js +31 -10
  302. package/lib/ChannelIcon/ChannelIcon.js +55 -27
  303. package/lib/ChannelIcon/ChannelIcon.module.css +217 -217
  304. package/lib/ChannelIcon/props/propTypes.js +3 -0
  305. package/lib/Drawer/Drawer.js +109 -51
  306. package/lib/Drawer/Drawer.module.css +190 -190
  307. package/lib/Drawer/index.js +4 -0
  308. package/lib/Drawer/props/propTypes.js +3 -0
  309. package/lib/ExternalLink/ExternalLink.js +38 -15
  310. package/lib/ExternalLink/ExternalLink.module.css +3 -3
  311. package/lib/ExternalLink/__tests__/ExternalLink.spec.js +7 -0
  312. package/lib/ExternalLink/props/propTypes.js +3 -0
  313. package/lib/FlipCard/FlipCard.js +75 -41
  314. package/lib/FlipCard/FlipCard.module.css +44 -44
  315. package/lib/FlipCard/props/propTypes.js +3 -0
  316. package/lib/FormAction/FormAction.js +41 -13
  317. package/lib/FormAction/FormAction.module.css +82 -82
  318. package/lib/FormAction/props/propTypes.js +3 -0
  319. package/lib/FreezeLayer/FreezeLayer.js +40 -25
  320. package/lib/FreezeLayer/css/FreezeLayer.module.css +42 -42
  321. package/lib/FreezeLayer/css/cssJSLogic.js +9 -8
  322. package/lib/FreezeLayer/index.js +3 -0
  323. package/lib/FreezeLayer/props/propTypes.js +3 -0
  324. package/lib/FreezeLayer/useFreezeLayer.js +30 -9
  325. package/lib/Hooks/Dragger/css/Dragger.module.css +2 -2
  326. package/lib/Hooks/Dragger/props/propTypes.js +3 -0
  327. package/lib/Hooks/Dragger/useDragger.js +46 -30
  328. package/lib/Hooks/Dragger/utils/DraggerUtil.js +8 -7
  329. package/lib/IconButton/IconButton.js +61 -36
  330. package/lib/IconButton/IconButton.module.css +22 -22
  331. package/lib/IconButton/props/propTypes.js +6 -4
  332. package/lib/Image/Image.js +36 -15
  333. package/lib/Image/Image.module.css +11 -11
  334. package/lib/Image/props/propTypes.js +3 -0
  335. package/lib/ImportantNotes/ImportantNotes.js +34 -13
  336. package/lib/ImportantNotes/ImportantNotes.module.css +20 -20
  337. package/lib/ImportantNotes/props/propTypes.js +3 -0
  338. package/lib/Link/Link.js +60 -27
  339. package/lib/Link/Link.module.css +3 -3
  340. package/lib/Link/LinkContext.js +4 -0
  341. package/lib/Link/props/propTypes.js +3 -0
  342. package/lib/Loader/Loader.js +25 -3
  343. package/lib/Loader/Loader.module.css +47 -47
  344. package/lib/Message/Message.js +47 -17
  345. package/lib/Message/Message.module.css +102 -102
  346. package/lib/Message/props/propTypes.js +3 -0
  347. package/lib/MessageBanner/MessageBanner.js +38 -16
  348. package/lib/MessageBanner/MessageBanner.module.css +46 -46
  349. package/lib/MessageBanner/props/propTypes.js +3 -0
  350. package/lib/NewStar/NewStar.js +38 -21
  351. package/lib/NewStar/NewStar.module.css +183 -183
  352. package/lib/NewStar/props/propTypes.js +3 -0
  353. package/lib/PlusIcon/PlusIcon.js +35 -14
  354. package/lib/PlusIcon/PlusIcon.module.css +18 -18
  355. package/lib/PlusIcon/props/propTypes.js +3 -0
  356. package/lib/Provider/Config.js +2 -0
  357. package/lib/Separator/Separator.js +36 -13
  358. package/lib/Separator/Separator.module.css +34 -34
  359. package/lib/Separator/props/propTypes.js +3 -0
  360. package/lib/TagWithIcon/TagWithIcon.js +36 -13
  361. package/lib/TagWithIcon/TagWithIcon.module.css +56 -56
  362. package/lib/TagWithIcon/props/propTypes.js +3 -0
  363. package/lib/ToastMessage/ToastMessage.js +77 -46
  364. package/lib/ToastMessage/ToastMessage.module.css +328 -328
  365. package/lib/ToastMessage/props/propTypes.js +3 -0
  366. package/lib/Upload/Upload.js +45 -21
  367. package/lib/Upload/Upload.module.css +125 -125
  368. package/lib/Upload/props/propTypes.js +3 -0
  369. package/lib/actions/AutoClose.js +29 -9
  370. package/lib/actions/index.js +5 -0
  371. package/lib/actions/props/propTypes.js +3 -0
  372. package/lib/alert/AlertHeader/AlertHeader.js +43 -18
  373. package/lib/alert/AlertHeader/AlertHeader.module.css +80 -80
  374. package/lib/alert/AlertHeader/props/propTypes.js +3 -0
  375. package/lib/alert/AlertLookup/AlertLookup.js +67 -40
  376. package/lib/alert/AlertLookup/AlertLookup.module.css +26 -26
  377. package/lib/alert/AlertLookup/props/propTypes.js +3 -0
  378. package/lib/alert/index.js +3 -0
  379. package/lib/avatar/AvatarClose/AvatarClose.js +39 -16
  380. package/lib/avatar/AvatarClose/AvatarClose.module.css +37 -37
  381. package/lib/avatar/AvatarClose/props/propTypes.js +3 -0
  382. package/lib/avatar/AvatarCollision/AvatarCollision.js +43 -19
  383. package/lib/avatar/AvatarCollision/AvatarCollision.module.css +69 -69
  384. package/lib/avatar/AvatarCollision/props/propTypes.js +3 -0
  385. package/lib/avatar/AvatarIcon/AvatarIcon.js +45 -21
  386. package/lib/avatar/AvatarIcon/AvatarIcon.module.css +58 -58
  387. package/lib/avatar/AvatarIcon/props/propTypes.js +3 -0
  388. package/lib/avatar/AvatarStatus/AvatarStatus.js +49 -28
  389. package/lib/avatar/AvatarStatus/AvatarStatus.module.css +146 -146
  390. package/lib/avatar/AvatarStatus/props/propTypes.js +6 -4
  391. package/lib/avatar/AvatarThread/AvatarThread.js +56 -33
  392. package/lib/avatar/AvatarThread/AvatarThread.module.css +166 -166
  393. package/lib/avatar/AvatarThread/props/propTypes.js +3 -0
  394. package/lib/avatar/AvatarUser/AvatarUser.js +71 -43
  395. package/lib/avatar/AvatarUser/AvatarUser.module.css +171 -171
  396. package/lib/avatar/AvatarUser/props/propTypes.js +3 -0
  397. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js +56 -32
  398. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css +23 -23
  399. package/lib/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js +12 -6
  400. package/lib/avatar/AvatarWithTeam/props/propTypes.js +3 -0
  401. package/lib/avatar/index.js +8 -0
  402. package/lib/common/dot_animation.module.css +26 -26
  403. package/lib/common/dot_boxShadow.module.css +37 -37
  404. package/lib/common/dot_common.module.css +3 -3
  405. package/lib/deprecated/FreezeLayer/FreezeLayer.js +49 -20
  406. package/lib/deprecated/FreezeLayer/_FreezeLayer.module.css +42 -42
  407. package/lib/deprecated/FreezeLayer/props/propTypes.js +3 -0
  408. package/lib/deprecated/SelectDropdown/SelectDropdown.js +52 -21
  409. package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +56 -56
  410. package/lib/deprecated/utils/General.js +5 -0
  411. package/lib/deprecated/utils/KeyboardApi.js +73 -32
  412. package/lib/docs/formDocs.js +16 -0
  413. package/lib/docs/generalDocs.js +60 -0
  414. package/lib/docs/lookupDocs.js +17 -0
  415. package/lib/docs/setupDocs.js +12 -0
  416. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +225 -145
  417. package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +100 -100
  418. package/lib/dropdown/ToggleDropDown/props/propTypes.js +3 -0
  419. package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +49 -25
  420. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +85 -85
  421. package/lib/emptystate/CommonEmptyState/props/propTypes.js +3 -0
  422. package/lib/emptystate/EditionPage/EditionPage.css +43 -43
  423. package/lib/emptystate/EditionPage/EditionPage.js +40 -15
  424. package/lib/emptystate/EditionPage/props/propTypes.js +3 -0
  425. package/lib/errorstate/EmptyStates.module.css +87 -87
  426. package/lib/errorstate/Inconvenience/Inconvenience.js +40 -12
  427. package/lib/errorstate/Inconvenience/Inconvenience.module.css +7 -7
  428. package/lib/errorstate/Inconvenience/props/propTypes.js +3 -0
  429. package/lib/errorstate/LinkText/LinkText.js +31 -10
  430. package/lib/errorstate/LinkText/LinkText.module.css +6 -6
  431. package/lib/errorstate/LinkText/props/propTypes.js +3 -0
  432. package/lib/errorstate/NoRequestFound/NoRequestFound.js +40 -14
  433. package/lib/errorstate/NoRequestFound/NoRequestFound.module.css +3 -3
  434. package/lib/errorstate/NoRequestFound/props/propTypes.js +3 -0
  435. package/lib/errorstate/PermissionPlay/PermissionPlay.js +40 -14
  436. package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +34 -34
  437. package/lib/errorstate/PermissionPlay/props/propTypes.js +3 -0
  438. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +40 -14
  439. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +3 -3
  440. package/lib/errorstate/RequestUrlNotFound/props/propTypes.js +3 -0
  441. package/lib/errorstate/UnableToProcess/UnableToProcess.js +40 -12
  442. package/lib/errorstate/UnableToProcess/UnableToProcess.module.css +3 -3
  443. package/lib/errorstate/UnableToProcess/props/propTypes.js +3 -0
  444. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +40 -14
  445. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +3 -3
  446. package/lib/errorstate/UnauthorizedLogin/props/propTypes.js +3 -0
  447. package/lib/errorstate/WillBack/WillBack.js +33 -8
  448. package/lib/errorstate/WillBack/WillBack.module.css +34 -34
  449. package/lib/errorstate/WillBack/props/propTypes.js +3 -0
  450. package/lib/errorstate/index.js +9 -0
  451. package/lib/form/fields/CheckBoxField/CheckBoxField.js +71 -41
  452. package/lib/form/fields/CheckBoxField/props/defaultProps.js +7 -4
  453. package/lib/form/fields/CheckBoxField/props/propTypes.js +9 -4
  454. package/lib/form/fields/CurrencyField/CurrencyField.js +81 -51
  455. package/lib/form/fields/CurrencyField/props/defaultProps.js +7 -4
  456. package/lib/form/fields/CurrencyField/props/propTypes.js +9 -4
  457. package/lib/form/fields/DateField/DateField.js +83 -50
  458. package/lib/form/fields/DateField/props/defaultProps.js +7 -4
  459. package/lib/form/fields/DateField/props/propTypes.js +9 -4
  460. package/lib/form/fields/FieldContainer/FieldContainer.js +49 -25
  461. package/lib/form/fields/FieldContainer/props/defaultProps.js +7 -4
  462. package/lib/form/fields/FieldContainer/props/propTypes.js +9 -4
  463. package/lib/form/fields/Fields.module.css +183 -183
  464. package/lib/form/fields/MultiSelectField/MultiSelectField.js +100 -74
  465. package/lib/form/fields/MultiSelectField/props/defaultProps.js +7 -4
  466. package/lib/form/fields/MultiSelectField/props/propTypes.js +9 -4
  467. package/lib/form/fields/PhoneField/PhoneField.js +73 -43
  468. package/lib/form/fields/PhoneField/props/propTypes.js +3 -0
  469. package/lib/form/fields/RadioField/RadioField.js +64 -36
  470. package/lib/form/fields/RadioField/props/propTypes.js +3 -0
  471. package/lib/form/fields/SelectField/SelectField.js +98 -71
  472. package/lib/form/fields/SelectField/props/defaultProps.js +7 -4
  473. package/lib/form/fields/SelectField/props/propTypes.js +9 -4
  474. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +84 -46
  475. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +107 -107
  476. package/lib/form/fields/TagsMultiSelect/props/propTypes.js +3 -0
  477. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +103 -62
  478. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +9 -9
  479. package/lib/form/fields/TagsMultiSelectField/props/defaultProps.js +7 -4
  480. package/lib/form/fields/TagsMultiSelectField/props/propTypes.js +9 -4
  481. package/lib/form/fields/TextBoxField/TextBoxField.js +85 -58
  482. package/lib/form/fields/TextBoxField/props/defaultProps.js +7 -4
  483. package/lib/form/fields/TextBoxField/props/propTypes.js +9 -4
  484. package/lib/form/fields/TextEditor/TextEditor.js +116 -53
  485. package/lib/form/fields/TextEditor/TextEditor.module.css +770 -770
  486. package/lib/form/fields/TextEditor/props/propTypes.js +3 -0
  487. package/lib/form/fields/TextEditorField/TextEditorField.js +89 -61
  488. package/lib/form/fields/TextEditorField/props/defaultProps.js +7 -4
  489. package/lib/form/fields/TextEditorField/props/propTypes.js +9 -4
  490. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +79 -47
  491. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +37 -37
  492. package/lib/form/fields/TextEditorWrapper/props/propTypes.js +3 -0
  493. package/lib/form/fields/TextareaField/TextareaField.js +81 -55
  494. package/lib/form/fields/TextareaField/props/defaultProps.js +7 -4
  495. package/lib/form/fields/TextareaField/props/propTypes.js +9 -4
  496. package/lib/form/fields/ValidationMessage/ValidationMessage.js +41 -18
  497. package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +27 -27
  498. package/lib/form/fields/ValidationMessage/props/propTypes.js +3 -0
  499. package/lib/form/fields/index.js +17 -0
  500. package/lib/form/fields/props/FieldCommonDefaultProps.js +2 -0
  501. package/lib/form/fields/props/FieldCommonPropTypes.js +4 -0
  502. package/lib/form/layout/Field/Field.js +36 -14
  503. package/lib/form/layout/Field/Field.module.css +22 -22
  504. package/lib/form/layout/Field/props/propTypes.js +3 -0
  505. package/lib/form/layout/Section/ModuleFormSection.module.css +3 -3
  506. package/lib/form/layout/Section/Section.js +36 -13
  507. package/lib/form/layout/Section/props/propTypes.js +3 -0
  508. package/lib/form/layout/index.js +3 -0
  509. package/lib/index.js +57 -0
  510. package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +91 -40
  511. package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +152 -152
  512. package/lib/layout/SetupDetailLayout/index.js +4 -0
  513. package/lib/layout/SetupDetailLayout/props/propTypes.js +3 -0
  514. package/lib/layout/SubtabLayout/SubtabLayout.js +83 -39
  515. package/lib/layout/SubtabLayout/SubtabLayout.module.css +164 -164
  516. package/lib/layout/SubtabLayout/index.js +4 -0
  517. package/lib/layout/SubtabLayout/props/propTypes.js +3 -0
  518. package/lib/list/AvatarFlip/AvatarFlip.js +54 -32
  519. package/lib/list/AvatarFlip/AvatarFlip.module.css +3 -3
  520. package/lib/list/AvatarFlip/props/propTypes.js +3 -0
  521. package/lib/list/BluePrintStatus/BluePrintStatus.js +25 -6
  522. package/lib/list/BluePrintStatus/BluePrintStatus.module.css +17 -17
  523. package/lib/list/BluePrintStatus/props/propTypes.js +3 -0
  524. package/lib/list/Comment/Comment.js +33 -9
  525. package/lib/list/Comment/Comment.module.css +29 -29
  526. package/lib/list/Comment/props/propTypes.js +3 -0
  527. package/lib/list/DepartmentDropDown/DepartmentDropDown.js +57 -28
  528. package/lib/list/DepartmentDropDown/DepartmentDropDown.module.css +9 -9
  529. package/lib/list/DepartmentDropDown/props/propTypes.js +6 -4
  530. package/lib/list/Dot/Dot.js +28 -5
  531. package/lib/list/Dot/Dot.module.css +15 -15
  532. package/lib/list/Dot/props/propTypes.js +3 -0
  533. package/lib/list/DotNew/DotNew.js +30 -9
  534. package/lib/list/DotNew/DotNew.module.css +24 -24
  535. package/lib/list/DotNew/props/propTypes.js +3 -0
  536. package/lib/list/GridStencils/GridStencils.js +29 -11
  537. package/lib/list/GridStencils/GridStencils.module.css +146 -146
  538. package/lib/list/GridStencils/props/propTypes.js +3 -0
  539. package/lib/list/Icons/AddNewIcon.js +34 -10
  540. package/lib/list/Icons/CompleteIcon.js +35 -11
  541. package/lib/list/Icons/DeleteIcon.js +36 -12
  542. package/lib/list/Icons/EditIcon.js +37 -12
  543. package/lib/list/Icons/FloatingIcons.js +32 -9
  544. package/lib/list/Icons/Icons.module.css +16 -16
  545. package/lib/list/Icons/ReadUnreadIcon.js +40 -14
  546. package/lib/list/Icons/SmartIcon.js +38 -11
  547. package/lib/list/Icons/index.js +8 -0
  548. package/lib/list/Icons/props/propTypes.js +3 -0
  549. package/lib/list/ListLayout/ListLayout.js +59 -28
  550. package/lib/list/ListLayout/ListLayout.module.css +73 -57
  551. package/lib/list/ListLayout/props/propTypes.js +6 -4
  552. package/lib/list/ListStencils/ListStencils.js +28 -6
  553. package/lib/list/ListStencils/ListStencils.module.css +67 -67
  554. package/lib/list/ListStencils/props/propTypes.js +3 -0
  555. package/lib/list/SecondaryText/AccountName.js +51 -27
  556. package/lib/list/SecondaryText/ContactName.js +58 -32
  557. package/lib/list/SecondaryText/DepartmentText.js +32 -11
  558. package/lib/list/SecondaryText/Email.js +42 -19
  559. package/lib/list/SecondaryText/HappinessRating.js +29 -9
  560. package/lib/list/SecondaryText/PhoneNumber.js +44 -21
  561. package/lib/list/SecondaryText/PriorityText.js +34 -12
  562. package/lib/list/SecondaryText/SecondaryText.js +35 -12
  563. package/lib/list/SecondaryText/SecondaryText.module.css +136 -136
  564. package/lib/list/SecondaryText/StatusText.js +35 -13
  565. package/lib/list/SecondaryText/TicketId.js +44 -20
  566. package/lib/list/SecondaryText/Website.js +35 -13
  567. package/lib/list/SecondaryText/index.js +12 -0
  568. package/lib/list/SecondaryText/props/propTypes.js +3 -0
  569. package/lib/list/SecondryPanel/SecondryPanel.js +71 -28
  570. package/lib/list/SecondryPanel/SecondryPanel.module.css +5 -5
  571. package/lib/list/SecondryPanel/props/propTypes.js +3 -0
  572. package/lib/list/SentimentStatus/SentimentStatus.js +27 -8
  573. package/lib/list/SentimentStatus/SentimentStatus.module.css +12 -12
  574. package/lib/list/SentimentStatus/props/propTypes.js +3 -0
  575. package/lib/list/Subject/Subject.js +47 -23
  576. package/lib/list/Subject/Subject.module.css +27 -27
  577. package/lib/list/Subject/props/propTypes.js +3 -0
  578. package/lib/list/TagNew/TagNew.js +34 -12
  579. package/lib/list/TagNew/TagNew.module.css +116 -116
  580. package/lib/list/TagNew/props/propTypes.js +3 -0
  581. package/lib/list/Thread/Thread.js +34 -11
  582. package/lib/list/Thread/Thread.module.css +42 -42
  583. package/lib/list/Thread/props/propTypes.js +3 -0
  584. package/lib/list/UserTime/UserTime.js +46 -21
  585. package/lib/list/UserTime/UserTime.module.css +58 -58
  586. package/lib/list/UserTime/props/propTypes.js +3 -0
  587. package/lib/list/index.js +21 -0
  588. package/lib/list/listCommon.module.css +82 -60
  589. package/lib/list/status/StatusDropdown/StatusDropdown.js +142 -78
  590. package/lib/list/status/StatusDropdown/StatusDropdown.module.css +92 -92
  591. package/lib/list/status/StatusDropdown/props/propTypes.js +6 -4
  592. package/lib/list/status/StatusListItem/StatusListItem.js +63 -37
  593. package/lib/list/status/StatusListItem/StatusListItem.module.css +109 -109
  594. package/lib/list/status/StatusListItem/props/propTypes.js +3 -0
  595. package/lib/list/status/index.js +3 -0
  596. package/lib/lookup/EmptyPage/EmptyPage.js +40 -9
  597. package/lib/lookup/EmptyPage/LookupEmptyPage.module.css +12 -12
  598. package/lib/lookup/EmptyPage/props/propTypes.js +3 -0
  599. package/lib/lookup/Lookup/Lookup.js +53 -24
  600. package/lib/lookup/Lookup/Lookup.module.css +26 -26
  601. package/lib/lookup/Lookup/props/propTypes.js +3 -0
  602. package/lib/lookup/Section/LookupSection.module.css +7 -7
  603. package/lib/lookup/Section/Section.js +28 -5
  604. package/lib/lookup/Section/props/propTypes.js +3 -0
  605. package/lib/lookup/header/Close/Close.js +30 -9
  606. package/lib/lookup/header/Close/LookupClose.module.css +15 -15
  607. package/lib/lookup/header/Close/props/propTypes.js +3 -0
  608. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +49 -23
  609. package/lib/lookup/header/ModuleHeader/props/propTypes.js +3 -0
  610. package/lib/lookup/header/Search/LookupSearch.module.css +57 -57
  611. package/lib/lookup/header/Search/Search.js +67 -29
  612. package/lib/lookup/header/Search/props/propTypes.js +3 -0
  613. package/lib/lookup/header/TicketHeader/TicketHeader.js +50 -22
  614. package/lib/lookup/header/TicketHeader/TicketHeader.module.css +22 -22
  615. package/lib/lookup/header/TicketHeader/props/propTypes.js +3 -0
  616. package/lib/lookup/header/Title/LookupTitle.module.css +20 -20
  617. package/lib/lookup/header/Title/Title.js +30 -9
  618. package/lib/lookup/header/Title/props/propTypes.js +3 -0
  619. package/lib/lookup/header/ViewDropDown/ViewDropDown.js +62 -28
  620. package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +50 -50
  621. package/lib/lookup/header/ViewDropDown/props/propTypes.js +4 -0
  622. package/lib/lookup/header/index.js +6 -0
  623. package/lib/lookup/header/lookupHeaderCommon.module.css +41 -41
  624. package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +24 -24
  625. package/lib/lookup/index.js +9 -0
  626. package/lib/setup/header/Button/Button.js +30 -10
  627. package/lib/setup/header/Button/HeaderButton.module.css +5 -5
  628. package/lib/setup/header/Button/props/propTypes.js +3 -0
  629. package/lib/setup/header/Link/HeaderLink.module.css +21 -21
  630. package/lib/setup/header/Link/Link.js +33 -11
  631. package/lib/setup/header/Link/props/propTypes.js +3 -0
  632. package/lib/setup/header/Search/Search.js +34 -12
  633. package/lib/setup/header/Search/Search.module.css +68 -68
  634. package/lib/setup/header/Search/props/propTypes.js +3 -0
  635. package/lib/setup/header/Views/Views.js +32 -12
  636. package/lib/setup/header/Views/Views.module.css +37 -37
  637. package/lib/setup/header/Views/props/propTypes.js +3 -0
  638. package/lib/setup/header/index.js +5 -0
  639. package/lib/setup/helptips/Description/Description.js +24 -6
  640. package/lib/setup/helptips/Description/HelpTipsDescription.module.css +6 -6
  641. package/lib/setup/helptips/Description/props/propTypes.js +3 -0
  642. package/lib/setup/helptips/Link/HelpTipsLink.module.css +7 -7
  643. package/lib/setup/helptips/Link/Link.js +32 -11
  644. package/lib/setup/helptips/Link/props/propTypes.js +3 -0
  645. package/lib/setup/helptips/ListGroup/ListGroup.js +28 -8
  646. package/lib/setup/helptips/ListGroup/ListGroup.module.css +22 -22
  647. package/lib/setup/helptips/ListGroup/props/propTypes.js +3 -0
  648. package/lib/setup/helptips/Title/HelpTipsTitle.module.css +5 -5
  649. package/lib/setup/helptips/Title/Title.js +24 -6
  650. package/lib/setup/helptips/Title/props/propTypes.js +3 -0
  651. package/lib/setup/helptips/index.js +5 -0
  652. package/lib/setup/index.js +9 -0
  653. package/lib/setup/table/Table/Table.js +28 -9
  654. package/lib/setup/table/Table/props/propTypes.js +3 -0
  655. package/lib/setup/table/TableBody/TableBody.js +30 -11
  656. package/lib/setup/table/TableBody/props/propTypes.js +3 -0
  657. package/lib/setup/table/TableData/SetupTableData.module.css +44 -44
  658. package/lib/setup/table/TableData/TableData.js +35 -13
  659. package/lib/setup/table/TableData/Tablehover.module.css +6 -6
  660. package/lib/setup/table/TableData/props/propTypes.js +4 -0
  661. package/lib/setup/table/TableHead/SetupTableHead.module.css +12 -12
  662. package/lib/setup/table/TableHead/TableHead.js +31 -11
  663. package/lib/setup/table/TableHead/props/propTypes.js +3 -0
  664. package/lib/setup/table/TableRow/SetupTableRow.module.css +14 -14
  665. package/lib/setup/table/TableRow/TableRow.js +34 -14
  666. package/lib/setup/table/TableRow/props/propTypes.js +3 -0
  667. package/lib/setup/table/Text/TableText.module.css +37 -37
  668. package/lib/setup/table/Text/Text.js +40 -17
  669. package/lib/setup/table/Text/props/propTypes.js +3 -0
  670. package/lib/setup/table/index.js +6 -0
  671. package/lib/svg/PlusIcon.js +29 -10
  672. package/lib/svg/SnippetIcon.js +30 -11
  673. package/lib/svg/TemplateIcon.js +28 -9
  674. package/lib/svg/index.js +4 -0
  675. package/lib/svg/props/propTypes.js +3 -0
  676. package/lib/utils/ChannelIconMapping.js +2 -0
  677. package/lib/utils/General.js +11 -0
  678. package/lib/utils/editorUtils.js +48 -13
  679. package/lib/version2/AlertClose/AlertClose.js +33 -11
  680. package/lib/version2/AlertClose/AlertClose.module.css +42 -42
  681. package/lib/version2/AlertClose/props/propTypes.js +3 -0
  682. package/lib/version2/GlobalNotification/GlobalNotification.js +61 -30
  683. package/lib/version2/GlobalNotification/GlobalNotification.module.css +127 -127
  684. package/lib/version2/GlobalNotification/props/propTypes.js +3 -0
  685. package/lib/version2/alertIcons/AlarmAlertIcon.js +28 -5
  686. package/lib/version2/alertIcons/AlertIcons.js +41 -11
  687. package/lib/version2/alertIcons/AlertIcons.module.css +67 -67
  688. package/lib/version2/alertIcons/DangerAlertIcon.js +28 -5
  689. package/lib/version2/alertIcons/ErrorAlertIcon.js +28 -5
  690. package/lib/version2/alertIcons/InfoAlertIcon.js +28 -5
  691. package/lib/version2/alertIcons/NotificationAlertIcon.js +28 -5
  692. package/lib/version2/alertIcons/SuccessAlertIcon.js +28 -5
  693. package/lib/version2/alertIcons/WarningAlertIcon.js +28 -5
  694. package/lib/version2/alertIcons/index.js +9 -0
  695. package/lib/version2/alertIcons/props/propTypes.js +3 -0
  696. package/lib/version2/errorstate/Inconvenience/Inconvenience.js +43 -19
  697. package/lib/version2/errorstate/Inconvenience/props/propTypes.js +3 -0
  698. package/lib/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +43 -19
  699. package/lib/version2/errorstate/OopsSomethingMiss/props/propTypes.js +3 -0
  700. package/lib/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +43 -19
  701. package/lib/version2/errorstate/UnableToProcessRequest/props/propTypes.js +3 -0
  702. package/lib/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +44 -20
  703. package/lib/version2/errorstate/UnauthorizedLogin/props/propTypes.js +3 -0
  704. package/lib/version2/errorstate/UrlNotFound/UrlNotFound.js +43 -19
  705. package/lib/version2/errorstate/UrlNotFound/props/propTypes.js +3 -0
  706. package/lib/version2/errorstate/V2_ErrorStates.module.css +46 -46
  707. package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js +43 -19
  708. package/lib/version2/errorstate/WillBeRightBack/props/propTypes.js +3 -0
  709. package/lib/version2/errorstate/index.js +7 -0
  710. package/lib/version2/index.js +14 -0
  711. package/lib/version2/lookup/AlertHeader/AlertHeader.js +33 -20
  712. package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +87 -87
  713. package/lib/version2/lookup/AlertHeader/css/cssJSLogic.js +8 -7
  714. package/lib/version2/lookup/AlertHeader/props/propTypes.js +3 -0
  715. package/lib/version2/lookup/AlertLookup/AlertLookup.js +86 -54
  716. package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +43 -43
  717. package/lib/version2/lookup/AlertLookup/props/propTypes.js +3 -0
  718. package/lib/version2/lookup/alertLookupCommonNew.module.css +32 -32
  719. package/lib/version2/lookup/index.js +3 -0
  720. package/lib/version2/notification/DesktopNotification/DesktopNotification.js +62 -39
  721. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +126 -126
  722. package/lib/version2/notification/DesktopNotification/props/propTypes.js +3 -0
  723. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +39 -15
  724. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +136 -136
  725. package/lib/version2/notification/DesktopNotificationHeader/props/propTypes.js +3 -0
  726. package/lib/version2/notification/index.js +6 -0
  727. package/package.json +105 -114
  728. package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +0 -16
  729. package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +0 -16
  730. package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +0 -16
  731. package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +0 -16
  732. package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +0 -16
  733. /package/assets/Appearance/dark/themes/blue/{blue_DotTheme_DarkTheme.module.css → blueDarkDotTheme.module.css} +0 -0
  734. /package/assets/Appearance/dark/themes/green/{green_DotTheme_DarkTheme.module.css → greenDarkDotTheme.module.css} +0 -0
  735. /package/assets/Appearance/dark/themes/orange/{orange_DotTheme_DarkTheme.module.css → orangeDarkDotTheme.module.css} +0 -0
  736. /package/assets/Appearance/dark/themes/red/{red_DotTheme_DarkTheme.module.css → redDarkDotTheme.module.css} +0 -0
  737. /package/assets/Appearance/dark/themes/yellow/{yellow_DotTheme_DarkTheme.module.css → yellowDarkDotTheme.module.css} +0 -0
  738. /package/assets/Appearance/pureDark/themes/blue/{blue_DotTheme_PureDarkTheme.module.css → bluePureDarkDotTheme.module.css} +0 -0
  739. /package/assets/Appearance/pureDark/themes/green/{green_DotTheme_PureDarkTheme.module.css → greenPureDarkDotTheme.module.css} +0 -0
  740. /package/assets/Appearance/pureDark/themes/orange/{orange_DotTheme_PureDarkTheme.module.css → orangePureDarkDotTheme.module.css} +0 -0
  741. /package/assets/Appearance/pureDark/themes/red/{red_DotTheme_PureDarkTheme.module.css → redPureDarkDotTheme.module.css} +0 -0
  742. /package/assets/Appearance/pureDark/themes/yellow/{yellow_DotTheme_PureDarkTheme.module.css → yellowPureDarkDotTheme.module.css} +0 -0
@@ -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,24 +136,26 @@ 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
+ "data-test-id": "show_".concat(type, "_message"),
130
159
  tabIndex: 0,
131
160
  "data-selector-id": dataSelectorId
132
161
  }, ExtraProps), /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
@@ -146,6 +175,7 @@ function GlobalNotificationUI(props) {
146
175
  className: _GlobalNotificationModule["default"].text,
147
176
  onClick: onClick,
148
177
  "data-id": "infoMessage",
178
+ "data-test-id": "infoMessage",
149
179
  dangerouslySetInnerHTML: {
150
180
  __html: message
151
181
  }
@@ -158,6 +188,7 @@ function GlobalNotificationUI(props) {
158
188
  type: type
159
189
  }))));
160
190
  }
191
+
161
192
  function GlobalNotificationNew(props) {
162
193
  return /*#__PURE__*/_react["default"].createElement(_AutoClose["default"], _extends({}, props, {
163
194
  Element: GlobalNotificationUI
@@ -1,128 +1,128 @@
1
- .varClass {
2
- /* globalnotfication default variables */
3
- --commonalert_border_color: var(--zdt_commonalert_default_border);
4
- --globalnotification_bg_color: var(--zdt_globalnotification_default_bg);
5
- --globalnotification_text_color: var(--zdt_globalnotification_default_text);
6
- --globalnotification_box_shadow: var(--zdt_globalnotification_default_box_shadow);
7
- }
8
-
9
- .message {
10
- composes: varClass;
11
- position: absolute;
12
- top: 0;
13
- z-index: 1000;
14
- /*Hook for editor alert*/
15
- pointer-events: none;
16
- text-align: center;
17
- }
18
-
19
- [dir=ltr] .message {
20
- right: 0;
21
- left: 0;
22
- }
23
-
24
- [dir=rtl] .message {
25
- left: 0;
26
- right: 0;
27
- }
28
-
29
- .container {
30
- position: relative;
31
- pointer-events: initial;
32
- color: var(--globalnotification_text_color);
33
- max-width: 490px;
34
- composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
35
- box-shadow: var(--zd_bs_globalnotification_container);
36
- border-radius: 0 0 var(--zd_size10) var(--zd_size10);
37
- background-color: var(--globalnotification_bg_color);
38
- border-style: solid;
39
- border-color: var(--commonalert_border_color);
40
- border-width: 2px 1px 1px 1px;
41
- }
42
-
43
- [dir=ltr] .container {
44
- padding: 18px 70px 19px 75px;
45
- }
46
-
47
- [dir=rtl] .container {
48
- padding: 18px 75px 19px 70px;
49
- }
50
-
51
- .icon {
52
- width: 44px;
53
- height: 44px;
54
- position: absolute;
55
- top: 0;
56
- bottom: 0;
57
- margin: auto 0;
58
- }
59
-
60
- [dir=ltr] .icon {
61
- left: 18px;
62
- }
63
-
64
- [dir=rtl] .icon {
65
- right: 18px;
66
- }
67
-
68
- .success {
69
- --commonalert_border_color: var(--zdt_commonalert_success_border);
70
- --globalnotification_bg_color: var(--zdt_globalnotification_success_bg);
71
- --globalnotification_text_color: var(--zdt_globalnotification_success_text);
72
- }
73
-
74
- .info {
75
- --commonalert_border_color: var(--zdt_commonalert_info_border);
76
- --globalnotification_bg_color: var(--zdt_globalnotification_info_bg);
77
- --globalnotification_text_color: var(--zdt_globalnotification_info_text);
78
- }
79
-
80
- .danger {
81
- --commonalert_border_color: var(--zdt_commonalert_danger_border);
82
- --globalnotification_bg_color: var(--zdt_globalnotification_danger_bg);
83
- --globalnotification_text_color: var(--zdt_globalnotification_danger_text);
84
- }
85
-
86
- .error {
87
- --commonalert_border_color: var(--zdt_commonalert_error_border);
88
- --globalnotification_bg_color: var(--zdt_globalnotification_error_bg);
89
- --globalnotification_text_color: var(--zdt_globalnotification_error_text);
90
- }
91
-
92
- .warning {
93
- --commonalert_border_color: var(--zdt_commonalert_warning_border);
94
- --globalnotification_bg_color: var(--zdt_globalnotification_warning_bg);
95
- --globalnotification_text_color: var(--zdt_globalnotification_warning_text);
96
- }
97
-
98
- .text {
99
- font-size: 14px;
100
- font-family: var(--zd_semibold);
101
- composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
102
- line-height: var(--zd_size20);
103
- }
104
-
105
- [dir=ltr] .text {
106
- text-align: left;
107
- }
108
-
109
- [dir=rtl] .text {
110
- text-align: right;
111
- }
112
-
113
- .close {
114
- position: absolute;
115
- top: 0;
116
- bottom: 0;
117
- height: 25px;
118
- }
119
-
120
- [dir=ltr] .close {
121
- right: 12px;
122
- margin: auto 0 auto 25px;
123
- }
124
-
125
- [dir=rtl] .close {
126
- left: 12px;
127
- margin: auto 25px auto 0;
1
+ .varClass {
2
+ /* globalnotfication default variables */
3
+ --commonalert_border_color: var(--zdt_commonalert_default_border);
4
+ --globalnotification_bg_color: var(--zdt_globalnotification_default_bg);
5
+ --globalnotification_text_color: var(--zdt_globalnotification_default_text);
6
+ --globalnotification_box_shadow: var(--zdt_globalnotification_default_box_shadow);
7
+ }
8
+
9
+ .message {
10
+ composes: varClass;
11
+ position: absolute;
12
+ top: 0 ;
13
+ z-index: 1000;
14
+ /*Hook for editor alert*/
15
+ pointer-events: none;
16
+ text-align: center;
17
+ }
18
+
19
+ [dir=ltr] .message {
20
+ right: 0 ;
21
+ left: 0 ;
22
+ }
23
+
24
+ [dir=rtl] .message {
25
+ left: 0 ;
26
+ right: 0 ;
27
+ }
28
+
29
+ .container {
30
+ position: relative;
31
+ pointer-events: initial;
32
+ color: var(--globalnotification_text_color);
33
+ max-width: var(--zd_size490) ;
34
+ composes: wbreak from '~@zohodesk/components/lib/common/common.module.css';
35
+ box-shadow: var(--zd_bs_globalnotification_container);
36
+ border-radius: 0 0 var(--zd_size10) var(--zd_size10);
37
+ background-color: var(--globalnotification_bg_color);
38
+ border-style: solid;
39
+ border-color: var(--commonalert_border_color);
40
+ border-width: 2px 1px 1px 1px;
41
+ }
42
+
43
+ [dir=ltr] .container {
44
+ padding: var(--zd_size18) var(--zd_size70) var(--zd_size19) var(--zd_size75) ;
45
+ }
46
+
47
+ [dir=rtl] .container {
48
+ padding: var(--zd_size18) var(--zd_size75) var(--zd_size19) var(--zd_size70) ;
49
+ }
50
+
51
+ .icon {
52
+ width: var(--zd_size44) ;
53
+ height: var(--zd_size44) ;
54
+ position: absolute;
55
+ top: 0 ;
56
+ bottom: 0 ;
57
+ margin: auto 0 ;
58
+ }
59
+
60
+ [dir=ltr] .icon {
61
+ left: var(--zd_size18) ;
62
+ }
63
+
64
+ [dir=rtl] .icon {
65
+ right: var(--zd_size18) ;
66
+ }
67
+
68
+ .success {
69
+ --commonalert_border_color: var(--zdt_commonalert_success_border);
70
+ --globalnotification_bg_color: var(--zdt_globalnotification_success_bg);
71
+ --globalnotification_text_color: var(--zdt_globalnotification_success_text);
72
+ }
73
+
74
+ .info {
75
+ --commonalert_border_color: var(--zdt_commonalert_info_border);
76
+ --globalnotification_bg_color: var(--zdt_globalnotification_info_bg);
77
+ --globalnotification_text_color: var(--zdt_globalnotification_info_text);
78
+ }
79
+
80
+ .danger {
81
+ --commonalert_border_color: var(--zdt_commonalert_danger_border);
82
+ --globalnotification_bg_color: var(--zdt_globalnotification_danger_bg);
83
+ --globalnotification_text_color: var(--zdt_globalnotification_danger_text);
84
+ }
85
+
86
+ .error {
87
+ --commonalert_border_color: var(--zdt_commonalert_error_border);
88
+ --globalnotification_bg_color: var(--zdt_globalnotification_error_bg);
89
+ --globalnotification_text_color: var(--zdt_globalnotification_error_text);
90
+ }
91
+
92
+ .warning {
93
+ --commonalert_border_color: var(--zdt_commonalert_warning_border);
94
+ --globalnotification_bg_color: var(--zdt_globalnotification_warning_bg);
95
+ --globalnotification_text_color: var(--zdt_globalnotification_warning_text);
96
+ }
97
+
98
+ .text {
99
+ font-size: var(--zd_font_size14) ;
100
+ font-family: var(--zd_semibold);
101
+ composes: ftsmooth from '~@zohodesk/components/lib/common/common.module.css';
102
+ line-height: var(--zd_size20);
103
+ }
104
+
105
+ [dir=ltr] .text {
106
+ text-align: left;
107
+ }
108
+
109
+ [dir=rtl] .text {
110
+ text-align: right;
111
+ }
112
+
113
+ .close {
114
+ position: absolute;
115
+ top: 0 ;
116
+ bottom: 0 ;
117
+ height: var(--zd_size25) ;
118
+ }
119
+
120
+ [dir=ltr] .close {
121
+ right: var(--zd_size12) ;
122
+ margin: auto 0 auto var(--zd_size25) ;
123
+ }
124
+
125
+ [dir=rtl] .close {
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;