@pedidopago/ui 1.5.19 → 1.5.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 (211) hide show
  1. package/dist/components/Alert/types.d.ts +1 -1
  2. package/dist/components/Alert/types.d.ts.map +1 -1
  3. package/dist/components/Avatar/types.d.ts +1 -1
  4. package/dist/components/Avatar/types.d.ts.map +1 -1
  5. package/dist/components/Flex/styles.js +1 -1
  6. package/dist/components/Flex/types.d.ts +1 -1
  7. package/dist/components/Flex/types.d.ts.map +1 -1
  8. package/dist/components/Icon/data/dash.js +1 -1
  9. package/dist/components/IconItem/types.d.ts +1 -1
  10. package/dist/components/IconItem/types.d.ts.map +1 -1
  11. package/dist/components/MultipleSelect/types.d.ts +1 -1
  12. package/dist/components/MultipleSelect/types.d.ts.map +1 -1
  13. package/dist/components/Pagination/types.d.ts +1 -1
  14. package/dist/components/Pagination/types.d.ts.map +1 -1
  15. package/dist/components/Spinner/types.d.ts +1 -1
  16. package/dist/components/Spinner/types.d.ts.map +1 -1
  17. package/dist/index.d.ts +1 -0
  18. package/dist/index.d.ts.map +1 -1
  19. package/dist/index.js +14 -0
  20. package/dist/shared/global.d.ts +2 -0
  21. package/dist/shared/global.d.ts.map +1 -0
  22. package/dist/shared/types/credit-card.d.ts +6 -0
  23. package/dist/shared/types/credit-card.d.ts.map +1 -0
  24. package/dist/shared/types/credit-card.js +1 -0
  25. package/dist/shared/types/file.d.ts +12 -0
  26. package/dist/shared/types/file.d.ts.map +1 -0
  27. package/dist/shared/types/file.js +1 -0
  28. package/dist/shared/types/name.d.ts +4 -0
  29. package/dist/shared/types/name.d.ts.map +1 -0
  30. package/dist/shared/types/name.js +1 -0
  31. package/dist/utils/file.d.ts +27 -0
  32. package/dist/utils/file.d.ts.map +1 -0
  33. package/dist/utils/file.js +160 -0
  34. package/dist/utils/formatters/bytes.d.ts +8 -0
  35. package/dist/utils/formatters/bytes.d.ts.map +1 -0
  36. package/dist/utils/formatters/bytes.js +22 -0
  37. package/dist/utils/formatters/capitalize.d.ts +7 -0
  38. package/dist/utils/formatters/capitalize.d.ts.map +1 -0
  39. package/dist/utils/formatters/capitalize.js +15 -0
  40. package/dist/utils/formatters/cep.d.ts +13 -0
  41. package/dist/utils/formatters/cep.d.ts.map +1 -0
  42. package/dist/utils/formatters/cep.js +26 -0
  43. package/dist/utils/formatters/cnpj.d.ts +19 -0
  44. package/dist/utils/formatters/cnpj.d.ts.map +1 -0
  45. package/dist/utils/formatters/cnpj.js +54 -0
  46. package/dist/utils/formatters/color.d.ts +16 -0
  47. package/dist/utils/formatters/color.d.ts.map +1 -0
  48. package/dist/utils/formatters/color.js +111 -0
  49. package/dist/utils/formatters/cpf.d.ts +19 -0
  50. package/dist/utils/formatters/cpf.d.ts.map +1 -0
  51. package/dist/utils/formatters/cpf.js +101 -0
  52. package/dist/utils/formatters/credit-card.d.ts +27 -0
  53. package/dist/utils/formatters/credit-card.d.ts.map +1 -0
  54. package/dist/utils/formatters/credit-card.js +80 -0
  55. package/dist/utils/formatters/email.d.ts +2 -0
  56. package/dist/utils/formatters/email.d.ts.map +1 -0
  57. package/dist/utils/formatters/email.js +8 -0
  58. package/dist/utils/formatters/index.d.ts +16 -0
  59. package/dist/utils/formatters/index.d.ts.map +1 -0
  60. package/dist/utils/formatters/index.js +200 -0
  61. package/dist/utils/formatters/name.d.ts +21 -0
  62. package/dist/utils/formatters/name.d.ts.map +1 -0
  63. package/dist/utils/formatters/name.js +46 -0
  64. package/dist/utils/formatters/number.d.ts +7 -0
  65. package/dist/utils/formatters/number.d.ts.map +1 -0
  66. package/dist/utils/formatters/number.js +18 -0
  67. package/dist/utils/formatters/passport.d.ts +25 -0
  68. package/dist/utils/formatters/passport.d.ts.map +1 -0
  69. package/dist/utils/formatters/passport.js +49 -0
  70. package/dist/utils/formatters/phone.d.ts +60 -0
  71. package/dist/utils/formatters/phone.d.ts.map +1 -0
  72. package/dist/utils/formatters/phone.js +209 -0
  73. package/dist/utils/formatters/price.d.ts +12 -0
  74. package/dist/utils/formatters/price.d.ts.map +1 -0
  75. package/dist/utils/formatters/price.js +28 -0
  76. package/dist/utils/formatters/rg.d.ts +13 -0
  77. package/dist/utils/formatters/rg.d.ts.map +1 -0
  78. package/dist/utils/formatters/rg.js +26 -0
  79. package/dist/utils/formatters/strings.d.ts +20 -0
  80. package/dist/utils/formatters/strings.d.ts.map +1 -0
  81. package/dist/utils/formatters/strings.js +42 -0
  82. package/package.json +10 -6
  83. package/dist/components/Alert/alert.test.d.ts +0 -2
  84. package/dist/components/Alert/alert.test.d.ts.map +0 -1
  85. package/dist/components/Alert/alert.test.js +0 -92
  86. package/dist/components/Avatar/avatar.test.d.ts +0 -2
  87. package/dist/components/Avatar/avatar.test.d.ts.map +0 -1
  88. package/dist/components/Avatar/avatar.test.js +0 -74
  89. package/dist/components/Badge/badge.test.d.ts +0 -2
  90. package/dist/components/Badge/badge.test.d.ts.map +0 -1
  91. package/dist/components/Badge/badge.test.js +0 -82
  92. package/dist/components/Button/Button.test.d.ts +0 -2
  93. package/dist/components/Button/Button.test.d.ts.map +0 -1
  94. package/dist/components/Button/Button.test.js +0 -172
  95. package/dist/components/Card/card.test.d.ts +0 -2
  96. package/dist/components/Card/card.test.d.ts.map +0 -1
  97. package/dist/components/Card/card.test.js +0 -37
  98. package/dist/components/CheckboxInput/checkbox-input.test.d.ts +0 -2
  99. package/dist/components/CheckboxInput/checkbox-input.test.d.ts.map +0 -1
  100. package/dist/components/CheckboxInput/checkbox-input.test.js +0 -194
  101. package/dist/components/CollapseCard/expand-button.test.d.ts +0 -2
  102. package/dist/components/CollapseCard/expand-button.test.d.ts.map +0 -1
  103. package/dist/components/CollapseCard/expand-button.test.js +0 -196
  104. package/dist/components/ColorPicker/colorpicker.test.d.ts +0 -2
  105. package/dist/components/ColorPicker/colorpicker.test.d.ts.map +0 -1
  106. package/dist/components/ColorPicker/colorpicker.test.js +0 -74
  107. package/dist/components/DateInput/dateInput.test.d.ts +0 -2
  108. package/dist/components/DateInput/dateInput.test.d.ts.map +0 -1
  109. package/dist/components/DateInput/dateInput.test.js +0 -52
  110. package/dist/components/DatePicker/datepicker.test.d.ts +0 -2
  111. package/dist/components/DatePicker/datepicker.test.d.ts.map +0 -1
  112. package/dist/components/DatePicker/datepicker.test.js +0 -138
  113. package/dist/components/Dialog/dialog.test.d.ts +0 -2
  114. package/dist/components/Dialog/dialog.test.d.ts.map +0 -1
  115. package/dist/components/Dialog/dialog.test.js +0 -81
  116. package/dist/components/Dropzone/dropzone.test.d.ts +0 -2
  117. package/dist/components/Dropzone/dropzone.test.d.ts.map +0 -1
  118. package/dist/components/Dropzone/dropzone.test.js +0 -79
  119. package/dist/components/Flex/flex.test.d.ts +0 -2
  120. package/dist/components/Flex/flex.test.d.ts.map +0 -1
  121. package/dist/components/Flex/flex.test.js +0 -355
  122. package/dist/components/Grid/grid.test.d.ts +0 -2
  123. package/dist/components/Grid/grid.test.d.ts.map +0 -1
  124. package/dist/components/Grid/grid.test.js +0 -140
  125. package/dist/components/Icon/icon.test.d.ts +0 -2
  126. package/dist/components/Icon/icon.test.d.ts.map +0 -1
  127. package/dist/components/Icon/icon.test.js +0 -70
  128. package/dist/components/IconItem/IconItem.test.d.ts +0 -2
  129. package/dist/components/IconItem/IconItem.test.d.ts.map +0 -1
  130. package/dist/components/IconItem/IconItem.test.js +0 -68
  131. package/dist/components/Illustration/illustration.test.d.ts +0 -2
  132. package/dist/components/Illustration/illustration.test.d.ts.map +0 -1
  133. package/dist/components/Illustration/illustration.test.js +0 -61
  134. package/dist/components/ImageItem/input.test.d.ts +0 -2
  135. package/dist/components/ImageItem/input.test.d.ts.map +0 -1
  136. package/dist/components/ImageItem/input.test.js +0 -101
  137. package/dist/components/Input/input.test.d.ts +0 -2
  138. package/dist/components/Input/input.test.d.ts.map +0 -1
  139. package/dist/components/Input/input.test.js +0 -144
  140. package/dist/components/Label/label.test.d.ts +0 -2
  141. package/dist/components/Label/label.test.d.ts.map +0 -1
  142. package/dist/components/Label/label.test.js +0 -105
  143. package/dist/components/List/list.test.d.ts +0 -2
  144. package/dist/components/List/list.test.d.ts.map +0 -1
  145. package/dist/components/List/list.test.js +0 -71
  146. package/dist/components/Modal/modal.test.d.ts +0 -2
  147. package/dist/components/Modal/modal.test.d.ts.map +0 -1
  148. package/dist/components/Modal/modal.test.js +0 -197
  149. package/dist/components/MultipleSelect/MultipleSelect.test.d.ts +0 -2
  150. package/dist/components/MultipleSelect/MultipleSelect.test.d.ts.map +0 -1
  151. package/dist/components/MultipleSelect/MultipleSelect.test.js +0 -447
  152. package/dist/components/Pagination/pagination.test.d.ts +0 -2
  153. package/dist/components/Pagination/pagination.test.d.ts.map +0 -1
  154. package/dist/components/Pagination/pagination.test.js +0 -152
  155. package/dist/components/Progress/progress.test.d.ts +0 -2
  156. package/dist/components/Progress/progress.test.d.ts.map +0 -1
  157. package/dist/components/Progress/progress.test.js +0 -126
  158. package/dist/components/RadioInput/radio-input.test.d.ts +0 -2
  159. package/dist/components/RadioInput/radio-input.test.d.ts.map +0 -1
  160. package/dist/components/RadioInput/radio-input.test.js +0 -208
  161. package/dist/components/Rating/rating.test.d.ts +0 -2
  162. package/dist/components/Rating/rating.test.d.ts.map +0 -1
  163. package/dist/components/Rating/rating.test.js +0 -79
  164. package/dist/components/ReactPortal/reactPortal.test.d.ts +0 -2
  165. package/dist/components/ReactPortal/reactPortal.test.d.ts.map +0 -1
  166. package/dist/components/ReactPortal/reactPortal.test.js +0 -26
  167. package/dist/components/Select/select.test.d.ts +0 -2
  168. package/dist/components/Select/select.test.d.ts.map +0 -1
  169. package/dist/components/Select/select.test.js +0 -67
  170. package/dist/components/Skeleton/skeleton.test.d.ts +0 -2
  171. package/dist/components/Skeleton/skeleton.test.d.ts.map +0 -1
  172. package/dist/components/Skeleton/skeleton.test.js +0 -106
  173. package/dist/components/Slider/slider.test.d.ts +0 -2
  174. package/dist/components/Slider/slider.test.d.ts.map +0 -1
  175. package/dist/components/Slider/slider.test.js +0 -134
  176. package/dist/components/Spinner/spinner.test.d.ts +0 -2
  177. package/dist/components/Spinner/spinner.test.d.ts.map +0 -1
  178. package/dist/components/Spinner/spinner.test.js +0 -55
  179. package/dist/components/Steps/steps.test.d.ts +0 -2
  180. package/dist/components/Steps/steps.test.d.ts.map +0 -1
  181. package/dist/components/Steps/steps.test.js +0 -63
  182. package/dist/components/Switch/switch.test.d.ts +0 -2
  183. package/dist/components/Switch/switch.test.d.ts.map +0 -1
  184. package/dist/components/Switch/switch.test.js +0 -253
  185. package/dist/components/Table/table.test.d.ts +0 -2
  186. package/dist/components/Table/table.test.d.ts.map +0 -1
  187. package/dist/components/Table/table.test.js +0 -130
  188. package/dist/components/Tabs/tabs.test.d.ts +0 -2
  189. package/dist/components/Tabs/tabs.test.d.ts.map +0 -1
  190. package/dist/components/Tabs/tabs.test.js +0 -159
  191. package/dist/components/Tag/tag.test.d.ts +0 -2
  192. package/dist/components/Tag/tag.test.d.ts.map +0 -1
  193. package/dist/components/Tag/tag.test.js +0 -78
  194. package/dist/components/TextAreaInput/text-area-input.test.d.ts +0 -2
  195. package/dist/components/TextAreaInput/text-area-input.test.d.ts.map +0 -1
  196. package/dist/components/TextAreaInput/text-area-input.test.js +0 -96
  197. package/dist/components/Thumbnail/thumbnail.test.d.ts +0 -2
  198. package/dist/components/Thumbnail/thumbnail.test.d.ts.map +0 -1
  199. package/dist/components/Thumbnail/thumbnail.test.js +0 -82
  200. package/dist/components/Timeline/timeline.test.d.ts +0 -2
  201. package/dist/components/Timeline/timeline.test.d.ts.map +0 -1
  202. package/dist/components/Timeline/timeline.test.js +0 -152
  203. package/dist/components/Toast/toast.test.d.ts +0 -2
  204. package/dist/components/Toast/toast.test.d.ts.map +0 -1
  205. package/dist/components/Toast/toast.test.js +0 -139
  206. package/dist/components/Typography/typography.test.d.ts +0 -2
  207. package/dist/components/Typography/typography.test.d.ts.map +0 -1
  208. package/dist/components/Typography/typography.test.js +0 -325
  209. package/dist/shared/theme/theme.test.d.ts +0 -2
  210. package/dist/shared/theme/theme.test.d.ts.map +0 -1
  211. package/dist/shared/theme/theme.test.js +0 -115
@@ -1,2 +0,0 @@
1
- import '@testing-library/jest-dom';
2
- //# sourceMappingURL=dialog.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dialog.test.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/dialog.test.tsx"],"names":[],"mappings":"AAGA,OAAO,2BAA2B,CAAC"}
@@ -1,81 +0,0 @@
1
- "use strict";
2
-
3
- var _testUtils = require("../../shared/tests/test-utils");
4
-
5
- var _react = require("@testing-library/react");
6
-
7
- require("@testing-library/jest-dom");
8
-
9
- var _ThemeContext = require("../../shared/theme/contexts/ThemeContext");
10
-
11
- var _ = require(".");
12
-
13
- var _jsxRuntime = require("react/jsx-runtime");
14
-
15
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
16
-
17
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
18
-
19
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
20
-
21
- var setup = function setup(props) {
22
- var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThemeContext.PPUIThemeProvider, {
23
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Dialog, _objectSpread({}, props))
24
- }));
25
- return _objectSpread({}, utils);
26
- };
27
-
28
- describe('Dialog', function () {
29
- it('should render the dialog component', function () {
30
- var _setup = setup({
31
- open: true,
32
- title: 'Title',
33
- message: 'test',
34
- onClose: function onClose() {}
35
- }),
36
- container = _setup.container;
37
-
38
- expect(container).toBeInTheDocument();
39
- });
40
- it('should call the close callback in the dialog component', function () {
41
- var onClose = jest.fn();
42
-
43
- var _setup2 = setup({
44
- open: true,
45
- title: 'Title',
46
- message: 'test',
47
- onClose: onClose,
48
- closeButton: true
49
- }),
50
- container = _setup2.container;
51
-
52
- var closeButton = container.querySelector('.ppui-dialog__close-button');
53
- expect(closeButton).toBeInTheDocument();
54
-
55
- _react.fireEvent.click(closeButton);
56
- });
57
- it('should render the dialog component with the correct title', function () {
58
- var _setup3 = setup({
59
- open: true,
60
- title: 'Title',
61
- message: 'test',
62
- onClose: function onClose() {}
63
- }),
64
- getByText = _setup3.getByText;
65
-
66
- expect(getByText('Title')).toBeInTheDocument();
67
- });
68
- it('should render the dialog component with different icon', function () {
69
- var _setup4 = setup({
70
- open: true,
71
- title: 'Title',
72
- message: 'test',
73
- onClose: function onClose() {},
74
- illustration: 'illust-banking-billet'
75
- }),
76
- container = _setup4.container;
77
-
78
- var main = container.querySelector('[name="illust-gift"]');
79
- expect(main).toBeInTheDocument();
80
- });
81
- });
@@ -1,2 +0,0 @@
1
- import '@testing-library/jest-dom';
2
- //# sourceMappingURL=dropzone.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"dropzone.test.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/dropzone.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
@@ -1,79 +0,0 @@
1
- "use strict";
2
-
3
- var _testUtils = require("../../shared/tests/test-utils");
4
-
5
- require("@testing-library/jest-dom");
6
-
7
- var _ = _interopRequireDefault(require("."));
8
-
9
- var _jsxRuntime = require("react/jsx-runtime");
10
-
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
-
13
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
-
15
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
16
-
17
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
18
-
19
- var setup = function setup(props) {
20
- var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread({}, props)));
21
- return utils;
22
- };
23
-
24
- describe('Dropzone', function () {
25
- beforeAll(function () {
26
- window.URL.createObjectURL = jest.fn();
27
- });
28
- it('should it render the dropzone correctly', function () {
29
- var _setup = setup({
30
- onChange: jest.fn(),
31
- onDropAccepted: jest.fn(),
32
- onDropRejected: jest.fn(),
33
- onDragEnter: jest.fn(),
34
- onDragLeave: jest.fn()
35
- }),
36
- container = _setup.container;
37
-
38
- expect(container).toBeInTheDocument();
39
- });
40
- it('shoud it render the dropzone with multiple prop', function () {
41
- var _setup2 = setup({
42
- onChange: jest.fn(),
43
- onDropAccepted: jest.fn(),
44
- onDropRejected: jest.fn(),
45
- onDragEnter: jest.fn(),
46
- onDragLeave: jest.fn(),
47
- multiple: true
48
- }),
49
- container = _setup2.container;
50
-
51
- expect(container).toBeInTheDocument();
52
- });
53
- it('should it render the dropzone with accept prop', function () {
54
- var _setup3 = setup({
55
- onChange: jest.fn(),
56
- onDropAccepted: jest.fn(),
57
- onDropRejected: jest.fn(),
58
- onDragEnter: jest.fn(),
59
- onDragLeave: jest.fn(),
60
- accept: 'image/*'
61
- }),
62
- container = _setup3.container;
63
-
64
- expect(container).toBeInTheDocument();
65
- });
66
- it('should it render the dropzone with disabled prop', function () {
67
- var _setup4 = setup({
68
- onChange: jest.fn(),
69
- onDropAccepted: jest.fn(),
70
- onDropRejected: jest.fn(),
71
- onDragEnter: jest.fn(),
72
- onDragLeave: jest.fn(),
73
- disabled: true
74
- }),
75
- container = _setup4.container;
76
-
77
- expect(container).toBeInTheDocument();
78
- });
79
- });
@@ -1,2 +0,0 @@
1
- import '@testing-library/jest-dom';
2
- //# sourceMappingURL=flex.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"flex.test.d.ts","sourceRoot":"","sources":["../../../src/components/Flex/flex.test.tsx"],"names":[],"mappings":"AAIA,OAAO,2BAA2B,CAAC"}
@@ -1,355 +0,0 @@
1
- "use strict";
2
-
3
- var _testUtils = require("../../shared/tests/test-utils");
4
-
5
- require("@testing-library/jest-dom");
6
-
7
- var _ = _interopRequireDefault(require("."));
8
-
9
- var _jsxRuntime = require("react/jsx-runtime");
10
-
11
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
-
13
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
14
-
15
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
16
-
17
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
18
-
19
- var setup = function setup(props, children) {
20
- var utils = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, _objectSpread(_objectSpread({}, props), {}, {
21
- children: children
22
- })));
23
- return utils;
24
- };
25
-
26
- describe('Flex', function () {
27
- it('should it render the flex component', function () {
28
- var _setup = setup({
29
- direction: 'row'
30
- }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
31
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
32
- children: "1"
33
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
34
- children: "2"
35
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
36
- children: "3"
37
- })]
38
- })),
39
- container = _setup.container;
40
-
41
- expect(container).toBeInTheDocument();
42
- });
43
- it('should it render the flex component with breakpoints on direction prop', function () {
44
- var _setup2 = setup({
45
- direction: {
46
- base: 'column',
47
- sm: 'row',
48
- md: 'row-reverse',
49
- lg: 'column-reverse'
50
- }
51
- }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
52
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
53
- children: "1"
54
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
55
- children: "2"
56
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
57
- children: "3"
58
- })]
59
- })),
60
- container = _setup2.container;
61
-
62
- expect(container).toBeInTheDocument();
63
- });
64
- it('should it render the flex component with breakpoints on alignItems prop', function () {
65
- var _setup3 = setup({
66
- alignItems: {
67
- base: 'baseline',
68
- sm: 'center',
69
- md: 'flex-end',
70
- lg: 'flex-start'
71
- }
72
- }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
73
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
74
- children: "1"
75
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
76
- children: "2"
77
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
78
- children: "3"
79
- })]
80
- })),
81
- container = _setup3.container;
82
-
83
- expect(container).toBeInTheDocument();
84
- });
85
- it('should it render the flex component with breakpoints on justifyContent prop', function () {
86
- var _setup4 = setup({
87
- justifyContent: {
88
- base: 'space-between',
89
- sm: 'center',
90
- md: 'flex-end',
91
- lg: 'flex-start'
92
- }
93
- }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
94
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
95
- children: "1"
96
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
97
- children: "2"
98
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
99
- children: "3"
100
- })]
101
- })),
102
- container = _setup4.container;
103
-
104
- expect(container).toBeInTheDocument();
105
- });
106
- it('should it render the flex component with breakpoints on alignContent prop', function () {
107
- var _setup5 = setup({
108
- alignContent: {
109
- base: 'space-between',
110
- sm: 'center',
111
- md: 'flex-end',
112
- lg: 'flex-start'
113
- }
114
- }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
115
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
116
- children: "1"
117
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
118
- children: "2"
119
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
120
- children: "3"
121
- })]
122
- })),
123
- container = _setup5.container;
124
-
125
- expect(container).toBeInTheDocument();
126
- });
127
- it('should it render the flex component with breakpoints on alignSelf prop', function () {
128
- var _setup6 = setup({
129
- alignSelf: {
130
- base: 'baseline',
131
- sm: 'center',
132
- md: 'flex-end',
133
- lg: 'flex-start'
134
- }
135
- }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
136
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
137
- children: "1"
138
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
139
- children: "2"
140
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
141
- children: "3"
142
- })]
143
- })),
144
- container = _setup6.container;
145
-
146
- expect(container).toBeInTheDocument();
147
- });
148
- it('should it render the flex component with breakpoints on justifySelf prop', function () {
149
- var _setup7 = setup({
150
- justifySelf: {
151
- base: 'baseline',
152
- sm: 'center',
153
- md: 'flex-end',
154
- lg: 'flex-start'
155
- }
156
- }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
157
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
158
- children: "1"
159
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
160
- children: "2"
161
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
162
- children: "3"
163
- })]
164
- })),
165
- container = _setup7.container;
166
-
167
- expect(container).toBeInTheDocument();
168
- });
169
- it('should it render the flex component with breakpoints on spacing prop', function () {
170
- var _setup8 = setup({
171
- spacing: {
172
- base: 4,
173
- sm: 8,
174
- md: 12,
175
- lg: 20
176
- }
177
- }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
178
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
179
- children: "1"
180
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
181
- children: "2"
182
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
183
- children: "3"
184
- })]
185
- })),
186
- container = _setup8.container;
187
-
188
- expect(container).toBeInTheDocument();
189
- });
190
- it('should it render the flex component with breakpoints on wrap prop', function () {
191
- var _setup9 = setup({
192
- wrap: {
193
- base: 'wrap',
194
- sm: 'wrap-reverse',
195
- md: 'nowrap',
196
- lg: 'wrap'
197
- }
198
- }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
199
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
200
- children: "1"
201
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
202
- children: "2"
203
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
204
- children: "3"
205
- })]
206
- })),
207
- container = _setup9.container;
208
-
209
- expect(container).toBeInTheDocument();
210
- });
211
- it('should it render the flex component with breakpoints on grow prop', function () {
212
- var _setup10 = setup({
213
- grow: {
214
- base: '1',
215
- sm: '2',
216
- md: '3',
217
- lg: '4'
218
- }
219
- }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
220
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
221
- children: "1"
222
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
223
- children: "2"
224
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
225
- children: "3"
226
- })]
227
- })),
228
- container = _setup10.container;
229
-
230
- expect(container).toBeInTheDocument();
231
- });
232
- it('should it render the flex component with breakpoints on shrink prop', function () {
233
- var _setup11 = setup({
234
- shrink: {
235
- base: '1',
236
- sm: '2',
237
- md: '3',
238
- lg: '4'
239
- }
240
- }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
241
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
242
- children: "1"
243
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
244
- children: "2"
245
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
246
- children: "3"
247
- })]
248
- })),
249
- container = _setup11.container;
250
-
251
- expect(container).toBeInTheDocument();
252
- });
253
- it('should it render the flex component with breakpoints on basis prop', function () {
254
- var _setup12 = setup({
255
- basis: {
256
- base: '100%',
257
- sm: '100%',
258
- md: '50%',
259
- lg: '25%'
260
- }
261
- }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
262
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
263
- children: "1"
264
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
265
- children: "2"
266
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
267
- children: "3"
268
- })]
269
- })),
270
- container = _setup12.container;
271
-
272
- expect(container).toBeInTheDocument();
273
- });
274
- it('should it render the flex component with breakpoints on all props', function () {
275
- var _setup13 = setup({
276
- direction: {
277
- base: 'column',
278
- sm: 'row',
279
- md: 'row-reverse',
280
- lg: 'column-reverse'
281
- },
282
- alignItems: {
283
- base: 'baseline',
284
- sm: 'center',
285
- md: 'flex-end',
286
- lg: 'flex-start'
287
- },
288
- justifyContent: {
289
- base: 'space-between',
290
- sm: 'center',
291
- md: 'flex-end',
292
- lg: 'flex-start'
293
- },
294
- alignContent: {
295
- base: 'space-between',
296
- sm: 'center',
297
- md: 'flex-end',
298
- lg: 'flex-start'
299
- },
300
- alignSelf: {
301
- base: 'baseline',
302
- sm: 'center',
303
- md: 'flex-end',
304
- lg: 'flex-start'
305
- },
306
- justifySelf: {
307
- base: 'baseline',
308
- sm: 'center',
309
- md: 'flex-end',
310
- lg: 'flex-start'
311
- },
312
- spacing: {
313
- base: 4,
314
- sm: 8,
315
- md: 12,
316
- lg: 20
317
- },
318
- wrap: {
319
- base: 'wrap',
320
- sm: 'wrap-reverse',
321
- md: 'nowrap',
322
- lg: 'wrap'
323
- },
324
- grow: {
325
- base: '1',
326
- sm: '2',
327
- md: '3',
328
- lg: '4'
329
- },
330
- shrink: {
331
- base: '1',
332
- sm: '2',
333
- md: '3',
334
- lg: '4'
335
- },
336
- basis: {
337
- base: '100%',
338
- sm: '100%',
339
- md: '50%',
340
- lg: '25%'
341
- }
342
- }, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
343
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
344
- children: "1"
345
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
346
- children: "2"
347
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
348
- children: "3"
349
- })]
350
- })),
351
- container = _setup13.container;
352
-
353
- expect(container).toBeInTheDocument();
354
- });
355
- });
@@ -1,2 +0,0 @@
1
- import '@testing-library/jest-dom';
2
- //# sourceMappingURL=grid.test.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"grid.test.d.ts","sourceRoot":"","sources":["../../../src/components/Grid/grid.test.tsx"],"names":[],"mappings":"AAGA,OAAO,2BAA2B,CAAC"}
@@ -1,140 +0,0 @@
1
- "use strict";
2
-
3
- var _testUtils = require("../../shared/tests/test-utils");
4
-
5
- var _react = require("@testing-library/react");
6
-
7
- require("@testing-library/jest-dom");
8
-
9
- var _ = _interopRequireDefault(require("."));
10
-
11
- var _jsxRuntime = require("react/jsx-runtime");
12
-
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
-
15
- describe('Grid', function () {
16
- it('should render the grid container', function () {
17
- (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
18
- container: true,
19
- "data-testid": "grid-container"
20
- }));
21
- expect(_react.screen.getByTestId('grid-container')).toBeInTheDocument();
22
- });
23
- it('should render grid container with item element', function () {
24
- (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
25
- container: true,
26
- "data-testid": "grid-container",
27
- children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
28
- item: true,
29
- "data-testid": "grid-item"
30
- })
31
- }));
32
- expect(_react.screen.getByTestId('grid-item')).toBeInTheDocument();
33
- });
34
- it('should render grid container with multiple items', function () {
35
- (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
36
- container: true,
37
- templateColumns: "repeat(12, 1fr)",
38
- "data-testid": "grid-container",
39
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
40
- item: true,
41
- "data-testid": "grid-item-1"
42
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
43
- item: true,
44
- "data-testid": "grid-item-2"
45
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
46
- item: true,
47
- "data-testid": "grid-item-3"
48
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
49
- item: true,
50
- "data-testid": "grid-item-4"
51
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
52
- item: true,
53
- "data-testid": "grid-item-5"
54
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
55
- item: true,
56
- "data-testid": "grid-item-6"
57
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
58
- item: true,
59
- "data-testid": "grid-item-7"
60
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
61
- item: true,
62
- "data-testid": "grid-item-8"
63
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
64
- item: true,
65
- "data-testid": "grid-item-9"
66
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
67
- item: true,
68
- "data-testid": "grid-item-10"
69
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
70
- item: true,
71
- "data-testid": "grid-item-11"
72
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
73
- item: true,
74
- "data-testid": "grid-item-12"
75
- })]
76
- }));
77
- expect(_react.screen.getByTestId('grid-item-1')).toBeInTheDocument();
78
- expect(_react.screen.getByTestId('grid-item-2')).toBeInTheDocument();
79
- expect(_react.screen.getByTestId('grid-item-3')).toBeInTheDocument();
80
- expect(_react.screen.getByTestId('grid-item-4')).toBeInTheDocument();
81
- expect(_react.screen.getByTestId('grid-item-5')).toBeInTheDocument();
82
- expect(_react.screen.getByTestId('grid-item-6')).toBeInTheDocument();
83
- expect(_react.screen.getByTestId('grid-item-7')).toBeInTheDocument();
84
- expect(_react.screen.getByTestId('grid-item-8')).toBeInTheDocument();
85
- expect(_react.screen.getByTestId('grid-item-9')).toBeInTheDocument();
86
- expect(_react.screen.getByTestId('grid-item-10')).toBeInTheDocument();
87
- expect(_react.screen.getByTestId('grid-item-11')).toBeInTheDocument();
88
- expect(_react.screen.getByTestId('grid-item-12')).toBeInTheDocument();
89
- });
90
- it('should render grid container with multiply elements of different sizes', function () {
91
- (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.default, {
92
- container: true,
93
- gridGap: 6,
94
- "data-testid": "grid-container",
95
- templateColumns: "repeat(12, 1fr)",
96
- templateRows: "repeat(2, 1fr)",
97
- style: {
98
- height: '200px'
99
- },
100
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
101
- item: true,
102
- rowSpan: 2,
103
- colSpan: 2,
104
- "data-testid": "grid-item-xs-2",
105
- style: {
106
- background: '#000'
107
- }
108
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
109
- item: true,
110
- rowSpan: 2,
111
- colSpan: 4,
112
- "data-testid": "grid-item-xs-4",
113
- style: {
114
- background: '#000'
115
- }
116
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
117
- item: true,
118
- rowSpan: 2,
119
- colSpan: 6,
120
- "data-testid": "grid-item-xs-6",
121
- style: {
122
- background: '#000'
123
- }
124
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.default, {
125
- item: true,
126
- rowSpan: 2,
127
- colSpan: 10,
128
- "data-testid": "grid-item-xs-10",
129
- style: {
130
- background: '#000'
131
- }
132
- })]
133
- }));
134
- expect(_react.screen.getByTestId('grid-container')).toBeInTheDocument();
135
- expect(_react.screen.getByTestId('grid-item-xs-2')).toBeInTheDocument();
136
- expect(_react.screen.getByTestId('grid-item-xs-4')).toBeInTheDocument();
137
- expect(_react.screen.getByTestId('grid-item-xs-6')).toBeInTheDocument();
138
- expect(_react.screen.getByTestId('grid-item-xs-10')).toBeInTheDocument();
139
- });
140
- });
@@ -1,2 +0,0 @@
1
- import '@testing-library/jest-dom';
2
- //# sourceMappingURL=icon.test.d.ts.map