linear-react-components-ui 1.0.10-beta.2 → 1.0.10-beta.21

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 (281) hide show
  1. package/.eslintrc.json +1 -0
  2. package/.vscode/settings.json +1 -1
  3. package/README.md +19 -12
  4. package/lib/@types/Align.d.ts +2 -1
  5. package/lib/alerts/AlertContainer.d.ts +2 -0
  6. package/lib/alerts/AlertProvider.d.ts +2 -0
  7. package/lib/alerts/BaseAlert.d.ts +2 -0
  8. package/lib/alerts/Message.d.ts +2 -0
  9. package/lib/alerts/Message.js +1 -1
  10. package/lib/alerts/alert.spec.js +133 -0
  11. package/lib/alerts/helpers.d.ts +2 -0
  12. package/lib/alerts/index.d.ts +2 -0
  13. package/lib/alerts/types.d.ts +3 -1
  14. package/lib/alerts/withAlert.d.ts +2 -0
  15. package/lib/assets/styles/dialog.scss +9 -6
  16. package/lib/assets/styles/drawers.scss +9 -0
  17. package/lib/assets/styles/effects.scss +2 -2
  18. package/lib/assets/styles/radio.scss +52 -8
  19. package/lib/assets/styles/table.scss +30 -0
  20. package/lib/assets/styles/tooltip.scss +42 -2
  21. package/lib/avatar/avatar.spec.js +190 -0
  22. package/lib/badge/badge.spec.js +127 -0
  23. package/lib/buttons/ActivateButton.d.ts +2 -0
  24. package/lib/buttons/AddButton.d.ts +2 -0
  25. package/lib/buttons/Button.d.ts +2 -0
  26. package/lib/buttons/CancelButton.d.ts +2 -0
  27. package/lib/buttons/DangerButton.d.ts +2 -0
  28. package/lib/buttons/DefaultButton.d.ts +2 -0
  29. package/lib/buttons/DefaultButton.js +14 -4
  30. package/lib/buttons/DestroyButton.d.ts +2 -0
  31. package/lib/buttons/EditButton.d.ts +2 -0
  32. package/lib/buttons/InactivateButton.d.ts +2 -0
  33. package/lib/buttons/InfoButton.d.ts +2 -0
  34. package/lib/buttons/PrimaryButton.d.ts +2 -0
  35. package/lib/buttons/RestoreButton.d.ts +2 -0
  36. package/lib/buttons/SaveButton.d.ts +2 -0
  37. package/lib/buttons/SpinnerLoading.js +230 -0
  38. package/lib/buttons/SuccessButton.d.ts +2 -0
  39. package/lib/buttons/WarningButton.d.ts +2 -0
  40. package/lib/buttons/buttons.spec.js +504 -0
  41. package/lib/buttons/index.d.ts +2 -0
  42. package/lib/buttons/split_button/index.d.ts +2 -0
  43. package/lib/buttons/types.d.ts +6 -2
  44. package/lib/calendar/calendar.spec.js +171 -0
  45. package/lib/checkbox/checkbox.spec.js +215 -0
  46. package/lib/dialog/Alert.d.ts +3 -0
  47. package/lib/dialog/Custom.d.ts +3 -0
  48. package/lib/dialog/Custom.js +1 -1
  49. package/lib/dialog/Error.d.ts +3 -0
  50. package/lib/dialog/Information.d.ts +3 -0
  51. package/lib/dialog/Question.d.ts +3 -0
  52. package/lib/dialog/Warning.d.ts +3 -0
  53. package/lib/dialog/base/Content.d.ts +3 -0
  54. package/lib/dialog/base/Footer.d.ts +3 -0
  55. package/lib/dialog/base/Header.d.ts +3 -0
  56. package/lib/dialog/base/Header.js +12 -1
  57. package/lib/dialog/base/index.d.ts +3 -0
  58. package/lib/dialog/base/index.js +78 -16
  59. package/lib/dialog/dialog.spec.js +488 -0
  60. package/lib/dialog/form/index.d.ts +7 -3
  61. package/lib/dialog/form/index.js +11 -4
  62. package/lib/dialog/index.d.ts +3 -0
  63. package/lib/dialog/types.d.ts +10 -4
  64. package/lib/drawer/Content.d.ts +2 -0
  65. package/lib/drawer/Drawer.d.ts +3 -1
  66. package/lib/drawer/Drawer.js +22 -2
  67. package/lib/drawer/Drawer.spec.js +258 -0
  68. package/lib/drawer/Header.d.ts +2 -0
  69. package/lib/drawer/helpers.d.ts +2 -0
  70. package/lib/drawer/index.d.ts +2 -0
  71. package/lib/drawer/types.d.ts +4 -1
  72. package/lib/dropdown/Popup.js +5 -0
  73. package/lib/dropdown/dropdown.spec.js +169 -0
  74. package/lib/fieldset/fieldset.spec.js +329 -0
  75. package/lib/form/Field.d.ts +2 -1
  76. package/lib/form/Field.js +33 -24
  77. package/lib/form/FieldArray.d.ts +1 -0
  78. package/lib/form/FieldArray.js +41 -4
  79. package/lib/form/FieldNumber.d.ts +1 -0
  80. package/lib/form/FieldNumber.js +24 -5
  81. package/lib/form/FieldPeriod.d.ts +1 -0
  82. package/lib/form/FieldPeriod.js +16 -2
  83. package/lib/form/form.spec.js +293 -0
  84. package/lib/form/helpers.d.ts +2 -1
  85. package/lib/form/helpers.js +2 -2
  86. package/lib/form/index.d.ts +4 -2
  87. package/lib/form/index.js +72 -35
  88. package/lib/form/types.d.ts +25 -6
  89. package/lib/form/withFieldHOC.d.ts +1 -0
  90. package/lib/form/withFieldHOC.js +1 -0
  91. package/lib/form/withFormSecurity.d.ts +1 -0
  92. package/lib/form/withFormSecurity.js +2 -1
  93. package/lib/gridlayout/gridLayout.spec.js +169 -0
  94. package/lib/icons/helper.d.ts +4 -0
  95. package/lib/icons/helper.js +4 -0
  96. package/lib/icons/icons.spec.js +86 -0
  97. package/lib/icons/index.d.ts +2 -0
  98. package/lib/icons/types.d.ts +3 -1
  99. package/lib/index.d.ts +4 -1
  100. package/lib/inputs/base/InputTextBase.d.ts +1 -0
  101. package/lib/inputs/base/InputTextBase.js +10 -2
  102. package/lib/inputs/base/base.spec.js +690 -0
  103. package/lib/inputs/base/helpers.d.ts +2 -1
  104. package/lib/inputs/base/index.js +1 -0
  105. package/lib/inputs/base/types.d.ts +2 -1
  106. package/lib/inputs/color/color_input.spec.js +174 -0
  107. package/lib/inputs/date/Dialog.d.ts +1 -0
  108. package/lib/inputs/date/Dropdown.d.ts +1 -0
  109. package/lib/inputs/date/date.spec.js +354 -0
  110. package/lib/inputs/date/helpers.d.ts +2 -1
  111. package/lib/inputs/date/helpers.js +3 -2
  112. package/lib/inputs/date/index.d.ts +1 -0
  113. package/lib/inputs/date/index.js +24 -9
  114. package/lib/inputs/date/types.d.ts +3 -1
  115. package/lib/inputs/file/DefaultFile.d.ts +1 -0
  116. package/lib/inputs/file/DragDropFile.d.ts +1 -0
  117. package/lib/inputs/file/File.d.ts +1 -0
  118. package/lib/inputs/file/FileButtonSettings.d.ts +1 -0
  119. package/lib/inputs/file/helpers.d.ts +1 -0
  120. package/lib/inputs/file/index.d.ts +1 -0
  121. package/lib/inputs/file/types.d.ts +1 -0
  122. package/lib/inputs/inputHOC.d.ts +3 -0
  123. package/lib/inputs/mask/BaseMask.d.ts +1 -0
  124. package/lib/inputs/mask/BaseMask.js +20 -5
  125. package/lib/inputs/mask/Cnpj.d.ts +1 -0
  126. package/lib/inputs/mask/Cpf.d.ts +1 -0
  127. package/lib/inputs/mask/Cpf.js +4 -4
  128. package/lib/inputs/mask/Phone.d.ts +1 -0
  129. package/lib/inputs/mask/ZipCode.d.ts +1 -0
  130. package/lib/inputs/mask/helpers.d.ts +3 -0
  131. package/lib/inputs/mask/helpers.js +1 -1
  132. package/lib/inputs/mask/imaskHOC.d.ts +3 -0
  133. package/lib/inputs/mask/imaskHOC.js +16 -12
  134. package/lib/inputs/mask/index.d.ts +1 -0
  135. package/lib/inputs/mask/input_mask.spec.js +607 -0
  136. package/lib/inputs/mask/types.d.ts +2 -1
  137. package/lib/inputs/multiSelect/ActionButtons.d.ts +2 -1
  138. package/lib/inputs/multiSelect/ActionButtons.js +4 -1
  139. package/lib/inputs/multiSelect/Dropdown.d.ts +1 -0
  140. package/lib/inputs/multiSelect/Dropdown.js +4 -4
  141. package/lib/inputs/multiSelect/helper.d.ts +8 -6
  142. package/lib/inputs/multiSelect/helper.js +5 -1
  143. package/lib/inputs/multiSelect/index.d.ts +1 -0
  144. package/lib/inputs/multiSelect/index.js +15 -11
  145. package/lib/inputs/multiSelect/types.d.ts +16 -6
  146. package/lib/inputs/number/BaseNumber.d.ts +3 -0
  147. package/lib/inputs/number/BaseNumber.js +1 -2
  148. package/lib/inputs/number/Currency.d.ts +3 -0
  149. package/lib/inputs/number/Decimal.d.ts +3 -0
  150. package/lib/inputs/number/format_number.d.ts +2 -1
  151. package/lib/inputs/number/format_number.js +8 -3
  152. package/lib/inputs/number/index.d.ts +3 -0
  153. package/lib/inputs/number/numberfield.spec.js +215 -0
  154. package/lib/inputs/number/types.d.ts +3 -1
  155. package/lib/inputs/period/Dialog.d.ts +1 -0
  156. package/lib/inputs/period/Dropdown.d.ts +1 -0
  157. package/lib/inputs/period/PeriodList.d.ts +1 -0
  158. package/lib/inputs/period/helper.d.ts +1 -0
  159. package/lib/inputs/period/index.d.ts +1 -0
  160. package/lib/inputs/period/index.js +8 -9
  161. package/lib/inputs/period/types.d.ts +3 -2
  162. package/lib/inputs/search/index.d.ts +3 -0
  163. package/lib/inputs/search/search_input.spec.js +209 -0
  164. package/lib/inputs/select/ActionButtons.d.ts +3 -0
  165. package/lib/inputs/select/Dropdown.d.ts +3 -0
  166. package/lib/inputs/select/Dropdown.js +1 -1
  167. package/lib/inputs/select/helper.d.ts +7 -9
  168. package/lib/inputs/select/helper.js +11 -2
  169. package/lib/inputs/select/index.d.ts +1 -0
  170. package/lib/inputs/select/index.js +6 -5
  171. package/lib/inputs/select/multiple/Selecteds.d.ts +1 -0
  172. package/lib/inputs/select/multiple/Selecteds.js +1 -1
  173. package/lib/inputs/select/multiple/index.d.ts +1 -0
  174. package/lib/inputs/select/multiple/index.js +13 -10
  175. package/lib/inputs/select/select.spec.js +395 -0
  176. package/lib/inputs/select/simple/index.d.ts +1 -0
  177. package/lib/inputs/select/simple/index.js +35 -18
  178. package/lib/inputs/select/types.d.ts +22 -7
  179. package/lib/inputs/text/index.d.ts +1 -0
  180. package/lib/inputs/text/textfield.spec.js +215 -0
  181. package/lib/inputs/text/types.d.ts +1 -1
  182. package/lib/inputs/textarea/index.d.ts +1 -0
  183. package/lib/inputs/textarea/index.js +1 -1
  184. package/lib/inputs/textarea/textarea.spec.js +59 -0
  185. package/lib/inputs/textarea/types.d.ts +1 -0
  186. package/lib/inputs/types.d.ts +7 -3
  187. package/lib/internals/types.d.ts +1 -0
  188. package/lib/internals/withTooltip.js +13 -6
  189. package/lib/labelMessages/index.d.ts +2 -0
  190. package/lib/labelMessages/index.js +3 -4
  191. package/lib/labelMessages/labelMessages.spec.js +176 -0
  192. package/lib/labelMessages/types.d.ts +3 -1
  193. package/lib/labels/DangerLabel.d.ts +2 -0
  194. package/lib/labels/DefaultLabel.d.ts +2 -0
  195. package/lib/labels/InfoLabel.d.ts +2 -0
  196. package/lib/labels/PrimaryLabel.d.ts +2 -0
  197. package/lib/labels/SuccessLabel.d.ts +2 -0
  198. package/lib/labels/WarningLabel.d.ts +2 -0
  199. package/lib/labels/index.d.ts +2 -0
  200. package/lib/labels/label.spec.js +162 -0
  201. package/lib/labels/types.d.ts +3 -1
  202. package/lib/list/Header.d.ts +2 -0
  203. package/lib/list/Item.d.ts +2 -0
  204. package/lib/list/helpers.d.ts +2 -0
  205. package/lib/list/index.d.ts +2 -0
  206. package/lib/list/list.spec.js +769 -0
  207. package/lib/list/types.d.ts +4 -2
  208. package/lib/menus/float/MenuItem.d.ts +2 -0
  209. package/lib/menus/float/float-menu.spec.js +221 -0
  210. package/lib/menus/float/helpers.d.ts +2 -0
  211. package/lib/menus/float/index.d.ts +2 -0
  212. package/lib/menus/float/types.d.ts +3 -1
  213. package/lib/menus/index.d.ts +2 -0
  214. package/lib/menus/sidenav/ExpandMenu.d.ts +2 -0
  215. package/lib/menus/sidenav/MenuLink.d.ts +2 -0
  216. package/lib/menus/sidenav/NavMenuGroup.d.ts +2 -0
  217. package/lib/menus/sidenav/NavMenuItem.d.ts +2 -0
  218. package/lib/menus/sidenav/NavSubMenuItem.d.ts +2 -0
  219. package/lib/menus/sidenav/helpers.d.ts +2 -0
  220. package/lib/menus/sidenav/index.d.ts +2 -0
  221. package/lib/menus/sidenav/popup_menu_search/EmptyList.d.ts +2 -0
  222. package/lib/menus/sidenav/popup_menu_search/index.d.ts +2 -0
  223. package/lib/menus/sidenav/sidenav.spec.js +379 -0
  224. package/lib/menus/sidenav/types.d.ts +4 -2
  225. package/lib/panel/Content.d.ts +3 -1
  226. package/lib/panel/DangerPanel.d.ts +3 -1
  227. package/lib/panel/Default.d.ts +3 -1
  228. package/lib/panel/Header.d.ts +3 -1
  229. package/lib/panel/Header.js +3 -4
  230. package/lib/panel/InfoPanel.d.ts +3 -1
  231. package/lib/panel/PrimaryPanel.d.ts +3 -1
  232. package/lib/panel/SuccessPanel.d.ts +3 -1
  233. package/lib/panel/ToolBar.d.ts +3 -1
  234. package/lib/panel/WarningPanel.d.ts +3 -1
  235. package/lib/panel/helpers.d.ts +3 -1
  236. package/lib/panel/index.d.ts +3 -1
  237. package/lib/panel/panel.spec.js +216 -0
  238. package/lib/panel/types.d.ts +3 -1
  239. package/lib/popover/PopoverText.d.ts +2 -0
  240. package/lib/popover/PopoverTitle.d.ts +2 -0
  241. package/lib/popover/index.d.ts +2 -0
  242. package/lib/popover/index.js +1 -2
  243. package/lib/popover/popover.spec.js +146 -0
  244. package/lib/popover/types.d.ts +3 -1
  245. package/lib/progress/progress.spec.js +94 -0
  246. package/lib/radio/index.d.ts +2 -1
  247. package/lib/radio/index.js +5 -1
  248. package/lib/radio/radio.spec.js +189 -0
  249. package/lib/radio/types.d.ts +4 -1
  250. package/lib/spinner/spinner.spec.js +152 -0
  251. package/lib/split/split.spec.js +163 -0
  252. package/lib/table/Body.js +9 -12
  253. package/lib/table/Header.js +19 -16
  254. package/lib/table/Row.js +20 -3
  255. package/lib/table/index.js +1 -0
  256. package/lib/table/table.spec.js +352 -0
  257. package/lib/table/types.d.ts +7 -0
  258. package/lib/tabs/DropdownItems.d.ts +2 -0
  259. package/lib/tabs/Menu.d.ts +2 -0
  260. package/lib/tabs/MenuItems.d.ts +2 -0
  261. package/lib/tabs/Panel.d.ts +2 -0
  262. package/lib/tabs/index.d.ts +2 -0
  263. package/lib/tabs/tabHelpers.d.ts +2 -0
  264. package/lib/tabs/tabs.spec.js +321 -0
  265. package/lib/tabs/types.d.ts +3 -1
  266. package/lib/toolbar/ButtonBar.d.ts +2 -0
  267. package/lib/toolbar/LabelBar.d.ts +2 -0
  268. package/lib/toolbar/ToolBarGroup.d.ts +2 -0
  269. package/lib/toolbar/helpers.d.ts +2 -0
  270. package/lib/toolbar/index.d.ts +2 -0
  271. package/lib/toolbar/toolbar.spec.js +394 -0
  272. package/lib/toolbar/types.d.ts +4 -2
  273. package/lib/tooltip/index.d.ts +1 -1
  274. package/lib/tooltip/index.js +5 -1
  275. package/lib/tooltip/tooltip.spec.js +215 -0
  276. package/lib/tooltip/types.d.ts +1 -0
  277. package/lib/treeview/index.js +1 -0
  278. package/lib/treeview/treeview.spec.js +279 -0
  279. package/lib/{types-90c43ae1.d.ts → types-c1e2d0c9.d.ts} +2 -1
  280. package/lib/uitour/uitour.spec.js +176 -0
  281. package/package.json +67 -64
@@ -0,0 +1,171 @@
1
+ "use strict";
2
+
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
+
5
+ var _react = _interopRequireDefault(require("react"));
6
+
7
+ var _react2 = require("@testing-library/react");
8
+
9
+ require("babel-polyfill");
10
+
11
+ require("@testing-library/jest-dom");
12
+
13
+ var _moment = _interopRequireDefault(require("moment"));
14
+
15
+ var _ = _interopRequireWildcard(require("."));
16
+
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
+
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
+
21
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
22
+
23
+ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
24
+
25
+ function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
26
+
27
+ var calendarMockRender = function calendarMockRender(props) {
28
+ return /*#__PURE__*/_react.default.createElement(_.default, props);
29
+ };
30
+
31
+ describe('Calendar', function () {
32
+ describe('Default', function () {
33
+ it('should render without errors', function () {
34
+ var _render = (0, _react2.render)(calendarMockRender()),
35
+ container = _render.container;
36
+
37
+ expect(container.firstChild).toBeTruthy();
38
+ expect(container.firstChild).toHaveClass('calendar-component');
39
+ });
40
+ it('should render currentDate month and year', function () {
41
+ var _render2 = (0, _react2.render)(calendarMockRender({
42
+ currentDate: (0, _moment.default)('2020-01-01')
43
+ })),
44
+ container = _render2.container;
45
+
46
+ expect(container.querySelector('span.monthname')).toHaveTextContent('janeiro 2020');
47
+ });
48
+ it('should render currentDate selected day', function () {
49
+ var _render3 = (0, _react2.render)(calendarMockRender({
50
+ currentDate: (0, _moment.default)('2020-01-01')
51
+ })),
52
+ container = _render3.container;
53
+
54
+ expect(container.querySelector('.monthday.-selectedday .button-component')).toHaveTextContent('1');
55
+ });
56
+ it('should go to next month', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
57
+ var _render4, container;
58
+
59
+ return regeneratorRuntime.wrap(function _callee$(_context) {
60
+ while (1) {
61
+ switch (_context.prev = _context.next) {
62
+ case 0:
63
+ _render4 = (0, _react2.render)(calendarMockRender({
64
+ currentDate: (0, _moment.default)('2020-01-01')
65
+ })), container = _render4.container;
66
+
67
+ _react2.fireEvent.click(container.querySelectorAll('.button-component.navbutton')[1]);
68
+
69
+ _context.next = 4;
70
+ return (0, _react2.waitFor)(function () {
71
+ return expect(container.querySelector('span.monthname')).toHaveTextContent('fevereiro 2020');
72
+ }, {
73
+ timeout: 3000
74
+ });
75
+
76
+ case 4:
77
+ case "end":
78
+ return _context.stop();
79
+ }
80
+ }
81
+ }, _callee);
82
+ })));
83
+ it('should select another day', function () {
84
+ var _render5 = (0, _react2.render)(calendarMockRender({
85
+ currentDate: (0, _moment.default)('2020-01-01')
86
+ })),
87
+ container = _render5.container;
88
+
89
+ _react2.fireEvent.click(container.querySelectorAll('.calendarmonth .monthweek .monthday button')[6]);
90
+
91
+ expect(container.querySelector('.monthday.-selectedday .button-component')).toHaveTextContent('4');
92
+ });
93
+ it('should fire onChange callback', function () {
94
+ var mockCallback = jest.fn();
95
+
96
+ var _render6 = (0, _react2.render)(calendarMockRender({
97
+ currentDate: (0, _moment.default)('2020-01-01'),
98
+ onDateChange: mockCallback
99
+ })),
100
+ container = _render6.container;
101
+
102
+ _react2.fireEvent.click(container.querySelectorAll('.calendarmonth .monthweek .monthday button')[6]);
103
+
104
+ var dateReceived = mockCallback.mock.calls[0][0];
105
+ var dateToBe = (0, _moment.default)('2020-01-04');
106
+ expect(container.querySelector('.monthday.-selectedday .button-component')).toHaveTextContent('4');
107
+ expect(mockCallback).toHaveBeenCalled();
108
+ expect(dateReceived.format()).toBe(dateToBe.format());
109
+ });
110
+ it('should apply drawGridLines', function () {
111
+ var _render7 = (0, _react2.render)(calendarMockRender({
112
+ currentDate: (0, _moment.default)('2020-01-01'),
113
+ drawGridLines: true
114
+ })),
115
+ container = _render7.container;
116
+
117
+ expect(container.querySelector('.calendar-component')).toHaveClass('-draw-grid-lines');
118
+ });
119
+ it('should apply unpadding', function () {
120
+ var _render8 = (0, _react2.render)(calendarMockRender({
121
+ currentDate: (0, _moment.default)('2020-01-01'),
122
+ unpadding: true
123
+ })),
124
+ container = _render8.container;
125
+
126
+ expect(container.querySelector('.calendar-component')).toHaveClass('-unpadding');
127
+ });
128
+ });
129
+ describe('Custom', function () {
130
+ it('should apply danger style', function () {
131
+ var _render9 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.DangerCalendar, null)),
132
+ container = _render9.container;
133
+
134
+ expect(container.firstChild).toBeTruthy();
135
+ expect(container.firstChild).toHaveClass('calendar-component');
136
+ expect(container.firstChild).toHaveClass('-danger');
137
+ });
138
+ it('should apply success style', function () {
139
+ var _render10 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.SuccessCalendar, null)),
140
+ container = _render10.container;
141
+
142
+ expect(container.firstChild).toBeTruthy();
143
+ expect(container.firstChild).toHaveClass('calendar-component');
144
+ expect(container.firstChild).toHaveClass('-success');
145
+ });
146
+ it('should apply primary style', function () {
147
+ var _render11 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.PrimaryCalendar, null)),
148
+ container = _render11.container;
149
+
150
+ expect(container.firstChild).toBeTruthy();
151
+ expect(container.firstChild).toHaveClass('calendar-component');
152
+ expect(container.firstChild).toHaveClass('-primary');
153
+ });
154
+ it('should apply warning style', function () {
155
+ var _render12 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.WarningCalendar, null)),
156
+ container = _render12.container;
157
+
158
+ expect(container.firstChild).toBeTruthy();
159
+ expect(container.firstChild).toHaveClass('calendar-component');
160
+ expect(container.firstChild).toHaveClass('-warning');
161
+ });
162
+ it('should apply info style', function () {
163
+ var _render13 = (0, _react2.render)( /*#__PURE__*/_react.default.createElement(_.InfoCalendar, null)),
164
+ container = _render13.container;
165
+
166
+ expect(container.firstChild).toBeTruthy();
167
+ expect(container.firstChild).toHaveClass('calendar-component');
168
+ expect(container.firstChild).toHaveClass('-info');
169
+ });
170
+ });
171
+ });
@@ -0,0 +1,215 @@
1
+ "use strict";
2
+
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
+
5
+ var _react = require("@testing-library/react");
6
+
7
+ var _react2 = _interopRequireDefault(require("react"));
8
+
9
+ require("babel-polyfill");
10
+
11
+ var _checkbox = _interopRequireDefault(require("../checkbox"));
12
+
13
+ var _storageMock = _interopRequireWildcard(require("../../../config/jest/storageMock"));
14
+
15
+ var _gridlayout = require("../gridlayout");
16
+
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
+
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
+
21
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
22
+
23
+ function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
24
+
25
+ function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
26
+
27
+ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
28
+
29
+ var CheckBoxTest = function CheckBoxTest(props) {
30
+ return /*#__PURE__*/_react2.default.createElement(_gridlayout.GridRow, {
31
+ template: "columns",
32
+ style: {
33
+ marginBottom: 20
34
+ }
35
+ }, /*#__PURE__*/_react2.default.createElement(_checkbox.default, _extends({}, props, {
36
+ name: "test",
37
+ value: "1",
38
+ label: "testLabel",
39
+ id: "1",
40
+ hint: "test",
41
+ gridLayout: "6 6 6 6"
42
+ })));
43
+ };
44
+
45
+ describe('CheckBox', function () {
46
+ describe('Default', function () {
47
+ it('should render without errors', function () {
48
+ var _render = (0, _react.render)(CheckBoxTest()),
49
+ container = _render.container;
50
+
51
+ expect(container.firstChild).toBeTruthy();
52
+ });
53
+ it('should hint', function () {
54
+ var _render2 = (0, _react.render)(CheckBoxTest()),
55
+ container = _render2.container;
56
+
57
+ expect(container.firstChild).toContainElement(container.querySelector('.hint'));
58
+ });
59
+ it('should label text match with prop label', function () {
60
+ var _render3 = (0, _react.render)(CheckBoxTest()),
61
+ container = _render3.container;
62
+
63
+ expect(container.querySelector('.description')).toHaveTextContent('testLabel');
64
+ });
65
+ it('should checkbox have id ', function () {
66
+ var _render4 = (0, _react.render)(CheckBoxTest()),
67
+ container = _render4.container;
68
+
69
+ expect(container.querySelector('.input').id).toBe('1');
70
+ });
71
+ it('should checkbox have name test', function () {
72
+ var _render5 = (0, _react.render)(CheckBoxTest()),
73
+ container = _render5.container;
74
+
75
+ expect(container.querySelector('.input').name).toBe('test');
76
+ });
77
+ it('should checkbox have value', function () {
78
+ var _render6 = (0, _react.render)(CheckBoxTest()),
79
+ container = _render6.container;
80
+
81
+ expect(container.querySelector('.input').value).toBe('1');
82
+ });
83
+ it('should change checked', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
84
+ var _render7, container;
85
+
86
+ return regeneratorRuntime.wrap(function _callee$(_context) {
87
+ while (1) {
88
+ switch (_context.prev = _context.next) {
89
+ case 0:
90
+ _render7 = (0, _react.render)(CheckBoxTest()), container = _render7.container;
91
+ expect(container.querySelector('.input').checked).toEqual(false);
92
+
93
+ _react.fireEvent.click(container.querySelector('.input'));
94
+
95
+ expect(container.querySelector('.input').checked).toEqual(true);
96
+
97
+ case 4:
98
+ case "end":
99
+ return _context.stop();
100
+ }
101
+ }
102
+ }, _callee);
103
+ })));
104
+ it('should disable', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
105
+ var _render8, container;
106
+
107
+ return regeneratorRuntime.wrap(function _callee2$(_context2) {
108
+ while (1) {
109
+ switch (_context2.prev = _context2.next) {
110
+ case 0:
111
+ _render8 = (0, _react.render)(CheckBoxTest({
112
+ disabled: true
113
+ })), container = _render8.container;
114
+ expect(container.querySelector('.input').checked).toEqual(false);
115
+
116
+ _react.fireEvent.click(container.querySelector('.input'));
117
+
118
+ expect(container.querySelector('.input').checked).toEqual(false);
119
+
120
+ case 4:
121
+ case "end":
122
+ return _context2.stop();
123
+ }
124
+ }
125
+ }, _callee2);
126
+ })));
127
+ it('should required', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
128
+ var _render9, container;
129
+
130
+ return regeneratorRuntime.wrap(function _callee3$(_context3) {
131
+ while (1) {
132
+ switch (_context3.prev = _context3.next) {
133
+ case 0:
134
+ _render9 = (0, _react.render)(CheckBoxTest({
135
+ required: true
136
+ })), container = _render9.container;
137
+ expect(container.querySelector('.input').required).toEqual(true);
138
+
139
+ case 2:
140
+ case "end":
141
+ return _context3.stop();
142
+ }
143
+ }
144
+ }, _callee3);
145
+ })));
146
+ it('should autoFocus', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
147
+ var _render10, container;
148
+
149
+ return regeneratorRuntime.wrap(function _callee4$(_context4) {
150
+ while (1) {
151
+ switch (_context4.prev = _context4.next) {
152
+ case 0:
153
+ _render10 = (0, _react.render)(CheckBoxTest({
154
+ autoFocus: true
155
+ })), container = _render10.container;
156
+ container.querySelector('.input').focus();
157
+ expect(container.querySelector('.input')).toHaveFocus();
158
+
159
+ case 3:
160
+ case "end":
161
+ return _context4.stop();
162
+ }
163
+ }
164
+ }, _callee4);
165
+ })));
166
+ });
167
+ describe('Permission', function () {
168
+ var defineStorage = function defineStorage() {
169
+ Object.defineProperty(window, 'sessionStorage', {
170
+ value: (0, _storageMock.default)()
171
+ });
172
+ };
173
+
174
+ it('should check permission', function () {
175
+ defineStorage();
176
+
177
+ var _render11 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_checkbox.default, {
178
+ permissionAttr: (0, _storageMock.permissionAttrMockAuthorized)('disabled')
179
+ })),
180
+ container = _render11.container;
181
+
182
+ expect(container.firstChild).not.toHaveClass('disabled');
183
+ expect(container.firstChild).toBeTruthy();
184
+ });
185
+ it('should check permission, be unavaible and onDenied is disabled', function () {
186
+ defineStorage();
187
+ var mockOnClick = jest.fn();
188
+
189
+ var mockCheckbox = /*#__PURE__*/_react2.default.createElement(_checkbox.default, {
190
+ onClick: mockOnClick,
191
+ permissionAttr: (0, _storageMock.permissionAttrMockUnauthorized)('disabled')
192
+ });
193
+
194
+ var _render12 = (0, _react.render)(mockCheckbox),
195
+ getByTestId = _render12.getByTestId,
196
+ container = _render12.container;
197
+
198
+ _react.fireEvent.click(container.firstChild);
199
+
200
+ expect(getByTestId('checkbox-container')).toBeVisible();
201
+ expect(container.querySelector('.input')).toBeDisabled();
202
+ expect(mockOnClick).toBeCalledTimes(0);
203
+ });
204
+ it('should check permission, be unavaible and onDenied is unvisible', function () {
205
+ defineStorage();
206
+
207
+ var _render13 = (0, _react.render)( /*#__PURE__*/_react2.default.createElement(_checkbox.default, {
208
+ permissionAttr: (0, _storageMock.permissionAttrMockUnauthorized)('unvisible')
209
+ })),
210
+ container = _render13.container;
211
+
212
+ expect(container.firstChild).not.toBeTruthy();
213
+ });
214
+ });
215
+ });
@@ -1,5 +1,8 @@
1
1
  import { ICommonDialogProps } from './types.js';
2
2
  import 'react';
3
+ import '../@types/Align.js';
4
+ import '../@types/Icon.js';
5
+ import '../icons/helper.js';
3
6
 
4
7
  declare const Alert: (props: ICommonDialogProps) => JSX.Element;
5
8
 
@@ -1,5 +1,8 @@
1
1
  import { ICustomProps } from './types.js';
2
2
  import 'react';
3
+ import '../@types/Align.js';
4
+ import '../@types/Icon.js';
5
+ import '../icons/helper.js';
3
6
 
4
7
  declare const Custom: (props: ICustomProps) => JSX.Element;
5
8
 
@@ -30,7 +30,7 @@ var Custom = function Custom(props) {
30
30
  _props$height = props.height,
31
31
  height = _props$height === void 0 ? 'auto' : _props$height,
32
32
  _props$iconName = props.iconName,
33
- iconName = _props$iconName === void 0 ? '' : _props$iconName;
33
+ iconName = _props$iconName === void 0 ? null : _props$iconName;
34
34
  return /*#__PURE__*/_react.default.createElement(_base.default, _extends({
35
35
  width: width,
36
36
  height: height
@@ -1,5 +1,8 @@
1
1
  import { ICommonDialogProps } from './types.js';
2
2
  import 'react';
3
+ import '../@types/Align.js';
4
+ import '../@types/Icon.js';
5
+ import '../icons/helper.js';
3
6
 
4
7
  declare const Error: (props: ICommonDialogProps) => JSX.Element;
5
8
 
@@ -1,5 +1,8 @@
1
1
  import { ICommonDialogProps } from './types.js';
2
2
  import 'react';
3
+ import '../@types/Align.js';
4
+ import '../@types/Icon.js';
5
+ import '../icons/helper.js';
3
6
 
4
7
  declare const Information: (props: ICommonDialogProps) => JSX.Element;
5
8
 
@@ -1,5 +1,8 @@
1
1
  import { IQuestionProps } from './types.js';
2
2
  import 'react';
3
+ import '../@types/Align.js';
4
+ import '../@types/Icon.js';
5
+ import '../icons/helper.js';
3
6
 
4
7
  declare const Question: (props: IQuestionProps) => JSX.Element | null;
5
8
 
@@ -1,5 +1,8 @@
1
1
  import { ICommonDialogProps } from './types.js';
2
2
  import 'react';
3
+ import '../@types/Align.js';
4
+ import '../@types/Icon.js';
5
+ import '../icons/helper.js';
3
6
 
4
7
  declare const Warning: (props: ICommonDialogProps) => JSX.Element;
5
8
 
@@ -1,5 +1,8 @@
1
1
  import { IContentProps } from '../types.js';
2
2
  import 'react';
3
+ import '../../@types/Align.js';
4
+ import '../../@types/Icon.js';
5
+ import '../../icons/helper.js';
3
6
 
4
7
  declare const Content: ({ children, styleForContent }: IContentProps) => JSX.Element;
5
8
 
@@ -1,5 +1,8 @@
1
1
  import { IFooterProps } from '../types.js';
2
2
  import 'react';
3
+ import '../../@types/Align.js';
4
+ import '../../@types/Icon.js';
5
+ import '../../icons/helper.js';
3
6
 
4
7
  declare const Footer: (props: IFooterProps) => JSX.Element;
5
8
 
@@ -1,5 +1,8 @@
1
1
  import { IHeaderProps } from '../types.js';
2
2
  import 'react';
3
+ import '../../@types/Align.js';
4
+ import '../../@types/Icon.js';
5
+ import '../../icons/helper.js';
3
6
 
4
7
  declare const Header: ({ showCloseButton, handlerClose, title, icon, titleIcon, }: IHeaderProps) => JSX.Element;
5
8
 
@@ -1,12 +1,16 @@
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
4
  Object.defineProperty(exports, "__esModule", {
4
5
  value: true
5
6
  });
6
7
  exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
+ var _react = _interopRequireWildcard(require("react"));
8
9
  var _icons = _interopRequireDefault(require("../../icons"));
10
+ var _form = require("../form");
9
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
+ 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); }
13
+ 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; }
10
14
  var getCloseButton = function getCloseButton(handlerClose) {
11
15
  return /*#__PURE__*/_react.default.createElement("span", {
12
16
  className: "close-button",
@@ -34,7 +38,14 @@ var Header = function Header(_ref) {
34
38
  title = _ref.title,
35
39
  icon = _ref.icon,
36
40
  titleIcon = _ref.titleIcon;
41
+ var _useContext = (0, _react.useContext)(_form.FormDialogContext),
42
+ headerRef = _useContext.headerRef;
37
43
  return /*#__PURE__*/_react.default.createElement("div", {
44
+ role: "button",
45
+ tabIndex: -1,
46
+ onFocus: function onFocus() {},
47
+ onBlur: function onBlur() {},
48
+ ref: headerRef,
38
49
  className: "dialog-header"
39
50
  }, /*#__PURE__*/_react.default.createElement("div", {
40
51
  className: "".concat(icon !== null || titleIcon !== null ? 'left' : '')
@@ -1,5 +1,8 @@
1
1
  import React__default from 'react';
2
2
  import { IBaseProps } from '../types.js';
3
+ import '../../@types/Align.js';
4
+ import '../../@types/Icon.js';
5
+ import '../../icons/helper.js';
3
6
 
4
7
  declare const BaseDialog: (props: IBaseProps) => React__default.ReactPortal;
5
8