linear-react-components-ui 0.4.77-beta.26 → 0.4.77-beta.28

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 (254) hide show
  1. package/.eslintrc.json +3 -76
  2. package/.husky/pre-commit +4 -0
  3. package/.vscode/settings.json +2 -2
  4. package/jest.config.js +3 -3
  5. package/lib/alerts/AlertContainer.js +19 -14
  6. package/lib/alerts/AlertProvider.js +9 -4
  7. package/lib/alerts/BaseAlert.js +8 -5
  8. package/lib/alerts/Message.js +40 -31
  9. package/lib/alerts/alert.spec.js +55 -32
  10. package/lib/alerts/helpers.js +5 -2
  11. package/lib/alerts/withAlert.js +2 -2
  12. package/lib/assets/styles/commons.scss +10 -0
  13. package/lib/assets/styles/dropdown.scss +36 -2
  14. package/lib/assets/styles/effects.scss +11 -0
  15. package/lib/assets/styles/list.scss +8 -0
  16. package/lib/assets/styles/table.scss +2 -7
  17. package/lib/avatar/avatar.spec.js +74 -42
  18. package/lib/avatar/index.js +58 -13
  19. package/lib/badge/badge.spec.js +52 -30
  20. package/lib/badge/index.js +22 -6
  21. package/lib/buttons/ActivateButton.js +3 -3
  22. package/lib/buttons/AddButton.js +1 -1
  23. package/lib/buttons/Button.js +11 -19
  24. package/lib/buttons/ButtonGroups.js +5 -0
  25. package/lib/buttons/CancelButton.js +3 -16
  26. package/lib/buttons/DangerButton.js +19 -14
  27. package/lib/buttons/DefaultButton.js +127 -65
  28. package/lib/buttons/DestroyButton.js +3 -12
  29. package/lib/buttons/EditButton.js +3 -3
  30. package/lib/buttons/InactivateButton.js +3 -3
  31. package/lib/buttons/InfoButton.js +19 -14
  32. package/lib/buttons/PrimaryButton.js +19 -14
  33. package/lib/buttons/RestoreButton.js +3 -3
  34. package/lib/buttons/SaveButton.js +2 -15
  35. package/lib/buttons/SpinnerLoading.js +41 -41
  36. package/lib/buttons/SuccessButton.js +18 -13
  37. package/lib/buttons/WarningButton.js +18 -13
  38. package/lib/buttons/button_container/index.js +18 -5
  39. package/lib/buttons/buttons.spec.js +210 -136
  40. package/lib/buttons/index.js +28 -28
  41. package/lib/buttons/split_button/index.js +30 -13
  42. package/lib/calendar/DangerCalendar.js +2 -11
  43. package/lib/calendar/InfoCalendar.js +2 -11
  44. package/lib/calendar/PrimaryCalendar.js +2 -11
  45. package/lib/calendar/SuccessCalendar.js +2 -11
  46. package/lib/calendar/WarningCalendar.js +2 -11
  47. package/lib/calendar/base/Day.js +8 -2
  48. package/lib/calendar/base/Month.js +5 -0
  49. package/lib/calendar/base/Week.js +6 -0
  50. package/lib/calendar/base/helpers.js +9 -9
  51. package/lib/calendar/base/index.js +36 -33
  52. package/lib/calendar/calendar.spec.js +63 -32
  53. package/lib/calendar/index.js +10 -10
  54. package/lib/checkbox/Label.js +12 -2
  55. package/lib/checkbox/checkbox.spec.js +78 -37
  56. package/lib/checkbox/index.js +79 -42
  57. package/lib/dialog/Alert.js +8 -3
  58. package/lib/dialog/Custom.js +25 -17
  59. package/lib/dialog/Error.js +6 -1
  60. package/lib/dialog/Information.js +6 -1
  61. package/lib/dialog/Question.js +17 -6
  62. package/lib/dialog/Warning.js +6 -1
  63. package/lib/dialog/base/Content.js +9 -0
  64. package/lib/dialog/base/Footer.js +8 -2
  65. package/lib/dialog/base/Header.js +22 -8
  66. package/lib/dialog/base/index.js +28 -6
  67. package/lib/dialog/dialog.spec.js +153 -79
  68. package/lib/dialog/form/index.js +32 -22
  69. package/lib/dialog/index.js +6 -6
  70. package/lib/drawer/Content.js +10 -1
  71. package/lib/drawer/Drawer.js +50 -29
  72. package/lib/drawer/Drawer.spec.js +95 -52
  73. package/lib/drawer/Header.js +31 -12
  74. package/lib/drawer/helpers.js +1 -1
  75. package/lib/drawer/index.js +4 -4
  76. package/lib/dropdown/Popup.js +16 -32
  77. package/lib/dropdown/dropdown.spec.js +58 -34
  78. package/lib/dropdown/helper.js +2 -2
  79. package/lib/dropdown/withDropdown.js +43 -18
  80. package/lib/fieldset/fieldset.spec.js +123 -77
  81. package/lib/fieldset/index.js +43 -12
  82. package/lib/form/Field.js +41 -14
  83. package/lib/form/FieldArray.js +50 -20
  84. package/lib/form/FieldNumber.js +44 -12
  85. package/lib/form/FieldPeriod.js +41 -19
  86. package/lib/form/form.spec.js +90 -48
  87. package/lib/form/helpers.js +16 -10
  88. package/lib/form/index.js +92 -57
  89. package/lib/form/withFieldHOC.js +120 -40
  90. package/lib/form/withFormSecurity.js +38 -17
  91. package/lib/gridlayout/GridCol.js +18 -3
  92. package/lib/gridlayout/GridRow.js +24 -4
  93. package/lib/gridlayout/gridLayout.spec.js +70 -43
  94. package/lib/icons/helper.js +571 -560
  95. package/lib/icons/icons.spec.js +36 -20
  96. package/lib/icons/index.js +40 -23
  97. package/lib/index.js +12 -12
  98. package/lib/inputs/base/InputTextBase.js +149 -40
  99. package/lib/inputs/base/base.spec.js +289 -174
  100. package/lib/inputs/base/helpers.js +4 -4
  101. package/lib/inputs/color/color_input.spec.js +67 -33
  102. package/lib/inputs/color/index.js +29 -31
  103. package/lib/inputs/date/Dialog.js +8 -1
  104. package/lib/inputs/date/Dropdown.js +70 -18
  105. package/lib/inputs/date/date.spec.js +156 -75
  106. package/lib/inputs/date/helpers.js +1 -1
  107. package/lib/inputs/date/index.js +411 -255
  108. package/lib/inputs/inputHOC.js +96 -44
  109. package/lib/inputs/mask/BaseMask.js +45 -16
  110. package/lib/inputs/mask/Cnpj.js +19 -12
  111. package/lib/inputs/mask/Cpf.js +22 -14
  112. package/lib/inputs/mask/Phone.js +9 -1
  113. package/lib/inputs/mask/ZipCode.js +1 -1
  114. package/lib/inputs/mask/helpers.js +36 -21
  115. package/lib/inputs/mask/imaskHOC.js +255 -186
  116. package/lib/inputs/mask/index.js +4 -4
  117. package/lib/inputs/mask/input_mask.spec.js +290 -177
  118. package/lib/inputs/multiSelect/ActionButtons.js +14 -2
  119. package/lib/inputs/multiSelect/Dropdown.js +70 -43
  120. package/lib/inputs/multiSelect/index.js +80 -64
  121. package/lib/inputs/number/BaseNumber.js +62 -27
  122. package/lib/inputs/number/Currency.js +14 -4
  123. package/lib/inputs/number/format_number.js +1 -1
  124. package/lib/inputs/number/index.js +15 -9
  125. package/lib/inputs/number/numberfield.spec.js +83 -42
  126. package/lib/inputs/period/Dialog.js +8 -1
  127. package/lib/inputs/period/Dropdown.js +70 -16
  128. package/lib/inputs/period/PeriodList.js +19 -6
  129. package/lib/inputs/period/helper.js +71 -30
  130. package/lib/inputs/period/index.js +160 -112
  131. package/lib/inputs/search/index.js +261 -129
  132. package/lib/inputs/search/search_input.spec.js +86 -46
  133. package/lib/inputs/select/ActionButtons.js +20 -14
  134. package/lib/inputs/select/Dropdown.js +63 -30
  135. package/lib/inputs/select/helper.js +16 -18
  136. package/lib/inputs/select/index.js +13 -14
  137. package/lib/inputs/select/multiple/Selecteds.js +13 -5
  138. package/lib/inputs/select/multiple/index.js +414 -289
  139. package/lib/inputs/select/select.spec.js +182 -127
  140. package/lib/inputs/select/simple/index.js +462 -305
  141. package/lib/inputs/select/types.d.ts +4 -0
  142. package/lib/inputs/text/index.js +0 -1
  143. package/lib/inputs/text/textfield.spec.js +83 -42
  144. package/lib/inputs/textarea/index.js +15 -5
  145. package/lib/inputs/textarea/textarea.spec.js +27 -14
  146. package/lib/internals/constants.js +1 -1
  147. package/lib/internals/withTooltip.js +34 -26
  148. package/lib/labelMessages/index.js +45 -27
  149. package/lib/labelMessages/labelMessages.spec.js +61 -28
  150. package/lib/labels/DangerLabel.js +4 -13
  151. package/lib/labels/DefaultLabel.js +57 -25
  152. package/lib/labels/InfoLabel.js +4 -13
  153. package/lib/labels/PrimaryLabel.js +4 -13
  154. package/lib/labels/SuccessLabel.js +4 -13
  155. package/lib/labels/WarningLabel.js +4 -13
  156. package/lib/labels/index.js +10 -10
  157. package/lib/labels/label.spec.js +68 -41
  158. package/lib/labels/label_container/index.js +12 -2
  159. package/lib/list/Header.js +13 -0
  160. package/lib/list/Item.js +65 -27
  161. package/lib/list/helpers.js +2 -2
  162. package/lib/list/index.js +51 -31
  163. package/lib/list/list.spec.js +358 -211
  164. package/lib/menus/float/MenuItem.js +42 -10
  165. package/lib/menus/float/SubMenuContainer.js +95 -0
  166. package/lib/menus/float/float-menu.spec.js +61 -27
  167. package/lib/menus/float/helpers.js +1 -1
  168. package/lib/menus/float/index.js +39 -9
  169. package/lib/menus/sidenav/ExpandMenu.js +13 -1
  170. package/lib/menus/sidenav/MenuLink.js +14 -0
  171. package/lib/menus/sidenav/NavMenuGroup.js +12 -1
  172. package/lib/menus/sidenav/NavMenuItem.js +45 -19
  173. package/lib/menus/sidenav/NavSubMenuItem.js +15 -4
  174. package/lib/menus/sidenav/helpers.js +3 -3
  175. package/lib/menus/sidenav/index.js +60 -30
  176. package/lib/menus/sidenav/popup_menu_search/EmptyList.js +11 -2
  177. package/lib/menus/sidenav/popup_menu_search/index.js +11 -14
  178. package/lib/menus/sidenav/sidenav.spec.js +78 -29
  179. package/lib/panel/Content.js +18 -6
  180. package/lib/panel/DangerPanel.js +1 -1
  181. package/lib/panel/Default.js +45 -18
  182. package/lib/panel/Header.js +29 -7
  183. package/lib/panel/InfoPanel.js +1 -1
  184. package/lib/panel/PrimaryPanel.js +1 -1
  185. package/lib/panel/SuccessPanel.js +1 -1
  186. package/lib/panel/ToolBar.js +5 -0
  187. package/lib/panel/WarningPanel.js +1 -1
  188. package/lib/panel/helpers.js +3 -7
  189. package/lib/panel/index.js +14 -14
  190. package/lib/panel/panel.spec.js +106 -69
  191. package/lib/permissionValidations.js +12 -14
  192. package/lib/popover/PopoverText.js +5 -0
  193. package/lib/popover/PopoverTitle.js +5 -0
  194. package/lib/popover/index.js +40 -26
  195. package/lib/popover/popover.spec.js +70 -40
  196. package/lib/progress/Bar.js +47 -37
  197. package/lib/progress/index.js +18 -8
  198. package/lib/progress/progress.spec.js +48 -32
  199. package/lib/radio/index.js +46 -22
  200. package/lib/radio/radio.spec.js +68 -41
  201. package/lib/skeleton/SkeletonContainer.js +13 -0
  202. package/lib/skeleton/index.js +26 -7
  203. package/lib/spinner/SpinnerLoading.js +12 -4
  204. package/lib/spinner/index.js +29 -24
  205. package/lib/spinner/spinner.spec.js +65 -43
  206. package/lib/split/Split.js +62 -45
  207. package/lib/split/SplitSide.js +21 -1
  208. package/lib/split/helpers.js +1 -1
  209. package/lib/split/split.spec.js +76 -51
  210. package/lib/table/Body.js +16 -9
  211. package/lib/table/Header.js +19 -40
  212. package/lib/table/HeaderColumn.js +20 -6
  213. package/lib/table/Row.js +28 -7
  214. package/lib/table/RowColumn.js +30 -12
  215. package/lib/table/helpers.js +3 -3
  216. package/lib/table/index.js +53 -15
  217. package/lib/table/table.spec.js +149 -94
  218. package/lib/tabs/DropdownItems.js +53 -39
  219. package/lib/tabs/Menu.js +20 -16
  220. package/lib/tabs/MenuItems.js +39 -25
  221. package/lib/tabs/Panel.js +51 -18
  222. package/lib/tabs/index.js +75 -81
  223. package/lib/tabs/tabHelpers.js +8 -10
  224. package/lib/tabs/tabs.spec.js +158 -95
  225. package/lib/toolbar/ButtonBar.js +13 -32
  226. package/lib/toolbar/LabelBar.js +18 -31
  227. package/lib/toolbar/ToolBarGroup.js +12 -6
  228. package/lib/toolbar/helpers.js +1 -1
  229. package/lib/toolbar/index.js +33 -25
  230. package/lib/toolbar/toolbar.spec.js +182 -134
  231. package/lib/tooltip/index.js +34 -25
  232. package/lib/tooltip/tooltip.spec.js +51 -24
  233. package/lib/treeview/Header.js +12 -0
  234. package/lib/treeview/Node.js +387 -261
  235. package/lib/treeview/constants.js +2 -1
  236. package/lib/treeview/index.js +548 -363
  237. package/lib/treeview/treeview.spec.js +86 -49
  238. package/lib/treeview_old/Node.js +6 -6
  239. package/lib/uitour/helpers.js +1 -1
  240. package/lib/uitour/index.js +32 -15
  241. package/lib/uitour/uitour.spec.js +77 -55
  242. package/package.json +16 -40
  243. package/.husky/pre-push +0 -4
  244. package/babel.config.json +0 -11
  245. package/dist/main.js +0 -14
  246. package/lib/assets/styles/treetable.scss +0 -100
  247. package/lib/treetable/Body.js +0 -46
  248. package/lib/treetable/Header.js +0 -27
  249. package/lib/treetable/Row.js +0 -261
  250. package/lib/treetable/helpers.js +0 -41
  251. package/lib/treetable/index.js +0 -24
  252. package/lib/treetable/types.d.js +0 -5
  253. package/tsconfig.json +0 -32
  254. package/tsup.config.ts +0 -10
@@ -1,16 +1,24 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
3
+ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
4
+
4
5
  var _react = _interopRequireDefault(require("react"));
6
+
5
7
  var _react2 = require("@testing-library/react");
8
+
6
9
  require("@testing-library/jest-dom/extend-expect");
10
+
7
11
  var _InputTextBase = _interopRequireDefault(require("./InputTextBase"));
12
+
8
13
  var _buttons = _interopRequireDefault(require("../../buttons"));
14
+
9
15
  var _storageMock = _interopRequireWildcard(require("../../../../config/jest/storageMock"));
16
+
10
17
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
18
+
11
19
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
20
+
12
21
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
- // eslint-disable-next-line import/no-named-as-default
14
22
 
15
23
  describe('InputTextBase', function () {
16
24
  var inputTextBase = function inputTextBase(inputTextBaseProps) {
@@ -18,50 +26,61 @@ describe('InputTextBase', function () {
18
26
  customClass: "child-button"
19
27
  }));
20
28
  };
29
+
21
30
  var setSessionStorageMock = function setSessionStorageMock() {
22
31
  Object.defineProperty(window, 'sessionStorage', {
23
32
  value: (0, _storageMock.default)()
24
33
  });
25
34
  };
35
+
26
36
  it('should render correctly', function () {
27
- var _render = (0, _react2.render)(inputTextBase({})),
28
- container = _render.container;
37
+ var _render = (0, _react2.render)(inputTextBase()),
38
+ container = _render.container;
39
+
29
40
  expect(container.firstChild).toHaveClass('input-base-component');
30
41
  });
31
42
  it('should apply value', function () {
32
43
  var value = 'text';
44
+
33
45
  var _render2 = (0, _react2.render)(inputTextBase({
34
- value: value
35
- })),
36
- container = _render2.container;
46
+ value: value
47
+ })),
48
+ container = _render2.container;
49
+
37
50
  var inputHTML = container.querySelector('.textinput');
38
- expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.value).toBe(value);
51
+ expect(inputHTML.value).toBe(value);
39
52
  });
40
53
  it('should apply label', function () {
41
54
  var label = 'teste label';
55
+
42
56
  var _render3 = (0, _react2.render)(inputTextBase({
43
- label: label
44
- })),
45
- container = _render3.container;
57
+ label: label
58
+ })),
59
+ container = _render3.container;
60
+
46
61
  var labelHTML = container.querySelector('.labelcontainer > .label');
47
62
  expect(labelHTML).toHaveTextContent(label);
48
63
  });
49
64
  it('should apply id', function () {
50
65
  var id = 'testeID';
66
+
51
67
  var _render4 = (0, _react2.render)(inputTextBase({
52
- id: id
53
- })),
54
- container = _render4.container;
68
+ id: id
69
+ })),
70
+ container = _render4.container;
71
+
55
72
  var inputHTML = container.querySelector('.textinput');
56
- expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.id).toBe('testeID');
73
+ expect(inputHTML.id).toBe(id);
57
74
  });
58
75
  it('prop labelUppercase should add -uppercase css class', function () {
59
76
  var label = 'teste label';
77
+
60
78
  var _render5 = (0, _react2.render)(inputTextBase({
61
- label: label,
62
- labelUppercase: true
63
- })),
64
- container = _render5.container;
79
+ label: label,
80
+ labelUppercase: true
81
+ })),
82
+ container = _render5.container;
83
+
65
84
  var labelHTML = container.querySelector('.labelcontainer > .label');
66
85
  expect(labelHTML).toHaveClass('-uppercase');
67
86
  });
@@ -69,199 +88,240 @@ describe('InputTextBase', function () {
69
88
  describe('when receive "textarea" subject', function () {
70
89
  it('should render textarea', function () {
71
90
  var _render6 = (0, _react2.render)(inputTextBase({
72
- type: 'textarea'
73
- })),
74
- container = _render6.container;
91
+ type: 'textarea'
92
+ })),
93
+ container = _render6.container;
94
+
75
95
  var textAreaHTML = container.querySelector('textarea.textinput');
76
96
  expect(textAreaHTML).toBeInTheDocument();
77
- expect(textAreaHTML === null || textAreaHTML === void 0 ? void 0 : textAreaHTML.type).toBe('textarea');
97
+ expect(textAreaHTML.type).toBe('textarea');
78
98
  });
79
99
  it('should apply rows', function () {
80
- var rows = 12;
100
+ var rows = '12';
101
+
81
102
  var _render7 = (0, _react2.render)(inputTextBase({
82
- rows: rows,
83
- type: 'textarea'
84
- })),
85
- container = _render7.container;
103
+ rows: rows,
104
+ type: 'textarea'
105
+ })),
106
+ container = _render7.container;
107
+
86
108
  var textAreaHTML = container.querySelector('textarea.textinput');
87
- expect(textAreaHTML === null || textAreaHTML === void 0 ? void 0 : textAreaHTML.rows).toBe(rows);
109
+ expect(textAreaHTML.rows).toBe(parseInt(rows, 10));
88
110
  });
89
111
  it('should apply cols', function () {
90
- var cols = 12;
112
+ var cols = '12';
113
+
91
114
  var _render8 = (0, _react2.render)(inputTextBase({
92
- cols: cols,
93
- type: 'textarea'
94
- })),
95
- container = _render8.container;
115
+ cols: cols,
116
+ type: 'textarea'
117
+ })),
118
+ container = _render8.container;
119
+
96
120
  var textAreaHTML = container.querySelector('textarea.textinput');
97
- expect(textAreaHTML === null || textAreaHTML === void 0 ? void 0 : textAreaHTML.cols).toBe(cols);
121
+ expect(textAreaHTML.cols).toBe(parseInt(cols, 10));
98
122
  });
99
123
  });
100
124
  describe('when receive "text" subject', function () {
101
125
  it('should render input text', function () {
102
126
  var _render9 = (0, _react2.render)(inputTextBase({
103
- type: 'text'
104
- })),
105
- container = _render9.container;
127
+ type: 'text'
128
+ })),
129
+ container = _render9.container;
130
+
106
131
  var inputHTML = container.querySelector('.textinput');
107
132
  expect(inputHTML).toBeInTheDocument();
108
- expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.type).toBe('text');
133
+ expect(inputHTML.type).toBe('text');
109
134
  });
110
135
  });
111
136
  describe('when receive "number" subject', function () {
112
137
  it('should render input number', function () {
113
138
  var _render10 = (0, _react2.render)(inputTextBase({
114
- type: 'number'
115
- })),
116
- container = _render10.container;
139
+ type: 'number'
140
+ })),
141
+ container = _render10.container;
142
+
117
143
  var inputHTML = container.querySelector('.textinput');
118
144
  expect(inputHTML).toBeInTheDocument();
119
- expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.type).toBe('number');
145
+ expect(inputHTML.type).toBe('number');
120
146
  });
121
147
  });
122
148
  describe('when receive "date" subject', function () {
123
149
  it('should render input date', function () {
124
150
  var _render11 = (0, _react2.render)(inputTextBase({
125
- type: 'date'
126
- })),
127
- container = _render11.container;
151
+ type: 'date'
152
+ })),
153
+ container = _render11.container;
154
+
128
155
  var inputHTML = container.querySelector('.textinput');
129
156
  expect(inputHTML).toBeInTheDocument();
130
- expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.type).toBe('date');
157
+ expect(inputHTML.type).toBe('date');
131
158
  });
132
159
  });
133
160
  });
134
161
  it('prop readOnly should add -readonly css class', function () {
135
162
  var _render12 = (0, _react2.render)(inputTextBase({
136
- readOnly: true
137
- })),
138
- container = _render12.container;
163
+ readOnly: true
164
+ })),
165
+ container = _render12.container;
166
+
139
167
  var inputHTML = container.querySelector('.textinput');
140
168
  expect(inputHTML).toHaveClass('-readonly');
141
169
  });
142
170
  it('should apply placeHolder', function () {
143
171
  var _render13 = (0, _react2.render)(inputTextBase({
144
- placeHolder: 'saas'
145
- })),
146
- container = _render13.container;
172
+ placeHolder: 'saas'
173
+ })),
174
+ container = _render13.container;
175
+
147
176
  var inputHTML = container.querySelector('.textinput');
148
- expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.placeholder).toBe('saas');
177
+ expect(inputHTML.placeholder).toBe('saas');
149
178
  });
150
179
  it('prop disabled should add -disabled css class', function () {
151
180
  var _render14 = (0, _react2.render)(inputTextBase({
152
- disabled: true
153
- })),
154
- container = _render14.container;
181
+ disabled: true
182
+ })),
183
+ container = _render14.container;
184
+
155
185
  var inputWrapper = container.querySelector('.inputwrapper');
156
186
  expect(inputWrapper).toHaveClass('-disabled');
157
187
  });
158
188
  it('should apply autoFocus', function () {
159
189
  var _render15 = (0, _react2.render)(inputTextBase({
160
- autoFocus: true
161
- })),
162
- container = _render15.container;
190
+ autoFocus: true
191
+ })),
192
+ container = _render15.container;
193
+
163
194
  var inputHTML = container.querySelector('.textinput');
164
195
  expect(inputHTML).toHaveFocus();
165
196
  });
166
197
  it('should apply maxLength', function () {
167
198
  var maxLength = 10;
199
+
168
200
  var _render16 = (0, _react2.render)(inputTextBase({
169
- maxLength: maxLength
170
- })),
171
- container = _render16.container;
201
+ maxLength: maxLength
202
+ })),
203
+ container = _render16.container;
204
+
172
205
  var inputHTML = container.querySelector('.textinput');
173
- expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.maxLength).toBe(maxLength);
206
+ expect(inputHTML.maxLength).toBe(maxLength);
174
207
  });
175
208
  it('should apply name', function () {
176
209
  var name = 'saas';
210
+
177
211
  var _render17 = (0, _react2.render)(inputTextBase({
178
- name: name
179
- })),
180
- container = _render17.container;
212
+ name: name
213
+ })),
214
+ container = _render17.container;
215
+
181
216
  var inputHTML = container.querySelector('.textinput');
182
- expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.name).toBe('saas');
217
+ expect(inputHTML.name).toBe(name);
183
218
  });
184
219
  it('prop required should render label with -requiredlabel css class', function () {
185
220
  var label = 'teste label';
221
+
186
222
  var _render18 = (0, _react2.render)(inputTextBase({
187
- label: label,
188
- required: true
189
- })),
190
- container = _render18.container;
223
+ label: label,
224
+ required: true
225
+ })),
226
+ container = _render18.container;
227
+
191
228
  var requiredLabel = container.querySelector('.labelcontainer > .label > .-requiredlabel');
192
229
  expect(requiredLabel).toBeTruthy();
193
230
  });
194
231
  it('prop inputHasFocus should add -focusable css class to inputwrapper', function () {
195
- var _render19 = (0, _react2.render)(inputTextBase({})),
196
- container = _render19.container;
232
+ var _render19 = (0, _react2.render)(inputTextBase()),
233
+ container = _render19.container;
234
+
197
235
  var inputWrapper = container.querySelector('.inputwrapper');
198
236
  var inputHTML = container.querySelector('.textinput');
237
+
199
238
  _react2.fireEvent.focus(inputHTML);
239
+
200
240
  expect(inputWrapper).toHaveClass('-focusable');
201
241
  });
202
242
  it('should apply onFocus', function () {
203
243
  var onFocus = jest.fn();
244
+
204
245
  var _render20 = (0, _react2.render)(inputTextBase({
205
- onFocus: onFocus
206
- })),
207
- container = _render20.container;
246
+ onFocus: onFocus
247
+ })),
248
+ container = _render20.container;
249
+
208
250
  var inputHTML = container.querySelector('.textinput');
251
+
209
252
  _react2.fireEvent.focus(inputHTML);
253
+
210
254
  expect(onFocus).toBeCalled();
211
255
  });
212
256
  it('should apply onBlur', function () {
213
257
  var onBlur = jest.fn();
258
+
214
259
  var _render21 = (0, _react2.render)(inputTextBase({
215
- onBlur: onBlur
216
- })),
217
- container = _render21.container;
260
+ onBlur: onBlur
261
+ })),
262
+ container = _render21.container;
263
+
218
264
  var inputHTML = container.querySelector('.textinput');
265
+
219
266
  _react2.fireEvent.blur(inputHTML);
267
+
220
268
  expect(onBlur).toBeCalled();
221
269
  expect(inputHTML).not.toHaveFocus();
222
270
  });
223
271
  it('should apply onChange', function () {
224
272
  var onChange = jest.fn();
273
+
225
274
  var _render22 = (0, _react2.render)(inputTextBase({
226
- onChange: onChange
227
- })),
228
- container = _render22.container;
275
+ onChange: onChange
276
+ })),
277
+ container = _render22.container;
278
+
229
279
  var inputHTML = container.querySelector('.textinput');
280
+
230
281
  _react2.fireEvent.change(inputHTML, {
231
282
  target: {
232
283
  value: 'sus'
233
284
  }
234
285
  });
286
+
235
287
  expect(onChange).toBeCalled();
236
- expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.value).toBe('sus');
288
+ expect(inputHTML.value).toBe('sus');
237
289
  });
238
290
  it('should apply onKeyDown', function () {
239
291
  var onKeyDown = jest.fn();
292
+
240
293
  var _render23 = (0, _react2.render)(inputTextBase({
241
- onKeyDown: onKeyDown
242
- })),
243
- container = _render23.container;
294
+ onKeyDown: onKeyDown
295
+ })),
296
+ container = _render23.container;
297
+
244
298
  var inputHTML = container.querySelector('.textinput');
299
+
245
300
  _react2.fireEvent.keyDown(inputHTML, {
246
301
  key: 'Escape',
247
302
  code: 'Escape',
248
303
  keyCode: 27,
249
304
  charCode: 27
250
305
  });
306
+
251
307
  expect(onKeyDown).toBeCalled();
252
308
  });
253
309
  it('should apply onKeyPress', function () {
254
310
  var onKeyPress = jest.fn();
311
+
255
312
  var _render24 = (0, _react2.render)(inputTextBase({
256
- onKeyPress: onKeyPress
257
- })),
258
- container = _render24.container;
313
+ onKeyPress: onKeyPress
314
+ })),
315
+ container = _render24.container;
316
+
259
317
  var inputHTML = container.querySelector('.textinput');
318
+
260
319
  _react2.fireEvent.keyPress(inputHTML, {
261
320
  key: 'Enter',
262
321
  code: 13,
263
322
  charCode: 13
264
323
  });
324
+
265
325
  expect(onKeyPress).toBeCalled();
266
326
  });
267
327
  describe('prop leftElements should', function () {
@@ -269,10 +329,12 @@ describe('InputTextBase', function () {
269
329
  var leftElements = /*#__PURE__*/_react.default.createElement(_buttons.default, {
270
330
  customClass: "btn1"
271
331
  });
332
+
272
333
  var _render25 = (0, _react2.render)(inputTextBase({
273
- leftElements: leftElements
274
- })),
275
- container = _render25.container;
334
+ leftElements: leftElements
335
+ })),
336
+ container = _render25.container;
337
+
276
338
  var buttonHTML = container.querySelector('.sidebuttons > .btn1');
277
339
  expect(buttonHTML).toBeTruthy();
278
340
  });
@@ -284,10 +346,12 @@ describe('InputTextBase', function () {
284
346
  customClass: "btnteste",
285
347
  key: "btn_teste2"
286
348
  })];
349
+
287
350
  var _render26 = (0, _react2.render)(inputTextBase({
288
- leftElements: leftElements
289
- })),
290
- container = _render26.container;
351
+ leftElements: leftElements
352
+ })),
353
+ container = _render26.container;
354
+
291
355
  var buttonHTML = container.querySelectorAll('.sidebuttons > .btnteste');
292
356
  expect(buttonHTML.length).toBe(2);
293
357
  });
@@ -297,10 +361,12 @@ describe('InputTextBase', function () {
297
361
  var rightElements = /*#__PURE__*/_react.default.createElement(_buttons.default, {
298
362
  customClass: "btn1"
299
363
  });
364
+
300
365
  var _render27 = (0, _react2.render)(inputTextBase({
301
- rightElements: rightElements
302
- })),
303
- container = _render27.container;
366
+ rightElements: rightElements
367
+ })),
368
+ container = _render27.container;
369
+
304
370
  var buttonHTML = container.querySelector('.btn1');
305
371
  expect(buttonHTML).toBeTruthy();
306
372
  });
@@ -312,53 +378,64 @@ describe('InputTextBase', function () {
312
378
  customClass: "btnteste",
313
379
  key: "btn_teste2"
314
380
  })];
381
+
315
382
  var _render28 = (0, _react2.render)(inputTextBase({
316
- rightElements: rightElements
317
- })),
318
- container = _render28.container;
383
+ rightElements: rightElements
384
+ })),
385
+ container = _render28.container;
386
+
319
387
  var buttonHTML = container.querySelectorAll('.btnteste');
320
388
  expect(buttonHTML.length).toBe(2);
321
389
  });
322
390
  });
323
391
  it('should render children', function () {
324
- var _render29 = (0, _react2.render)(inputTextBase({})),
325
- container = _render29.container;
392
+ var _render29 = (0, _react2.render)(inputTextBase()),
393
+ container = _render29.container;
394
+
326
395
  var childButton = container.querySelector('.child-button');
327
396
  expect(childButton).toBeTruthy();
328
397
  });
329
398
  it('should apply customClass', function () {
330
399
  var customClass = 'saas';
400
+
331
401
  var _render30 = (0, _react2.render)(inputTextBase({
332
- customClass: customClass
333
- })),
334
- container = _render30.container;
402
+ customClass: customClass
403
+ })),
404
+ container = _render30.container;
405
+
335
406
  expect(container.firstChild).toHaveClass(customClass);
336
407
  });
337
408
  it('should apply customClassForWrapper', function () {
338
409
  var customClassForWrapper = 'saas';
410
+
339
411
  var _render31 = (0, _react2.render)(inputTextBase({
340
- customClassForWrapper: customClassForWrapper
341
- })),
342
- container = _render31.container;
412
+ customClassForWrapper: customClassForWrapper
413
+ })),
414
+ container = _render31.container;
415
+
343
416
  var inputWrapper = container.querySelector('.inputwrapper');
344
417
  expect(inputWrapper).toHaveClass(customClassForWrapper);
345
418
  });
346
419
  it('should apply customClassForInputContent', function () {
347
420
  var customClassForInputContent = 'saas';
421
+
348
422
  var _render32 = (0, _react2.render)(inputTextBase({
349
- customClassForInputContent: customClassForInputContent
350
- })),
351
- container = _render32.container;
423
+ customClassForInputContent: customClassForInputContent
424
+ })),
425
+ container = _render32.container;
426
+
352
427
  var inputContent = container.querySelector('.inputcontent');
353
428
  expect(inputContent).toHaveClass(customClassForInputContent);
354
429
  });
355
430
  it('should apply customClassForLabel', function () {
356
431
  var customClassForLabel = 'saas';
432
+
357
433
  var _render33 = (0, _react2.render)(inputTextBase({
358
- customClassForLabel: customClassForLabel,
359
- label: 'sus'
360
- })),
361
- container = _render33.container;
434
+ customClassForLabel: customClassForLabel,
435
+ label: 'sus'
436
+ })),
437
+ container = _render33.container;
438
+
362
439
  var labelSpan = container.querySelector('.label');
363
440
  expect(labelSpan).toHaveClass(customClassForLabel);
364
441
  });
@@ -366,17 +443,21 @@ describe('InputTextBase', function () {
366
443
  var leftElements = /*#__PURE__*/_react.default.createElement(_buttons.default, {
367
444
  customClass: "btn1"
368
445
  });
446
+
369
447
  var customClassForSideButtons = 'saas';
448
+
370
449
  var _render34 = (0, _react2.render)(inputTextBase({
371
- leftElements: leftElements,
372
- customClassForSideButtons: customClassForSideButtons
373
- })),
374
- container = _render34.container;
450
+ leftElements: leftElements,
451
+ customClassForSideButtons: customClassForSideButtons
452
+ })),
453
+ container = _render34.container;
454
+
375
455
  var sideButtonsContainer = container.querySelector('.sidebuttons');
376
456
  expect(sideButtonsContainer).toHaveClass(customClassForSideButtons);
377
457
  });
378
458
  it('should apply inputRef', function () {
379
459
  var inputRef = /*#__PURE__*/_react.default.createRef();
460
+
380
461
  (0, _react2.render)(inputTextBase({
381
462
  inputRef: inputRef
382
463
  }));
@@ -384,6 +465,7 @@ describe('InputTextBase', function () {
384
465
  });
385
466
  it('should apply inputBaseRef', function () {
386
467
  var inputBaseRef = /*#__PURE__*/_react.default.createRef();
468
+
387
469
  (0, _react2.render)(inputTextBase({
388
470
  inputBaseRef: inputBaseRef
389
471
  }));
@@ -391,53 +473,62 @@ describe('InputTextBase', function () {
391
473
  });
392
474
  it('prop hint should render hint', function () {
393
475
  var hint = 'saas';
476
+
394
477
  var _render35 = (0, _react2.render)(inputTextBase({
395
- hint: hint
396
- })),
397
- container = _render35.container;
478
+ hint: hint
479
+ })),
480
+ container = _render35.container;
481
+
398
482
  var hintHTML = container.querySelector('.hint');
399
483
  expect(hintHTML).toBeTruthy();
400
484
  expect(hintHTML).toHaveTextContent(hint);
401
485
  });
402
486
  it('should apply textAlign', function () {
403
487
  var textAlign = 'right';
488
+
404
489
  var _render36 = (0, _react2.render)(inputTextBase({
405
- textAlign: textAlign
406
- })),
407
- container = _render36.container;
490
+ textAlign: textAlign
491
+ })),
492
+ container = _render36.container;
493
+
408
494
  var inputHTML = container.querySelector('.textinput');
409
495
  expect(inputHTML).toHaveClass("text-align-".concat(textAlign));
410
496
  });
411
497
  it('should apply rounded', function () {
412
498
  var _render37 = (0, _react2.render)(inputTextBase({
413
- rounded: true
414
- })),
415
- container = _render37.container;
499
+ rounded: true
500
+ })),
501
+ container = _render37.container;
502
+
416
503
  var inputWrapper = container.querySelector('.inputwrapper');
417
504
  expect(inputWrapper).toHaveClass('-roundedborders');
418
505
  });
419
506
  it('prop errorMessages should render error messages', function () {
420
507
  var errorMessages = ['teste', 'erros', 'aleatorios'];
508
+
421
509
  var _render38 = (0, _react2.render)(inputTextBase({
422
- errorMessages: errorMessages
423
- })),
424
- container = _render38.container;
510
+ errorMessages: errorMessages
511
+ })),
512
+ container = _render38.container;
513
+
425
514
  var errorMessagesHTML = container.querySelector('.errormessages');
426
515
  expect(errorMessagesHTML).toHaveTextContent(errorMessages.join(', '));
427
516
  });
428
517
  describe('prop visible should', function () {
429
518
  it('not render subject when false', function () {
430
519
  var _render39 = (0, _react2.render)(inputTextBase({
431
- visible: false
432
- })),
433
- container = _render39.container;
520
+ visible: false
521
+ })),
522
+ container = _render39.container;
523
+
434
524
  expect(container.firstChild).toBeNull();
435
525
  });
436
526
  it('render subject when true', function () {
437
527
  var _render40 = (0, _react2.render)(inputTextBase({
438
- visible: true
439
- })),
440
- container = _render40.container;
528
+ visible: true
529
+ })),
530
+ container = _render40.container;
531
+
441
532
  expect(container.firstChild).not.toBeNull();
442
533
  });
443
534
  });
@@ -453,10 +544,12 @@ describe('InputTextBase', function () {
453
544
  it('should render subject', function () {
454
545
  setSessionStorageMock();
455
546
  var permissionAttr = (0, _storageMock.permissionAttrMockAuthorized)('unvisible');
547
+
456
548
  var _render41 = (0, _react2.render)(inputTextBase({
457
- permissionAttr: permissionAttr
458
- })),
459
- container = _render41.container;
549
+ permissionAttr: permissionAttr
550
+ })),
551
+ container = _render41.container;
552
+
460
553
  expect(container.firstChild).not.toBeNull();
461
554
  });
462
555
  });
@@ -464,10 +557,12 @@ describe('InputTextBase', function () {
464
557
  it('onDenied.unvisible option should not render subject', function () {
465
558
  setSessionStorageMock();
466
559
  var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('unvisible');
560
+
467
561
  var _render42 = (0, _react2.render)(inputTextBase({
468
- permissionAttr: permissionAttr
469
- })),
470
- container = _render42.container;
562
+ permissionAttr: permissionAttr
563
+ })),
564
+ container = _render42.container;
565
+
471
566
  expect(container.firstChild).toBeNull();
472
567
  });
473
568
  describe('onDenied.disabled option/disabled prop should', function () {
@@ -475,27 +570,33 @@ describe('InputTextBase', function () {
475
570
  setSessionStorageMock();
476
571
  var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('disabled');
477
572
  var onChange = jest.fn();
573
+
478
574
  var _render43 = (0, _react2.render)(inputTextBase({
479
- permissionAttr: permissionAttr,
480
- onChange: onChange
481
- })),
482
- container = _render43.container;
575
+ permissionAttr: permissionAttr,
576
+ onChange: onChange
577
+ })),
578
+ container = _render43.container;
579
+
483
580
  var inputHTML = container.querySelector('.textinput');
581
+
484
582
  _react2.fireEvent.change(inputHTML, {
485
583
  target: {
486
584
  value: 'sus'
487
585
  }
488
586
  });
489
- expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.disabled).toBeTruthy();
587
+
588
+ expect(inputHTML.disabled).toBeTruthy();
490
589
  expect(onChange).not.toBeCalled();
491
590
  });
492
591
  it('add -disabled css class', function () {
493
592
  setSessionStorageMock();
494
593
  var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('disabled');
594
+
495
595
  var _render44 = (0, _react2.render)(inputTextBase({
496
- permissionAttr: permissionAttr
497
- })),
498
- container = _render44.container;
596
+ permissionAttr: permissionAttr
597
+ })),
598
+ container = _render44.container;
599
+
499
600
  var inputWrapper = container.querySelector('.inputwrapper');
500
601
  expect(inputWrapper).toHaveClass('-disabled');
501
602
  });
@@ -504,28 +605,34 @@ describe('InputTextBase', function () {
504
605
  it('apply readOnly attribute in input', function () {
505
606
  setSessionStorageMock();
506
607
  var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('readOnly');
608
+
507
609
  var _render45 = (0, _react2.render)(inputTextBase({
508
- permissionAttr: permissionAttr
509
- })),
510
- container = _render45.container;
610
+ permissionAttr: permissionAttr
611
+ })),
612
+ container = _render45.container;
613
+
511
614
  var inputHTML = container.querySelector('.textinput');
512
- expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.readOnly).toBeTruthy();
615
+ expect(inputHTML.readOnly).toBeTruthy();
513
616
  });
514
617
  it('disable callbacks', function () {
515
618
  setSessionStorageMock();
516
619
  var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('readOnly');
517
620
  var onChange = jest.fn();
621
+
518
622
  var _render46 = (0, _react2.render)(inputTextBase({
519
- permissionAttr: permissionAttr,
520
- onChange: onChange
521
- })),
522
- container = _render46.container;
623
+ permissionAttr: permissionAttr,
624
+ onChange: onChange
625
+ })),
626
+ container = _render46.container;
627
+
523
628
  var inputHTML = container.querySelector('.textinput');
629
+
524
630
  _react2.fireEvent.change(inputHTML, {
525
631
  target: {
526
632
  value: 'sus'
527
633
  }
528
634
  });
635
+
529
636
  expect(onChange).not.toBeCalled();
530
637
  });
531
638
  });
@@ -533,39 +640,47 @@ describe('InputTextBase', function () {
533
640
  it('should set input value to blank', function () {
534
641
  setSessionStorageMock();
535
642
  var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('hideContent');
643
+
536
644
  var _render47 = (0, _react2.render)(inputTextBase({
537
- permissionAttr: permissionAttr,
538
- value: 'text'
539
- })),
540
- container = _render47.container;
645
+ permissionAttr: permissionAttr,
646
+ value: 'text'
647
+ })),
648
+ container = _render47.container;
649
+
541
650
  var inputHTML = container.querySelector('.textinput');
542
- expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.value).toBe('');
651
+ expect(inputHTML.value).toBe('');
543
652
  });
544
653
  it('disable input', function () {
545
654
  setSessionStorageMock();
546
655
  var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('hideContent');
547
656
  var onChange = jest.fn();
657
+
548
658
  var _render48 = (0, _react2.render)(inputTextBase({
549
- permissionAttr: permissionAttr,
550
- onChange: onChange
551
- })),
552
- container = _render48.container;
659
+ permissionAttr: permissionAttr,
660
+ onChange: onChange
661
+ })),
662
+ container = _render48.container;
663
+
553
664
  var inputHTML = container.querySelector('.textinput');
665
+
554
666
  _react2.fireEvent.change(inputHTML, {
555
667
  target: {
556
668
  value: 'sus'
557
669
  }
558
670
  });
671
+
559
672
  expect(onChange).not.toBeCalled();
560
- expect(inputHTML === null || inputHTML === void 0 ? void 0 : inputHTML.disabled).toBeTruthy();
673
+ expect(inputHTML.disabled).toBeTruthy();
561
674
  });
562
675
  it('add -disabled css class', function () {
563
676
  setSessionStorageMock();
564
677
  var permissionAttr = (0, _storageMock.permissionAttrMockUnauthorized)('hideContent');
678
+
565
679
  var _render49 = (0, _react2.render)(inputTextBase({
566
- permissionAttr: permissionAttr
567
- })),
568
- container = _render49.container;
680
+ permissionAttr: permissionAttr
681
+ })),
682
+ container = _render49.container;
683
+
569
684
  var inputWrapper = container.querySelector('.inputwrapper');
570
685
  expect(inputWrapper).toHaveClass('-disabled');
571
686
  });