@zohodesk/dot 1.0.0-temp-88 → 1.0.0-temp.30

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 (360) hide show
  1. package/README.md +26 -1
  2. package/es/ExternalLink/ExternalLink.js +1 -1
  3. package/es/FlipCard/FlipCard.js +1 -1
  4. package/es/Link/Link.js +1 -1
  5. package/es/Message/Message.js +1 -1
  6. package/es/Provider.js +5 -105
  7. package/es/ToastMessage/ToastMessage.js +1 -1
  8. package/es/alert/AlertLookup/AlertLookup.js +12 -5
  9. package/es/alert/AlertLookup/docs/AlertLookup__default.docs.js +4 -3
  10. package/es/avatar/AvatarClose/AvatarClose.js +1 -1
  11. package/es/avatar/AvatarCollision/AvatarCollision.js +1 -1
  12. package/es/avatar/AvatarIcon/AvatarIcon.js +1 -1
  13. package/es/avatar/AvatarStatus/AvatarStatus.js +1 -1
  14. package/es/avatar/AvatarThread/AvatarThread.js +1 -1
  15. package/es/avatar/AvatarUser/AvatarUser.js +1 -1
  16. package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +1 -1
  17. package/es/docs/formDocs.js +5 -1
  18. package/es/docs/generalDocs.js +5 -2
  19. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +4 -5
  20. package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +3 -2
  21. package/es/emptystate/CommonEmptyState/docs/CommonEmptyState__default.docs.js +3 -3
  22. package/es/emptystate/EditionPage/EditionPage.js +1 -1
  23. package/es/errorstate/Inconvenience/Inconvenience.js +1 -1
  24. package/es/errorstate/NoRequestFound/NoRequestFound.js +1 -1
  25. package/es/errorstate/PermissionPlay/PermissionPlay.js +1 -1
  26. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +1 -1
  27. package/es/errorstate/UnableToProcess/UnableToProcess.js +1 -1
  28. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +1 -1
  29. package/es/errorstate/WillBack/WillBack.js +1 -1
  30. package/es/form/fields/CheckBoxField/CheckBoxField.js +17 -29
  31. package/es/form/fields/CheckBoxField/docs/CheckBoxField__default.docs.js +8 -1
  32. package/es/form/fields/CurrencyField/CurrencyField.js +17 -30
  33. package/es/form/fields/CurrencyField/docs/CurrencyField__default.docs.js +36 -0
  34. package/es/form/fields/DateField/DateField.js +17 -29
  35. package/es/form/fields/DateField/docs/DateField__default.docs.js +8 -1
  36. package/es/form/fields/FieldContainer/FieldContainer.js +82 -0
  37. package/es/form/fields/FieldContainer/docs/FieldContainer__default.docs.js +49 -0
  38. package/es/form/fields/MultiSelectField/MultiSelectField.js +17 -29
  39. package/es/form/fields/MultiSelectField/docs/MultiSelectField__default.docs.js +8 -1
  40. package/es/form/fields/PhoneField/PhoneField.js +1 -1
  41. package/es/form/fields/RadioField/RadioField.js +1 -1
  42. package/es/form/fields/SelectField/SelectField.js +17 -29
  43. package/es/form/fields/SelectField/docs/SelectField__default.docs.js +8 -1
  44. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +10 -7
  45. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +33 -29
  46. package/es/form/fields/TextBoxField/TextBoxField.js +19 -44
  47. package/es/form/fields/TextBoxField/docs/TextBoxField__default.docs.js +28 -1
  48. package/es/form/fields/TextEditorField/TextEditorField.js +28 -45
  49. package/es/form/fields/TextEditorField/docs/TextEditorField__default.docs.js +9 -2
  50. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js +1 -1
  51. package/es/form/fields/TextareaField/TextareaField.js +17 -29
  52. package/es/form/fields/TextareaField/docs/TextareaField__default.docs.js +8 -1
  53. package/es/form/fields/props/FieldCommonDefaultProps.js +10 -0
  54. package/es/form/fields/props/FieldCommonPropTypes.js +22 -0
  55. package/es/layout/SubtabLayout/SubtabLayout.js +1 -1
  56. package/es/list/GridStencils/GridStencils.module.css +7 -18
  57. package/es/list/ListLayout/ListLayout.js +1 -1
  58. package/es/list/SecondaryText/AccountName.js +35 -39
  59. package/es/list/SecondaryText/ContactName.js +19 -14
  60. package/es/list/SecondaryText/Email.js +1 -1
  61. package/es/list/SecondaryText/PhoneNumber.js +1 -1
  62. package/es/list/SecondaryText/SecondaryText.js +1 -1
  63. package/es/list/SecondaryText/SecondaryText.module.css +15 -30
  64. package/es/list/SecondaryText/TicketId.js +1 -1
  65. package/es/list/SecondaryText/docs/SecondaryText__default.docs.js +114 -0
  66. package/es/list/Subject/Subject.js +1 -1
  67. package/es/list/status/StatusDropdown/StatusDropdown.js +3 -2
  68. package/es/list/status/StatusListItem/StatusListItem.js +1 -1
  69. package/es/lookup/EmptyPage/EmptyPage.js +4 -4
  70. package/es/lookup/header/Search/Search.js +1 -1
  71. package/es/lookup/header/ViewDropDown/ViewDropDown.js +1 -1
  72. package/es/svg/PlusIcon.js +1 -1
  73. package/es/svg/SnippetIcon.js +1 -1
  74. package/es/svg/TemplateIcon.js +1 -1
  75. package/es/version2/GlobalNotification/GlobalNotification.js +1 -3
  76. package/es/version2/errorstate/Inconvenience/Inconvenience.js +1 -1
  77. package/es/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +1 -1
  78. package/es/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +1 -1
  79. package/es/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +1 -1
  80. package/es/version2/errorstate/UrlNotFound/UrlNotFound.js +1 -1
  81. package/es/version2/errorstate/WillBeRightBack/WillBeRightBack.js +1 -1
  82. package/es/version2/lookup/AlertLookup/AlertLookup.js +1 -1
  83. package/es/version2/notification/DesktopNotification/DesktopNotification.js +1 -1
  84. package/lib/ActionButton/ActionButton.js +2 -2
  85. package/lib/ActionButton/docs/ActionButton__default.docs.js +2 -2
  86. package/lib/AlphabeticList/AlphabeticList.js +2 -2
  87. package/lib/AlphabeticList/docs/AlphabeticList__default.docs.js +2 -2
  88. package/lib/AlphabeticList/docs/AlphabeticList__horizontal.docs.js +2 -2
  89. package/lib/Attachment/Attachment.js +2 -2
  90. package/lib/Attachment/docs/Attachment__default.docs.js +2 -2
  91. package/lib/AttachmentViewer/AttachmentImage.js +2 -2
  92. package/lib/AttachmentViewer/AttachmentViewer.js +2 -2
  93. package/lib/AttachmentViewer/docs/AttachmentViewer__default.docs.js +2 -2
  94. package/lib/ChannelIcon/ChannelIcon.js +2 -2
  95. package/lib/ChannelIcon/docs/ChannelIcon__default.docs.js +2 -2
  96. package/lib/Drawer/Drawer.js +2 -2
  97. package/lib/Drawer/docs/Drawer__default.docs.js +2 -2
  98. package/lib/Drawer/docs/Drawer__multiDrawer.docs.js +2 -2
  99. package/lib/Drawer/docs/Drawer__noFreeze.docs.js +2 -2
  100. package/lib/Drawer/docs/Drawer__withModal.docs.js +2 -2
  101. package/lib/ExternalLink/ExternalLink.js +3 -3
  102. package/lib/ExternalLink/docs/ExternalLink__default.docs.js +2 -2
  103. package/lib/FlipCard/FlipCard.js +3 -3
  104. package/lib/FlipCard/docs/FlipCard__default.docs.js +2 -2
  105. package/lib/FormAction/FormAction.js +2 -2
  106. package/lib/FormAction/docs/FormAction__default.docs.js +2 -2
  107. package/lib/FreezeLayer/FreezeLayer.js +2 -2
  108. package/lib/FreezeLayer/docs/FreezeLayer__dark.docs.js +2 -2
  109. package/lib/FreezeLayer/docs/FreezeLayer__default.docs.js +2 -2
  110. package/lib/IconButton/IconButton.js +2 -2
  111. package/lib/IconButton/docs/IconButton__default.docs.js +2 -2
  112. package/lib/Image/Image.js +2 -2
  113. package/lib/Image/docs/Image__default.docs.js +2 -2
  114. package/lib/ImportantNotes/ImportantNotes.js +2 -2
  115. package/lib/ImportantNotes/docs/ImportantNotes__default.docs.js +2 -2
  116. package/lib/Link/Link.js +3 -3
  117. package/lib/Link/docs/Link__default.docs.js +2 -2
  118. package/lib/Loader/Loader.js +2 -2
  119. package/lib/Loader/docs/Loader__default.docs.js +2 -2
  120. package/lib/Message/Message.js +3 -3
  121. package/lib/Message/docs/Message__default.docs.js +2 -2
  122. package/lib/MessageBanner/MessageBanner.js +2 -2
  123. package/lib/MessageBanner/docs/MessageBanner__default.docs.js +2 -2
  124. package/lib/NewStar/NewStar.js +2 -2
  125. package/lib/NewStar/docs/NewStar__default.docs.js +2 -2
  126. package/lib/PlusIcon/PlusIcon.js +2 -2
  127. package/lib/PlusIcon/docs/PlusIcon__default.docs.js +2 -2
  128. package/lib/Provider.js +8 -125
  129. package/lib/ToastMessage/ToastMessage.js +1 -1
  130. package/lib/ToastMessage/docs/ToastMessage__custom.docs.js +2 -2
  131. package/lib/ToastMessage/docs/ToastMessage__information.docs.js +2 -2
  132. package/lib/ToastMessage/docs/ToastMessage__primary.docs.js +2 -2
  133. package/lib/ToastMessage/docs/ToastMessage__secondary.docs.js +2 -2
  134. package/lib/ToastMessage/docs/ToastMessage__success.docs.js +2 -2
  135. package/lib/Upload/Upload.js +2 -2
  136. package/lib/Upload/docs/Upload__default.docs.js +2 -2
  137. package/lib/alert/AlertHeader/AlertHeader.js +2 -2
  138. package/lib/alert/AlertHeader/docs/AlertHeader__default.docs.js +2 -2
  139. package/lib/alert/AlertLookup/AlertLookup.js +14 -7
  140. package/lib/alert/AlertLookup/docs/AlertLookup__default.docs.js +6 -5
  141. package/lib/avatar/AvatarClose/AvatarClose.js +3 -3
  142. package/lib/avatar/AvatarClose/docs/AvatarClose__default.docs.js +2 -2
  143. package/lib/avatar/AvatarCollision/AvatarCollision.js +3 -3
  144. package/lib/avatar/AvatarCollision/docs/AvatarCollision__default.docs.js +2 -2
  145. package/lib/avatar/AvatarIcon/AvatarIcon.js +3 -3
  146. package/lib/avatar/AvatarIcon/docs/AvatarIcon__palette.docs.js +2 -2
  147. package/lib/avatar/AvatarIcon/docs/AvatarIcon__size.docs.js +2 -2
  148. package/lib/avatar/AvatarStatus/AvatarStatus.js +3 -3
  149. package/lib/avatar/AvatarStatus/docs/AvatarStatus__size.docs.js +2 -2
  150. package/lib/avatar/AvatarStatus/docs/AvatarStatus__state.docs.js +2 -2
  151. package/lib/avatar/AvatarThread/AvatarThread.js +3 -3
  152. package/lib/avatar/AvatarThread/docs/AvatarThread__default.docs.js +2 -2
  153. package/lib/avatar/AvatarUser/AvatarUser.js +3 -3
  154. package/lib/avatar/AvatarUser/docs/AvatarUser__default.docs.js +2 -2
  155. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js +3 -3
  156. package/lib/avatar/AvatarWithTeam/docs/AvatarWithTeam__default.docs.js +2 -2
  157. package/lib/deprecated/SelectDropdown/SelectDropdown.js +2 -2
  158. package/lib/deprecated/SelectDropdown/docs/SelectDropdown__default.docs.js +2 -2
  159. package/lib/docs/formDocs.js +32 -0
  160. package/lib/docs/generalDocs.js +8 -0
  161. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +6 -5
  162. package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +3 -2
  163. package/lib/dropdown/ToggleDropDown/docs/ToggleDropDown__default.docs.js +2 -2
  164. package/lib/emptystate/CommonEmptyState/CommonEmptyState.js +2 -2
  165. package/lib/emptystate/CommonEmptyState/docs/CommonEmptyState__default.docs.js +5 -5
  166. package/lib/emptystate/EditionPage/EditionPage.js +3 -3
  167. package/lib/emptystate/EditionPage/docs/EditionPage__default.docs.js +2 -2
  168. package/lib/errorstate/Inconvenience/Inconvenience.js +3 -3
  169. package/lib/errorstate/Inconvenience/docs/Inconvenience__default.docs.js +2 -2
  170. package/lib/errorstate/LinkText/LinkText.js +2 -2
  171. package/lib/errorstate/LinkText/docs/LinkText__default.docs.js +2 -2
  172. package/lib/errorstate/NoRequestFound/NoRequestFound.js +3 -3
  173. package/lib/errorstate/NoRequestFound/docs/NoRequestFound__default.docs.js +2 -2
  174. package/lib/errorstate/PermissionPlay/PermissionPlay.js +3 -3
  175. package/lib/errorstate/PermissionPlay/docs/PermissionPlay__default.docs.js +2 -2
  176. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +3 -3
  177. package/lib/errorstate/RequestUrlNotFound/docs/RequestUrlNotFound__default.docs.js +2 -2
  178. package/lib/errorstate/UnableToProcess/UnableToProcess.js +3 -3
  179. package/lib/errorstate/UnableToProcess/docs/UnableToProcess__default.docs.js +2 -2
  180. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -3
  181. package/lib/errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__insufficient.docs.js +2 -2
  182. package/lib/errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__unauthorizedLogin.docs.js +2 -2
  183. package/lib/errorstate/WillBack/WillBack.js +3 -3
  184. package/lib/errorstate/WillBack/docs/WillBack__default.docs.js +2 -2
  185. package/lib/form/fields/CheckBoxField/CheckBoxField.js +26 -32
  186. package/lib/form/fields/CheckBoxField/docs/CheckBoxField__default.docs.js +10 -3
  187. package/lib/form/fields/CurrencyField/CurrencyField.js +26 -33
  188. package/lib/{list/SecondaryText/docs/ContactName__default.docs.js → form/fields/CurrencyField/docs/CurrencyField__default.docs.js} +31 -18
  189. package/lib/form/fields/DateField/DateField.js +26 -32
  190. package/lib/form/fields/DateField/docs/DateField__default.docs.js +10 -3
  191. package/lib/form/fields/FieldContainer/FieldContainer.js +136 -0
  192. package/lib/form/fields/FieldContainer/docs/FieldContainer__default.docs.js +104 -0
  193. package/lib/form/fields/MultiSelectField/MultiSelectField.js +26 -32
  194. package/lib/form/fields/MultiSelectField/docs/MultiSelectField__default.docs.js +10 -3
  195. package/lib/form/fields/PhoneField/PhoneField.js +3 -3
  196. package/lib/form/fields/PhoneField/docs/PhoneField__default.docs.js +2 -2
  197. package/lib/form/fields/RadioField/RadioField.js +3 -3
  198. package/lib/form/fields/SelectField/SelectField.js +26 -32
  199. package/lib/form/fields/SelectField/docs/SelectField__default.docs.js +10 -3
  200. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +12 -9
  201. package/lib/form/fields/TagsMultiSelect/docs/TagsMultiSelect__default.docs.js +2 -2
  202. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +37 -31
  203. package/lib/form/fields/TextBoxField/TextBoxField.js +28 -48
  204. package/lib/form/fields/TextBoxField/docs/TextBoxField__default.docs.js +37 -4
  205. package/lib/form/fields/TextEditor/TextEditor.js +2 -2
  206. package/lib/form/fields/TextEditorField/TextEditorField.js +36 -50
  207. package/lib/form/fields/TextEditorField/docs/TextEditorField__default.docs.js +11 -4
  208. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +3 -3
  209. package/lib/form/fields/TextareaField/TextareaField.js +26 -32
  210. package/lib/form/fields/TextareaField/docs/TextareaField__default.docs.js +10 -3
  211. package/lib/form/fields/ValidationMessage/ValidationMessage.js +2 -2
  212. package/lib/form/fields/ValidationMessage/docs/ValidationMessage__default.docs.js +2 -2
  213. package/lib/form/fields/props/FieldCommonDefaultProps.js +19 -0
  214. package/lib/form/fields/props/FieldCommonPropTypes.js +34 -0
  215. package/lib/form/layout/Field/Field.js +2 -2
  216. package/lib/form/layout/Field/docs/Field__default.docs.js +2 -2
  217. package/lib/form/layout/Section/Section.js +2 -2
  218. package/lib/form/layout/Section/docs/Section__default.docs.js +2 -2
  219. package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +2 -2
  220. package/lib/layout/SetupDetailLayout/docs/SetupDetailLayout__default.docs.js +2 -2
  221. package/lib/layout/SubtabLayout/SubtabLayout.js +3 -3
  222. package/lib/layout/SubtabLayout/docs/SubtabLayout__default.docs.js +2 -2
  223. package/lib/list/AvatarFlip/AvatarFlip.js +2 -2
  224. package/lib/list/AvatarFlip/docs/AvatarFlip__default.docs.js +2 -2
  225. package/lib/list/BluePrintStatus/BluePrintStatus.js +2 -2
  226. package/lib/list/BluePrintStatus/docs/BluePrintStatus__default.docs.js +2 -2
  227. package/lib/list/Comment/Comment.js +2 -2
  228. package/lib/list/Comment/docs/Comment__default.docs.js +2 -2
  229. package/lib/list/DepartmentDropDown/DepartmentDropDown.js +2 -2
  230. package/lib/list/Dot/Dot.js +2 -2
  231. package/lib/list/DotNew/DotNew.js +2 -2
  232. package/lib/list/DotNew/docs/DotNew__default.docs.js +2 -2
  233. package/lib/list/GridStencils/GridStencils.js +2 -2
  234. package/lib/list/GridStencils/GridStencils.module.css +7 -18
  235. package/lib/list/GridStencils/docs/GridStencils__default.docs.js +2 -2
  236. package/lib/list/Icons/AddNewIcon.js +2 -2
  237. package/lib/list/Icons/CompleteIcon.js +2 -2
  238. package/lib/list/Icons/DeleteIcon.js +2 -2
  239. package/lib/list/Icons/EditIcon.js +2 -2
  240. package/lib/list/Icons/FloatingIcons.js +2 -2
  241. package/lib/list/Icons/ReadUnreadIcon.js +2 -2
  242. package/lib/list/Icons/SmartIcon.js +2 -2
  243. package/lib/list/Icons/docs/FloatingIcons__default.docs.js +2 -2
  244. package/lib/list/ListLayout/ListLayout.js +3 -3
  245. package/lib/list/ListLayout/docs/ListLayout__default.docs.js +2 -2
  246. package/lib/list/ListStencils/ListStencils.js +2 -2
  247. package/lib/list/ListStencils/docs/ListStencils__default.docs.js +2 -2
  248. package/lib/list/SecondaryText/AccountName.js +37 -41
  249. package/lib/list/SecondaryText/ContactName.js +21 -16
  250. package/lib/list/SecondaryText/DepartmentText.js +2 -2
  251. package/lib/list/SecondaryText/Email.js +3 -3
  252. package/lib/list/SecondaryText/HappinessRating.js +2 -2
  253. package/lib/list/SecondaryText/PhoneNumber.js +3 -3
  254. package/lib/list/SecondaryText/PriorityText.js +2 -2
  255. package/lib/list/SecondaryText/SecondaryText.js +3 -3
  256. package/lib/list/SecondaryText/SecondaryText.module.css +15 -30
  257. package/lib/list/SecondaryText/StatusText.js +2 -2
  258. package/lib/list/SecondaryText/TicketId.js +3 -3
  259. package/lib/list/SecondaryText/Website.js +2 -2
  260. package/lib/list/SecondaryText/docs/SecondaryText__default.docs.js +162 -0
  261. package/lib/list/SecondryPanel/SecondryPanel.js +2 -2
  262. package/lib/list/SecondryPanel/docs/SecondryPanel__default.docs.js +2 -2
  263. package/lib/list/SentimentStatus/SentimentStatus.js +2 -2
  264. package/lib/list/SentimentStatus/docs/SentimentStatus__default.docs.js +2 -2
  265. package/lib/list/Subject/Subject.js +3 -3
  266. package/lib/list/Subject/docs/Subject__default.docs.js +2 -2
  267. package/lib/list/TagNew/TagNew.js +2 -2
  268. package/lib/list/TagNew/docs/TagNew__default.docs.js +2 -2
  269. package/lib/list/Thread/Thread.js +2 -2
  270. package/lib/list/Thread/docs/Thread__default.docs.js +2 -2
  271. package/lib/list/UserTime/UserTime.js +2 -2
  272. package/lib/list/UserTime/docs/UserTime__default.docs.js +2 -2
  273. package/lib/list/status/StatusDropdown/StatusDropdown.js +5 -4
  274. package/lib/list/status/StatusDropdown/docs/StatusDropdown__default.docs.js +2 -2
  275. package/lib/list/status/StatusListItem/StatusListItem.js +3 -3
  276. package/lib/list/status/StatusListItem/docs/StatusListItem__default.docs.js +2 -2
  277. package/lib/lookup/EmptyPage/EmptyPage.js +6 -6
  278. package/lib/lookup/EmptyPage/docs/EmptyPage__account.docs.js +2 -2
  279. package/lib/lookup/EmptyPage/docs/EmptyPage__contact.docs.js +2 -2
  280. package/lib/lookup/EmptyPage/docs/EmptyPage__default.docs.js +2 -2
  281. package/lib/lookup/EmptyPage/docs/EmptyPage__product.docs.js +2 -2
  282. package/lib/lookup/Lookup/Lookup.js +2 -2
  283. package/lib/lookup/Lookup/docs/Lookup__contact.docs.js +2 -2
  284. package/lib/lookup/Lookup/docs/Lookup__default.docs.js +2 -2
  285. package/lib/lookup/Section/Section.js +2 -2
  286. package/lib/lookup/header/Close/Close.js +2 -2
  287. package/lib/lookup/header/Close/docs/Close__default.docs.js +2 -2
  288. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +2 -2
  289. package/lib/lookup/header/ModuleHeader/docs/ModuleHeader__default.docs.js +2 -2
  290. package/lib/lookup/header/Search/Search.js +3 -3
  291. package/lib/lookup/header/Search/docs/Search__default.docs.js +2 -2
  292. package/lib/lookup/header/TicketHeader/TicketHeader.js +2 -2
  293. package/lib/lookup/header/TicketHeader/docs/TicketHeader__default.docs.js +2 -2
  294. package/lib/lookup/header/Title/Title.js +2 -2
  295. package/lib/lookup/header/Title/docs/Title__default.docs.js +2 -2
  296. package/lib/lookup/header/ViewDropDown/ViewDropDown.js +3 -3
  297. package/lib/lookup/header/ViewDropDown/docs/ViewDropDown__default.docs.js +2 -2
  298. package/lib/setup/header/Button/Button.js +2 -2
  299. package/lib/setup/header/Button/docs/Button__default.docs.js +2 -2
  300. package/lib/setup/header/Link/Link.js +2 -2
  301. package/lib/setup/header/Link/docs/Link__default.docs.js +2 -2
  302. package/lib/setup/header/Search/Search.js +2 -2
  303. package/lib/setup/header/Search/docs/Search__default.docs.js +2 -2
  304. package/lib/setup/header/Views/Views.js +2 -2
  305. package/lib/setup/header/Views/docs/Views__default.docs.js +2 -2
  306. package/lib/setup/helptips/Description/Description.js +2 -2
  307. package/lib/setup/helptips/Description/docs/Description__default.docs.js +2 -2
  308. package/lib/setup/helptips/Link/Link.js +2 -2
  309. package/lib/setup/helptips/Link/docs/Link__default.docs.js +2 -2
  310. package/lib/setup/helptips/ListGroup/ListGroup.js +2 -2
  311. package/lib/setup/helptips/ListGroup/docs/ListGroup__default.docs.js +2 -2
  312. package/lib/setup/helptips/Title/Title.js +2 -2
  313. package/lib/setup/helptips/Title/docs/Title__default.docs.js +2 -2
  314. package/lib/setup/table/Table/Table.js +2 -2
  315. package/lib/setup/table/Table/docs/Table__default.docs.js +2 -2
  316. package/lib/setup/table/TableBody/TableBody.js +2 -2
  317. package/lib/setup/table/TableData/TableData.js +2 -2
  318. package/lib/setup/table/TableHead/TableHead.js +2 -2
  319. package/lib/setup/table/TableRow/TableRow.js +2 -2
  320. package/lib/setup/table/Text/Text.js +2 -2
  321. package/lib/setup/table/Text/docs/Text__default.docs.js +2 -2
  322. package/lib/svg/PlusIcon.js +3 -3
  323. package/lib/svg/SnippetIcon.js +3 -3
  324. package/lib/svg/TemplateIcon.js +3 -3
  325. package/lib/svg/docs/SVG__default.docs.js +2 -2
  326. package/lib/version2/AlertClose/AlertClose.js +2 -2
  327. package/lib/version2/AlertClose/docs/AlertClose__default.docs.js +2 -2
  328. package/lib/version2/GlobalNotification/GlobalNotification.js +3 -3
  329. package/lib/version2/GlobalNotification/docs/GlobalNotification__default.docs.js +2 -2
  330. package/lib/version2/alertIcons/AlarmAlertIcon.js +2 -2
  331. package/lib/version2/alertIcons/AlertIcons.js +2 -2
  332. package/lib/version2/alertIcons/DangerAlertIcon.js +2 -2
  333. package/lib/version2/alertIcons/ErrorAlertIcon.js +2 -2
  334. package/lib/version2/alertIcons/InfoAlertIcon.js +2 -2
  335. package/lib/version2/alertIcons/NotificationAlertIcon.js +2 -2
  336. package/lib/version2/alertIcons/SuccessAlertIcon.js +2 -2
  337. package/lib/version2/alertIcons/WarningAlertIcon.js +2 -2
  338. package/lib/version2/alertIcons/docs/AlertIcons__default.docs.js +2 -2
  339. package/lib/version2/errorstate/Inconvenience/Inconvenience.js +3 -3
  340. package/lib/version2/errorstate/Inconvenience/docs/Inconvenience__default.docs.js +2 -2
  341. package/lib/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +3 -3
  342. package/lib/version2/errorstate/OopsSomethingMiss/docs/OopsSomethingMiss__default.docs.js +2 -2
  343. package/lib/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +3 -3
  344. package/lib/version2/errorstate/UnableToProcessRequest/docs/UnableToProcessRequest__default.docs.js +2 -2
  345. package/lib/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -3
  346. package/lib/version2/errorstate/UnauthorizedLogin/docs/UnauthorizedLogin__default.docs.js +2 -2
  347. package/lib/version2/errorstate/UrlNotFound/UrlNotFound.js +3 -3
  348. package/lib/version2/errorstate/UrlNotFound/docs/UrlNotFound__default.docs.js +2 -2
  349. package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js +3 -3
  350. package/lib/version2/errorstate/WillBeRightBack/docs/WillBeRightBack__default.docs.js +2 -2
  351. package/lib/version2/lookup/AlertHeader/AlertHeader.js +2 -2
  352. package/lib/version2/lookup/AlertHeader/docs/AlertHeader__default.docs.js +2 -2
  353. package/lib/version2/lookup/AlertLookup/AlertLookup.js +3 -3
  354. package/lib/version2/lookup/AlertLookup/docs/AlertLookup__default.docs.js +2 -2
  355. package/lib/version2/notification/DesktopNotification/DesktopNotification.js +1 -1
  356. package/lib/version2/notification/DesktopNotification/docs/DesktopNotification__default.docs.js +2 -2
  357. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +2 -2
  358. package/lib/version2/notification/DesktopNotificationHeader/docs/DesktopNotificationHeader__default.docs.js +2 -2
  359. package/package.json +9 -8
  360. package/es/list/SecondaryText/docs/ContactName__default.docs.js +0 -23
@@ -16,7 +16,14 @@ export default class CheckBoxField__default extends Component {
16
16
  id: "checkbox",
17
17
  validationMessage: "Invalid Input",
18
18
  isDisabled: true,
19
- title: "Invalid Permission"
19
+ title: "Invalid Permission",
20
+ infoText: "infoText",
21
+ isLocked: true,
22
+ ePhiData: {
23
+ ePhiTitle: 'ePhiTitle',
24
+ ePhiText: 'ePhiText',
25
+ ePhiStatus: true
26
+ }
20
27
  }));
21
28
  }
22
29
 
@@ -1,4 +1,4 @@
1
- function _extends() { _extends = Object.assign || 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); }
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
2
 
3
3
  /**** Libraries ****/
4
4
  import React, { PureComponent } from 'react';
@@ -9,9 +9,11 @@ import Label from '@zohodesk/components/lib/Label/Label';
9
9
  import TextBox from '@zohodesk/components/lib/TextBox/TextBox';
10
10
  import ValidationMessage from '../ValidationMessage/ValidationMessage';
11
11
  import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
12
- /**** Icons ****/
12
+ import FieldContainer from '../FieldContainer/FieldContainer';
13
+ /**** props ****/
13
14
 
14
- import Icon from '@zohodesk/icons/lib/Icon';
15
+ import { FieldCommonDefaultProps } from '../props/FieldCommonDefaultProps';
16
+ import { FieldCommonPropTypes } from '../props/FieldCommonPropTypes';
15
17
  /**** CSS ****/
16
18
 
17
19
  import style from '../Fields.module.css';
@@ -81,7 +83,6 @@ export default class CurrencyField extends PureComponent {
81
83
  errorType,
82
84
  isDisabled,
83
85
  title,
84
- onBlur,
85
86
  dataId,
86
87
  validationRuleMessage,
87
88
  validationRulePalette,
@@ -99,7 +100,8 @@ export default class CurrencyField extends PureComponent {
99
100
  isClickable,
100
101
  userCurrencyType,
101
102
  customProps,
102
- formatCurrency
103
+ formatCurrency,
104
+ renderLabelProps
103
105
  } = this.props;
104
106
  const {
105
107
  LabelProps = {},
@@ -122,8 +124,11 @@ export default class CurrencyField extends PureComponent {
122
124
  return /*#__PURE__*/React.createElement("div", {
123
125
  className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
124
126
  "data-title": isDisabled ? title : null
125
- }, labelName && /*#__PURE__*/React.createElement("div", {
126
- className: style.labelContainer
127
+ }, labelName && /*#__PURE__*/React.createElement(FieldContainer, {
128
+ infoText: infoText,
129
+ isLocked: isLocked,
130
+ lockedInfoText: lockedInfoText,
131
+ renderProps: renderLabelProps
127
132
  }, /*#__PURE__*/React.createElement(Label, _extends({
128
133
  text: labelName,
129
134
  size: fieldSize === 'small' ? 'small' : 'medium',
@@ -131,17 +136,7 @@ export default class CurrencyField extends PureComponent {
131
136
  customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
132
137
  htmlFor: uniqueId,
133
138
  dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
134
- }, LabelProps)), infoText ? /*#__PURE__*/React.createElement(Icon, {
135
- name: "ZD-GN-info",
136
- iconClass: style.infoIcon,
137
- title: infoText,
138
- size: "15"
139
- }) : null, isLocked ? /*#__PURE__*/React.createElement(Icon, {
140
- name: "ZD-GN-lock",
141
- size: "13",
142
- iconClass: style.lockIcon,
143
- title: lockedInfoText
144
- }) : null), /*#__PURE__*/React.createElement("div", {
139
+ }, LabelProps))), /*#__PURE__*/React.createElement("div", {
145
140
  className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
146
141
  }, /*#__PURE__*/React.createElement(TextBox, _extends({
147
142
  htmlId: uniqueId,
@@ -182,15 +177,10 @@ export default class CurrencyField extends PureComponent {
182
177
  }
183
178
  CurrencyField.propTypes = {
184
179
  borderColor: PropTypes.oneOf(['transparent', 'default']),
185
- dataId: PropTypes.string,
186
180
  errorType: PropTypes.oneOf(['primary', 'secondary']),
187
181
  fieldSize: PropTypes.oneOf(['small', 'medium']),
188
182
  getRef: PropTypes.func,
189
183
  id: PropTypes.string,
190
- infoText: PropTypes.string,
191
- isDisabled: PropTypes.bool,
192
- isMandatory: PropTypes.bool,
193
- isReadOnly: PropTypes.bool,
194
184
  labelCustomClass: PropTypes.string,
195
185
  labelName: PropTypes.string.isRequired,
196
186
  labelPalette: PropTypes.string,
@@ -208,8 +198,6 @@ CurrencyField.propTypes = {
208
198
  validationRuleMessage: PropTypes.string,
209
199
  validationRulePalette: PropTypes.string,
210
200
  value: PropTypes.string,
211
- lockedInfoText: PropTypes.string,
212
- isLocked: PropTypes.bool,
213
201
  isClickable: PropTypes.bool,
214
202
  needReadOnlyStyle: PropTypes.bool,
215
203
  customProps: PropTypes.shape({
@@ -218,24 +206,23 @@ CurrencyField.propTypes = {
218
206
  ValidationMessageProps1: PropTypes.object,
219
207
  ValidationMessageProps2: PropTypes.object
220
208
  }),
221
- formatCurrency: PropTypes.func
209
+ formatCurrency: PropTypes.func,
210
+ ...FieldCommonPropTypes()
222
211
  };
223
212
  CurrencyField.defaultProps = {
224
213
  errorType: 'primary',
225
- isMandatory: false,
226
214
  textBoxSize: 'xmedium',
227
215
  textBoxType: 'text',
228
216
  textBoxVariant: 'primary',
229
217
  borderColor: 'default',
230
- isDisabled: false,
231
- isReadOnly: false,
232
218
  fieldSize: 'medium',
233
219
  labelPalette: 'default',
234
220
  labelCustomClass: '',
235
221
  isClickable: false,
236
222
  needReadOnlyStyle: true,
237
223
  customProps: {},
238
- formatCurrency: () => {}
224
+ formatCurrency: () => {},
225
+ ...FieldCommonDefaultProps()
239
226
  };
240
227
 
241
228
  if (false) {
@@ -0,0 +1,36 @@
1
+ import React, { Component } from 'react';
2
+ import CurrencyField from '../CurrencyField';
3
+ import { formatCurrency } from './../../../../deprecated/utils/General';
4
+ export default class CurrencyField__default extends Component {
5
+ constructor(props) {
6
+ super(props);
7
+ }
8
+
9
+ render() {
10
+ return /*#__PURE__*/React.createElement(CurrencyField, {
11
+ labelName: "Currency",
12
+ id: "sample",
13
+ textBoxSize: "xmedium",
14
+ textBoxVariant: "primary",
15
+ validationMessage: "Invalid Input",
16
+ infoText: "infoText",
17
+ value: "100",
18
+ isLocked: true,
19
+ ePhiData: {
20
+ ePhiTitle: 'ePhiTitle',
21
+ ePhiText: 'ePhiText',
22
+ ePhiStatus: true
23
+ },
24
+ formatCurrency: formatCurrency,
25
+ userCurrencyType: "$"
26
+ });
27
+ }
28
+
29
+ }
30
+
31
+ if (false) {
32
+ CurrencyField__default.docs = {
33
+ componentGroup: 'Form Fields',
34
+ folderName: 'General'
35
+ };
36
+ }
@@ -1,4 +1,4 @@
1
- function _extends() { _extends = Object.assign || 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); }
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
2
 
3
3
  /**** Libraries ****/
4
4
  import React, { PureComponent } from 'react';
@@ -9,9 +9,11 @@ import Label from '@zohodesk/components/lib/Label/Label';
9
9
  import DateWidget from '@zohodesk/components/lib/DateTime/DateWidget';
10
10
  import ValidationMessage from '../ValidationMessage/ValidationMessage';
11
11
  import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
12
- /**** Icons ****/
12
+ import FieldContainer from '../FieldContainer/FieldContainer';
13
+ /**** props ****/
13
14
 
14
- import Icon from '@zohodesk/icons/lib/Icon';
15
+ import { FieldCommonDefaultProps } from '../props/FieldCommonDefaultProps';
16
+ import { FieldCommonPropTypes } from '../props/FieldCommonPropTypes';
15
17
  /**** CSS ****/
16
18
 
17
19
  import style from '../Fields.module.css';
@@ -114,7 +116,8 @@ export default class DateField extends PureComponent {
114
116
  timeZone,
115
117
  i18nKeys,
116
118
  iconOnHover,
117
- customProps
119
+ customProps,
120
+ renderLabelProps
118
121
  } = this.props;
119
122
  const {
120
123
  LabelProps = {},
@@ -126,8 +129,11 @@ export default class DateField extends PureComponent {
126
129
  return /*#__PURE__*/React.createElement("div", {
127
130
  className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
128
131
  "data-title": isDisabled ? title : null
129
- }, labelName && /*#__PURE__*/React.createElement("div", {
130
- className: style.labelContainer
132
+ }, labelName && /*#__PURE__*/React.createElement(FieldContainer, {
133
+ infoText: infoText,
134
+ isLocked: isLocked,
135
+ lockedInfoText: lockedInfoText,
136
+ renderProps: renderLabelProps
131
137
  }, /*#__PURE__*/React.createElement(Label, _extends({
132
138
  text: labelName,
133
139
  htmlFor: getAriaId,
@@ -136,17 +142,7 @@ export default class DateField extends PureComponent {
136
142
  onClick: isDisabled || isReadOnly ? null : this.handleLabelClick,
137
143
  customClass: `${style.fieldLabel} ${labelCustomClass} ${isMandatory ? style.labelMandatory : ''}`,
138
144
  dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`
139
- }, LabelProps)), infoText ? /*#__PURE__*/React.createElement(Icon, {
140
- name: "ZD-GN-info",
141
- iconClass: style.infoIcon,
142
- title: infoText,
143
- size: "15"
144
- }) : null, isLocked ? /*#__PURE__*/React.createElement(Icon, {
145
- name: "ZD-GN-lock",
146
- size: "13",
147
- iconClass: style.lockIcon,
148
- title: lockedInfoText
149
- }) : null), /*#__PURE__*/React.createElement("div", {
145
+ }, LabelProps))), /*#__PURE__*/React.createElement("div", {
150
146
  className: `${style.fieldContainer} ${labelName ? style[`fieldMargin_${fieldSize}`] : ''}`
151
147
  }, isLocked && lockedValueText ? /*#__PURE__*/React.createElement("div", {
152
148
  className: style.lockText
@@ -187,23 +183,16 @@ export default class DateField extends PureComponent {
187
183
  }
188
184
  DateField.propTypes = {
189
185
  borderColor: PropTypes.oneOf(['transparent', 'default']),
190
- dataId: PropTypes.string,
191
186
  datePattern: PropTypes.string,
192
187
  errorType: PropTypes.oneOf(['primary', 'secondary']),
193
188
  fieldSize: PropTypes.oneOf(['small', 'medium']),
194
189
  getRef: PropTypes.func,
195
190
  id: PropTypes.string,
196
- infoText: PropTypes.string,
197
191
  isDateTime: PropTypes.bool,
198
- isDisabled: PropTypes.bool,
199
192
  isFocusOnLabelClick: PropTypes.bool,
200
- isLocked: PropTypes.bool,
201
- isMandatory: PropTypes.bool,
202
- isReadOnly: PropTypes.bool,
203
193
  labelCustomClass: PropTypes.string,
204
194
  labelName: PropTypes.string,
205
195
  labelPalette: PropTypes.string,
206
- lockedInfoText: PropTypes.string,
207
196
  lockedValueText: PropTypes.string,
208
197
  onChange: PropTypes.func,
209
198
  onKeyDown: PropTypes.func,
@@ -226,18 +215,16 @@ DateField.propTypes = {
226
215
  DateWidgetProps: PropTypes.object,
227
216
  ValidationMessageProps1: PropTypes.object,
228
217
  ValidationMessageProps2: PropTypes.object
229
- })
218
+ }),
219
+ ...FieldCommonPropTypes()
230
220
  };
231
221
  DateField.defaultProps = {
232
222
  errorType: 'primary',
233
223
  openPopupOnMount: false,
234
224
  isDateTime: true,
235
- isMandatory: false,
236
225
  textBoxSize: 'xmedium',
237
226
  textBoxVariant: 'primary',
238
227
  borderColor: 'default',
239
- isReadOnly: false,
240
- isDisabled: false,
241
228
  fieldSize: 'medium',
242
229
  isFocusOnLabelClick: true,
243
230
  labelPalette: 'default',
@@ -245,7 +232,8 @@ DateField.defaultProps = {
245
232
  timeZone: null,
246
233
  i18nKeys: {},
247
234
  dataId: 'dateField',
248
- customProps: {}
235
+ customProps: {},
236
+ ...FieldCommonDefaultProps()
249
237
  };
250
238
 
251
239
  if (false) {
@@ -11,7 +11,14 @@ export default class DateField__default extends Component {
11
11
  id: "sample",
12
12
  textBoxSize: "xmedium",
13
13
  textBoxVariant: "primary",
14
- validationMessage: "Invalid Input"
14
+ validationMessage: "Invalid Input",
15
+ infoText: "infoText",
16
+ isLocked: true,
17
+ ePhiData: {
18
+ ePhiTitle: 'ePhiTitle',
19
+ ePhiText: 'ePhiText',
20
+ ePhiStatus: true
21
+ }
15
22
  });
16
23
  }
17
24
 
@@ -0,0 +1,82 @@
1
+ /**** Libraries ****/
2
+ import React, { PureComponent } from 'react';
3
+ import PropTypes from 'prop-types';
4
+ import { FieldCommonDefaultProps } from '../props/FieldCommonDefaultProps';
5
+ import { FieldCommonPropTypes } from '../props/FieldCommonPropTypes';
6
+ /**** Components ****/
7
+
8
+ import { Container } from '@zohodesk/components/lib/Layout';
9
+ /**** Icons ****/
10
+
11
+ import Icon from '@zohodesk/icons/lib/Icon';
12
+ /**** CSS ****/
13
+
14
+ import style from '../Fields.module.css';
15
+ export default class FieldContainer extends PureComponent {
16
+ constructor(props) {
17
+ super(props);
18
+ }
19
+
20
+ render() {
21
+ let {
22
+ children,
23
+ ePhiData,
24
+ isLocked,
25
+ lockedInfoText,
26
+ infoText,
27
+ dataId,
28
+ renderProps,
29
+ alignContainer
30
+ } = this.props;
31
+ let {
32
+ ePhiTitle = '',
33
+ ePhiText = '',
34
+ ePhiStatus = false
35
+ } = ePhiData;
36
+ let {
37
+ start: renderStart = null,
38
+ middle: renderMiddle = null,
39
+ end: renderEnd = null
40
+ } = renderProps;
41
+ return /*#__PURE__*/React.createElement(Container, {
42
+ align: alignContainer,
43
+ alignBox: "row",
44
+ isCover: false
45
+ }, renderStart ? renderStart() : null, children, renderMiddle ? renderMiddle() : null, infoText ? /*#__PURE__*/React.createElement(Icon, {
46
+ name: "ZD-GN-info",
47
+ iconClass: style.infoIcon,
48
+ title: infoText,
49
+ size: "15"
50
+ }) : null, isLocked ? /*#__PURE__*/React.createElement(Icon, {
51
+ name: "ZD-GN-lock",
52
+ size: "13",
53
+ iconClass: style.lockIcon,
54
+ title: lockedInfoText
55
+ }) : null, ePhiStatus ? /*#__PURE__*/React.createElement("span", {
56
+ "data-title": ePhiTitle,
57
+ "data-id": `${dataId}_ePHI`,
58
+ className: style.ePhiTag
59
+ }, ePhiText) : null, renderEnd ? renderEnd() : null);
60
+ }
61
+
62
+ }
63
+ FieldContainer.propTypes = { ...FieldCommonPropTypes(),
64
+ children: PropTypes.node,
65
+ alignContainer: PropTypes.oneOf('vertical', 'baseline'),
66
+ renderProps: PropTypes.shape({
67
+ start: PropTypes.func,
68
+ middle: PropTypes.func,
69
+ end: PropTypes.func
70
+ })
71
+ };
72
+ FieldContainer.defaultProps = { ...FieldCommonDefaultProps(),
73
+ renderProps: {},
74
+ alignContainer: 'vertical'
75
+ };
76
+
77
+ if (false) {
78
+ FieldContainer.docs = {
79
+ componentGroup: 'Form Fields',
80
+ folderName: 'General'
81
+ };
82
+ }
@@ -0,0 +1,49 @@
1
+ import React, { Component } from 'react';
2
+ import FieldContainer from '../FieldContainer';
3
+ export default class FieldContainer__default extends Component {
4
+ constructor(props) {
5
+ super(props);
6
+ this.renderStart = this.renderStart.bind(this);
7
+ this.renderMiddle = this.renderMiddle.bind(this);
8
+ this.renderEnd = this.renderEnd.bind(this);
9
+ }
10
+
11
+ renderStart() {
12
+ return /*#__PURE__*/React.createElement("div", null, "Start");
13
+ }
14
+
15
+ renderMiddle() {
16
+ return /*#__PURE__*/React.createElement("div", null, "Middle");
17
+ }
18
+
19
+ renderEnd() {
20
+ return /*#__PURE__*/React.createElement("div", null, "End");
21
+ }
22
+
23
+ render() {
24
+ return /*#__PURE__*/React.createElement(FieldContainer, {
25
+ infoText: "infoText",
26
+ lockedInfoText: "lockedInfoText",
27
+ isLocked: true,
28
+ dataId: "FieldContainer",
29
+ ePhiData: {
30
+ ePhiTitle: 'ePhiTitle',
31
+ ePhiText: 'ePhiText',
32
+ ePhiStatus: true
33
+ },
34
+ renderProps: {
35
+ start: this.renderStart,
36
+ middle: this.renderMiddle,
37
+ end: this.renderEnd
38
+ }
39
+ }, "Children");
40
+ }
41
+
42
+ }
43
+
44
+ if (false) {
45
+ FieldContainer__default.docs = {
46
+ componentGroup: 'Form Fields',
47
+ folderName: 'General'
48
+ };
49
+ }
@@ -1,4 +1,4 @@
1
- function _extends() { _extends = Object.assign || 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); }
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
2
 
3
3
  /**** Libraries ****/
4
4
  import React, { PureComponent } from 'react';
@@ -9,9 +9,11 @@ import Label from '@zohodesk/components/lib/Label/Label';
9
9
  import MultiSelect from '@zohodesk/components/lib/MultiSelect/MultiSelect';
10
10
  import ValidationMessage from '../ValidationMessage/ValidationMessage';
11
11
  import { getUniqueId } from '@zohodesk/components/lib/Provider/IdProvider';
12
- /**** Icons ****/
12
+ import FieldContainer from '../FieldContainer/FieldContainer';
13
+ /**** props ****/
13
14
 
14
- import Icon from '@zohodesk/icons/lib/Icon';
15
+ import { FieldCommonDefaultProps } from '../props/FieldCommonDefaultProps';
16
+ import { FieldCommonPropTypes } from '../props/FieldCommonPropTypes';
15
17
  /** CSS */
16
18
 
17
19
  import style from '../Fields.module.css';
@@ -125,7 +127,8 @@ export default class MultiSelectField extends PureComponent {
125
127
  customChildrenClass,
126
128
  onFocus,
127
129
  customProps,
128
- i18nKeys
130
+ i18nKeys,
131
+ renderLabelProps
129
132
  } = this.props;
130
133
  const {
131
134
  LabelProps = {},
@@ -138,8 +141,11 @@ export default class MultiSelectField extends PureComponent {
138
141
  return /*#__PURE__*/React.createElement("div", {
139
142
  className: `${style.container} ${isDisabled ? style.disabled : isReadOnly ? style.readonly : ''}`,
140
143
  "data-title": isDisabled ? title : null
141
- }, labelName && /*#__PURE__*/React.createElement("div", {
142
- className: style.labelContainer
144
+ }, labelName && /*#__PURE__*/React.createElement(FieldContainer, {
145
+ infoText: infoText,
146
+ isLocked: isLocked,
147
+ lockedInfoText: lockedInfoText,
148
+ renderProps: renderLabelProps
143
149
  }, /*#__PURE__*/React.createElement(Label, _extends({
144
150
  text: labelName,
145
151
  id: id,
@@ -149,17 +155,7 @@ export default class MultiSelectField extends PureComponent {
149
155
  customClass: `${style.fieldLabel} ${isMandatory ? style.labelMandatory : ''}`,
150
156
  dataId: isDisabled ? `${dataId}_label_disabled` : isMandatory ? `${dataId}_label_mandatory` : `${dataId}_label`,
151
157
  htmlFor: uniqueId
152
- }, LabelProps)), infoText ? /*#__PURE__*/React.createElement(Icon, {
153
- name: "ZD-GN-info",
154
- iconClass: style.infoIcon,
155
- title: infoText,
156
- size: "15"
157
- }) : null, isLocked ? /*#__PURE__*/React.createElement(Icon, {
158
- name: "ZD-GN-lock",
159
- size: "13",
160
- iconClass: style.lockIcon,
161
- title: lockedInfoText
162
- }) : null), /*#__PURE__*/React.createElement(MultiSelect, _extends({
158
+ }, LabelProps))), /*#__PURE__*/React.createElement(MultiSelect, _extends({
163
159
  options: options,
164
160
  onChange: this.handleChange,
165
161
  selectedOptions: selectedOptions,
@@ -210,20 +206,15 @@ export default class MultiSelectField extends PureComponent {
210
206
  MultiSelectField.propTypes = {
211
207
  animationStyle: PropTypes.string,
212
208
  borderColor: PropTypes.oneOf(['transparent', 'default', 'dark']),
213
- dataId: PropTypes.string,
214
209
  emptyMessage: PropTypes.string,
215
210
  errorType: PropTypes.oneOf(['primary', 'secondary']),
216
211
  fieldSize: PropTypes.oneOf(['small', 'medium']),
217
212
  getNextOptions: PropTypes.func,
218
213
  getRef: PropTypes.func,
219
214
  id: PropTypes.string,
220
- infoText: PropTypes.string,
221
215
  isAnimate: PropTypes.bool,
222
- isDisabled: PropTypes.bool,
223
216
  isFocusOnLabelClick: PropTypes.bool,
224
- isMandatory: PropTypes.bool,
225
217
  isNextOptions: PropTypes.bool,
226
- isReadOnly: PropTypes.bool,
227
218
  isSearching: PropTypes.bool,
228
219
  labelName: PropTypes.string,
229
220
  labelPalette: PropTypes.string,
@@ -248,8 +239,6 @@ MultiSelectField.propTypes = {
248
239
  validationRulePalette: PropTypes.string,
249
240
  valueField: PropTypes.string,
250
241
  variant: PropTypes.string,
251
- lockedInfoText: PropTypes.string,
252
- isLocked: PropTypes.bool,
253
242
  children: PropTypes.node,
254
243
  customChildrenClass: PropTypes.string,
255
244
  onFocus: PropTypes.func,
@@ -259,24 +248,23 @@ MultiSelectField.propTypes = {
259
248
  ValidationMessageProps1: PropTypes.object,
260
249
  ValidationMessageProps2: PropTypes.object
261
250
  }),
262
- i18nKeys: PropTypes.object
251
+ i18nKeys: PropTypes.object,
252
+ ...FieldCommonPropTypes()
263
253
  };
264
254
  MultiSelectField.defaultProps = {
265
255
  errorType: 'primary',
266
256
  isAnimate: false,
267
- isMandatory: false,
268
257
  needSelectAll: false,
269
258
  size: 'medium',
270
259
  textBoxSize: 'medium',
271
260
  variant: 'default',
272
261
  borderColor: 'default',
273
- isDisabled: false,
274
- isReadOnly: false,
275
262
  fieldSize: 'medium',
276
263
  isFocusOnLabelClick: true,
277
264
  labelPalette: 'default',
278
265
  customProps: {},
279
- i18nKeys: {}
266
+ i18nKeys: {},
267
+ ...FieldCommonDefaultProps()
280
268
  };
281
269
 
282
270
  if (false) {
@@ -34,7 +34,14 @@ export default class MultiSelectField__default extends Component {
34
34
  searchBoxSize: "xmedium",
35
35
  textBoxSize: "xmedium",
36
36
  animationStyle: "bounce",
37
- validationMessage: "Invalid Input"
37
+ validationMessage: "Invalid Input",
38
+ infoText: "infoText",
39
+ isLocked: true,
40
+ ePhiData: {
41
+ ePhiTitle: 'ePhiTitle',
42
+ ePhiText: 'ePhiText',
43
+ ePhiStatus: true
44
+ }
38
45
  });
39
46
  }
40
47
 
@@ -1,4 +1,4 @@
1
- function _extends() { _extends = Object.assign || 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); }
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
2
 
3
3
  /**** Libraries ****/
4
4
  import React, { PureComponent } from 'react';
@@ -1,4 +1,4 @@
1
- function _extends() { _extends = Object.assign || 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); }
1
+ function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
2
2
 
3
3
  /**** Libraries ****/
4
4
  import React, { PureComponent } from 'react';