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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (502) hide show
  1. package/README.md +23 -2
  2. package/es/ActionButton/ActionButton.js +5 -2
  3. package/es/AlphabeticList/AlphabeticList.js +10 -0
  4. package/es/Attachment/Attachment.js +2 -3
  5. package/es/AttachmentViewer/Attachment.js +1 -0
  6. package/es/AttachmentViewer/AttachmentImage.js +6 -0
  7. package/es/AttachmentViewer/AttachmentViewer.js +34 -3
  8. package/es/AttachmentViewer/utils.js +17 -0
  9. package/es/ChannelIcon/ChannelIcon.js +5 -2
  10. package/es/Drawer/Drawer.js +9 -3
  11. package/es/ExternalLink/ExternalLink.js +7 -4
  12. package/es/FlipCard/FlipCard.js +7 -2
  13. package/es/FormAction/FormAction.js +4 -5
  14. package/es/FreezeLayer/FreezeLayer.js +3 -8
  15. package/es/FreezeLayer/useFreezeLayer.js +5 -0
  16. package/es/Hooks/Dragger/props/defaultProps.js +10 -0
  17. package/es/Hooks/Dragger/props/propTypes.js +11 -0
  18. package/es/Hooks/Dragger/useDragger.js +90 -61
  19. package/es/Hooks/Dragger/utils/DraggerUtil.js +3 -42
  20. package/es/IconButton/IconButton.js +9 -3
  21. package/es/Image/Image.js +2 -2
  22. package/es/ImportantNotes/ImportantNotes.js +3 -3
  23. package/es/Link/Link.js +15 -5
  24. package/es/Loader/Loader.js +2 -2
  25. package/es/Message/Message.js +9 -3
  26. package/es/MessageBanner/MessageBanner.js +2 -3
  27. package/es/NewStar/NewStar.js +10 -15
  28. package/es/PlusIcon/PlusIcon.js +3 -3
  29. package/es/Separator/Separator.js +3 -0
  30. package/es/TagWithIcon/TagWithIcon.js +1 -0
  31. package/es/ToastMessage/ToastMessage.js +15 -10
  32. package/es/Upload/Upload.js +2 -3
  33. package/es/actions/AutoClose.js +4 -0
  34. package/es/actions/index.js +3 -0
  35. package/es/alert/AlertHeader/AlertHeader.js +2 -3
  36. package/es/alert/AlertLookup/AlertLookup.js +5 -5
  37. package/es/avatar/AvatarClose/AvatarClose.js +4 -2
  38. package/es/avatar/AvatarCollision/AvatarCollision.js +4 -2
  39. package/es/avatar/AvatarIcon/AvatarIcon.js +3 -2
  40. package/es/avatar/AvatarStatus/AvatarStatus.js +4 -3
  41. package/es/avatar/AvatarThread/AvatarThread.js +3 -3
  42. package/es/avatar/AvatarUser/AvatarUser.js +4 -3
  43. package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +3 -3
  44. package/es/deprecated/FreezeLayer/FreezeLayer.js +10 -3
  45. package/es/deprecated/SelectDropdown/SelectDropdown.js +8 -2
  46. package/es/deprecated/utils/General.js +2 -0
  47. package/es/deprecated/utils/KeyboardApi.js +45 -4
  48. package/es/docs/generalDocs.js +2 -2
  49. package/es/docs/lookupDocs.js +1 -2
  50. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +64 -6
  51. package/es/emptystate/CommonEmptyState/CommonEmptyState.js +2 -3
  52. package/es/emptystate/EditionPage/EditionPage.js +3 -3
  53. package/es/errorstate/Inconvenience/Inconvenience.js +4 -0
  54. package/es/errorstate/LinkText/LinkText.js +2 -2
  55. package/es/errorstate/NoRequestFound/NoRequestFound.js +4 -2
  56. package/es/errorstate/PermissionPlay/PermissionPlay.js +4 -2
  57. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +4 -2
  58. package/es/errorstate/UnableToProcess/UnableToProcess.js +4 -0
  59. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +4 -2
  60. package/es/errorstate/WillBack/WillBack.js +4 -2
  61. package/es/form/fields/CheckBoxField/CheckBoxField.js +9 -5
  62. package/es/form/fields/CurrencyField/CurrencyField.js +12 -5
  63. package/es/form/fields/DateField/DateField.js +15 -5
  64. package/es/form/fields/FieldContainer/FieldContainer.js +6 -4
  65. package/es/form/fields/FieldContainer/props/defaultProps.js +1 -2
  66. package/es/form/fields/FieldContainer/props/propTypes.js +1 -2
  67. package/es/form/fields/MultiSelectField/MultiSelectField.js +15 -12
  68. package/es/form/fields/PhoneField/PhoneField.js +13 -5
  69. package/es/form/fields/RadioField/RadioField.js +7 -4
  70. package/es/form/fields/SelectField/SelectField.js +11 -10
  71. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +14 -3
  72. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +20 -4
  73. package/es/form/fields/TextBoxField/TextBoxField.js +11 -10
  74. package/es/form/fields/TextEditor/TextEditor.js +58 -7
  75. package/es/form/fields/TextEditorField/TextEditorField.js +11 -5
  76. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js +12 -4
  77. package/es/form/fields/TextareaField/TextareaField.js +13 -12
  78. package/es/form/fields/ValidationMessage/ValidationMessage.js +2 -3
  79. package/es/form/layout/Field/Field.js +2 -3
  80. package/es/form/layout/Section/Section.js +3 -2
  81. package/es/layout/SetupDetailLayout/SetupDetailLayout.js +11 -3
  82. package/es/layout/SubtabLayout/SubtabLayout.js +6 -3
  83. package/es/list/AvatarFlip/AvatarFlip.js +2 -3
  84. package/es/list/BluePrintStatus/BluePrintStatus.js +3 -3
  85. package/es/list/Comment/Comment.js +3 -3
  86. package/es/list/DepartmentDropDown/DepartmentDropDown.js +9 -2
  87. package/es/list/Dot/Dot.js +2 -0
  88. package/es/list/DotNew/DotNew.js +3 -3
  89. package/es/list/GridStencils/GridStencils.js +2 -3
  90. package/es/list/Icons/AddNewIcon.js +1 -0
  91. package/es/list/Icons/CompleteIcon.js +1 -0
  92. package/es/list/Icons/DeleteIcon.js +1 -0
  93. package/es/list/Icons/EditIcon.js +1 -0
  94. package/es/list/Icons/FloatingIcons.js +3 -3
  95. package/es/list/Icons/ReadUnreadIcon.js +1 -0
  96. package/es/list/Icons/SmartIcon.js +1 -0
  97. package/es/list/ListLayout/ListLayout.js +6 -3
  98. package/es/list/ListStencils/ListStencils.js +4 -4
  99. package/es/list/SecondaryText/AccountName.js +6 -5
  100. package/es/list/SecondaryText/ContactName.js +3 -3
  101. package/es/list/SecondaryText/DepartmentText.js +3 -3
  102. package/es/list/SecondaryText/Email.js +6 -5
  103. package/es/list/SecondaryText/HappinessRating.js +3 -4
  104. package/es/list/SecondaryText/PhoneNumber.js +6 -5
  105. package/es/list/SecondaryText/PriorityText.js +3 -3
  106. package/es/list/SecondaryText/SecondaryText.js +4 -3
  107. package/es/list/SecondaryText/StatusText.js +3 -3
  108. package/es/list/SecondaryText/TicketId.js +4 -3
  109. package/es/list/SecondaryText/Website.js +5 -5
  110. package/es/list/SecondryPanel/SecondryPanel.js +9 -8
  111. package/es/list/SentimentStatus/SentimentStatus.js +3 -3
  112. package/es/list/Subject/Subject.js +4 -3
  113. package/es/list/TagNew/TagNew.js +3 -3
  114. package/es/list/Thread/Thread.js +3 -3
  115. package/es/list/UserTime/UserTime.js +3 -3
  116. package/es/list/status/StatusDropdown/StatusDropdown.js +32 -2
  117. package/es/list/status/StatusListItem/StatusListItem.js +11 -3
  118. package/es/lookup/EmptyPage/EmptyPage.js +9 -3
  119. package/es/lookup/Lookup/Lookup.js +9 -5
  120. package/es/lookup/Section/Section.js +2 -0
  121. package/es/lookup/header/Close/Close.js +3 -4
  122. package/es/lookup/header/ModuleHeader/ModuleHeader.js +4 -6
  123. package/es/lookup/header/Search/Search.js +21 -6
  124. package/es/lookup/header/TicketHeader/TicketHeader.js +4 -6
  125. package/es/lookup/header/Title/Title.js +3 -4
  126. package/es/lookup/header/ViewDropDown/ViewDropDown.js +12 -6
  127. package/es/lookup/header/ViewDropDown/props/propTypes.js +1 -0
  128. package/es/setup/header/Button/Button.js +3 -3
  129. package/es/setup/header/Link/Link.js +3 -3
  130. package/es/setup/header/Search/Search.js +5 -3
  131. package/es/setup/header/Views/Views.js +3 -3
  132. package/es/setup/helptips/Description/Description.js +3 -3
  133. package/es/setup/helptips/Link/Link.js +5 -3
  134. package/es/setup/helptips/ListGroup/ListGroup.js +5 -3
  135. package/es/setup/helptips/Title/Title.js +3 -3
  136. package/es/setup/table/Table/Table.js +2 -3
  137. package/es/setup/table/TableBody/TableBody.js +2 -3
  138. package/es/setup/table/TableData/TableData.js +3 -3
  139. package/es/setup/table/TableHead/TableHead.js +3 -3
  140. package/es/setup/table/TableRow/TableRow.js +3 -3
  141. package/es/setup/table/Text/Text.js +4 -3
  142. package/es/svg/PlusIcon.js +2 -3
  143. package/es/svg/SnippetIcon.js +2 -3
  144. package/es/svg/TemplateIcon.js +2 -3
  145. package/es/utils/General.js +7 -0
  146. package/es/utils/editorUtils.js +40 -16
  147. package/es/version2/AlertClose/AlertClose.js +2 -3
  148. package/es/version2/GlobalNotification/GlobalNotification.js +9 -3
  149. package/es/version2/alertIcons/AlarmAlertIcon.js +1 -0
  150. package/es/version2/alertIcons/AlertIcons.js +2 -3
  151. package/es/version2/alertIcons/DangerAlertIcon.js +1 -0
  152. package/es/version2/alertIcons/ErrorAlertIcon.js +1 -0
  153. package/es/version2/alertIcons/InfoAlertIcon.js +1 -0
  154. package/es/version2/alertIcons/NotificationAlertIcon.js +1 -0
  155. package/es/version2/alertIcons/SuccessAlertIcon.js +1 -0
  156. package/es/version2/alertIcons/WarningAlertIcon.js +1 -0
  157. package/es/version2/errorstate/Inconvenience/Inconvenience.js +4 -3
  158. package/es/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +4 -3
  159. package/es/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +4 -3
  160. package/es/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +4 -3
  161. package/es/version2/errorstate/UrlNotFound/UrlNotFound.js +4 -3
  162. package/es/version2/errorstate/WillBeRightBack/WillBeRightBack.js +4 -3
  163. package/es/version2/lookup/AlertHeader/AlertHeader.js +76 -60
  164. package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +20 -0
  165. package/es/version2/lookup/AlertHeader/props/defaultProps.js +8 -2
  166. package/es/version2/lookup/AlertHeader/props/propTypes.js +9 -2
  167. package/es/version2/lookup/AlertLookup/AlertLookup.js +8 -12
  168. package/es/version2/notification/DesktopNotification/DesktopNotification.js +5 -3
  169. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +3 -3
  170. package/lib/ActionButton/ActionButton.js +64 -34
  171. package/lib/ActionButton/props/propTypes.js +3 -0
  172. package/lib/AlphabeticList/AlphabeticList.js +53 -21
  173. package/lib/AlphabeticList/props/propTypes.js +10 -1
  174. package/lib/Attachment/Attachment.js +41 -19
  175. package/lib/Attachment/props/propTypes.js +3 -0
  176. package/lib/AttachmentViewer/Attachment.js +4 -0
  177. package/lib/AttachmentViewer/AttachmentImage.js +36 -10
  178. package/lib/AttachmentViewer/AttachmentViewer.js +87 -24
  179. package/lib/AttachmentViewer/props/propTypes.js +3 -0
  180. package/lib/AttachmentViewer/utils.js +31 -10
  181. package/lib/ChannelIcon/ChannelIcon.js +55 -27
  182. package/lib/ChannelIcon/props/propTypes.js +3 -0
  183. package/lib/Drawer/Drawer.js +109 -51
  184. package/lib/Drawer/index.js +4 -0
  185. package/lib/Drawer/props/propTypes.js +3 -0
  186. package/lib/ExternalLink/ExternalLink.js +37 -15
  187. package/lib/ExternalLink/__tests__/ExternalLink.spec.js +7 -0
  188. package/lib/ExternalLink/props/propTypes.js +3 -0
  189. package/lib/FlipCard/FlipCard.js +72 -40
  190. package/lib/FlipCard/props/propTypes.js +3 -0
  191. package/lib/FormAction/FormAction.js +41 -13
  192. package/lib/FormAction/props/propTypes.js +3 -0
  193. package/lib/FreezeLayer/FreezeLayer.js +41 -32
  194. package/lib/FreezeLayer/css/cssJSLogic.js +9 -8
  195. package/lib/FreezeLayer/index.js +3 -0
  196. package/lib/FreezeLayer/props/propTypes.js +3 -0
  197. package/lib/FreezeLayer/useFreezeLayer.js +30 -9
  198. package/lib/Hooks/Dragger/props/defaultProps.js +17 -0
  199. package/lib/Hooks/Dragger/props/propTypes.js +22 -0
  200. package/lib/Hooks/Dragger/useDragger.js +97 -60
  201. package/lib/Hooks/Dragger/utils/DraggerUtil.js +11 -51
  202. package/lib/IconButton/IconButton.js +61 -36
  203. package/lib/IconButton/props/propTypes.js +6 -4
  204. package/lib/Image/Image.js +35 -15
  205. package/lib/Image/props/propTypes.js +3 -0
  206. package/lib/ImportantNotes/ImportantNotes.js +34 -13
  207. package/lib/ImportantNotes/props/propTypes.js +3 -0
  208. package/lib/Link/Link.js +56 -25
  209. package/lib/Link/LinkContext.js +4 -0
  210. package/lib/Link/props/propTypes.js +3 -0
  211. package/lib/Loader/Loader.js +25 -3
  212. package/lib/Message/Message.js +43 -16
  213. package/lib/Message/props/propTypes.js +3 -0
  214. package/lib/MessageBanner/MessageBanner.js +38 -16
  215. package/lib/MessageBanner/props/propTypes.js +3 -0
  216. package/lib/NewStar/NewStar.js +38 -21
  217. package/lib/NewStar/props/propTypes.js +3 -0
  218. package/lib/PlusIcon/PlusIcon.js +34 -14
  219. package/lib/PlusIcon/props/propTypes.js +3 -0
  220. package/lib/Provider/Config.js +2 -0
  221. package/lib/Separator/Separator.js +36 -13
  222. package/lib/Separator/props/propTypes.js +3 -0
  223. package/lib/TagWithIcon/TagWithIcon.js +36 -13
  224. package/lib/TagWithIcon/props/propTypes.js +3 -0
  225. package/lib/ToastMessage/ToastMessage.js +75 -45
  226. package/lib/ToastMessage/props/propTypes.js +3 -0
  227. package/lib/Upload/Upload.js +42 -20
  228. package/lib/Upload/props/propTypes.js +3 -0
  229. package/lib/actions/AutoClose.js +29 -9
  230. package/lib/actions/index.js +5 -0
  231. package/lib/actions/props/propTypes.js +3 -0
  232. package/lib/alert/AlertHeader/AlertHeader.js +43 -18
  233. package/lib/alert/AlertHeader/props/propTypes.js +3 -0
  234. package/lib/alert/AlertLookup/AlertLookup.js +67 -40
  235. package/lib/alert/AlertLookup/props/propTypes.js +3 -0
  236. package/lib/alert/index.js +3 -0
  237. package/lib/avatar/AvatarClose/AvatarClose.js +39 -16
  238. package/lib/avatar/AvatarClose/props/propTypes.js +3 -0
  239. package/lib/avatar/AvatarCollision/AvatarCollision.js +42 -19
  240. package/lib/avatar/AvatarCollision/props/propTypes.js +3 -0
  241. package/lib/avatar/AvatarIcon/AvatarIcon.js +45 -21
  242. package/lib/avatar/AvatarIcon/props/propTypes.js +3 -0
  243. package/lib/avatar/AvatarStatus/AvatarStatus.js +49 -28
  244. package/lib/avatar/AvatarStatus/props/propTypes.js +6 -4
  245. package/lib/avatar/AvatarThread/AvatarThread.js +55 -33
  246. package/lib/avatar/AvatarThread/props/propTypes.js +3 -0
  247. package/lib/avatar/AvatarUser/AvatarUser.js +63 -40
  248. package/lib/avatar/AvatarUser/props/propTypes.js +3 -0
  249. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js +54 -32
  250. package/lib/avatar/AvatarWithTeam/__tests__/AvatarWithTeam.spec.js +12 -6
  251. package/lib/avatar/AvatarWithTeam/props/propTypes.js +3 -0
  252. package/lib/avatar/index.js +8 -0
  253. package/lib/deprecated/FreezeLayer/FreezeLayer.js +49 -20
  254. package/lib/deprecated/FreezeLayer/props/propTypes.js +3 -0
  255. package/lib/deprecated/SelectDropdown/SelectDropdown.js +52 -21
  256. package/lib/deprecated/utils/General.js +5 -0
  257. package/lib/deprecated/utils/KeyboardApi.js +48 -7
  258. package/lib/docs/formDocs.js +16 -0
  259. package/lib/docs/generalDocs.js +60 -0
  260. package/lib/docs/lookupDocs.js +17 -0
  261. package/lib/docs/setupDocs.js +12 -0
  262. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +225 -145
  263. package/lib/dropdown/ToggleDropDown/props/propTypes.js +3 -0
  264. package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +46 -24
  265. package/lib/emptystate/CommonEmptyState/props/propTypes.js +3 -0
  266. package/lib/emptystate/EditionPage/EditionPage.js +36 -14
  267. package/lib/emptystate/EditionPage/props/propTypes.js +3 -0
  268. package/lib/errorstate/Inconvenience/Inconvenience.js +40 -12
  269. package/lib/errorstate/Inconvenience/props/propTypes.js +3 -0
  270. package/lib/errorstate/LinkText/LinkText.js +31 -10
  271. package/lib/errorstate/LinkText/props/propTypes.js +3 -0
  272. package/lib/errorstate/NoRequestFound/NoRequestFound.js +40 -14
  273. package/lib/errorstate/NoRequestFound/props/propTypes.js +3 -0
  274. package/lib/errorstate/PermissionPlay/PermissionPlay.js +40 -14
  275. package/lib/errorstate/PermissionPlay/props/propTypes.js +3 -0
  276. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +40 -14
  277. package/lib/errorstate/RequestUrlNotFound/props/propTypes.js +3 -0
  278. package/lib/errorstate/UnableToProcess/UnableToProcess.js +40 -12
  279. package/lib/errorstate/UnableToProcess/props/propTypes.js +3 -0
  280. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +40 -14
  281. package/lib/errorstate/UnauthorizedLogin/props/propTypes.js +3 -0
  282. package/lib/errorstate/WillBack/WillBack.js +33 -8
  283. package/lib/errorstate/WillBack/props/propTypes.js +3 -0
  284. package/lib/errorstate/index.js +9 -0
  285. package/lib/form/fields/CheckBoxField/CheckBoxField.js +71 -41
  286. package/lib/form/fields/CheckBoxField/props/defaultProps.js +7 -4
  287. package/lib/form/fields/CheckBoxField/props/propTypes.js +9 -4
  288. package/lib/form/fields/CurrencyField/CurrencyField.js +81 -51
  289. package/lib/form/fields/CurrencyField/props/defaultProps.js +7 -4
  290. package/lib/form/fields/CurrencyField/props/propTypes.js +9 -4
  291. package/lib/form/fields/DateField/DateField.js +83 -50
  292. package/lib/form/fields/DateField/props/defaultProps.js +7 -4
  293. package/lib/form/fields/DateField/props/propTypes.js +9 -4
  294. package/lib/form/fields/FieldContainer/FieldContainer.js +48 -25
  295. package/lib/form/fields/FieldContainer/props/defaultProps.js +7 -4
  296. package/lib/form/fields/FieldContainer/props/propTypes.js +9 -4
  297. package/lib/form/fields/MultiSelectField/MultiSelectField.js +100 -74
  298. package/lib/form/fields/MultiSelectField/props/defaultProps.js +7 -4
  299. package/lib/form/fields/MultiSelectField/props/propTypes.js +9 -4
  300. package/lib/form/fields/PhoneField/PhoneField.js +73 -43
  301. package/lib/form/fields/PhoneField/props/propTypes.js +3 -0
  302. package/lib/form/fields/RadioField/RadioField.js +64 -36
  303. package/lib/form/fields/RadioField/props/propTypes.js +3 -0
  304. package/lib/form/fields/SelectField/SelectField.js +98 -71
  305. package/lib/form/fields/SelectField/props/defaultProps.js +7 -4
  306. package/lib/form/fields/SelectField/props/propTypes.js +9 -4
  307. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +83 -46
  308. package/lib/form/fields/TagsMultiSelect/props/propTypes.js +3 -0
  309. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +103 -62
  310. package/lib/form/fields/TagsMultiSelectField/props/defaultProps.js +7 -4
  311. package/lib/form/fields/TagsMultiSelectField/props/propTypes.js +9 -4
  312. package/lib/form/fields/TextBoxField/TextBoxField.js +85 -58
  313. package/lib/form/fields/TextBoxField/props/defaultProps.js +7 -4
  314. package/lib/form/fields/TextBoxField/props/propTypes.js +9 -4
  315. package/lib/form/fields/TextEditor/TextEditor.js +116 -53
  316. package/lib/form/fields/TextEditor/props/propTypes.js +3 -0
  317. package/lib/form/fields/TextEditorField/TextEditorField.js +89 -61
  318. package/lib/form/fields/TextEditorField/props/defaultProps.js +7 -4
  319. package/lib/form/fields/TextEditorField/props/propTypes.js +9 -4
  320. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +79 -47
  321. package/lib/form/fields/TextEditorWrapper/props/propTypes.js +3 -0
  322. package/lib/form/fields/TextareaField/TextareaField.js +81 -55
  323. package/lib/form/fields/TextareaField/props/defaultProps.js +7 -4
  324. package/lib/form/fields/TextareaField/props/propTypes.js +9 -4
  325. package/lib/form/fields/ValidationMessage/ValidationMessage.js +40 -18
  326. package/lib/form/fields/ValidationMessage/props/propTypes.js +3 -0
  327. package/lib/form/fields/index.js +17 -0
  328. package/lib/form/fields/props/FieldCommonDefaultProps.js +2 -0
  329. package/lib/form/fields/props/FieldCommonPropTypes.js +4 -0
  330. package/lib/form/layout/Field/Field.js +34 -13
  331. package/lib/form/layout/Field/props/propTypes.js +3 -0
  332. package/lib/form/layout/Section/Section.js +33 -12
  333. package/lib/form/layout/Section/props/propTypes.js +3 -0
  334. package/lib/form/layout/index.js +3 -0
  335. package/lib/index.js +57 -0
  336. package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +83 -36
  337. package/lib/layout/SetupDetailLayout/index.js +4 -0
  338. package/lib/layout/SetupDetailLayout/props/propTypes.js +3 -0
  339. package/lib/layout/SubtabLayout/SubtabLayout.js +83 -39
  340. package/lib/layout/SubtabLayout/index.js +4 -0
  341. package/lib/layout/SubtabLayout/props/propTypes.js +3 -0
  342. package/lib/list/AvatarFlip/AvatarFlip.js +54 -32
  343. package/lib/list/AvatarFlip/props/propTypes.js +3 -0
  344. package/lib/list/BluePrintStatus/BluePrintStatus.js +25 -6
  345. package/lib/list/BluePrintStatus/props/propTypes.js +3 -0
  346. package/lib/list/Comment/Comment.js +33 -9
  347. package/lib/list/Comment/props/propTypes.js +3 -0
  348. package/lib/list/DepartmentDropDown/DepartmentDropDown.js +57 -28
  349. package/lib/list/DepartmentDropDown/props/propTypes.js +6 -4
  350. package/lib/list/Dot/Dot.js +28 -5
  351. package/lib/list/Dot/props/propTypes.js +3 -0
  352. package/lib/list/DotNew/DotNew.js +30 -9
  353. package/lib/list/DotNew/props/propTypes.js +3 -0
  354. package/lib/list/GridStencils/GridStencils.js +29 -11
  355. package/lib/list/GridStencils/props/propTypes.js +3 -0
  356. package/lib/list/Icons/AddNewIcon.js +29 -8
  357. package/lib/list/Icons/CompleteIcon.js +30 -9
  358. package/lib/list/Icons/DeleteIcon.js +30 -9
  359. package/lib/list/Icons/EditIcon.js +30 -9
  360. package/lib/list/Icons/FloatingIcons.js +32 -9
  361. package/lib/list/Icons/ReadUnreadIcon.js +33 -11
  362. package/lib/list/Icons/SmartIcon.js +31 -8
  363. package/lib/list/Icons/index.js +8 -0
  364. package/lib/list/Icons/props/propTypes.js +3 -0
  365. package/lib/list/ListLayout/ListLayout.js +58 -28
  366. package/lib/list/ListLayout/props/propTypes.js +6 -4
  367. package/lib/list/ListStencils/ListStencils.js +28 -6
  368. package/lib/list/ListStencils/props/propTypes.js +3 -0
  369. package/lib/list/SecondaryText/AccountName.js +51 -27
  370. package/lib/list/SecondaryText/ContactName.js +58 -32
  371. package/lib/list/SecondaryText/DepartmentText.js +30 -10
  372. package/lib/list/SecondaryText/Email.js +42 -19
  373. package/lib/list/SecondaryText/HappinessRating.js +29 -9
  374. package/lib/list/SecondaryText/PhoneNumber.js +44 -21
  375. package/lib/list/SecondaryText/PriorityText.js +32 -11
  376. package/lib/list/SecondaryText/SecondaryText.js +34 -12
  377. package/lib/list/SecondaryText/StatusText.js +33 -12
  378. package/lib/list/SecondaryText/TicketId.js +43 -20
  379. package/lib/list/SecondaryText/Website.js +35 -13
  380. package/lib/list/SecondaryText/index.js +12 -0
  381. package/lib/list/SecondaryText/props/propTypes.js +3 -0
  382. package/lib/list/SecondryPanel/SecondryPanel.js +71 -28
  383. package/lib/list/SecondryPanel/props/propTypes.js +3 -0
  384. package/lib/list/SentimentStatus/SentimentStatus.js +27 -8
  385. package/lib/list/SentimentStatus/props/propTypes.js +3 -0
  386. package/lib/list/Subject/Subject.js +45 -22
  387. package/lib/list/Subject/props/propTypes.js +3 -0
  388. package/lib/list/TagNew/TagNew.js +32 -11
  389. package/lib/list/TagNew/props/propTypes.js +3 -0
  390. package/lib/list/Thread/Thread.js +34 -11
  391. package/lib/list/Thread/props/propTypes.js +3 -0
  392. package/lib/list/UserTime/UserTime.js +45 -21
  393. package/lib/list/UserTime/props/propTypes.js +3 -0
  394. package/lib/list/index.js +21 -0
  395. package/lib/list/status/StatusDropdown/StatusDropdown.js +133 -77
  396. package/lib/list/status/StatusDropdown/props/propTypes.js +6 -4
  397. package/lib/list/status/StatusListItem/StatusListItem.js +63 -37
  398. package/lib/list/status/StatusListItem/props/propTypes.js +3 -0
  399. package/lib/list/status/index.js +3 -0
  400. package/lib/lookup/EmptyPage/EmptyPage.js +38 -8
  401. package/lib/lookup/EmptyPage/props/propTypes.js +3 -0
  402. package/lib/lookup/Lookup/Lookup.js +51 -23
  403. package/lib/lookup/Lookup/props/propTypes.js +3 -0
  404. package/lib/lookup/Section/Section.js +28 -5
  405. package/lib/lookup/Section/props/propTypes.js +3 -0
  406. package/lib/lookup/header/Close/Close.js +30 -9
  407. package/lib/lookup/header/Close/props/propTypes.js +3 -0
  408. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +49 -23
  409. package/lib/lookup/header/ModuleHeader/props/propTypes.js +3 -0
  410. package/lib/lookup/header/Search/Search.js +67 -29
  411. package/lib/lookup/header/Search/props/propTypes.js +3 -0
  412. package/lib/lookup/header/TicketHeader/TicketHeader.js +50 -22
  413. package/lib/lookup/header/TicketHeader/props/propTypes.js +3 -0
  414. package/lib/lookup/header/Title/Title.js +30 -9
  415. package/lib/lookup/header/Title/props/propTypes.js +3 -0
  416. package/lib/lookup/header/ViewDropDown/ViewDropDown.js +62 -28
  417. package/lib/lookup/header/ViewDropDown/props/propTypes.js +4 -0
  418. package/lib/lookup/header/index.js +6 -0
  419. package/lib/lookup/index.js +9 -0
  420. package/lib/setup/header/Button/Button.js +30 -10
  421. package/lib/setup/header/Button/props/propTypes.js +3 -0
  422. package/lib/setup/header/Link/Link.js +33 -11
  423. package/lib/setup/header/Link/props/propTypes.js +3 -0
  424. package/lib/setup/header/Search/Search.js +34 -12
  425. package/lib/setup/header/Search/props/propTypes.js +3 -0
  426. package/lib/setup/header/Views/Views.js +32 -12
  427. package/lib/setup/header/Views/props/propTypes.js +3 -0
  428. package/lib/setup/header/index.js +5 -0
  429. package/lib/setup/helptips/Description/Description.js +24 -6
  430. package/lib/setup/helptips/Description/props/propTypes.js +3 -0
  431. package/lib/setup/helptips/Link/Link.js +32 -11
  432. package/lib/setup/helptips/Link/props/propTypes.js +3 -0
  433. package/lib/setup/helptips/ListGroup/ListGroup.js +28 -8
  434. package/lib/setup/helptips/ListGroup/props/propTypes.js +3 -0
  435. package/lib/setup/helptips/Title/Title.js +24 -6
  436. package/lib/setup/helptips/Title/props/propTypes.js +3 -0
  437. package/lib/setup/helptips/index.js +5 -0
  438. package/lib/setup/index.js +9 -0
  439. package/lib/setup/table/Table/Table.js +28 -9
  440. package/lib/setup/table/Table/props/propTypes.js +3 -0
  441. package/lib/setup/table/TableBody/TableBody.js +30 -11
  442. package/lib/setup/table/TableBody/props/propTypes.js +3 -0
  443. package/lib/setup/table/TableData/TableData.js +33 -13
  444. package/lib/setup/table/TableData/props/propTypes.js +3 -0
  445. package/lib/setup/table/TableHead/TableHead.js +31 -11
  446. package/lib/setup/table/TableHead/props/propTypes.js +3 -0
  447. package/lib/setup/table/TableRow/TableRow.js +34 -14
  448. package/lib/setup/table/TableRow/props/propTypes.js +3 -0
  449. package/lib/setup/table/Text/Text.js +39 -17
  450. package/lib/setup/table/Text/props/propTypes.js +3 -0
  451. package/lib/setup/table/index.js +6 -0
  452. package/lib/svg/PlusIcon.js +28 -9
  453. package/lib/svg/SnippetIcon.js +28 -9
  454. package/lib/svg/TemplateIcon.js +28 -9
  455. package/lib/svg/index.js +4 -0
  456. package/lib/svg/props/propTypes.js +3 -0
  457. package/lib/utils/ChannelIconMapping.js +2 -0
  458. package/lib/utils/General.js +11 -0
  459. package/lib/utils/editorUtils.js +48 -13
  460. package/lib/version2/AlertClose/AlertClose.js +33 -11
  461. package/lib/version2/AlertClose/props/propTypes.js +3 -0
  462. package/lib/version2/GlobalNotification/GlobalNotification.js +59 -30
  463. package/lib/version2/GlobalNotification/props/propTypes.js +3 -0
  464. package/lib/version2/alertIcons/AlarmAlertIcon.js +28 -5
  465. package/lib/version2/alertIcons/AlertIcons.js +41 -11
  466. package/lib/version2/alertIcons/DangerAlertIcon.js +28 -5
  467. package/lib/version2/alertIcons/ErrorAlertIcon.js +28 -5
  468. package/lib/version2/alertIcons/InfoAlertIcon.js +28 -5
  469. package/lib/version2/alertIcons/NotificationAlertIcon.js +28 -5
  470. package/lib/version2/alertIcons/SuccessAlertIcon.js +28 -5
  471. package/lib/version2/alertIcons/WarningAlertIcon.js +28 -5
  472. package/lib/version2/alertIcons/index.js +9 -0
  473. package/lib/version2/alertIcons/props/propTypes.js +3 -0
  474. package/lib/version2/errorstate/Inconvenience/Inconvenience.js +43 -19
  475. package/lib/version2/errorstate/Inconvenience/props/propTypes.js +3 -0
  476. package/lib/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +43 -19
  477. package/lib/version2/errorstate/OopsSomethingMiss/props/propTypes.js +3 -0
  478. package/lib/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +43 -19
  479. package/lib/version2/errorstate/UnableToProcessRequest/props/propTypes.js +3 -0
  480. package/lib/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +44 -20
  481. package/lib/version2/errorstate/UnauthorizedLogin/props/propTypes.js +3 -0
  482. package/lib/version2/errorstate/UrlNotFound/UrlNotFound.js +43 -19
  483. package/lib/version2/errorstate/UrlNotFound/props/propTypes.js +3 -0
  484. package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js +43 -19
  485. package/lib/version2/errorstate/WillBeRightBack/props/propTypes.js +3 -0
  486. package/lib/version2/errorstate/index.js +7 -0
  487. package/lib/version2/index.js +14 -0
  488. package/lib/version2/lookup/AlertHeader/AlertHeader.js +91 -82
  489. package/lib/version2/lookup/AlertHeader/css/cssJSLogic.js +24 -0
  490. package/lib/version2/lookup/AlertHeader/props/defaultProps.js +10 -4
  491. package/lib/version2/lookup/AlertHeader/props/propTypes.js +14 -4
  492. package/lib/version2/lookup/AlertLookup/AlertLookup.js +84 -54
  493. package/lib/version2/lookup/AlertLookup/props/propTypes.js +3 -0
  494. package/lib/version2/lookup/index.js +3 -0
  495. package/lib/version2/notification/DesktopNotification/DesktopNotification.js +60 -38
  496. package/lib/version2/notification/DesktopNotification/props/propTypes.js +3 -0
  497. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +39 -15
  498. package/lib/version2/notification/DesktopNotificationHeader/props/propTypes.js +3 -0
  499. package/lib/version2/notification/index.js +6 -0
  500. package/package.json +14 -10
  501. /package/es/version2/lookup/AlertHeader/{AlertHeaderNew.module.css → css/AlertHeaderNew.module.css} +0 -0
  502. /package/lib/version2/lookup/AlertHeader/{AlertHeaderNew.module.css → css/AlertHeaderNew.module.css} +0 -0
@@ -1,65 +1,95 @@
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"] = exports.Header = exports.Footer = exports.Content = void 0;
9
+
8
10
  var _react = _interopRequireDefault(require("react"));
11
+
9
12
  var _defaultProps = require("./props/defaultProps");
13
+
10
14
  var _propTypes = require("./props/propTypes");
15
+
11
16
  var _FreezeLayer = _interopRequireDefault(require("../FreezeLayer/FreezeLayer"));
17
+
12
18
  var _Layout = require("@zohodesk/components/lib/Layout");
19
+
13
20
  var _Card = require("@zohodesk/components/lib/Card");
21
+
14
22
  var _FormAction = _interopRequireDefault(require("../FormAction/FormAction"));
23
+
15
24
  var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
25
+
16
26
  var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
27
+
17
28
  var _Heading = _interopRequireDefault(require("@zohodesk/components/lib/Heading/Heading"));
29
+
18
30
  var _IconButton = _interopRequireDefault(require("../IconButton/IconButton"));
31
+
19
32
  var _icons = require("@zohodesk/icons");
33
+
20
34
  var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
35
+
21
36
  var _DrawerModule = _interopRequireDefault(require("./Drawer.module.css"));
37
+
22
38
  var _FocusScope = _interopRequireDefault(require("@zohodesk/a11y/es/FocusScope/FocusScope"));
39
+
23
40
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
41
+
24
42
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
25
- 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); } }
43
+
44
+ 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); } }
45
+
26
46
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
27
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
28
- 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); }
47
+
29
48
  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); }
49
+
30
50
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
51
+
31
52
  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); }; }
53
+
32
54
  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); }
55
+
33
56
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
57
+
34
58
  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; } }
59
+
35
60
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
61
+
36
62
  var Header = /*#__PURE__*/function (_React$Component) {
37
63
  _inherits(Header, _React$Component);
64
+
38
65
  var _super = _createSuper(Header);
66
+
39
67
  function Header() {
40
68
  _classCallCheck(this, Header);
69
+
41
70
  return _super.apply(this, arguments);
42
71
  }
72
+
43
73
  _createClass(Header, [{
44
74
  key: "render",
45
75
  value: function render() {
46
76
  var _this$props = this.props,
47
- title = _this$props.title,
48
- onClose = _this$props.onClose,
49
- children = _this$props.children,
50
- className = _this$props.className,
51
- paddingSize = _this$props.paddingSize,
52
- closeTitle = _this$props.closeTitle,
53
- iconName = _this$props.iconName,
54
- iconSize = _this$props.iconSize,
55
- onIconClick = _this$props.onIconClick,
56
- isIconBold = _this$props.isIconBold,
57
- dataId = _this$props.dataId,
58
- flexible = _this$props.flexible,
59
- getChildren = _this$props.getChildren,
60
- iconTitle = _this$props.iconTitle,
61
- isBoxIcon = _this$props.isBoxIcon,
62
- getTitleChildren = _this$props.getTitleChildren;
77
+ title = _this$props.title,
78
+ onClose = _this$props.onClose,
79
+ children = _this$props.children,
80
+ className = _this$props.className,
81
+ paddingSize = _this$props.paddingSize,
82
+ closeTitle = _this$props.closeTitle,
83
+ iconName = _this$props.iconName,
84
+ iconSize = _this$props.iconSize,
85
+ onIconClick = _this$props.onIconClick,
86
+ isIconBold = _this$props.isIconBold,
87
+ dataId = _this$props.dataId,
88
+ flexible = _this$props.flexible,
89
+ getChildren = _this$props.getChildren,
90
+ iconTitle = _this$props.iconTitle,
91
+ isBoxIcon = _this$props.isBoxIcon,
92
+ getTitleChildren = _this$props.getTitleChildren;
63
93
  return /*#__PURE__*/_react["default"].createElement(_Card.CardHeader, {
64
94
  customClass: "".concat(_DrawerModule["default"].header, " ").concat(_DrawerModule["default"]["".concat(paddingSize, "HeaderPadding")], " ").concat(className ? className : ''),
65
95
  dataId: dataId
@@ -120,26 +150,33 @@ var Header = /*#__PURE__*/function (_React$Component) {
120
150
  }, getChildren())) : null);
121
151
  }
122
152
  }]);
153
+
123
154
  return Header;
124
155
  }(_react["default"].Component);
156
+
125
157
  exports.Header = Header;
126
158
  Header.propTypes = _propTypes.Header_propTypes;
127
159
  Header.defaultProps = _defaultProps.Header_defaultProps;
160
+
128
161
  var Content = /*#__PURE__*/function (_React$Component2) {
129
162
  _inherits(Content, _React$Component2);
163
+
130
164
  var _super2 = _createSuper(Content);
165
+
131
166
  function Content() {
132
167
  _classCallCheck(this, Content);
168
+
133
169
  return _super2.apply(this, arguments);
134
170
  }
171
+
135
172
  _createClass(Content, [{
136
173
  key: "render",
137
174
  value: function render() {
138
175
  var _this$props2 = this.props,
139
- children = _this$props2.children,
140
- className = _this$props2.className,
141
- paddingSize = _this$props2.paddingSize,
142
- eleRef = _this$props2.eleRef;
176
+ children = _this$props2.children,
177
+ className = _this$props2.className,
178
+ paddingSize = _this$props2.paddingSize,
179
+ eleRef = _this$props2.eleRef;
143
180
  return /*#__PURE__*/_react["default"].createElement(_Card.CardContent, {
144
181
  scroll: "vertical",
145
182
  isScrollAttribute: true,
@@ -148,25 +185,32 @@ var Content = /*#__PURE__*/function (_React$Component2) {
148
185
  }, children);
149
186
  }
150
187
  }]);
188
+
151
189
  return Content;
152
190
  }(_react["default"].Component);
191
+
153
192
  exports.Content = Content;
154
193
  Content.propTypes = _propTypes.Content_propTypes;
194
+
155
195
  var Footer = /*#__PURE__*/function (_React$Component3) {
156
196
  _inherits(Footer, _React$Component3);
197
+
157
198
  var _super3 = _createSuper(Footer);
199
+
158
200
  function Footer() {
159
201
  _classCallCheck(this, Footer);
202
+
160
203
  return _super3.apply(this, arguments);
161
204
  }
205
+
162
206
  _createClass(Footer, [{
163
207
  key: "render",
164
208
  value: function render() {
165
209
  var _this$props3 = this.props,
166
- paddingLeftSize = _this$props3.paddingLeftSize,
167
- paddingRightClass = _this$props3.paddingRightClass,
168
- children = _this$props3.children,
169
- size = _this$props3.size;
210
+ paddingLeftSize = _this$props3.paddingLeftSize,
211
+ paddingRightClass = _this$props3.paddingRightClass,
212
+ children = _this$props3.children,
213
+ size = _this$props3.size;
170
214
  return /*#__PURE__*/_react["default"].createElement(_FormAction["default"], {
171
215
  size: size,
172
216
  paddingLeftSize: paddingLeftSize,
@@ -174,17 +218,24 @@ var Footer = /*#__PURE__*/function (_React$Component3) {
174
218
  }, children);
175
219
  }
176
220
  }]);
221
+
177
222
  return Footer;
178
223
  }(_react["default"].Component);
224
+
179
225
  exports.Footer = Footer;
180
226
  Footer.propTypes = _propTypes.Footer_propTypes;
181
227
  Footer.defaultProps = _defaultProps.Footer_defaultProps;
228
+
182
229
  var Drawer = /*#__PURE__*/function (_React$Component4) {
183
230
  _inherits(Drawer, _React$Component4);
231
+
184
232
  var _super4 = _createSuper(Drawer);
233
+
185
234
  function Drawer(props) {
186
235
  var _this;
236
+
187
237
  _classCallCheck(this, Drawer);
238
+
188
239
  _this = _super4.call(this, props);
189
240
  _this.drawers = _this.drawers.bind(_assertThisInitialized(_this));
190
241
  _this.responsiveFunc = _this.responsiveFunc.bind(_assertThisInitialized(_this));
@@ -192,28 +243,33 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
192
243
  _this.createRef = /*#__PURE__*/_react["default"].createRef();
193
244
  return _this;
194
245
  }
246
+
195
247
  _createClass(Drawer, [{
196
248
  key: "drawers",
197
249
  value: function drawers(uptoTablet, styleByResolutions) {
198
250
  var _this$props4 = this.props,
199
- children = _this$props4.children,
200
- size = _this$props4.size,
201
- paddingSize = _this$props4.paddingSize,
202
- subDrawerActive = _this$props4.subDrawerActive,
203
- subDrawerChildren = _this$props4.subDrawerChildren,
204
- onBodyClick = _this$props4.onBodyClick,
205
- onClose = _this$props4.onClose,
206
- needFocusScope = _this$props4.needFocusScope;
251
+ children = _this$props4.children,
252
+ size = _this$props4.size,
253
+ paddingSize = _this$props4.paddingSize,
254
+ subDrawerActive = _this$props4.subDrawerActive,
255
+ subDrawerChildren = _this$props4.subDrawerChildren,
256
+ onBodyClick = _this$props4.onBodyClick,
257
+ onClose = _this$props4.onClose,
258
+ needFocusScope = _this$props4.needFocusScope;
259
+
207
260
  var childrenWithProps = _react["default"].Children.map(children, function (child) {
208
261
  if (child.type === Header || child.type === Footer || child.type === Content) {
209
262
  var _ref = child.props || {},
210
- childPaddingSize = _ref.paddingSize;
263
+ childPaddingSize = _ref.paddingSize;
264
+
211
265
  return paddingSize || childPaddingSize ? /*#__PURE__*/_react["default"].cloneElement(child, {
212
266
  paddingSize: childPaddingSize ? childPaddingSize : paddingSize
213
267
  }) : child;
214
268
  }
269
+
215
270
  return child;
216
271
  });
272
+
217
273
  var content = /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
218
274
  className: "".concat(_DrawerModule["default"].container, " ").concat(_DrawerModule["default"].columns, " ").concat(_DrawerModule["default"].drawerModal, " ").concat(uptoTablet ? _DrawerModule["default"].mbleSize : _DrawerModule["default"][size]),
219
275
  "data-a11y-container-focus": false,
@@ -225,6 +281,7 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
225
281
  onBodyClick(e);
226
282
  }
227
283
  }, childrenWithProps));
284
+
228
285
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, subDrawerChildren ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
229
286
  className: _DrawerModule["default"].columns
230
287
  }, /*#__PURE__*/_react["default"].createElement(_VelocityAnimationGroup["default"], {
@@ -259,19 +316,20 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
259
316
  key: "render",
260
317
  value: function render() {
261
318
  var _this2 = this;
319
+
262
320
  var _this$props5 = this.props,
263
- needFreeze = _this$props5.needFreeze,
264
- palette = _this$props5.palette,
265
- isActive = _this$props5.isActive,
266
- onClose = _this$props5.onClose,
267
- forwardRef = _this$props5.forwardRef,
268
- responsiveId = _this$props5.responsiveId,
269
- subDrawerSize = _this$props5.subDrawerSize,
270
- subDrawerClass = _this$props5.subDrawerClass,
271
- subDrawerActive = _this$props5.subDrawerActive,
272
- customClass = _this$props5.customClass,
273
- needAutoZindex = _this$props5.needAutoZindex,
274
- innerPortalName = _this$props5.innerPortalName;
321
+ needFreeze = _this$props5.needFreeze,
322
+ palette = _this$props5.palette,
323
+ isActive = _this$props5.isActive,
324
+ onClose = _this$props5.onClose,
325
+ forwardRef = _this$props5.forwardRef,
326
+ responsiveId = _this$props5.responsiveId,
327
+ subDrawerSize = _this$props5.subDrawerSize,
328
+ subDrawerClass = _this$props5.subDrawerClass,
329
+ subDrawerActive = _this$props5.subDrawerActive,
330
+ customClass = _this$props5.customClass,
331
+ needAutoZindex = _this$props5.needAutoZindex,
332
+ innerPortalName = _this$props5.innerPortalName;
275
333
  return /*#__PURE__*/_react["default"].createElement(_CustomResponsive.ResponsiveReceiver, {
276
334
  query: this.responsiveFunc,
277
335
  responsiveId: responsiveId
@@ -314,13 +372,13 @@ var Drawer = /*#__PURE__*/function (_React$Component4) {
314
372
  });
315
373
  }
316
374
  }]);
375
+
317
376
  return Drawer;
318
377
  }(_react["default"].Component);
378
+
319
379
  exports["default"] = Drawer;
320
380
  Drawer.propTypes = _propTypes.Drawer_propTypes;
321
- Drawer.defaultProps = _defaultProps.Drawer_defaultProps;
322
-
323
- // if (__DOCS__) {
381
+ Drawer.defaultProps = _defaultProps.Drawer_defaultProps; // if (__DOCS__) {
324
382
  // Drawer.docs = {
325
383
  // componentGroup: 'Template'
326
384
  // };
@@ -1,6 +1,7 @@
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
  });
@@ -28,6 +29,9 @@ Object.defineProperty(exports, "Header", {
28
29
  return _Drawer.Header;
29
30
  }
30
31
  });
32
+
31
33
  var _Drawer = _interopRequireWildcard(require("./Drawer"));
34
+
32
35
  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); }
36
+
33
37
  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; }
@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.Header_propTypes = exports.Footer_propTypes = exports.Drawer_propTypes = exports.Content_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 Header_propTypes = {
10
13
  children: _propTypes["default"].node,
11
14
  className: _propTypes["default"].string,
@@ -1,57 +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["default"] = void 0;
9
+
8
10
  var _react = _interopRequireDefault(require("react"));
11
+
9
12
  var _defaultProps = require("./props/defaultProps");
13
+
10
14
  var _propTypes = require("./props/propTypes");
15
+
11
16
  var _ExternalLinkModule = _interopRequireDefault(require("./ExternalLink.module.css"));
17
+
12
18
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
19
+
13
20
  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); }
21
+
14
22
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
15
- 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); } }
23
+
24
+ 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); } }
25
+
16
26
  function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
17
- function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
18
- 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); }
27
+
19
28
  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); }
29
+
20
30
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
31
+
21
32
  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); }; }
33
+
22
34
  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); }
35
+
23
36
  function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
37
+
24
38
  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; } }
39
+
25
40
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
41
+
26
42
  var ExternalLink = /*#__PURE__*/function (_React$Component) {
27
43
  _inherits(ExternalLink, _React$Component);
44
+
28
45
  var _super = _createSuper(ExternalLink);
46
+
29
47
  function ExternalLink() {
30
48
  _classCallCheck(this, ExternalLink);
49
+
31
50
  return _super.apply(this, arguments);
32
51
  }
52
+
33
53
  _createClass(ExternalLink, [{
34
54
  key: "addHttp",
35
55
  value: function addHttp(url) {
36
56
  var regEx = new RegExp(/(^(ftp|https|mailto|tel|http|simplehelp|dynamicsnav?):)/i);
57
+
37
58
  if (!regEx.test(url)) {
38
59
  return "http://".concat(url);
39
60
  }
61
+
40
62
  return url;
41
63
  }
42
64
  }, {
43
65
  key: "render",
44
66
  value: function render() {
45
67
  var _this$props = this.props,
46
- href = _this$props.href,
47
- title = _this$props.title,
48
- target = _this$props.target,
49
- className = _this$props.className,
50
- children = _this$props.children,
51
- rel = _this$props.rel,
52
- dataId = _this$props.dataId,
53
- onClick = _this$props.onClick,
54
- customProps = _this$props.customProps;
68
+ href = _this$props.href,
69
+ title = _this$props.title,
70
+ target = _this$props.target,
71
+ className = _this$props.className,
72
+ children = _this$props.children,
73
+ rel = _this$props.rel,
74
+ dataId = _this$props.dataId,
75
+ onClick = _this$props.onClick,
76
+ customProps = _this$props.customProps;
55
77
  var urlOutput = href && typeof href !== 'boolean' ? this.addHttp(String(href)) : 'javascript:void(0);';
56
78
  return /*#__PURE__*/_react["default"].createElement("a", _extends({
57
79
  href: urlOutput,
@@ -64,13 +86,13 @@ var ExternalLink = /*#__PURE__*/function (_React$Component) {
64
86
  }, customProps), children);
65
87
  }
66
88
  }]);
89
+
67
90
  return ExternalLink;
68
91
  }(_react["default"].Component);
92
+
69
93
  exports["default"] = ExternalLink;
70
94
  ExternalLink.defaultProps = _defaultProps.defaultProps;
71
- ExternalLink.propTypes = _propTypes.propTypes;
72
-
73
- // if (__DOCS__) {
95
+ ExternalLink.propTypes = _propTypes.propTypes; // if (__DOCS__) {
74
96
  // ExternalLink.docs = {
75
97
  // componentGroup: 'Atom'
76
98
  // };
@@ -1,9 +1,13 @@
1
1
  "use strict";
2
2
 
3
3
  var _react = _interopRequireDefault(require("react"));
4
+
4
5
  var _ExternalLink = _interopRequireDefault(require("../ExternalLink"));
6
+
5
7
  var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
8
+
6
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
+
7
11
  describe('ExternalLink Component', function () {
8
12
  it('should add http/https to href tag if it is not already present', function () {
9
13
  var checkLinks = ['javascript:alert(1)', 'www.test.com', 'test.com', '#'];
@@ -11,6 +15,7 @@ describe('ExternalLink Component', function () {
11
15
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], {
12
16
  href: link
13
17
  }, link));
18
+
14
19
  var renderedElement = ele.toJSON();
15
20
  expect(renderedElement.props.href).toEqual("http://".concat(link));
16
21
  });
@@ -19,11 +24,13 @@ describe('ExternalLink Component', function () {
19
24
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], {
20
25
  href: "https://www.google.com"
21
26
  }, "www.google.com"));
27
+
22
28
  var renderedElement = ele.toJSON();
23
29
  expect(renderedElement.props.href).toEqual('https://www.google.com');
24
30
  });
25
31
  it('should default to / if href is undefined', function () {
26
32
  var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_ExternalLink["default"], null, "www.google.com"));
33
+
27
34
  var renderedElement = ele.toJSON();
28
35
  expect(renderedElement.props.href).toEqual('javascript:void(0);');
29
36
  });
@@ -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
  children: _propTypes["default"].node,
11
14
  className: _propTypes["default"].string,