@zohodesk/dot 1.9.11 → 1.9.13

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 (68) hide show
  1. package/README.md +20 -0
  2. package/es/ActionButton/__tests__/ActionButton.spec.js +4 -5
  3. package/es/AttachmentViewer/AttachmentImage.js +3 -1
  4. package/es/AttachmentViewer/AttachmentViewer.js +340 -273
  5. package/es/AttachmentViewer/AttachmentViewer.module.css +8 -15
  6. package/es/AttachmentViewer/__tests__/AttachmentViewer.spec.js +104 -100
  7. package/es/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +778 -1
  8. package/es/AttachmentViewer/props/defaultProps.js +4 -2
  9. package/es/AttachmentViewer/props/propTypes.js +9 -2
  10. package/es/AttachmentViewer/utils.js +6 -7
  11. package/es/AudioPlayer/utils/utils.js +2 -5
  12. package/es/DotProvider/hooks/useDotProvider.js +14 -15
  13. package/es/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +12 -13
  14. package/es/DotProvider/props/defaultProps.js +1 -1
  15. package/es/DotProvider/utils/assetPromiseHandlers/themeAppearanceAssetPromise.js +3 -4
  16. package/es/DotProvider/utils/assetPromiseHandlers/themeColorAssetPromise.js +4 -5
  17. package/es/DotProvider/utils/errorValidation.js +5 -6
  18. package/es/DotProvider/utils/getAssetsImportPromises.js +4 -5
  19. package/es/Drawer/Drawer.js +6 -8
  20. package/es/FreezeLayer/css/cssJSLogic.js +4 -5
  21. package/es/Hooks/Dragger/useDragger.js +5 -6
  22. package/es/Hooks/Dragger/utils/DraggerUtil.js +7 -8
  23. package/es/Hooks/useFreezeLayer.js +4 -5
  24. package/es/Link/Link.js +4 -3
  25. package/es/Link/props/propTypes.js +1 -0
  26. package/es/Onboarding/CarouselDots/CarouselDots.js +29 -32
  27. package/es/Onboarding/Onboarding.js +23 -24
  28. package/es/Onboarding/hooks/useOnboarding.js +4 -5
  29. package/es/Onboarding/hooks/useOnboardingSlider.js +5 -6
  30. package/es/deprecated/SelectDropdown/SelectDropdown.js +43 -47
  31. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +214 -225
  32. package/es/errorstate/Inconvenience/Inconvenience.js +32 -36
  33. package/es/errorstate/NoRequestFound/NoRequestFound.js +32 -36
  34. package/es/errorstate/PermissionPlay/PermissionPlay.js +31 -35
  35. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.js +32 -36
  36. package/es/errorstate/UnableToProcess/UnableToProcess.js +32 -36
  37. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.js +32 -36
  38. package/es/errorstate/WillBack/WillBack.js +30 -34
  39. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +81 -85
  40. package/es/list/status/StatusDropdown/StatusDropdown.js +109 -113
  41. package/es/list/status/StatusDropdown/__tests__/StatusDropdown.spec.js +3 -4
  42. package/es/lookup/header/Search/Search.js +4 -5
  43. package/es/lookup/header/Search/__tests__/Search.spec.js +3 -4
  44. package/es/lookup/header/ViewDropDown/ViewDropDown.js +67 -75
  45. package/es/utils/General.js +2 -7
  46. package/es/utils/editorUtils.js +1 -5
  47. package/es/version2/lookup/AlertHeader/AlertHeader.js +5 -3
  48. package/es/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +24 -0
  49. package/es/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +34 -0
  50. package/es/version2/lookup/AlertHeader/css/cssJSLogic.js +4 -5
  51. package/es/version2/lookup/AlertHeader/props/propTypes.js +2 -1
  52. package/es/version2/notification/DesktopNotification/DesktopNotification.js +59 -63
  53. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.js +40 -44
  54. package/lib/AttachmentViewer/AttachmentImage.js +3 -1
  55. package/lib/AttachmentViewer/AttachmentViewer.js +158 -82
  56. package/lib/AttachmentViewer/AttachmentViewer.module.css +8 -15
  57. package/lib/AttachmentViewer/__tests__/AttachmentViewer.spec.js +100 -100
  58. package/lib/AttachmentViewer/__tests__/__snapshots__/AttachmentViewer.spec.js.snap +778 -1
  59. package/lib/AttachmentViewer/props/defaultProps.js +6 -2
  60. package/lib/AttachmentViewer/props/propTypes.js +9 -2
  61. package/lib/DotProvider/props/defaultProps.js +2 -2
  62. package/lib/Link/Link.js +4 -3
  63. package/lib/Link/props/propTypes.js +1 -0
  64. package/lib/version2/lookup/AlertHeader/AlertHeader.js +5 -2
  65. package/lib/version2/lookup/AlertHeader/__tests__/AlertHeader.spec.js +26 -0
  66. package/lib/version2/lookup/AlertHeader/__tests__/__snapshots__/AlertHeader.spec.js.snap +34 -0
  67. package/lib/version2/lookup/AlertHeader/props/propTypes.js +2 -1
  68. package/package.json +26 -24
package/lib/AttachmentViewer/__tests__/AttachmentViewer.spec.js CHANGED
@@ -16,60 +16,61 @@ beforeEach(function () {
16
16
  afterEach(function () {
17
17
  (0, _react2.cleanup)();
18
18
  });
19
+ var mockData = [{
20
+ id: '1',
21
+ name: 'slack0.jpg',
22
+ size: '100412',
23
+ href: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG',
24
+ viewUrl: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG',
25
+ downloadUrl: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG'
26
+ }, {
27
+ id: '2',
28
+ name: 'slack1.jpg',
29
+ size: '100412',
30
+ href: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg',
31
+ viewUrl: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg',
32
+ downloadUrl: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg'
33
+ }, {
34
+ id: '3',
35
+ name: 'slack2.jpg',
36
+ size: '100412',
37
+ href: 'https://wallpapercave.com/wp/wp3913900.jpg',
38
+ viewUrl: 'https://wallpapercave.com/wp/wp3913900.jpg',
39
+ downloadUrl: 'https://wallpapercave.com/wp/wp3913900.jpg'
40
+ }, {
41
+ id: '4',
42
+ name: 'slack3.jpg',
43
+ size: '100412',
44
+ href: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
45
+ viewUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
46
+ downloadUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg'
47
+ }, {
48
+ id: '5',
49
+ name: 'slack4.jpg',
50
+ size: '100412',
51
+ href: 'https://wallpapercave.com/wp/wp3913900.jpg',
52
+ viewUrl: 'https://wallpapercave.com/wp/wp3913900.jpg',
53
+ downloadUrl: 'https://wallpapercave.com/wp/wp3913900.jpg'
54
+ }, {
55
+ id: '6',
56
+ name: 'slack5.jpg',
57
+ size: '100412',
58
+ href: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
59
+ viewUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
60
+ downloadUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg'
61
+ }, {
62
+ id: '6',
63
+ name: 'slack5.mp3',
64
+ size: '100412',
65
+ href: 'https://www.w3schools.com/html/horse.mp3',
66
+ viewUrl: 'https://www.w3schools.com/html/horse.mp3',
67
+ downloadUrl: 'https://www.w3schools.com/html/horse.mp3'
68
+ }];
19
69
  describe('AttachmentViewer', function () {
20
70
  test('rendering the defult props', function () {
21
71
  var _render = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AttachmentViewer["default"], {
22
72
  previewObj: {
23
- previewData: [{
24
- id: '1',
25
- name: 'slack0.jpg',
26
- size: '100412',
27
- href: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG',
28
- viewUrl: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG',
29
- downloadUrl: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG'
30
- }, {
31
- id: '2',
32
- name: 'slack1.jpg',
33
- size: '100412',
34
- href: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg',
35
- viewUrl: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg',
36
- downloadUrl: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg'
37
- }, {
38
- id: '3',
39
- name: 'slack2.jpg',
40
- size: '100412',
41
- href: 'https://wallpapercave.com/wp/wp3913900.jpg',
42
- viewUrl: 'https://wallpapercave.com/wp/wp3913900.jpg',
43
- downloadUrl: 'https://wallpapercave.com/wp/wp3913900.jpg'
44
- }, {
45
- id: '4',
46
- name: 'slack3.jpg',
47
- size: '100412',
48
- href: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
49
- viewUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
50
- downloadUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg'
51
- }, {
52
- id: '5',
53
- name: 'slack4.jpg',
54
- size: '100412',
55
- href: 'https://wallpapercave.com/wp/wp3913900.jpg',
56
- viewUrl: 'https://wallpapercave.com/wp/wp3913900.jpg',
57
- downloadUrl: 'https://wallpapercave.com/wp/wp3913900.jpg'
58
- }, {
59
- id: '6',
60
- name: 'slack5.jpg',
61
- size: '100412',
62
- href: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
63
- viewUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
64
- downloadUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg'
65
- }, {
66
- id: '6',
67
- name: 'slack5.mp3',
68
- size: '100412',
69
- href: 'https://www.w3schools.com/html/horse.mp3',
70
- viewUrl: 'https://www.w3schools.com/html/horse.mp3',
71
- downloadUrl: 'https://www.w3schools.com/html/horse.mp3'
72
- }],
73
+ previewData: mockData,
73
74
  selectedIndex: 0
74
75
  }
75
76
  })),
@@ -81,56 +82,7 @@ describe('AttachmentViewer', function () {
81
82
  var _render2 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AttachmentViewer["default"], {
82
83
  isActive: true,
83
84
  previewObj: {
84
- previewData: [{
85
- id: '1',
86
- name: 'slack0.jpg',
87
- size: '100412',
88
- href: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG',
89
- viewUrl: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG',
90
- downloadUrl: 'https://2.bp.blogspot.com/_H-PCzW2K720/SlXXLLMOzsI/AAAAAAAAAFE/efv7GBth9cQ/s280/Elva+Hill+04.JPG'
91
- }, {
92
- id: '2',
93
- name: 'slack1.jpg',
94
- size: '100412',
95
- href: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg',
96
- viewUrl: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg',
97
- downloadUrl: 'https://p.bigstockphoto.com/GeFvQkBbSLaMdpKXF1Zv_bigstock-Aerial-View-Of-Blue-Lakes-And--227291596.jpg'
98
- }, {
99
- id: '3',
100
- name: 'slack2.jpg',
101
- size: '100412',
102
- href: 'https://wallpapercave.com/wp/wp3913900.jpg',
103
- viewUrl: 'https://wallpapercave.com/wp/wp3913900.jpg',
104
- downloadUrl: 'https://wallpapercave.com/wp/wp3913900.jpg'
105
- }, {
106
- id: '4',
107
- name: 'slack3.jpg',
108
- size: '100412',
109
- href: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
110
- viewUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
111
- downloadUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg'
112
- }, {
113
- id: '5',
114
- name: 'slack4.jpg',
115
- size: '100412',
116
- href: 'https://wallpapercave.com/wp/wp3913900.jpg',
117
- viewUrl: 'https://wallpapercave.com/wp/wp3913900.jpg',
118
- downloadUrl: 'https://wallpapercave.com/wp/wp3913900.jpg'
119
- }, {
120
- id: '6',
121
- name: 'slack5.jpg',
122
- size: '100412',
123
- href: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
124
- viewUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg',
125
- downloadUrl: 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/09/Giraffe_2019-07-28.jpg/682px-Giraffe_2019-07-28.jpg'
126
- }, {
127
- id: '6',
128
- name: 'slack5.mp3',
129
- size: '100412',
130
- href: 'https://www.w3schools.com/html/horse.mp3',
131
- viewUrl: 'https://www.w3schools.com/html/horse.mp3',
132
- downloadUrl: 'https://www.w3schools.com/html/horse.mp3'
133
- }],
85
+ previewData: mockData,
134
86
  selectedIndex: 0
135
87
  }
136
88
  })),
@@ -138,4 +90,52 @@ describe('AttachmentViewer', function () {
138
90
 
139
91
  expect(asFragment()).toMatchSnapshot();
140
92
  });
93
+ test('rendering with renderCustomIcons', function () {
94
+ var _render3 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AttachmentViewer["default"], {
95
+ isActive: true,
96
+ previewObj: {
97
+ previewData: mockData,
98
+ selectedIndex: 0
99
+ },
100
+ renderCustomIcons: function renderCustomIcons(props) {
101
+ var selectedAttachment = props.selectedAttachment,
102
+ selectedIndex = props.selectedIndex,
103
+ totalLen = props.totalLen;
104
+ return /*#__PURE__*/_react["default"].createElement("div", {
105
+ "data-id": "customIcons"
106
+ }, /*#__PURE__*/_react["default"].createElement("span", {
107
+ "data-id": "customIcons_name"
108
+ }, selectedAttachment.name), /*#__PURE__*/_react["default"].createElement("span", {
109
+ "data-id": "customIcons_index"
110
+ }, selectedIndex + 1, "/", totalLen));
111
+ }
112
+ })),
113
+ asFragment = _render3.asFragment;
114
+
115
+ expect(asFragment()).toMatchSnapshot();
116
+ });
117
+ test('rendering with renderCustomImagePreviewElement', function () {
118
+ var _render4 = (0, _react2.render)( /*#__PURE__*/_react["default"].createElement(_AttachmentViewer["default"], {
119
+ isActive: true,
120
+ previewObj: {
121
+ previewData: mockData,
122
+ selectedIndex: 0
123
+ },
124
+ renderCustomImagePreviewElement: function renderCustomImagePreviewElement(props) {
125
+ var defaultView = props.defaultView,
126
+ data = props.data,
127
+ selectedIndex = props.index;
128
+ return /*#__PURE__*/_react["default"].createElement("div", {
129
+ "data-id": "customImagePreview"
130
+ }, /*#__PURE__*/_react["default"].createElement("span", {
131
+ "data-id": "customImagePreview_name"
132
+ }, data.name), /*#__PURE__*/_react["default"].createElement("span", {
133
+ "data-id": "customImagePreview_index"
134
+ }, selectedIndex + 1, "/", data.length));
135
+ }
136
+ })),
137
+ asFragment = _render4.asFragment;
138
+
139
+ expect(asFragment()).toMatchSnapshot();
140
+ });
141
141
  });