@zohodesk/dot 1.2.4 → 1.3.0-temp-158

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 (297) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/PropValidationExcludeFilesArray.js +1 -1
  3. package/.cli/propValidation_report.html +1 -1
  4. package/README.md +20 -9
  5. package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +1 -1
  6. package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +1 -1
  7. package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +1 -1
  8. package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +1 -1
  9. package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +1 -1
  10. package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +1 -1
  11. package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +1 -1
  12. package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +1 -1
  13. package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +1 -1
  14. package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +1 -1
  15. package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +1 -1
  16. package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +1 -1
  17. package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +1 -1
  18. package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +1 -1
  19. package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +1 -1
  20. package/coverage/ExternalLink/ExternalLink.js.html +1 -1
  21. package/coverage/ExternalLink/ExternalLink.module.css.html +1 -1
  22. package/coverage/ExternalLink/index.html +1 -1
  23. package/coverage/ExternalLink/props/defaultProps.js.html +1 -1
  24. package/coverage/ExternalLink/props/index.html +1 -1
  25. package/coverage/ExternalLink/props/propTypes.js.html +1 -1
  26. package/coverage/IconButton/IconButton.js.html +466 -0
  27. package/coverage/IconButton/IconButton.module.css.html +151 -0
  28. package/coverage/IconButton/index.html +131 -0
  29. package/coverage/IconButton/props/defaultProps.js.html +136 -0
  30. package/coverage/IconButton/props/index.html +131 -0
  31. package/coverage/IconButton/props/propTypes.js.html +187 -0
  32. package/coverage/Image/Image.js.html +1 -1
  33. package/coverage/Image/Image.module.css.html +1 -1
  34. package/coverage/Image/index.html +1 -1
  35. package/coverage/Image/props/defaultProps.js.html +1 -1
  36. package/coverage/Image/props/index.html +1 -1
  37. package/coverage/Image/props/propTypes.js.html +1 -1
  38. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
  39. package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +1 -1
  40. package/coverage/avatar/AvatarWithTeam/index.html +1 -1
  41. package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
  42. package/coverage/avatar/AvatarWithTeam/props/index.html +1 -1
  43. package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
  44. package/coverage/coverage-final.json +16 -12
  45. package/coverage/coverage-summary.json +17 -13
  46. package/coverage/index.html +40 -10
  47. package/es/Drawer/Drawer.js +3 -2
  48. package/es/IconButton/__tests__/IconButton.spec.js +148 -0
  49. package/es/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +316 -0
  50. package/es/form/fields/FieldContainer/props/propTypes.js +1 -1
  51. package/es/v1/ActionButton/ActionButton.js +11 -8
  52. package/es/v1/AlphabeticList/AlphabeticList.js +7 -3
  53. package/es/v1/Attachment/Attachment.js +79 -76
  54. package/es/v1/AttachmentViewer/AttachmentImage.js +44 -63
  55. package/es/v1/AttachmentViewer/AttachmentViewer.js +4 -4
  56. package/es/v1/ChannelIcon/ChannelIcon.js +1 -1
  57. package/es/v1/Drawer/Drawer.js +6 -6
  58. package/es/v1/FlipCard/FlipCard.js +4 -4
  59. package/es/v1/FormAction/FormAction.js +1 -1
  60. package/es/v1/FreezeLayer/FreezeLayer.js +3 -3
  61. package/es/v1/{version2/GlobalNotification → GlobalNotification}/GlobalNotification.js +7 -7
  62. package/es/v1/IconButton/IconButton.js +3 -3
  63. package/es/v1/Image/Image.js +26 -33
  64. package/es/v1/ImportantNotes/ImportantNotes.js +1 -1
  65. package/es/v1/Loader/Loader.js +12 -18
  66. package/es/v1/MessageBanner/MessageBanner.js +1 -1
  67. package/es/v1/NewStar/NewStar.js +1 -1
  68. package/es/v1/Separator/Separator.js +41 -48
  69. package/es/v1/TagWithIcon/TagWithIcon.js +1 -1
  70. package/es/v1/ToastMessage/ToastMessage.js +4 -4
  71. package/es/v1/Upload/Upload.js +60 -67
  72. package/es/v1/{version2 → alert}/AlertClose/AlertClose.js +1 -1
  73. package/es/v1/alert/AlertHeader/AlertHeader.js +58 -49
  74. package/es/v1/alert/AlertLookup/AlertLookup.js +101 -41
  75. package/es/v1/avatar/AvatarClose/AvatarClose.js +1 -1
  76. package/es/v1/avatar/AvatarCollision/AvatarCollision.js +1 -1
  77. package/es/v1/avatar/AvatarIcon/AvatarIcon.js +2 -2
  78. package/es/v1/avatar/AvatarStatus/AvatarStatus.js +1 -1
  79. package/es/v1/avatar/AvatarThread/AvatarThread.js +1 -1
  80. package/es/v1/avatar/AvatarUser/AvatarUser.js +1 -1
  81. package/es/v1/avatar/AvatarWithTeam/AvatarWithTeam.js +2 -2
  82. package/es/v1/dropdown/ToggleDropDown/ToggleDropDown.js +18 -15
  83. package/es/v1/errorstate/Inconvenience/Inconvenience.js +53 -80
  84. package/es/v1/{version2/errorstate → errorstate}/OopsSomethingMiss/OopsSomethingMiss.js +6 -6
  85. package/es/v1/{version2/errorstate → errorstate}/UnableToProcessRequest/UnableToProcessRequest.js +6 -6
  86. package/es/v1/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +54 -73
  87. package/es/v1/{version2/errorstate → errorstate}/UrlNotFound/UrlNotFound.js +6 -6
  88. package/es/v1/{version2/errorstate → errorstate}/WillBeRightBack/WillBeRightBack.js +6 -6
  89. package/es/v1/form/fields/CheckBoxField/CheckBoxField.js +102 -118
  90. package/es/v1/form/fields/CurrencyField/CurrencyField.js +129 -155
  91. package/es/v1/form/fields/DateField/DateField.js +132 -163
  92. package/es/v1/form/fields/FieldContainer/FieldContainer.js +52 -57
  93. package/es/v1/form/fields/MultiSelectField/MultiSelectField.js +144 -168
  94. package/es/v1/form/fields/PhoneField/PhoneField.js +129 -157
  95. package/es/v1/form/fields/RadioField/RadioField.js +91 -99
  96. package/es/v1/form/fields/SelectField/SelectField.js +141 -156
  97. package/es/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js +8 -8
  98. package/es/v1/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +8 -5
  99. package/es/v1/form/fields/TextBoxField/TextBoxField.js +3 -3
  100. package/es/v1/form/fields/TextEditor/TextEditor.js +1 -1
  101. package/es/v1/form/fields/TextEditorField/TextEditorField.js +1 -1
  102. package/es/v1/form/fields/TextEditorWrapper/TextEditorWrapper.js +3 -3
  103. package/es/v1/form/fields/TextareaField/TextareaField.js +3 -3
  104. package/es/v1/form/fields/ValidationMessage/ValidationMessage.js +2 -2
  105. package/es/v1/layout/SetupDetailLayout/SetupDetailLayout.js +155 -198
  106. package/es/v1/layout/SubtabLayout/SubtabLayout.js +110 -126
  107. package/es/v1/list/AvatarFlip/AvatarFlip.js +61 -64
  108. package/es/v1/list/BluePrintStatus/BluePrintStatus.js +11 -18
  109. package/es/v1/list/Comment/Comment.js +25 -32
  110. package/es/v1/list/DepartmentDropDown/DepartmentDropDown.js +57 -72
  111. package/es/v1/list/Dot/Dot.js +9 -16
  112. package/es/v1/list/DotNew/DotNew.js +11 -18
  113. package/es/v1/list/GridStencils/GridStencils.js +21 -24
  114. package/es/v1/list/Icons/AddNewIcon.js +19 -22
  115. package/es/v1/list/Icons/CompleteIcon.js +21 -24
  116. package/es/v1/list/Icons/DeleteIcon.js +22 -25
  117. package/es/v1/list/Icons/EditIcon.js +22 -25
  118. package/es/v1/list/Icons/FloatingIcons.js +12 -19
  119. package/es/v1/list/Icons/ReadUnreadIcon.js +24 -27
  120. package/es/v1/list/Icons/SmartIcon.js +20 -23
  121. package/es/v1/list/ListLayout/ListLayout.js +54 -68
  122. package/es/v1/list/ListStencils/ListStencils.js +28 -31
  123. package/es/v1/list/SecondaryText/AccountName.js +1 -1
  124. package/es/v1/list/SecondaryText/ContactName.js +1 -1
  125. package/es/v1/list/SecondryPanel/SecondryPanel.js +1 -2
  126. package/es/v1/list/Thread/Thread.js +1 -1
  127. package/es/v1/list/UserTime/UserTime.js +1 -1
  128. package/es/v1/list/status/StatusDropdown/StatusDropdown.js +266 -357
  129. package/es/v1/list/status/StatusListItem/StatusListItem.js +77 -102
  130. package/es/v1/lookup/EmptyPage/EmptyPage.js +15 -26
  131. package/es/v1/lookup/Lookup/Lookup.js +4 -3
  132. package/es/v1/lookup/Section/Section.js +15 -21
  133. package/es/v1/lookup/header/ModuleHeader/ModuleHeader.js +1 -1
  134. package/es/v1/lookup/header/Search/Search.js +3 -3
  135. package/es/v1/lookup/header/TicketHeader/TicketHeader.js +1 -1
  136. package/es/v1/lookup/header/ViewDropDown/ViewDropDown.js +10 -9
  137. package/es/v1/{version2/notification → notification}/DesktopNotification/DesktopNotification.js +6 -6
  138. package/es/v1/{version2/notification → notification}/DesktopNotificationHeader/DesktopNotificationHeader.js +6 -6
  139. package/es/v1/setup/header/Button/Button.js +1 -1
  140. package/es/v1/setup/header/Link/Link.js +1 -1
  141. package/es/v1/setup/header/Search/Search.js +1 -1
  142. package/es/v1/setup/table/Table/Table.js +1 -1
  143. package/es/v1/setup/table/TableBody/TableBody.js +1 -1
  144. package/es/v1/setup/table/TableData/TableData.js +1 -1
  145. package/es/v1/setup/table/TableHead/TableHead.js +1 -1
  146. package/es/v1/setup/table/TableRow/TableRow.js +1 -1
  147. package/es/v1/svg/PlusIcon.js +20 -27
  148. package/es/v1/svg/SnippetIcon.js +22 -29
  149. package/es/v1/svg/TemplateIcon.js +23 -30
  150. package/lib/Drawer/Drawer.js +3 -2
  151. package/lib/IconButton/__tests__/IconButton.spec.js +156 -0
  152. package/lib/IconButton/__tests__/__snapshots__/IconButton.spec.js.snap +316 -0
  153. package/lib/form/fields/FieldContainer/props/propTypes.js +1 -1
  154. package/lib/v1/ActionButton/ActionButton.js +11 -9
  155. package/lib/v1/AlphabeticList/AlphabeticList.js +8 -6
  156. package/lib/v1/Attachment/Attachment.js +78 -113
  157. package/lib/v1/AttachmentViewer/AttachmentImage.js +61 -96
  158. package/lib/v1/AttachmentViewer/AttachmentViewer.js +4 -4
  159. package/lib/v1/ChannelIcon/ChannelIcon.js +1 -1
  160. package/lib/v1/Drawer/Drawer.js +6 -6
  161. package/lib/v1/FlipCard/FlipCard.js +4 -4
  162. package/lib/v1/FormAction/FormAction.js +1 -1
  163. package/lib/v1/FreezeLayer/FreezeLayer.js +3 -3
  164. package/lib/v1/{version2/GlobalNotification → GlobalNotification}/GlobalNotification.js +7 -7
  165. package/lib/v1/IconButton/IconButton.js +3 -3
  166. package/lib/v1/Image/Image.js +26 -71
  167. package/lib/v1/ImportantNotes/ImportantNotes.js +1 -1
  168. package/lib/v1/Loader/Loader.js +13 -56
  169. package/lib/v1/MessageBanner/MessageBanner.js +1 -1
  170. package/lib/v1/NewStar/NewStar.js +1 -1
  171. package/lib/v1/Separator/Separator.js +45 -86
  172. package/lib/v1/TagWithIcon/TagWithIcon.js +1 -1
  173. package/lib/v1/ToastMessage/ToastMessage.js +4 -4
  174. package/lib/v1/Upload/Upload.js +59 -104
  175. package/lib/v1/{version2 → alert}/AlertClose/AlertClose.js +1 -1
  176. package/lib/v1/alert/AlertHeader/AlertHeader.js +68 -50
  177. package/lib/v1/alert/AlertLookup/AlertLookup.js +109 -42
  178. package/lib/v1/avatar/AvatarClose/AvatarClose.js +1 -1
  179. package/lib/v1/avatar/AvatarCollision/AvatarCollision.js +1 -1
  180. package/lib/v1/avatar/AvatarIcon/AvatarIcon.js +2 -2
  181. package/lib/v1/avatar/AvatarStatus/AvatarStatus.js +1 -1
  182. package/lib/v1/avatar/AvatarThread/AvatarThread.js +1 -1
  183. package/lib/v1/avatar/AvatarUser/AvatarUser.js +1 -1
  184. package/lib/v1/avatar/AvatarWithTeam/AvatarWithTeam.js +2 -2
  185. package/lib/v1/dropdown/ToggleDropDown/ToggleDropDown.js +18 -16
  186. package/lib/v1/errorstate/Inconvenience/Inconvenience.js +53 -115
  187. package/lib/v1/{version2/errorstate → errorstate}/OopsSomethingMiss/OopsSomethingMiss.js +6 -6
  188. package/lib/v1/{version2/errorstate → errorstate}/UnableToProcessRequest/UnableToProcessRequest.js +6 -6
  189. package/lib/v1/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +54 -108
  190. package/lib/v1/{version2/errorstate → errorstate}/UrlNotFound/UrlNotFound.js +6 -6
  191. package/lib/v1/{version2/errorstate → errorstate}/WillBeRightBack/WillBeRightBack.js +6 -6
  192. package/lib/v1/form/fields/CheckBoxField/CheckBoxField.js +108 -160
  193. package/lib/v1/form/fields/CurrencyField/CurrencyField.js +153 -194
  194. package/lib/v1/form/fields/DateField/DateField.js +141 -207
  195. package/lib/v1/form/fields/FieldContainer/FieldContainer.js +60 -91
  196. package/lib/v1/form/fields/MultiSelectField/MultiSelectField.js +169 -229
  197. package/lib/v1/form/fields/PhoneField/PhoneField.js +151 -194
  198. package/lib/v1/form/fields/RadioField/RadioField.js +93 -139
  199. package/lib/v1/form/fields/SelectField/SelectField.js +152 -203
  200. package/lib/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js +8 -8
  201. package/lib/v1/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +11 -8
  202. package/lib/v1/form/fields/TextBoxField/TextBoxField.js +3 -3
  203. package/lib/v1/form/fields/TextEditor/TextEditor.js +1 -1
  204. package/lib/v1/form/fields/TextEditorField/TextEditorField.js +1 -1
  205. package/lib/v1/form/fields/TextEditorWrapper/TextEditorWrapper.js +3 -3
  206. package/lib/v1/form/fields/TextareaField/TextareaField.js +3 -3
  207. package/lib/v1/form/fields/ValidationMessage/ValidationMessage.js +2 -2
  208. package/lib/v1/layout/SetupDetailLayout/SetupDetailLayout.js +161 -254
  209. package/lib/v1/layout/SubtabLayout/SubtabLayout.js +109 -208
  210. package/lib/v1/list/AvatarFlip/AvatarFlip.js +61 -106
  211. package/lib/v1/list/BluePrintStatus/BluePrintStatus.js +11 -51
  212. package/lib/v1/list/Comment/Comment.js +24 -69
  213. package/lib/v1/list/DepartmentDropDown/DepartmentDropDown.js +67 -122
  214. package/lib/v1/list/Dot/Dot.js +9 -54
  215. package/lib/v1/list/DotNew/DotNew.js +11 -56
  216. package/lib/v1/list/GridStencils/GridStencils.js +21 -62
  217. package/lib/v1/list/Icons/AddNewIcon.js +19 -60
  218. package/lib/v1/list/Icons/CompleteIcon.js +21 -62
  219. package/lib/v1/list/Icons/DeleteIcon.js +22 -63
  220. package/lib/v1/list/Icons/EditIcon.js +22 -63
  221. package/lib/v1/list/Icons/FloatingIcons.js +17 -62
  222. package/lib/v1/list/Icons/ReadUnreadIcon.js +24 -65
  223. package/lib/v1/list/Icons/SmartIcon.js +20 -65
  224. package/lib/v1/list/ListLayout/ListLayout.js +53 -116
  225. package/lib/v1/list/ListStencils/ListStencils.js +33 -72
  226. package/lib/v1/list/SecondaryText/AccountName.js +1 -1
  227. package/lib/v1/list/SecondaryText/ContactName.js +1 -1
  228. package/lib/v1/list/SecondryPanel/SecondryPanel.js +3 -5
  229. package/lib/v1/list/Thread/Thread.js +1 -1
  230. package/lib/v1/list/UserTime/UserTime.js +1 -1
  231. package/lib/v1/list/status/StatusDropdown/StatusDropdown.js +367 -472
  232. package/lib/v1/list/status/StatusListItem/StatusListItem.js +83 -139
  233. package/lib/v1/lookup/EmptyPage/EmptyPage.js +43 -93
  234. package/lib/v1/lookup/Lookup/Lookup.js +5 -3
  235. package/lib/v1/lookup/Section/Section.js +15 -59
  236. package/lib/v1/lookup/header/ModuleHeader/ModuleHeader.js +1 -1
  237. package/lib/v1/lookup/header/Search/Search.js +3 -3
  238. package/lib/v1/lookup/header/TicketHeader/TicketHeader.js +1 -1
  239. package/lib/v1/lookup/header/ViewDropDown/ViewDropDown.js +10 -9
  240. package/lib/v1/{version2/notification → notification}/DesktopNotification/DesktopNotification.js +6 -6
  241. package/lib/v1/{version2/notification → notification}/DesktopNotificationHeader/DesktopNotificationHeader.js +6 -6
  242. package/lib/v1/setup/header/Button/Button.js +1 -1
  243. package/lib/v1/setup/header/Link/Link.js +1 -1
  244. package/lib/v1/setup/header/Search/Search.js +1 -1
  245. package/lib/v1/setup/table/Table/Table.js +1 -1
  246. package/lib/v1/setup/table/TableBody/TableBody.js +1 -1
  247. package/lib/v1/setup/table/TableData/TableData.js +1 -1
  248. package/lib/v1/setup/table/TableHead/TableHead.js +1 -1
  249. package/lib/v1/setup/table/TableRow/TableRow.js +1 -1
  250. package/lib/v1/svg/PlusIcon.js +20 -65
  251. package/lib/v1/svg/SnippetIcon.js +22 -67
  252. package/lib/v1/svg/TemplateIcon.js +23 -68
  253. package/package.json +10 -10
  254. package/result.json +1 -1
  255. package/unittest/index.html +1 -1
  256. package/es/v1/errorstate/LinkText/LinkText.js +0 -29
  257. package/es/v1/errorstate/NoRequestFound/NoRequestFound.js +0 -84
  258. package/es/v1/errorstate/PermissionPlay/PermissionPlay.js +0 -83
  259. package/es/v1/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +0 -84
  260. package/es/v1/errorstate/UnableToProcess/UnableToProcess.js +0 -86
  261. package/es/v1/errorstate/WillBack/WillBack.js +0 -75
  262. package/es/v1/errorstate/index.js +0 -8
  263. package/es/v1/version2/errorstate/Inconvenience/Inconvenience.js +0 -63
  264. package/es/v1/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +0 -65
  265. package/es/v1/version2/index.js +0 -12
  266. package/es/v1/version2/lookup/AlertHeader/AlertHeader.js +0 -79
  267. package/es/v1/version2/lookup/AlertLookup/AlertLookup.js +0 -164
  268. package/lib/v1/errorstate/LinkText/LinkText.js +0 -80
  269. package/lib/v1/errorstate/NoRequestFound/NoRequestFound.js +0 -135
  270. package/lib/v1/errorstate/PermissionPlay/PermissionPlay.js +0 -134
  271. package/lib/v1/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +0 -135
  272. package/lib/v1/errorstate/UnableToProcess/UnableToProcess.js +0 -137
  273. package/lib/v1/errorstate/WillBack/WillBack.js +0 -125
  274. package/lib/v1/errorstate/index.js +0 -71
  275. package/lib/v1/version2/errorstate/Inconvenience/Inconvenience.js +0 -79
  276. package/lib/v1/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +0 -81
  277. package/lib/v1/version2/index.js +0 -58
  278. package/lib/v1/version2/lookup/AlertHeader/AlertHeader.js +0 -104
  279. package/lib/v1/version2/lookup/AlertLookup/AlertLookup.js +0 -185
  280. /package/es/v1/{version2 → alert}/alertIcons/AlarmAlertIcon.js +0 -0
  281. /package/es/v1/{version2 → alert}/alertIcons/AlertIcons.js +0 -0
  282. /package/es/v1/{version2 → alert}/alertIcons/DangerAlertIcon.js +0 -0
  283. /package/es/v1/{version2 → alert}/alertIcons/ErrorAlertIcon.js +0 -0
  284. /package/es/v1/{version2 → alert}/alertIcons/InfoAlertIcon.js +0 -0
  285. /package/es/v1/{version2 → alert}/alertIcons/NotificationAlertIcon.js +0 -0
  286. /package/es/v1/{version2 → alert}/alertIcons/SuccessAlertIcon.js +0 -0
  287. /package/es/v1/{version2 → alert}/alertIcons/WarningAlertIcon.js +0 -0
  288. /package/es/v1/{version2 → alert}/alertIcons/index.js +0 -0
  289. /package/lib/v1/{version2 → alert}/alertIcons/AlarmAlertIcon.js +0 -0
  290. /package/lib/v1/{version2 → alert}/alertIcons/AlertIcons.js +0 -0
  291. /package/lib/v1/{version2 → alert}/alertIcons/DangerAlertIcon.js +0 -0
  292. /package/lib/v1/{version2 → alert}/alertIcons/ErrorAlertIcon.js +0 -0
  293. /package/lib/v1/{version2 → alert}/alertIcons/InfoAlertIcon.js +0 -0
  294. /package/lib/v1/{version2 → alert}/alertIcons/NotificationAlertIcon.js +0 -0
  295. /package/lib/v1/{version2 → alert}/alertIcons/SuccessAlertIcon.js +0 -0
  296. /package/lib/v1/{version2 → alert}/alertIcons/WarningAlertIcon.js +0 -0
  297. /package/lib/v1/{version2 → alert}/alertIcons/index.js +0 -0
@@ -1,137 +1,75 @@
1
1
  "use strict";
2
2
 
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
-
5
3
  Object.defineProperty(exports, "__esModule", {
6
4
  value: true
7
5
  });
8
- exports["default"] = void 0;
6
+ exports["default"] = Inconvenience;
9
7
 
10
8
  var _react = _interopRequireDefault(require("react"));
11
9
 
12
- var _defaultProps = require("../../../errorstate/Inconvenience/props/defaultProps");
13
-
14
- var _propTypes = require("../../../errorstate/Inconvenience/props/propTypes");
10
+ var _defaultProps = require("../../../version2/errorstate/Inconvenience/props/defaultProps");
15
11
 
16
- var _Layout = require("@zohodesk/components/lib/Layout");
12
+ var _propTypes = require("../../../version2/errorstate/Inconvenience/props/propTypes");
17
13
 
18
- var _LinkText = _interopRequireDefault(require("../LinkText/LinkText"));
14
+ var _Layout = require("@zohodesk/components/es/v1/Layout");
19
15
 
20
- var _EmptyInconvenience = _interopRequireDefault(require("@zohodesk/svg/lib/errorstate/version1/EmptyInconvenience"));
16
+ var _ErrorInconvenience = _interopRequireDefault(require("@zohodesk/svg/lib/v1/errorstate/version3/ErrorInconvenience"));
21
17
 
22
- var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
18
+ var _Button = _interopRequireDefault(require("@zohodesk/components/es/v1/Button/Button"));
23
19
 
24
- var _EmptyStatesModule = _interopRequireDefault(require("../../../errorstate/EmptyStates.module.css"));
20
+ var _CommonEmptyState = _interopRequireDefault(require("../../emptystate/CommonEmptyState/CommonEmptyState"));
25
21
 
26
- var _InconvenienceModule = _interopRequireDefault(require("../../../errorstate/Inconvenience/Inconvenience.module.css"));
22
+ var _V2_ErrorStatesModule = _interopRequireDefault(require("../../../version2/errorstate/V2_ErrorStates.module.css"));
27
23
 
28
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
29
25
 
30
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
31
-
32
- 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); } }
33
-
34
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
35
-
36
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
37
-
38
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
39
-
40
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
41
-
42
- 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); }
43
-
44
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
45
-
46
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
47
-
48
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
49
-
50
- var Inconvenience = /*#__PURE__*/function (_React$Component) {
51
- _inherits(Inconvenience, _React$Component);
52
-
53
- var _super = _createSuper(Inconvenience);
54
-
55
- function Inconvenience(props) {
56
- var _this;
57
-
58
- _classCallCheck(this, Inconvenience);
59
-
60
- _this = _super.call(this, props);
61
- _this.responsiveFunc = _this.responsiveFunc.bind(_assertThisInitialized(_this));
62
- return _this;
26
+ function Inconvenience(props) {
27
+ function errorInconvenience() {
28
+ return /*#__PURE__*/_react["default"].createElement(_ErrorInconvenience["default"], {
29
+ className: _V2_ErrorStatesModule["default"].errorSvg
30
+ });
63
31
  }
64
32
 
65
- _createClass(Inconvenience, [{
66
- key: "responsiveFunc",
67
- value: function responsiveFunc(_ref) {
68
- var mediaQueryOR = _ref.mediaQueryOR;
69
- return {
70
- tablet: mediaQueryOR([{
71
- minWidth: 481,
72
- maxWidth: 768
73
- }]),
74
- uptoMobile: mediaQueryOR([{
75
- maxWidth: 480
76
- }])
77
- };
78
- }
79
- }, {
80
- key: "render",
81
- value: function render() {
82
- var _this$props = this.props,
83
- title = _this$props.title,
84
- subtitle = _this$props.subtitle,
85
- description = _this$props.description,
86
- urlText = _this$props.urlText,
87
- url = _this$props.url,
88
- onClick = _this$props.onClick,
89
- dataId = _this$props.dataId,
90
- customClass = _this$props.customClass;
91
- return /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
92
- query: this.responsiveFunc
93
- }, function (_ref2) {
94
- var tablet = _ref2.tablet,
95
- uptoMobile = _ref2.uptoMobile;
96
- return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
97
- className: "".concat(uptoMobile || tablet ? _EmptyStatesModule["default"].tabletContainer : _EmptyStatesModule["default"].container, " ").concat(customClass),
98
- dataId: dataId,
99
- scroll: "vertical"
100
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
101
- className: _EmptyStatesModule["default"].top
102
- }, title ? /*#__PURE__*/_react["default"].createElement("div", {
103
- className: uptoMobile ? _EmptyStatesModule["default"].mobileTitle : tablet ? _EmptyStatesModule["default"].tabletTitle : _EmptyStatesModule["default"].title
104
- }, title) : null, subtitle ? /*#__PURE__*/_react["default"].createElement("div", {
105
- className: uptoMobile ? _EmptyStatesModule["default"].mobileSubTitle : tablet ? _EmptyStatesModule["default"].tabletSubTitle : _EmptyStatesModule["default"].subtitle
106
- }, subtitle) : null), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
107
- className: "".concat(_InconvenienceModule["default"].imageContainer, " ").concat(uptoMobile ? _EmptyStatesModule["default"].mobileImageContainer : tablet ? _EmptyStatesModule["default"].tabletImageContainer : _EmptyStatesModule["default"].imageContainer)
108
- }, /*#__PURE__*/_react["default"].createElement(_EmptyInconvenience["default"], {
109
- isFluid: true,
110
- dataId: "".concat(dataId, "_svg")
111
- })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
112
- className: "".concat(uptoMobile || tablet ? '' : _EmptyStatesModule["default"].footerWidth, " ").concat(_EmptyStatesModule["default"].footer)
113
- }, /*#__PURE__*/_react["default"].createElement("div", {
114
- className: uptoMobile || tablet ? _EmptyStatesModule["default"].tabletBtmText : _EmptyStatesModule["default"].btmText
115
- }, description), /*#__PURE__*/_react["default"].createElement(_LinkText["default"], {
116
- text: urlText,
117
- href: url,
118
- onClick: onClick,
119
- dataId: "".concat(dataId, "_link"),
120
- customClass: uptoMobile || tablet ? _EmptyStatesModule["default"].tabletBtmText : ''
121
- })));
122
- });
33
+ var title = props.title,
34
+ description = props.description,
35
+ isButtonNeeded = props.isButtonNeeded,
36
+ className = props.className,
37
+ isFluid = props.isFluid,
38
+ dataId = props.dataId,
39
+ buttonText = props.buttonText,
40
+ onButtonClick = props.onButtonClick,
41
+ urlText = props.urlText,
42
+ url = props.url,
43
+ onClick = props.onClick,
44
+ urlTarget = props.urlTarget,
45
+ size = props.size;
46
+ return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
47
+ scroll: "vertical",
48
+ className: "".concat(_V2_ErrorStatesModule["default"].container, " ").concat(_V2_ErrorStatesModule["default"][size])
49
+ }, /*#__PURE__*/_react["default"].createElement(_CommonEmptyState["default"], {
50
+ title: title,
51
+ description: description,
52
+ getEmptyState: errorInconvenience,
53
+ className: "".concat(_V2_ErrorStatesModule["default"].errorState, " ").concat(className),
54
+ isFluid: isFluid,
55
+ dataId: dataId,
56
+ linkUrl: url,
57
+ linkText: urlText,
58
+ onUrlClick: onClick,
59
+ linkTarget: urlTarget,
60
+ customClass: {
61
+ titleClass: _V2_ErrorStatesModule["default"].title,
62
+ descriptionClass: _V2_ErrorStatesModule["default"].desc
123
63
  }
124
- }]);
125
-
126
- return Inconvenience;
127
- }(_react["default"].Component);
64
+ }, isButtonNeeded ? /*#__PURE__*/_react["default"].createElement(_Button["default"], {
65
+ palette: "primaryFilled",
66
+ text: buttonText,
67
+ customClass: {
68
+ customButton: _V2_ErrorStatesModule["default"].errorBtn
69
+ },
70
+ onClick: onButtonClick
71
+ }) : null));
72
+ }
128
73
 
129
- exports["default"] = Inconvenience;
130
74
  Inconvenience.propTypes = _propTypes.propTypes;
131
- Inconvenience.defaultProps = _defaultProps.defaultProps;
132
-
133
- if (false) {
134
- Inconvenience.docs = {
135
- componentGroup: 'errorStates'
136
- };
137
- }
75
+ Inconvenience.defaultProps = _defaultProps.defaultProps;
@@ -7,19 +7,19 @@ exports["default"] = OopsSomethingMiss;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- var _defaultProps = require("../../../../version2/errorstate/OopsSomethingMiss/props/defaultProps");
10
+ var _defaultProps = require("../../../version2/errorstate/OopsSomethingMiss/props/defaultProps");
11
11
 
12
- var _propTypes = require("../../../../version2/errorstate/OopsSomethingMiss/props/propTypes");
12
+ var _propTypes = require("../../../version2/errorstate/OopsSomethingMiss/props/propTypes");
13
13
 
14
- var _Layout = require("@zohodesk/components/lib/Layout");
14
+ var _Layout = require("@zohodesk/components/es/v1/Layout");
15
15
 
16
16
  var _ErrorOopsSomethingMiss = _interopRequireDefault(require("@zohodesk/svg/lib/v1/errorstate/version3/ErrorOopsSomethingMiss"));
17
17
 
18
- var _Button = _interopRequireDefault(require("@zohodesk/components/lib/Button/Button"));
18
+ var _Button = _interopRequireDefault(require("@zohodesk/components/es/v1/Button/Button"));
19
19
 
20
- var _CommonEmptyState = _interopRequireDefault(require("../../../emptystate/CommonEmptyState/CommonEmptyState"));
20
+ var _CommonEmptyState = _interopRequireDefault(require("../../emptystate/CommonEmptyState/CommonEmptyState"));
21
21
 
22
- var _V2_ErrorStatesModule = _interopRequireDefault(require("../../../../version2/errorstate/V2_ErrorStates.module.css"));
22
+ var _V2_ErrorStatesModule = _interopRequireDefault(require("../../../version2/errorstate/V2_ErrorStates.module.css"));
23
23
 
24
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
25
 
@@ -7,19 +7,19 @@ exports["default"] = UnableToProcessRequest;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- var _defaultProps = require("../../../../version2/errorstate/UnableToProcessRequest/props/defaultProps");
10
+ var _defaultProps = require("../../../version2/errorstate/UnableToProcessRequest/props/defaultProps");
11
11
 
12
- var _propTypes = require("../../../../version2/errorstate/UnableToProcessRequest/props/propTypes");
12
+ var _propTypes = require("../../../version2/errorstate/UnableToProcessRequest/props/propTypes");
13
13
 
14
- var _Layout = require("@zohodesk/components/lib/Layout");
14
+ var _Layout = require("@zohodesk/components/es/v1/Layout");
15
15
 
16
16
  var _ErrorUnableToProcessRequest = _interopRequireDefault(require("@zohodesk/svg/lib/v1/errorstate/version3/ErrorUnableToProcessRequest"));
17
17
 
18
- var _Button = _interopRequireDefault(require("@zohodesk/components/lib/Button/Button"));
18
+ var _Button = _interopRequireDefault(require("@zohodesk/components/es/v1/Button/Button"));
19
19
 
20
- var _CommonEmptyState = _interopRequireDefault(require("../../../emptystate/CommonEmptyState/CommonEmptyState"));
20
+ var _CommonEmptyState = _interopRequireDefault(require("../../emptystate/CommonEmptyState/CommonEmptyState"));
21
21
 
22
- var _V2_ErrorStatesModule = _interopRequireDefault(require("../../../../version2/errorstate/V2_ErrorStates.module.css"));
22
+ var _V2_ErrorStatesModule = _interopRequireDefault(require("../../../version2/errorstate/V2_ErrorStates.module.css"));
23
23
 
24
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
25
 
@@ -1,132 +1,78 @@
1
1
  "use strict";
2
2
 
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
-
5
3
  Object.defineProperty(exports, "__esModule", {
6
4
  value: true
7
5
  });
8
- exports["default"] = void 0;
6
+ exports["default"] = UnauthorizedLogin;
9
7
 
10
8
  var _react = _interopRequireDefault(require("react"));
11
9
 
12
- var _defaultProps = require("../../../errorstate/UnauthorizedLogin/props/defaultProps");
13
-
14
- var _propTypes = require("../../../errorstate/UnauthorizedLogin/props/propTypes");
10
+ var _defaultProps = require("../../../version2/errorstate/UnauthorizedLogin/props/defaultProps");
15
11
 
16
- var _Layout = require("@zohodesk/components/lib/Layout");
12
+ var _propTypes = require("../../../version2/errorstate/UnauthorizedLogin/props/propTypes");
17
13
 
18
- var _LinkText = _interopRequireDefault(require("../LinkText/LinkText"));
14
+ var _Layout = require("@zohodesk/components/es/v1/Layout");
19
15
 
20
- var _UnauthorizedLogin = _interopRequireDefault(require("@zohodesk/svg/lib/errorstate/version1/UnauthorizedLogin"));
16
+ var _ErrorUnauthorizedLogin = _interopRequireDefault(require("@zohodesk/svg/lib/v1/errorstate/version3/ErrorUnauthorizedLogin"));
21
17
 
22
- var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
18
+ var _Button = _interopRequireDefault(require("@zohodesk/components/es/v1/Button/Button"));
23
19
 
24
- var _EmptyStatesModule = _interopRequireDefault(require("../../../errorstate/EmptyStates.module.css"));
20
+ var _CommonEmptyState = _interopRequireDefault(require("../../emptystate/CommonEmptyState/CommonEmptyState"));
25
21
 
26
- var _UnauthorizedLoginModule = _interopRequireDefault(require("../../../errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css"));
22
+ var _V2_ErrorStatesModule = _interopRequireDefault(require("../../../version2/errorstate/V2_ErrorStates.module.css"));
27
23
 
28
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
29
25
 
30
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
31
-
32
- 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); } }
33
-
34
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
35
-
36
- function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
37
-
38
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
39
-
40
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
41
-
42
- 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); }
43
-
44
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
45
-
46
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
47
-
48
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
49
-
50
- var UnauthorizedLogin = /*#__PURE__*/function (_React$Component) {
51
- _inherits(UnauthorizedLogin, _React$Component);
52
-
53
- var _super = _createSuper(UnauthorizedLogin);
54
-
55
- function UnauthorizedLogin(props) {
56
- var _this;
57
-
58
- _classCallCheck(this, UnauthorizedLogin);
59
-
60
- _this = _super.call(this, props);
61
- _this.responsiveFunc = _this.responsiveFunc.bind(_assertThisInitialized(_this));
62
- return _this;
26
+ function UnauthorizedLogin(props) {
27
+ function errorUnauthorizedLogin() {
28
+ return /*#__PURE__*/_react["default"].createElement(_ErrorUnauthorizedLogin["default"], {
29
+ className: _V2_ErrorStatesModule["default"].errorSvg
30
+ });
63
31
  }
64
32
 
65
- _createClass(UnauthorizedLogin, [{
66
- key: "responsiveFunc",
67
- value: function responsiveFunc(_ref) {
68
- var mediaQueryOR = _ref.mediaQueryOR;
69
- return {
70
- tablet: mediaQueryOR([{
71
- minWidth: 481,
72
- maxWidth: 768
73
- }]),
74
- uptoMobile: mediaQueryOR([{
75
- maxWidth: 480
76
- }])
77
- };
78
- }
79
- }, {
80
- key: "render",
81
- value: function render() {
82
- var _this$props = this.props,
83
- title = _this$props.title,
84
- subtitle = _this$props.subtitle,
85
- description = _this$props.description,
86
- urlText = _this$props.urlText,
87
- url = _this$props.url,
88
- onClick = _this$props.onClick,
89
- dataId = _this$props.dataId,
90
- customClass = _this$props.customClass;
91
- return /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
92
- query: this.responsiveFunc
93
- }, function (_ref2) {
94
- var tablet = _ref2.tablet,
95
- uptoMobile = _ref2.uptoMobile;
96
- return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
97
- className: "".concat(uptoMobile || tablet ? _EmptyStatesModule["default"].tabletContainer : _EmptyStatesModule["default"].container, " ").concat(customClass),
98
- dataId: dataId,
99
- scroll: "vertical"
100
- }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
101
- className: _EmptyStatesModule["default"].top
102
- }, title ? /*#__PURE__*/_react["default"].createElement("div", {
103
- className: uptoMobile ? _EmptyStatesModule["default"].mobileTitle : tablet ? _EmptyStatesModule["default"].tabletTitle : _EmptyStatesModule["default"].title
104
- }, title) : null, subtitle ? /*#__PURE__*/_react["default"].createElement("div", {
105
- className: uptoMobile ? _EmptyStatesModule["default"].mobileSubTitle : tablet ? _EmptyStatesModule["default"].tabletSubTitle : _EmptyStatesModule["default"].subtitle
106
- }, subtitle) : null), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
107
- className: "".concat(_UnauthorizedLoginModule["default"].imageContainer, " ").concat(uptoMobile ? _EmptyStatesModule["default"].mobileImageContainer : _EmptyStatesModule["default"].tabletImageContainer)
108
- }, /*#__PURE__*/_react["default"].createElement(_UnauthorizedLogin["default"], {
109
- isFluid: true,
110
- dataId: "".concat(dataId, "_svg")
111
- })), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
112
- className: "".concat(uptoMobile || tablet ? '' : _EmptyStatesModule["default"].footerWidth, " ").concat(_EmptyStatesModule["default"].footer)
113
- }, /*#__PURE__*/_react["default"].createElement("div", {
114
- className: uptoMobile || tablet ? _EmptyStatesModule["default"].tabletBtmText : _EmptyStatesModule["default"].btmText
115
- }, description), /*#__PURE__*/_react["default"].createElement(_LinkText["default"], {
116
- text: urlText,
117
- href: url,
118
- onClick: onClick,
119
- dataId: "".concat(dataId, "_link"),
120
- customClass: uptoMobile || tablet ? _EmptyStatesModule["default"].tabletBtmText : ''
121
- })));
122
- });
33
+ var title = props.title,
34
+ description = props.description,
35
+ isButtonNeeded = props.isButtonNeeded,
36
+ className = props.className,
37
+ isFluid = props.isFluid,
38
+ dataId = props.dataId,
39
+ buttonText = props.buttonText,
40
+ buttonPalette = props.buttonPalette,
41
+ onButtonClick = props.onButtonClick,
42
+ urlText = props.urlText,
43
+ url = props.url,
44
+ onClick = props.onClick,
45
+ urlTarget = props.urlTarget,
46
+ size = props.size;
47
+ return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
48
+ scroll: "vertical",
49
+ className: "".concat(_V2_ErrorStatesModule["default"].container, " ").concat(_V2_ErrorStatesModule["default"][size])
50
+ }, /*#__PURE__*/_react["default"].createElement(_CommonEmptyState["default"], {
51
+ title: title,
52
+ description: description,
53
+ getEmptyState: errorUnauthorizedLogin,
54
+ className: "".concat(_V2_ErrorStatesModule["default"].errorState, " ").concat(className),
55
+ isFluid: isFluid,
56
+ dataId: dataId,
57
+ linkUrl: url,
58
+ linkText: urlText,
59
+ onUrlClick: onClick,
60
+ linkTarget: urlTarget,
61
+ customClass: {
62
+ titleClass: _V2_ErrorStatesModule["default"].title,
63
+ descriptionClass: _V2_ErrorStatesModule["default"].desc
123
64
  }
124
- }]);
65
+ }, isButtonNeeded ? /*#__PURE__*/_react["default"].createElement(_Button["default"], {
66
+ palette: buttonPalette,
67
+ text: buttonText,
68
+ customClass: {
69
+ customButton: _V2_ErrorStatesModule["default"].errorBtn
70
+ },
71
+ onClick: onButtonClick,
72
+ dataId: "".concat(dataId, "_button")
73
+ }) : null));
74
+ }
125
75
 
126
- return UnauthorizedLogin;
127
- }(_react["default"].Component);
128
-
129
- exports["default"] = UnauthorizedLogin;
130
76
  UnauthorizedLogin.propTypes = _propTypes.propTypes;
131
77
  UnauthorizedLogin.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
132
78
  // UnauthorizedLogin.docs = {
@@ -7,19 +7,19 @@ exports["default"] = UrlNotFound;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- var _defaultProps = require("../../../../version2/errorstate/UrlNotFound/props/defaultProps");
10
+ var _defaultProps = require("../../../version2/errorstate/UrlNotFound/props/defaultProps");
11
11
 
12
- var _propTypes = require("../../../../version2/errorstate/UrlNotFound/props/propTypes");
12
+ var _propTypes = require("../../../version2/errorstate/UrlNotFound/props/propTypes");
13
13
 
14
- var _Layout = require("@zohodesk/components/lib/Layout");
14
+ var _Layout = require("@zohodesk/components/es/v1/Layout");
15
15
 
16
16
  var _ErrorUrlNotFound = _interopRequireDefault(require("@zohodesk/svg/lib/v1/errorstate/version3/ErrorUrlNotFound"));
17
17
 
18
- var _Button = _interopRequireDefault(require("@zohodesk/components/lib/Button/Button"));
18
+ var _Button = _interopRequireDefault(require("@zohodesk/components/es/v1/Button/Button"));
19
19
 
20
- var _CommonEmptyState = _interopRequireDefault(require("../../../emptystate/CommonEmptyState/CommonEmptyState"));
20
+ var _CommonEmptyState = _interopRequireDefault(require("../../emptystate/CommonEmptyState/CommonEmptyState"));
21
21
 
22
- var _V2_ErrorStatesModule = _interopRequireDefault(require("../../../../version2/errorstate/V2_ErrorStates.module.css"));
22
+ var _V2_ErrorStatesModule = _interopRequireDefault(require("../../../version2/errorstate/V2_ErrorStates.module.css"));
23
23
 
24
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
25
 
@@ -7,19 +7,19 @@ exports["default"] = WillBeRightBack;
7
7
 
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
 
10
- var _defaultProps = require("../../../../version2/errorstate/WillBeRightBack/props/defaultProps");
10
+ var _defaultProps = require("../../../version2/errorstate/WillBeRightBack/props/defaultProps");
11
11
 
12
- var _propTypes = require("../../../../version2/errorstate/WillBeRightBack/props/propTypes");
12
+ var _propTypes = require("../../../version2/errorstate/WillBeRightBack/props/propTypes");
13
13
 
14
- var _Layout = require("@zohodesk/components/lib/Layout");
14
+ var _Layout = require("@zohodesk/components/es/v1/Layout");
15
15
 
16
16
  var _ErrorWillBeRightBack = _interopRequireDefault(require("@zohodesk/svg/lib/v1/errorstate/version3/ErrorWillBeRightBack"));
17
17
 
18
- var _Button = _interopRequireDefault(require("@zohodesk/components/lib/Button/Button"));
18
+ var _Button = _interopRequireDefault(require("@zohodesk/components/es/v1/Button/Button"));
19
19
 
20
- var _CommonEmptyState = _interopRequireDefault(require("../../../emptystate/CommonEmptyState/CommonEmptyState"));
20
+ var _CommonEmptyState = _interopRequireDefault(require("../../emptystate/CommonEmptyState/CommonEmptyState"));
21
21
 
22
- var _V2_ErrorStatesModule = _interopRequireDefault(require("../../../../version2/errorstate/V2_ErrorStates.module.css"));
22
+ var _V2_ErrorStatesModule = _interopRequireDefault(require("../../../version2/errorstate/V2_ErrorStates.module.css"));
23
23
 
24
24
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
25
25