@zohodesk/dot 1.7.19 → 1.7.20

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 (252) hide show
  1. package/README.md +8 -0
  2. package/es/ActionButton/ActionButton.js +6 -6
  3. package/es/AlphabeticList/AlphabeticList.js +1 -1
  4. package/es/Attachment/Attachment.js +7 -4
  5. package/es/Attachment/__tests__/Attachment.spec.js +24 -0
  6. package/es/Attachment/__tests__/__snapshots__/Attachment.spec.js.snap +105 -0
  7. package/es/AttachmentViewer/AttachmentViewer.js +5 -5
  8. package/es/AttachmentViewer/AttachmentViewer.module.css +1 -1
  9. package/es/ChannelIcon/ChannelIcon.js +1 -1
  10. package/es/Drawer/Drawer.js +6 -6
  11. package/es/FlipCard/FlipCard.js +3 -3
  12. package/es/FormAction/FormAction.js +1 -1
  13. package/es/FreezeLayer/FreezeLayer.js +3 -3
  14. package/es/IconButton/IconButton.js +3 -3
  15. package/es/ImportantNotes/ImportantNotes.js +1 -1
  16. package/es/Loader/Loader.js +1 -1
  17. package/es/MessageBanner/MessageBanner.js +1 -1
  18. package/es/NewStar/NewStar.js +1 -1
  19. package/es/Onboarding/Onboarding.js +3 -3
  20. package/es/Separator/Separator.js +1 -1
  21. package/es/ToastMessage/ToastMessage.js +4 -4
  22. package/es/Upload/Upload.js +1 -1
  23. package/es/VideoLookup/VideoLookup.js +1 -1
  24. package/es/alert/AlertHeader/AlertHeader.js +1 -1
  25. package/es/alert/AlertLookup/AlertLookup.js +1 -1
  26. package/es/avatar/AvatarClose/AvatarClose.js +1 -1
  27. package/es/avatar/AvatarCollision/AvatarCollision.js +1 -1
  28. package/es/avatar/AvatarIcon/AvatarIcon.js +2 -2
  29. package/es/avatar/AvatarStatus/AvatarStatus.js +1 -1
  30. package/es/avatar/AvatarThread/AvatarThread.js +1 -1
  31. package/es/avatar/AvatarUser/AvatarUser.js +1 -1
  32. package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +2 -2
  33. package/es/deprecated/FreezeLayer/FreezeLayer.js +3 -3
  34. package/es/deprecated/SelectDropdown/SelectDropdown.js +7 -7
  35. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +14 -14
  36. package/es/emptystate/EditionPage/EditionPage.js +1 -1
  37. package/es/errorstate/Inconvenience/Inconvenience.js +3 -3
  38. package/es/errorstate/NoRequestFound/NoRequestFound.js +3 -3
  39. package/es/errorstate/PermissionPlay/PermissionPlay.js +3 -3
  40. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +3 -3
  41. package/es/errorstate/UnableToProcess/UnableToProcess.js +3 -3
  42. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -3
  43. package/es/errorstate/WillBack/WillBack.js +3 -3
  44. package/es/form/fields/CheckBoxField/CheckBoxField.js +3 -3
  45. package/es/form/fields/CurrencyField/CurrencyField.js +3 -3
  46. package/es/form/fields/DateField/DateField.js +3 -3
  47. package/es/form/fields/FieldContainer/FieldContainer.js +1 -1
  48. package/es/form/fields/Fields.module.css +4 -0
  49. package/es/form/fields/MultiSelectField/MultiSelectField.js +3 -3
  50. package/es/form/fields/PhoneField/PhoneField.js +3 -2
  51. package/es/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap +1 -1
  52. package/es/form/fields/RadioField/RadioField.js +2 -2
  53. package/es/form/fields/SelectField/SelectField.js +3 -3
  54. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +11 -11
  55. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +3 -3
  56. package/es/form/fields/TextBoxField/TextBoxField.js +3 -3
  57. package/es/form/fields/TextEditor/TextEditor.js +1 -1
  58. package/es/form/fields/TextEditorField/TextEditorField.js +1 -1
  59. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.js +2 -2
  60. package/es/form/fields/TextareaField/TextareaField.js +3 -3
  61. package/es/form/fields/ValidationMessage/ValidationMessage.js +2 -2
  62. package/es/layout/SetupDetailLayout/SetupDetailLayout.js +1 -1
  63. package/es/layout/SubtabLayout/SubtabLayout.js +2 -2
  64. package/es/list/Comment/Comment.js +1 -1
  65. package/es/list/Icons/AddNewIcon.js +1 -1
  66. package/es/list/Icons/CompleteIcon.js +1 -1
  67. package/es/list/Icons/DeleteIcon.js +1 -1
  68. package/es/list/Icons/EditIcon.js +1 -1
  69. package/es/list/Icons/ReadUnreadIcon.js +1 -1
  70. package/es/list/Icons/SmartIcon.js +1 -1
  71. package/es/list/ListLayout/ListLayout.js +1 -1
  72. package/es/list/ListStencils/ListStencils.js +1 -1
  73. package/es/list/SecondaryText/AccountName.js +1 -1
  74. package/es/list/SecondaryText/ContactName.js +1 -1
  75. package/es/list/SecondryPanel/SecondryPanel.js +2 -2
  76. package/es/list/Thread/Thread.js +1 -1
  77. package/es/list/status/StatusDropdown/StatusDropdown.js +10 -10
  78. package/es/list/status/StatusListItem/StatusListItem.js +2 -2
  79. package/es/lookup/EmptyPage/EmptyPage.js +4 -4
  80. package/es/lookup/Lookup/Lookup.js +1 -1
  81. package/es/lookup/Section/Section.js +1 -1
  82. package/es/lookup/header/ModuleHeader/ModuleHeader.js +1 -1
  83. package/es/lookup/header/Search/Search.js +3 -3
  84. package/es/lookup/header/TicketHeader/TicketHeader.js +1 -1
  85. package/es/lookup/header/ViewDropDown/ViewDropDown.js +9 -9
  86. package/es/setup/header/Button/Button.js +1 -1
  87. package/es/setup/header/Link/Link.js +1 -1
  88. package/es/setup/header/Search/Search.js +1 -1
  89. package/es/setup/table/Table/Table.js +1 -1
  90. package/es/setup/table/TableBody/TableBody.js +1 -1
  91. package/es/setup/table/TableData/TableData.js +1 -1
  92. package/es/setup/table/TableHead/TableHead.js +1 -1
  93. package/es/setup/table/TableRow/TableRow.js +1 -1
  94. package/es/svg/PlusIcon.js +1 -1
  95. package/es/svg/SnippetIcon.js +1 -1
  96. package/es/svg/TemplateIcon.js +1 -1
  97. package/es/v1/dropdown/ToggleDropDown/ToggleDropDown.js +2 -2
  98. package/es/v1/emptystate/EditionPage/EditionPage.js +1 -1
  99. package/es/v1/errorstate/Inconvenience/Inconvenience.js +1 -1
  100. package/es/v1/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +1 -1
  101. package/es/v1/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +1 -1
  102. package/es/v1/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +1 -1
  103. package/es/v1/errorstate/UrlNotFound/UrlNotFound.js +1 -1
  104. package/es/v1/errorstate/WillBeRightBack/WillBeRightBack.js +1 -1
  105. package/es/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js +2 -2
  106. package/es/v1/list/status/StatusDropdown/StatusDropdown.js +2 -2
  107. package/es/v1/lookup/EmptyPage/EmptyPage.js +4 -4
  108. package/es/v1/lookup/header/ViewDropDown/ViewDropDown.js +1 -1
  109. package/es/v1/notification/DesktopNotification/DesktopNotification.js +1 -1
  110. package/es/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +1 -1
  111. package/es/v1/svg/PlusIcon.js +1 -1
  112. package/es/v1/svg/SnippetIcon.js +1 -1
  113. package/es/v1/svg/TemplateIcon.js +1 -1
  114. package/es/version2/AlertClose/AlertClose.js +1 -1
  115. package/es/version2/GlobalNotification/GlobalNotification.js +1 -1
  116. package/es/version2/errorstate/Inconvenience/Inconvenience.js +3 -3
  117. package/es/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +3 -3
  118. package/es/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +3 -3
  119. package/es/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -3
  120. package/es/version2/errorstate/UrlNotFound/UrlNotFound.js +3 -3
  121. package/es/version2/errorstate/WillBeRightBack/WillBeRightBack.js +3 -3
  122. package/es/version2/lookup/AlertHeader/AlertHeader.js +1 -1
  123. package/es/version2/lookup/AlertLookup/AlertLookup.js +3 -3
  124. package/es/version2/notification/DesktopNotification/DesktopNotification.js +4 -4
  125. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +2 -2
  126. package/lib/ActionButton/ActionButton.js +6 -6
  127. package/lib/AlphabeticList/AlphabeticList.js +1 -1
  128. package/lib/Attachment/Attachment.js +7 -4
  129. package/lib/Attachment/__tests__/Attachment.spec.js +24 -0
  130. package/lib/Attachment/__tests__/__snapshots__/Attachment.spec.js.snap +105 -0
  131. package/lib/AttachmentViewer/AttachmentViewer.js +5 -5
  132. package/lib/AttachmentViewer/AttachmentViewer.module.css +1 -1
  133. package/lib/ChannelIcon/ChannelIcon.js +1 -1
  134. package/lib/Drawer/Drawer.js +6 -6
  135. package/lib/FlipCard/FlipCard.js +3 -3
  136. package/lib/FormAction/FormAction.js +1 -1
  137. package/lib/FreezeLayer/FreezeLayer.js +3 -3
  138. package/lib/IconButton/IconButton.js +3 -3
  139. package/lib/ImportantNotes/ImportantNotes.js +1 -1
  140. package/lib/Loader/Loader.js +1 -1
  141. package/lib/MessageBanner/MessageBanner.js +1 -1
  142. package/lib/NewStar/NewStar.js +1 -1
  143. package/lib/Onboarding/Onboarding.js +3 -3
  144. package/lib/Separator/Separator.js +1 -1
  145. package/lib/ToastMessage/ToastMessage.js +4 -4
  146. package/lib/Upload/Upload.js +1 -1
  147. package/lib/VideoLookup/VideoLookup.js +1 -1
  148. package/lib/alert/AlertHeader/AlertHeader.js +1 -1
  149. package/lib/alert/AlertLookup/AlertLookup.js +1 -1
  150. package/lib/avatar/AvatarClose/AvatarClose.js +1 -1
  151. package/lib/avatar/AvatarCollision/AvatarCollision.js +1 -1
  152. package/lib/avatar/AvatarIcon/AvatarIcon.js +2 -2
  153. package/lib/avatar/AvatarStatus/AvatarStatus.js +1 -1
  154. package/lib/avatar/AvatarThread/AvatarThread.js +1 -1
  155. package/lib/avatar/AvatarUser/AvatarUser.js +1 -1
  156. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js +2 -2
  157. package/lib/deprecated/FreezeLayer/FreezeLayer.js +3 -3
  158. package/lib/deprecated/SelectDropdown/SelectDropdown.js +7 -7
  159. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +14 -14
  160. package/lib/emptystate/EditionPage/EditionPage.js +1 -1
  161. package/lib/errorstate/Inconvenience/Inconvenience.js +3 -3
  162. package/lib/errorstate/NoRequestFound/NoRequestFound.js +3 -3
  163. package/lib/errorstate/PermissionPlay/PermissionPlay.js +3 -3
  164. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +3 -3
  165. package/lib/errorstate/UnableToProcess/UnableToProcess.js +3 -3
  166. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -3
  167. package/lib/errorstate/WillBack/WillBack.js +3 -3
  168. package/lib/form/fields/CheckBoxField/CheckBoxField.js +3 -3
  169. package/lib/form/fields/CurrencyField/CurrencyField.js +3 -3
  170. package/lib/form/fields/DateField/DateField.js +3 -3
  171. package/lib/form/fields/FieldContainer/FieldContainer.js +1 -1
  172. package/lib/form/fields/Fields.module.css +4 -0
  173. package/lib/form/fields/MultiSelectField/MultiSelectField.js +3 -3
  174. package/lib/form/fields/PhoneField/PhoneField.js +3 -2
  175. package/lib/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap +1 -1
  176. package/lib/form/fields/RadioField/RadioField.js +2 -2
  177. package/lib/form/fields/SelectField/SelectField.js +3 -3
  178. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +11 -11
  179. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +3 -3
  180. package/lib/form/fields/TextBoxField/TextBoxField.js +3 -3
  181. package/lib/form/fields/TextEditor/TextEditor.js +1 -1
  182. package/lib/form/fields/TextEditorField/TextEditorField.js +1 -1
  183. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.js +2 -2
  184. package/lib/form/fields/TextareaField/TextareaField.js +3 -3
  185. package/lib/form/fields/ValidationMessage/ValidationMessage.js +2 -2
  186. package/lib/layout/SetupDetailLayout/SetupDetailLayout.js +1 -1
  187. package/lib/layout/SubtabLayout/SubtabLayout.js +2 -2
  188. package/lib/list/Comment/Comment.js +1 -1
  189. package/lib/list/Icons/AddNewIcon.js +1 -1
  190. package/lib/list/Icons/CompleteIcon.js +1 -1
  191. package/lib/list/Icons/DeleteIcon.js +1 -1
  192. package/lib/list/Icons/EditIcon.js +1 -1
  193. package/lib/list/Icons/ReadUnreadIcon.js +1 -1
  194. package/lib/list/Icons/SmartIcon.js +1 -1
  195. package/lib/list/ListLayout/ListLayout.js +1 -1
  196. package/lib/list/ListStencils/ListStencils.js +1 -1
  197. package/lib/list/SecondaryText/AccountName.js +1 -1
  198. package/lib/list/SecondaryText/ContactName.js +1 -1
  199. package/lib/list/SecondryPanel/SecondryPanel.js +2 -2
  200. package/lib/list/Thread/Thread.js +1 -1
  201. package/lib/list/status/StatusDropdown/StatusDropdown.js +10 -10
  202. package/lib/list/status/StatusListItem/StatusListItem.js +2 -2
  203. package/lib/lookup/EmptyPage/EmptyPage.js +4 -4
  204. package/lib/lookup/Lookup/Lookup.js +1 -1
  205. package/lib/lookup/Section/Section.js +1 -1
  206. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +1 -1
  207. package/lib/lookup/header/Search/Search.js +3 -3
  208. package/lib/lookup/header/TicketHeader/TicketHeader.js +1 -1
  209. package/lib/lookup/header/ViewDropDown/ViewDropDown.js +9 -9
  210. package/lib/setup/header/Button/Button.js +1 -1
  211. package/lib/setup/header/Link/Link.js +1 -1
  212. package/lib/setup/header/Search/Search.js +1 -1
  213. package/lib/setup/table/Table/Table.js +1 -1
  214. package/lib/setup/table/TableBody/TableBody.js +1 -1
  215. package/lib/setup/table/TableData/TableData.js +1 -1
  216. package/lib/setup/table/TableHead/TableHead.js +1 -1
  217. package/lib/setup/table/TableRow/TableRow.js +1 -1
  218. package/lib/svg/PlusIcon.js +1 -1
  219. package/lib/svg/SnippetIcon.js +1 -1
  220. package/lib/svg/TemplateIcon.js +1 -1
  221. package/lib/v1/dropdown/ToggleDropDown/ToggleDropDown.js +2 -2
  222. package/lib/v1/emptystate/EditionPage/EditionPage.js +1 -1
  223. package/lib/v1/errorstate/Inconvenience/Inconvenience.js +1 -1
  224. package/lib/v1/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +1 -1
  225. package/lib/v1/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +1 -1
  226. package/lib/v1/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +1 -1
  227. package/lib/v1/errorstate/UrlNotFound/UrlNotFound.js +1 -1
  228. package/lib/v1/errorstate/WillBeRightBack/WillBeRightBack.js +1 -1
  229. package/lib/v1/form/fields/TagsMultiSelect/TagsMultiSelect.js +2 -2
  230. package/lib/v1/list/status/StatusDropdown/StatusDropdown.js +2 -2
  231. package/lib/v1/lookup/EmptyPage/EmptyPage.js +4 -4
  232. package/lib/v1/lookup/header/ViewDropDown/ViewDropDown.js +1 -1
  233. package/lib/v1/notification/DesktopNotification/DesktopNotification.js +1 -1
  234. package/lib/v1/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +1 -1
  235. package/lib/v1/svg/PlusIcon.js +1 -1
  236. package/lib/v1/svg/SnippetIcon.js +1 -1
  237. package/lib/v1/svg/TemplateIcon.js +1 -1
  238. package/lib/version2/AlertClose/AlertClose.js +1 -1
  239. package/lib/version2/GlobalNotification/GlobalNotification.js +1 -1
  240. package/lib/version2/errorstate/Inconvenience/Inconvenience.js +3 -3
  241. package/lib/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss.js +3 -3
  242. package/lib/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest.js +3 -3
  243. package/lib/version2/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +3 -3
  244. package/lib/version2/errorstate/UrlNotFound/UrlNotFound.js +3 -3
  245. package/lib/version2/errorstate/WillBeRightBack/WillBeRightBack.js +3 -3
  246. package/lib/version2/lookup/AlertHeader/AlertHeader.js +1 -1
  247. package/lib/version2/lookup/AlertLookup/AlertLookup.js +3 -3
  248. package/lib/version2/notification/DesktopNotification/DesktopNotification.js +4 -4
  249. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +2 -2
  250. package/package.json +7 -6
  251. package/result.json +1 -1
  252. package/unittest/index.html +1 -1
@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Layout = require("@zohodesk/components/lib/Layout");
16
+ var _Layout = require("@zohodesk/components/es/Layout");
17
17
 
18
18
  var _AlphabeticListModule = _interopRequireDefault(require("./AlphabeticList.module.css"));
19
19
 
@@ -15,7 +15,7 @@ var _propTypes = require("./props/propTypes");
15
15
 
16
16
  var _icons = require("@zohodesk/icons");
17
17
 
18
- var _Layout = require("@zohodesk/components/lib/Layout");
18
+ var _Layout = require("@zohodesk/components/es/Layout");
19
19
 
20
20
  var _Link = _interopRequireDefault(require("../Link/Link"));
21
21
 
@@ -97,7 +97,8 @@ var Attachment = /*#__PURE__*/function (_React$Component) {
97
97
  align: "horizontal"
98
98
  }, fileName ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
99
99
  className: _AttachmentModule["default"].atatchName,
100
- "data-title": fileName
100
+ "data-title": fileName,
101
+ dataId: "".concat(dataId, "_filename")
101
102
  }, fileName) : null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
102
103
  className: _AttachmentModule["default"].footer
103
104
  }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
@@ -108,14 +109,16 @@ var Attachment = /*#__PURE__*/function (_React$Component) {
108
109
  className: _AttachmentModule["default"].attachSize,
109
110
  adjust: true,
110
111
  shrink: true,
111
- "data-title": fileSize
112
+ "data-title": fileSize,
113
+ dataId: "".concat(dataId, "_filesize")
112
114
  }, fileSize) : null, fileInfo ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
113
115
  className: _AttachmentModule["default"].dot
114
116
  }), /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
115
117
  className: _AttachmentModule["default"].attachSize,
116
118
  adjust: true,
117
119
  shrink: true,
118
- "data-title": fileInfo
120
+ "data-title": fileInfo,
121
+ dataId: "".concat(dataId, "_fileinfo")
119
122
  }, fileInfo)) : null)))), downloadLink && !isDisabled ? /*#__PURE__*/_react["default"].createElement(_Link["default"], {
120
123
  target: "_self",
121
124
  href: downloadLink,
@@ -13,6 +13,30 @@ describe('Attachment', function () {
13
13
  var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Attachment["default"], null)),
14
14
  asFragment = _render.asFragment;
15
15
 
16
+ expect(asFragment()).toMatchSnapshot();
17
+ });
18
+ });
19
+ describe('Attachment with props', function () {
20
+ test('rendering the defult props', function () {
21
+ var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_Attachment["default"], {
22
+ onClick: jest.fn(),
23
+ dataId: "test_id",
24
+ size: "medium",
25
+ iconName: "test_icon",
26
+ fileName: "test_file",
27
+ fileSize: "10MB",
28
+ downloadLink: "http://example.com",
29
+ palette: "default",
30
+ tooltip: "test_tooltip",
31
+ fileInfo: "test_info",
32
+ i18nKeys: {
33
+ downloadTitle: 'Download'
34
+ },
35
+ dataSelectorId: "test_selector",
36
+ isDisabled: false
37
+ })),
38
+ asFragment = _render2.asFragment;
39
+
16
40
  expect(asFragment()).toMatchSnapshot();
17
41
  });
18
42
  });
@@ -39,3 +39,108 @@ exports[`Attachment rendering the defult props 1`] = `
39
39
  </div>
40
40
  </DocumentFragment>
41
41
  `;
42
+
43
+ exports[`Attachment with props rendering the defult props 1`] = `
44
+ <DocumentFragment>
45
+ <div
46
+ class="attachment attachmentHover palette_default medium inflex rowdir"
47
+ data-id="test_id"
48
+ data-selector-id="test_selector"
49
+ data-test-id="test_id"
50
+ data-title="test_tooltip"
51
+ tabindex="0"
52
+ >
53
+ <div
54
+ class="attachleft shrinkOff"
55
+ data-id="boxComponent"
56
+ data-selector-id="box"
57
+ data-test-id="boxComponent"
58
+ >
59
+ <div
60
+ class="flex cover coldir both"
61
+ data-id="containerComponent"
62
+ data-selector-id="container"
63
+ data-test-id="containerComponent"
64
+ />
65
+ </div>
66
+ <div
67
+ class="attachright grow basis shrinkOff"
68
+ data-id="boxComponent"
69
+ data-selector-id="box"
70
+ data-test-id="boxComponent"
71
+ >
72
+ <div
73
+ class="flex cover coldir hCenter"
74
+ data-id="containerComponent"
75
+ data-selector-id="container"
76
+ data-test-id="containerComponent"
77
+ >
78
+ <div
79
+ class="atatchName shrinkOff"
80
+ data-id="test_id_filename"
81
+ data-selector-id="box"
82
+ data-test-id="test_id_filename"
83
+ data-title="test_file"
84
+ >
85
+ test_file
86
+ </div>
87
+ <div
88
+ class="footer shrinkOff"
89
+ data-id="boxComponent"
90
+ data-selector-id="box"
91
+ data-test-id="boxComponent"
92
+ >
93
+ <div
94
+ class="flex rowdir baseline"
95
+ data-id="containerComponent"
96
+ data-selector-id="container"
97
+ data-test-id="containerComponent"
98
+ >
99
+ <div
100
+ class="attachSize basisAuto shrinkOn"
101
+ data-id="test_id_filesize"
102
+ data-selector-id="box"
103
+ data-test-id="test_id_filesize"
104
+ data-title="10MB"
105
+ >
106
+ 10MB
107
+ </div>
108
+ <div
109
+ class="dot shrinkOff"
110
+ data-id="boxComponent"
111
+ data-selector-id="box"
112
+ data-test-id="boxComponent"
113
+ />
114
+ <div
115
+ class="attachSize basisAuto shrinkOn"
116
+ data-id="test_id_fileinfo"
117
+ data-selector-id="box"
118
+ data-test-id="test_id_fileinfo"
119
+ data-title="test_info"
120
+ >
121
+ test_info
122
+ </div>
123
+ </div>
124
+ </div>
125
+ </div>
126
+ </div>
127
+ <a
128
+ class="container attachDownload"
129
+ data-id="test_id_download"
130
+ data-test-id="test_id_download"
131
+ data-title="Download"
132
+ href="http://example.com"
133
+ rel="noopener noreferrer"
134
+ target="_self"
135
+ >
136
+ <i
137
+ aria-hidden="true"
138
+ class="zd_font_icons basic icon-download-new downIcon "
139
+ data-id="fontIcon"
140
+ data-selector-id="fontIcon"
141
+ data-test-id="fontIcon"
142
+ />
143
+ </a>
144
+ </div>
145
+ </DocumentFragment>
146
+ `;
@@ -13,17 +13,17 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Layout = require("@zohodesk/components/lib/Layout");
16
+ var _Layout = require("@zohodesk/components/es/Layout");
17
17
 
18
18
  var _icons = require("@zohodesk/icons");
19
19
 
20
- var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Avatar"));
20
+ var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/Avatar/Avatar"));
21
21
 
22
- var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
22
+ var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
23
23
 
24
- var _Typography = _interopRequireDefault(require("@zohodesk/components/lib/Typography/Typography"));
24
+ var _Typography = _interopRequireDefault(require("@zohodesk/components/es/Typography/Typography"));
25
25
 
26
- var _IdProvider = require("@zohodesk/components/lib/Provider/IdProvider");
26
+ var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
27
27
 
28
28
  var _Button = _interopRequireDefault(require("@zohodesk/components/es/Button/Button"));
29
29
 
@@ -378,7 +378,7 @@
378
378
 
379
379
  .previewIconDiv {
380
380
  width: var(--zd_size60) ;
381
- composes: dflex from '~@zohodesk/components/lib/common/common.module.css';
381
+ composes: dflex from '~@zohodesk/components/es/common/common.module.css';
382
382
  }
383
383
 
384
384
  .prevFooterIcon {
@@ -15,7 +15,7 @@ var _propTypes = require("./props/propTypes");
15
15
 
16
16
  var _icons = require("@zohodesk/icons");
17
17
 
18
- var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Avatar"));
18
+ var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/Avatar/Avatar"));
19
19
 
20
20
  var _AvatarIcon = _interopRequireDefault(require("../avatar/AvatarIcon/AvatarIcon"));
21
21
 
@@ -15,23 +15,23 @@ var _propTypes = require("./props/propTypes");
15
15
 
16
16
  var _FreezeLayer = _interopRequireDefault(require("../FreezeLayer/FreezeLayer"));
17
17
 
18
- var _Layout = require("@zohodesk/components/lib/Layout");
18
+ var _Layout = require("@zohodesk/components/es/Layout");
19
19
 
20
- var _Card = require("@zohodesk/components/lib/Card");
20
+ var _Card = require("@zohodesk/components/es/Card");
21
21
 
22
22
  var _FormAction = _interopRequireDefault(require("../FormAction/FormAction"));
23
23
 
24
- var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
24
+ var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
25
25
 
26
- var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
26
+ var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
27
27
 
28
- var _Heading = _interopRequireDefault(require("@zohodesk/components/lib/Heading/Heading"));
28
+ var _Heading = _interopRequireDefault(require("@zohodesk/components/es/Heading/Heading"));
29
29
 
30
30
  var _IconButton = _interopRequireDefault(require("../IconButton/IconButton"));
31
31
 
32
32
  var _icons = require("@zohodesk/icons");
33
33
 
34
- var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
34
+ var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
35
35
 
36
36
  var _DrawerModule = _interopRequireDefault(require("./Drawer.module.css"));
37
37
 
@@ -17,13 +17,13 @@ var _AvatarUser = _interopRequireDefault(require("../avatar/AvatarUser/AvatarUse
17
17
 
18
18
  var _AvatarIcon = _interopRequireDefault(require("../avatar/AvatarIcon/AvatarIcon"));
19
19
 
20
- var _CheckBox = _interopRequireDefault(require("@zohodesk/components/lib/CheckBox/CheckBox"));
20
+ var _CheckBox = _interopRequireDefault(require("@zohodesk/components/es/CheckBox/CheckBox"));
21
21
 
22
- var _Layout = require("@zohodesk/components/lib/Layout");
22
+ var _Layout = require("@zohodesk/components/es/Layout");
23
23
 
24
24
  var _ChannelIcon = _interopRequireDefault(require("../ChannelIcon/ChannelIcon"));
25
25
 
26
- var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/lib/Provider/AvatarSize"));
26
+ var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/es/Provider/AvatarSize"));
27
27
 
28
28
  var _FlipCardModule = _interopRequireDefault(require("./FlipCard.module.css"));
29
29
 
@@ -15,7 +15,7 @@ var _propTypes = require("./props/propTypes");
15
15
 
16
16
  var _FormActionModule = _interopRequireDefault(require("./FormAction.module.css"));
17
17
 
18
- var _Layout = require("@zohodesk/components/lib/Layout");
18
+ var _Layout = require("@zohodesk/components/es/Layout");
19
19
 
20
20
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
21
 
@@ -11,13 +11,13 @@ var _defaultProps = require("./props/defaultProps");
11
11
 
12
12
  var _propTypes = require("./props/propTypes");
13
13
 
14
- var _Layout = require("@zohodesk/components/lib/Layout");
14
+ var _Layout = require("@zohodesk/components/es/Layout");
15
15
 
16
16
  var _utils = require("@zohodesk/utils");
17
17
 
18
- var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
18
+ var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
19
19
 
20
- var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
20
+ var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
21
21
 
22
22
  var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
23
23
 
@@ -15,11 +15,11 @@ var _propTypes = require("./props/propTypes");
15
15
 
16
16
  var _icons = require("@zohodesk/icons");
17
17
 
18
- var _Layout = require("@zohodesk/components/lib/Layout");
18
+ var _Layout = require("@zohodesk/components/es/Layout");
19
19
 
20
- var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/semanticButton.module.css"));
20
+ var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
21
21
 
22
- var _RippleEffect = _interopRequireDefault(require("@zohodesk/components/lib/RippleEffect/RippleEffect"));
22
+ var _RippleEffect = _interopRequireDefault(require("@zohodesk/components/es/RippleEffect/RippleEffect"));
23
23
 
24
24
  var _IconButtonModule = _interopRequireDefault(require("./IconButton.module.css"));
25
25
 
@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Layout = require("@zohodesk/components/lib/Layout");
16
+ var _Layout = require("@zohodesk/components/es/Layout");
17
17
 
18
18
  var _icons = require("@zohodesk/icons");
19
19
 
@@ -9,7 +9,7 @@ exports["default"] = void 0;
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
12
+ var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
13
13
 
14
14
  var _LoaderModule = _interopRequireDefault(require("./Loader.module.css"));
15
15
 
@@ -17,7 +17,7 @@ var _Link = _interopRequireDefault(require("../Link/Link"));
17
17
 
18
18
  var _icons = require("@zohodesk/icons");
19
19
 
20
- var _Layout = require("@zohodesk/components/lib/Layout");
20
+ var _Layout = require("@zohodesk/components/es/Layout");
21
21
 
22
22
  var _MessageBannerModule = _interopRequireDefault(require("./MessageBanner.module.css"));
23
23
 
@@ -15,7 +15,7 @@ var _propTypes = require("./props/propTypes");
15
15
 
16
16
  var _icons = require("@zohodesk/icons");
17
17
 
18
- var _Layout = require("@zohodesk/components/lib/Layout");
18
+ var _Layout = require("@zohodesk/components/es/Layout");
19
19
 
20
20
  var _NewStarModule = _interopRequireDefault(require("./NewStar.module.css"));
21
21
 
@@ -11,13 +11,13 @@ var _propTypes = require("./props/propTypes");
11
11
 
12
12
  var _defaultProps = require("./props/defaultProps");
13
13
 
14
- var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
14
+ var _Icon = _interopRequireDefault(require("@zohodesk/icons/es/Icon"));
15
15
 
16
16
  var _Flex = _interopRequireDefault(require("@zohodesk/layout/es/Flex/Flex"));
17
17
 
18
- var _Button = _interopRequireDefault(require("@zohodesk/components/lib/Button/Button"));
18
+ var _Button = _interopRequireDefault(require("@zohodesk/components/es/Button/Button"));
19
19
 
20
- var _Modal = _interopRequireDefault(require("@zohodesk/components/lib/Modal/Modal"));
20
+ var _Modal = _interopRequireDefault(require("@zohodesk/components/es/Modal/Modal"));
21
21
 
22
22
  var _Ribbon = _interopRequireDefault(require("@zohodesk/components/es/Ribbon/Ribbon"));
23
23
 
@@ -9,7 +9,7 @@ exports["default"] = void 0;
9
9
 
10
10
  var _react = _interopRequireDefault(require("react"));
11
11
 
12
- var _Layout = require("@zohodesk/components/lib/Layout");
12
+ var _Layout = require("@zohodesk/components/es/Layout");
13
13
 
14
14
  var _defaultProps = require("./props/defaultProps");
15
15
 
@@ -17,15 +17,15 @@ var _Common = require("@zohodesk/components/es/utils/Common");
17
17
 
18
18
  var _icons = require("@zohodesk/icons");
19
19
 
20
- var _Layout = require("@zohodesk/components/lib/Layout");
20
+ var _Layout = require("@zohodesk/components/es/Layout");
21
21
 
22
- var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
22
+ var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
23
23
 
24
- var _IdProvider = require("@zohodesk/components/lib/Provider/IdProvider");
24
+ var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
25
25
 
26
26
  var _AutoClose = _interopRequireDefault(require("../actions/AutoClose"));
27
27
 
28
- var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/lib/semantic/Button/semanticButton.module.css"));
28
+ var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
29
29
 
30
30
  var _ToastMessageModule = _interopRequireDefault(require("./ToastMessage.module.css"));
31
31
 
@@ -15,7 +15,7 @@ var _propTypes = require("./props/propTypes");
15
15
 
16
16
  var _icons = require("@zohodesk/icons");
17
17
 
18
- var _Layout = require("@zohodesk/components/lib/Layout");
18
+ var _Layout = require("@zohodesk/components/es/Layout");
19
19
 
20
20
  var _Image = _interopRequireDefault(require("../Image/Image"));
21
21
 
@@ -9,7 +9,7 @@ exports["default"] = VideoLookup;
9
9
 
10
10
  var _react = _interopRequireWildcard(require("react"));
11
11
 
12
- var _Icon = _interopRequireDefault(require("@zohodesk/icons/lib/Icon"));
12
+ var _Icon = _interopRequireDefault(require("@zohodesk/icons/es/Icon"));
13
13
 
14
14
  var _Button = _interopRequireDefault(require("@zohodesk/components/es/Button/Button"));
15
15
 
@@ -15,7 +15,7 @@ var _propTypes = require("./props/propTypes");
15
15
 
16
16
  var _Title = _interopRequireDefault(require("../../lookup/header/Title/Title"));
17
17
 
18
- var _Layout = require("@zohodesk/components/lib/Layout");
18
+ var _Layout = require("@zohodesk/components/es/Layout");
19
19
 
20
20
  var _icons = require("@zohodesk/icons");
21
21
 
@@ -17,7 +17,7 @@ var _Lookup = _interopRequireDefault(require("../../lookup/Lookup/Lookup"));
17
17
 
18
18
  var _AlertHeader = _interopRequireDefault(require("../AlertHeader/AlertHeader"));
19
19
 
20
- var _Button = _interopRequireDefault(require("@zohodesk/components/lib/Button/Button"));
20
+ var _Button = _interopRequireDefault(require("@zohodesk/components/es/Button/Button"));
21
21
 
22
22
  var _Section = _interopRequireDefault(require("../../lookup/Section/Section"));
23
23
 
@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Avatar"));
16
+ var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/Avatar/Avatar"));
17
17
 
18
18
  var _icons = require("@zohodesk/icons");
19
19
 
@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Avatar"));
16
+ var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/Avatar/Avatar"));
17
17
 
18
18
  var _icons = require("@zohodesk/icons");
19
19
 
@@ -15,9 +15,9 @@ var _propTypes = require("./props/propTypes");
15
15
 
16
16
  var _icons = require("@zohodesk/icons");
17
17
 
18
- var _Layout = require("@zohodesk/components/lib/Layout");
18
+ var _Layout = require("@zohodesk/components/es/Layout");
19
19
 
20
- var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/lib/Provider/AvatarSize"));
20
+ var _AvatarSize = _interopRequireDefault(require("@zohodesk/components/es/Provider/AvatarSize"));
21
21
 
22
22
  var _AvatarIconModule = _interopRequireDefault(require("./AvatarIcon.module.css"));
23
23
 
@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Avatar"));
16
+ var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/Avatar/Avatar"));
17
17
 
18
18
  var _AvatarStatusModule = _interopRequireDefault(require("./AvatarStatus.module.css"));
19
19
 
@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Avatar"));
16
+ var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/Avatar/Avatar"));
17
17
 
18
18
  var _icons = require("@zohodesk/icons");
19
19
 
@@ -13,7 +13,7 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Avatar"));
16
+ var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/Avatar/Avatar"));
17
17
 
18
18
  var _AvatarIcon = _interopRequireDefault(require("../AvatarIcon/AvatarIcon"));
19
19
 
@@ -13,9 +13,9 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Avatar = _interopRequireDefault(require("@zohodesk/components/lib/Avatar/Avatar"));
16
+ var _Avatar = _interopRequireDefault(require("@zohodesk/components/es/Avatar/Avatar"));
17
17
 
18
- var _AvatarTeam = _interopRequireDefault(require("@zohodesk/components/lib/AvatarTeam/AvatarTeam"));
18
+ var _AvatarTeam = _interopRequireDefault(require("@zohodesk/components/es/AvatarTeam/AvatarTeam"));
19
19
 
20
20
  var _AvatarWithTeamModule = _interopRequireDefault(require("./AvatarWithTeam.module.css"));
21
21
 
@@ -13,13 +13,13 @@ var _defaultProps = require("./props/defaultProps");
13
13
 
14
14
  var _propTypes = require("./props/propTypes");
15
15
 
16
- var _Layout = require("@zohodesk/components/lib/Layout");
16
+ var _Layout = require("@zohodesk/components/es/Layout");
17
17
 
18
- var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
18
+ var _VelocityAnimationGroup = _interopRequireDefault(require("@zohodesk/components/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup"));
19
19
 
20
20
  var _FreezeLayerModule = _interopRequireDefault(require("./_FreezeLayer.module.css"));
21
21
 
22
- var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider");
22
+ var _ZindexProvider = require("@zohodesk/components/es/Provider/ZindexProvider");
23
23
 
24
24
  var _Config = require("../Provider/Config");
25
25
 
@@ -11,21 +11,21 @@ var _react = _interopRequireDefault(require("react"));
11
11
 
12
12
  var _propTypes = _interopRequireDefault(require("prop-types"));
13
13
 
14
- var _Popup = _interopRequireDefault(require("@zohodesk/components/lib/Popup/Popup"));
14
+ var _Popup = _interopRequireDefault(require("@zohodesk/components/es/Popup/Popup"));
15
15
 
16
- var _ListItem = _interopRequireDefault(require("@zohodesk/components/lib/ListItem/ListItem"));
16
+ var _ListItem = _interopRequireDefault(require("@zohodesk/components/es/ListItem/ListItem"));
17
17
 
18
- var _TextBox = _interopRequireDefault(require("@zohodesk/components/lib/TextBox/TextBox"));
18
+ var _TextBox = _interopRequireDefault(require("@zohodesk/components/es/TextBox/TextBox"));
19
19
 
20
- var _DropDownHeading = _interopRequireDefault(require("@zohodesk/components/lib/DropDown/DropDownHeading"));
20
+ var _DropDownHeading = _interopRequireDefault(require("@zohodesk/components/es/DropDown/DropDownHeading"));
21
21
 
22
22
  var _icons = require("@zohodesk/icons");
23
23
 
24
- var _Layout = require("@zohodesk/components/lib/Layout");
24
+ var _Layout = require("@zohodesk/components/es/Layout");
25
25
 
26
- var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox"));
26
+ var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/es/ResponsiveDropBox/ResponsiveDropBox"));
27
27
 
28
- var _CustomResponsive = require("@zohodesk/components/lib/Responsive/CustomResponsive");
28
+ var _CustomResponsive = require("@zohodesk/components/es/Responsive/CustomResponsive");
29
29
 
30
30
  var _SelectDropdownModule = _interopRequireDefault(require("./SelectDropdown.module.css"));
31
31