@zohodesk/components 1.1.0 → 1.1.1

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 (114) hide show
  1. package/README.md +5 -1
  2. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +24 -24
  3. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +24 -24
  4. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +24 -24
  5. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +24 -24
  6. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +24 -24
  7. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +24 -24
  8. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +24 -24
  9. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +24 -24
  10. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +24 -24
  11. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +24 -24
  12. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +24 -24
  13. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +24 -24
  14. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +24 -24
  15. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +24 -24
  16. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +24 -24
  17. package/es/Button/__tests__/Button.spec.js +61 -0
  18. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
  19. package/lib/Button/__tests__/Button.spec.js +62 -0
  20. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -0
  21. package/package.json +12 -7
  22. package/result.json +1 -0
  23. package/es/Accordion/__tests__/Accordion.spec.js +0 -79
  24. package/es/Animation/__tests__/Animation.spec.js +0 -17
  25. package/es/Avatar/__tests__/Avatar.spec.js +0 -161
  26. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  27. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -76
  28. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  29. package/es/Buttongroup/__test__/Buttongroup.spec.js +0 -73
  30. package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  31. package/es/Card/__tests__/Card.spec.js +0 -36
  32. package/es/CheckBox/__tests__/CheckBox.spec.js +0 -12
  33. package/es/DateTime/__tests__/CalendarView.spec.js +0 -33
  34. package/es/DateTime/__tests__/DateTime.spec.js +0 -115
  35. package/es/DateTime/__tests__/DateWidget.spec.js +0 -75
  36. package/es/DropBox/__tests__/DropBox.spec.js +0 -81
  37. package/es/DropDown/__tests__/DropDown.spec.js +0 -44
  38. package/es/DropDown/__tests__/DropDownItem.spec.js +0 -45
  39. package/es/DropDown/__tests__/DropDownSearch.spec.js +0 -11
  40. package/es/Label/__tests__/Label.spec.js +0 -120
  41. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  42. package/es/Layout/__tests__/Box.spec.js +0 -114
  43. package/es/Layout/__tests__/Container.spec.js +0 -120
  44. package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -160
  45. package/es/PopOver/__tests__/PopOver.spec.js +0 -14
  46. package/es/Popup/__tests__/Popup.spec.js +0 -134
  47. package/es/Radio/__tests__/Radiospec.js +0 -23
  48. package/es/Ribbon/__tests__/Ribbon.spec.js +0 -168
  49. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  50. package/es/Select/__tests__/Select.spec.js +0 -345
  51. package/es/Stencils/__tests__/Stencils.spec.js +0 -69
  52. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  53. package/es/Tab/__tests__/Tab.spec.js +0 -117
  54. package/es/Tab/__tests__/TabContent.spec.js +0 -16
  55. package/es/Tab/__tests__/TabContentWrapper.spec.js +0 -50
  56. package/es/Tab/__tests__/TabWrapper.spec.js +0 -86
  57. package/es/Tab/__tests__/Tabs.spec.js +0 -115
  58. package/es/Tag/__tests__/Tag.spec.js +0 -28
  59. package/es/TextBox/__tests__/TextBox.spec.js +0 -189
  60. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  61. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -212
  62. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  63. package/es/Textarea/__tests__/Textarea.spec.js +0 -171
  64. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  65. package/es/Tooltip/__tests__/Tooltip.spec.js +0 -52
  66. package/es/utils/__tests__/constructFullName.spec.js +0 -9
  67. package/es/utils/__tests__/debounce.spec.js +0 -37
  68. package/es/utils/__tests__/getInitial.spec.js +0 -23
  69. package/lib/Accordion/__tests__/Accordion.spec.js +0 -85
  70. package/lib/Animation/__tests__/Animation.spec.js +0 -23
  71. package/lib/Avatar/__tests__/Avatar.spec.js +0 -208
  72. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  73. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -92
  74. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  75. package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -86
  76. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  77. package/lib/Card/__tests__/Card.spec.js +0 -56
  78. package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -18
  79. package/lib/DateTime/__tests__/CalendarView.spec.js +0 -45
  80. package/lib/DateTime/__tests__/DateTime.spec.js +0 -127
  81. package/lib/DateTime/__tests__/DateWidget.spec.js +0 -81
  82. package/lib/DropBox/__tests__/DropBox.spec.js +0 -87
  83. package/lib/DropDown/__tests__/DropDown.spec.js +0 -50
  84. package/lib/DropDown/__tests__/DropDownItem.spec.js +0 -51
  85. package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -17
  86. package/lib/Label/__tests__/Label.spec.js +0 -137
  87. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  88. package/lib/Layout/__tests__/Box.spec.js +0 -121
  89. package/lib/Layout/__tests__/Container.spec.js +0 -127
  90. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -170
  91. package/lib/PopOver/__tests__/PopOver.spec.js +0 -20
  92. package/lib/Popup/__tests__/Popup.spec.js +0 -192
  93. package/lib/Radio/__tests__/Radiospec.js +0 -29
  94. package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -193
  95. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  96. package/lib/Select/__tests__/Select.spec.js +0 -383
  97. package/lib/Stencils/__tests__/Stencils.spec.js +0 -84
  98. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  99. package/lib/Tab/__tests__/Tab.spec.js +0 -123
  100. package/lib/Tab/__tests__/TabContent.spec.js +0 -22
  101. package/lib/Tab/__tests__/TabContentWrapper.spec.js +0 -59
  102. package/lib/Tab/__tests__/TabWrapper.spec.js +0 -100
  103. package/lib/Tab/__tests__/Tabs.spec.js +0 -123
  104. package/lib/Tag/__tests__/Tag.spec.js +0 -35
  105. package/lib/TextBox/__tests__/TextBox.spec.js +0 -205
  106. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  107. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -228
  108. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  109. package/lib/Textarea/__tests__/Textarea.spec.js +0 -186
  110. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  111. package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -98
  112. package/lib/utils/__tests__/constructFullName.spec.js +0 -12
  113. package/lib/utils/__tests__/debounce.spec.js +0 -40
  114. package/lib/utils/__tests__/getInitial.spec.js +0 -26
@@ -1,193 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
-
5
- var _Ribbon = _interopRequireDefault(require("../Ribbon"));
6
-
7
- var _reactTestRenderer = _interopRequireDefault(require("react-test-renderer"));
8
-
9
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
10
-
11
- describe('Ribbon component', function () {
12
- it('should the palette is default', function () {
13
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
14
- palette: "default",
15
- text: "default"
16
- }));
17
-
18
- var tree = ele.toJSON();
19
- expect(tree).toMatchSnapshot();
20
- });
21
- it('should the palette is danger', function () {
22
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
23
- palette: "danger",
24
- text: "danger"
25
- }));
26
-
27
- var tree = ele.toJSON();
28
- expect(tree).toMatchSnapshot();
29
- });
30
- it('should the palette is secondary', function () {
31
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
32
- palette: "secondary",
33
- text: "secondary"
34
- }));
35
-
36
- var tree = ele.toJSON();
37
- expect(tree).toMatchSnapshot();
38
- });
39
- it('should the palette is info', function () {
40
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
41
- palette: "info",
42
- text: "info"
43
- }));
44
-
45
- var tree = ele.toJSON();
46
- expect(tree).toMatchSnapshot();
47
- });
48
- it('should the palette is primary', function () {
49
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
50
- palette: "primary",
51
- text: "primary"
52
- }));
53
-
54
- var tree = ele.toJSON();
55
- expect(tree).toMatchSnapshot();
56
- });
57
- it('should the palette is dark', function () {
58
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
59
- palette: "dark",
60
- text: "dark"
61
- }));
62
-
63
- var tree = ele.toJSON();
64
- expect(tree).toMatchSnapshot();
65
- });
66
- it('should the size is small', function () {
67
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
68
- palette: "default",
69
- text: "default",
70
- size: "small"
71
- }));
72
-
73
- var tree = ele.toJSON();
74
- expect(tree).toMatchSnapshot();
75
- });
76
- it('should the size is medium', function () {
77
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
78
- palette: "default",
79
- text: "default",
80
- size: "small"
81
- }));
82
-
83
- var tree = ele.toJSON();
84
- expect(tree).toMatchSnapshot();
85
- });
86
- it('should the size is large', function () {
87
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
88
- palette: "default",
89
- text: "default",
90
- size: "large"
91
- }));
92
-
93
- var tree = ele.toJSON();
94
- expect(tree).toMatchSnapshot();
95
- });
96
- it('should the size is xlarge', function () {
97
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
98
- palette: "default",
99
- text: "default",
100
- size: "xlarge"
101
- }));
102
-
103
- var tree = ele.toJSON();
104
- expect(tree).toMatchSnapshot();
105
- });
106
- it('should the type is dafault', function () {
107
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
108
- palette: "default",
109
- text: "default",
110
- size: "xlarge"
111
- }));
112
-
113
- var tree = ele.toJSON();
114
- expect(tree).toMatchSnapshot();
115
- });
116
- it('should the type is flag', function () {
117
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
118
- palette: "default",
119
- text: "default",
120
- size: "xlarge"
121
- }));
122
-
123
- var tree = ele.toJSON();
124
- expect(tree).toMatchSnapshot();
125
- });
126
- it('should the type is plain', function () {
127
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
128
- palette: "default",
129
- text: "default",
130
- size: "xlarge"
131
- }));
132
-
133
- var tree = ele.toJSON();
134
- expect(tree).toMatchSnapshot();
135
- });
136
- it('should the type is ribbon', function () {
137
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
138
- palette: "default",
139
- text: "default",
140
- size: "xlarge"
141
- }));
142
-
143
- var tree = ele.toJSON();
144
- expect(tree).toMatchSnapshot();
145
- });
146
- it('should the type is box', function () {
147
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
148
- palette: "default",
149
- text: "default",
150
- size: "xlarge"
151
- }));
152
-
153
- var tree = ele.toJSON();
154
- expect(tree).toMatchSnapshot();
155
- });
156
- it('should the type is stamp', function () {
157
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
158
- palette: "default",
159
- text: "default",
160
- size: "xlarge"
161
- }));
162
-
163
- var tree = ele.toJSON();
164
- expect(tree).toMatchSnapshot();
165
- });
166
- it('should the type is sticker', function () {
167
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
168
- palette: "default",
169
- text: "default",
170
- size: "xlarge"
171
- }));
172
-
173
- var tree = ele.toJSON();
174
- expect(tree).toMatchSnapshot();
175
- });
176
- it('should the type is tag', function () {
177
- var ele = _reactTestRenderer["default"].create( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
178
- palette: "default",
179
- text: "default",
180
- type: "tag"
181
- }));
182
-
183
- var tree = ele.toJSON();
184
- expect(tree).toMatchSnapshot();
185
- });
186
- it('should display text', function () {
187
- var renderedDOM = TestUtils.renderIntoDocument( /*#__PURE__*/_react["default"].createElement(_Ribbon["default"], {
188
- text: "primary",
189
- palette: "primary"
190
- }));
191
- expect(TestUtils.findRenderedComponentsWithTestid(renderedDOM, 'ribbonComp').textContent.contains('primary')).toBe(true);
192
- });
193
- });
@@ -1,163 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Ribbon component should the palette is danger 1`] = `
4
- <span
5
- className="basic palette_danger large default"
6
- data-id="ribbonComp"
7
- >
8
- danger
9
- </span>
10
- `;
11
-
12
- exports[`Ribbon component should the palette is dark 1`] = `
13
- <span
14
- className="basic palette_dark large default"
15
- data-id="ribbonComp"
16
- >
17
- dark
18
- </span>
19
- `;
20
-
21
- exports[`Ribbon component should the palette is default 1`] = `
22
- <span
23
- className="basic palette_default large default"
24
- data-id="ribbonComp"
25
- >
26
- default
27
- </span>
28
- `;
29
-
30
- exports[`Ribbon component should the palette is info 1`] = `
31
- <span
32
- className="basic palette_info large default"
33
- data-id="ribbonComp"
34
- >
35
- info
36
- </span>
37
- `;
38
-
39
- exports[`Ribbon component should the palette is primary 1`] = `
40
- <span
41
- className="basic palette_primary large default"
42
- data-id="ribbonComp"
43
- >
44
- primary
45
- </span>
46
- `;
47
-
48
- exports[`Ribbon component should the palette is secondary 1`] = `
49
- <span
50
- className="basic palette_secondary large default"
51
- data-id="ribbonComp"
52
- >
53
- secondary
54
- </span>
55
- `;
56
-
57
- exports[`Ribbon component should the size is large 1`] = `
58
- <span
59
- className="basic palette_default large default"
60
- data-id="ribbonComp"
61
- >
62
- default
63
- </span>
64
- `;
65
-
66
- exports[`Ribbon component should the size is medium 1`] = `
67
- <span
68
- className="basic palette_default small default"
69
- data-id="ribbonComp"
70
- >
71
- default
72
- </span>
73
- `;
74
-
75
- exports[`Ribbon component should the size is small 1`] = `
76
- <span
77
- className="basic palette_default small default"
78
- data-id="ribbonComp"
79
- >
80
- default
81
- </span>
82
- `;
83
-
84
- exports[`Ribbon component should the size is xlarge 1`] = `
85
- <span
86
- className="basic palette_default xlarge default"
87
- data-id="ribbonComp"
88
- >
89
- default
90
- </span>
91
- `;
92
-
93
- exports[`Ribbon component should the type is box 1`] = `
94
- <span
95
- className="basic palette_default xlarge default"
96
- data-id="ribbonComp"
97
- >
98
- default
99
- </span>
100
- `;
101
-
102
- exports[`Ribbon component should the type is dafault 1`] = `
103
- <span
104
- className="basic palette_default xlarge default"
105
- data-id="ribbonComp"
106
- >
107
- default
108
- </span>
109
- `;
110
-
111
- exports[`Ribbon component should the type is flag 1`] = `
112
- <span
113
- className="basic palette_default xlarge default"
114
- data-id="ribbonComp"
115
- >
116
- default
117
- </span>
118
- `;
119
-
120
- exports[`Ribbon component should the type is plain 1`] = `
121
- <span
122
- className="basic palette_default xlarge default"
123
- data-id="ribbonComp"
124
- >
125
- default
126
- </span>
127
- `;
128
-
129
- exports[`Ribbon component should the type is ribbon 1`] = `
130
- <span
131
- className="basic palette_default xlarge default"
132
- data-id="ribbonComp"
133
- >
134
- default
135
- </span>
136
- `;
137
-
138
- exports[`Ribbon component should the type is stamp 1`] = `
139
- <span
140
- className="basic palette_default xlarge default"
141
- data-id="ribbonComp"
142
- >
143
- default
144
- </span>
145
- `;
146
-
147
- exports[`Ribbon component should the type is sticker 1`] = `
148
- <span
149
- className="basic palette_default xlarge default"
150
- data-id="ribbonComp"
151
- >
152
- default
153
- </span>
154
- `;
155
-
156
- exports[`Ribbon component should the type is tag 1`] = `
157
- <span
158
- className="basic large tag"
159
- data-id="ribbonComp"
160
- >
161
- default
162
- </span>
163
- `;