@occmundial/occ-atomic 3.0.0-beta.6 → 3.0.0-beta.60

Sign up to get free protection for your applications and to get access to all the features.
Files changed (135) hide show
  1. package/CHANGELOG.md +476 -0
  2. package/build/Avatar/Avatar.js +69 -21
  3. package/build/Avatar/Avatar.test.js +15 -8
  4. package/build/Avatar/AvatarContent/AvatarContent.js +61 -21
  5. package/build/Avatar/AvatarContent/AvatarContent.test.js +4 -18
  6. package/build/Avatar/AvatarContent/__snapshots__/AvatarContent.test.js.snap +75 -15
  7. package/build/Avatar/AvatarContent/styles.js +88 -21
  8. package/build/Avatar/__snapshots__/Avatar.test.js.snap +11 -2
  9. package/build/Avatar/styles.js +18 -7
  10. package/build/Banner/Banner.js +30 -40
  11. package/build/Banner/Banner.test.js +64 -17
  12. package/build/Banner/__snapshots__/Banner.test.js.snap +0 -28
  13. package/build/Banner/index.js +1 -6
  14. package/build/Button/Button.js +1 -1
  15. package/build/Button/Button.test.js +0 -11
  16. package/build/Button/__snapshots__/Button.test.js.snap +54 -58
  17. package/build/Button/styles.js +42 -75
  18. package/build/Checkbox/Checkbox.js +48 -3
  19. package/build/Checkbox/__snapshots__/Checkbox.test.js.snap +81 -49
  20. package/build/Checkbox/styles.js +91 -48
  21. package/build/Fab/__snapshots__/Fab.test.js.snap +2 -2
  22. package/build/Footer/Footer.js +81 -87
  23. package/build/Footer/List/List.js +89 -124
  24. package/build/Footer/List/styles.js +85 -31
  25. package/build/Footer/__snapshots__/Footer.test.js.snap +109 -59
  26. package/build/Footer/styles.js +116 -51
  27. package/build/Grid/Col/__snapshots__/Col.test.js.snap +16 -2
  28. package/build/Grid/Col/styles.js +12 -6
  29. package/build/Grid/Row/__snapshots__/Row.test.js.snap +18 -2
  30. package/build/Grid/Row/styles.js +15 -5
  31. package/build/Grid/styles.js +26 -9
  32. package/build/Menu/Menu.js +111 -0
  33. package/build/Menu/index.js +34 -0
  34. package/build/Menu/styles.js +28 -0
  35. package/build/Modal/Modal.js +94 -66
  36. package/build/Modal/Modal.test.js +14 -7
  37. package/build/Modal/__snapshots__/Modal.test.js.snap +155 -100
  38. package/build/Modal/styles.js +165 -143
  39. package/build/OrderBy/OrderBy.js +2 -1
  40. package/build/Pager/Page/Page.js +11 -6
  41. package/build/Pager/Page/Page.test.js +13 -9
  42. package/build/Pager/Page/__snapshots__/Page.test.js.snap +34 -10
  43. package/build/Pager/Page/styles.js +48 -14
  44. package/build/Pager/Pager.js +144 -235
  45. package/build/Pager/Pager.test.js +81 -36
  46. package/build/Pager/__snapshots__/Pager.test.js.snap +3 -36
  47. package/build/Pager/styles.js +5 -40
  48. package/build/Pill/Choice/Choice.js +6 -4
  49. package/build/Pill/Choice/styles.js +13 -10
  50. package/build/Pill/Group/styles.js +5 -5
  51. package/build/Pill/Stack/Stack.js +2 -2
  52. package/build/Pill/Stack/styles.js +5 -8
  53. package/build/Placeholder/Placeholder.js +29 -12
  54. package/build/Placeholder/Placeholder.test.js +4 -4
  55. package/build/Placeholder/__snapshots__/Placeholder.test.js.snap +81 -38
  56. package/build/Placeholder/styles.js +86 -42
  57. package/build/Provider/usePrevious.js +1 -1
  58. package/build/Radio/Radio.js +42 -6
  59. package/build/Radio/__snapshots__/Radio.test.js.snap +81 -80
  60. package/build/Radio/styles.js +93 -85
  61. package/build/SlideDown/SlideDown.js +162 -169
  62. package/build/SlideDown/SlideDown.test.js +49 -44
  63. package/build/SlideDown/__snapshots__/SlideDown.test.js.snap +44 -15
  64. package/build/SlideDown/styles.js +51 -20
  65. package/build/SlideToggle/SlideToggle.js +38 -6
  66. package/build/SlideToggle/SlideToggle.test.js +2 -2
  67. package/build/SlideToggle/__snapshots__/SlideToggle.test.js.snap +52 -37
  68. package/build/SlideToggle/styles.js +64 -45
  69. package/build/Tabs/Tab/Tab.js +73 -0
  70. package/build/Tabs/Tab/index.js +34 -0
  71. package/build/Tabs/Tab/index.test.js +132 -0
  72. package/build/Tabs/Tab/styles.js +74 -0
  73. package/build/Tabs/TabContent/TabContent.js +76 -0
  74. package/build/Tabs/TabContent/index.js +34 -0
  75. package/build/Tabs/TabContent/index.test.js +68 -0
  76. package/build/Tabs/TabContent/styles.js +23 -0
  77. package/build/Tabs/TabIndicator/TabIndicator.js +158 -0
  78. package/build/Tabs/TabIndicator/index.js +34 -0
  79. package/build/Tabs/TabIndicator/styles.js +24 -0
  80. package/build/Tabs/TabList/TabList.js +108 -0
  81. package/build/Tabs/TabList/index.js +34 -0
  82. package/build/{Pager/Break → Tabs/TabList}/styles.js +3 -2
  83. package/build/Tabs/Tabs.js +74 -0
  84. package/build/Tabs/context.js +94 -0
  85. package/build/Tabs/index.js +34 -0
  86. package/build/Tabs/index.test.js +157 -0
  87. package/build/Tabs/styles.js +19 -0
  88. package/build/Tag/Tag.js +2 -2
  89. package/build/Tag/__snapshots__/Tag.test.js.snap +40 -43
  90. package/build/Tag/styles.js +76 -82
  91. package/build/Text/Text.js +2 -1
  92. package/build/TextField/TextField.js +7 -6
  93. package/build/TextField/__snapshots__/TextField.test.js.snap +3 -0
  94. package/build/TextField/styles.js +3 -0
  95. package/build/Tip/Tip.js +62 -95
  96. package/build/Tip/Tip.test.js +29 -6
  97. package/build/Tip/TipText/index.js +32 -0
  98. package/build/Tip/__snapshots__/Tip.test.js.snap +127 -15
  99. package/build/Tip/styles.js +125 -31
  100. package/build/Toaster/Toast/Toast.js +76 -64
  101. package/build/Toaster/Toast/styles.js +118 -46
  102. package/build/Toaster/Toaster.js +3 -2
  103. package/build/Toaster/Toaster.test.js +5 -2
  104. package/build/Toaster/__snapshots__/Toaster.test.js.snap +1 -1
  105. package/build/Toaster/functions.js +4 -0
  106. package/build/Toaster/styles.js +3 -3
  107. package/build/Tooltip/Tooltip.js +73 -22
  108. package/build/Tooltip/__snapshots__/Tooltip.test.js.snap +22 -6
  109. package/build/Tooltip/styles.js +32 -10
  110. package/build/index.js +18 -16
  111. package/build/plugin/babel.js +0 -2
  112. package/build/subatomic/grid.js +5 -5
  113. package/build/tokens/colors.json +35 -3
  114. package/package.json +5 -2
  115. package/build/Banner/styles.js +0 -41
  116. package/build/Header/Header.js +0 -163
  117. package/build/Header/Header.test.js +0 -118
  118. package/build/Header/Menu/Menu.js +0 -135
  119. package/build/Header/Menu/Menu.test.js +0 -107
  120. package/build/Header/Menu/__snapshots__/Menu.test.js.snap +0 -113
  121. package/build/Header/Menu/index.js +0 -18
  122. package/build/Header/Menu/styles.js +0 -123
  123. package/build/Header/Nav/Nav.js +0 -95
  124. package/build/Header/Nav/Nav.test.js +0 -81
  125. package/build/Header/Nav/__snapshots__/Nav.test.js.snap +0 -101
  126. package/build/Header/Nav/index.js +0 -18
  127. package/build/Header/Nav/styles.js +0 -110
  128. package/build/Header/__snapshots__/Header.test.js.snap +0 -79
  129. package/build/Header/index.js +0 -18
  130. package/build/Header/styles.js +0 -94
  131. package/build/Pager/Break/Break.js +0 -27
  132. package/build/Pager/Break/Break.test.js +0 -53
  133. package/build/Pager/Break/__snapshots__/Break.test.js.snap +0 -13
  134. package/build/Pager/Break/index.js +0 -18
  135. /package/build/Button/{Loading.js → Loading/index.js} +0 -0
@@ -1,101 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Nav matches the snapshot 1`] = `ShallowWrapper {}`;
4
-
5
- exports[`Nav styles matches the snapshot 1`] = `
6
- Object {
7
- "@media (max-width: 767px)": Object {
8
- "activeItem": Object {
9
- "& $icon": Object {
10
- "marginBottom": "14px",
11
- },
12
- "& $listAnchor": Object {
13
- "display": "none",
14
- },
15
- "&:after": Object {
16
- "background": "#06f7fa",
17
- "borderRadius": "50%",
18
- "bottom": "0",
19
- "content": "\\"\\"",
20
- "display": "block",
21
- "height": "4px",
22
- "left": "50%",
23
- "marginBottom": "8px",
24
- "position": "absolute",
25
- "transform": "translateX(-50%)",
26
- "width": "4px",
27
- },
28
- },
29
- "icon": Object {},
30
- "listAnchor": Object {},
31
- "listItem": Object {
32
- "&:last-child": Object {
33
- "marginRight": "0",
34
- },
35
- "margin": "0 25px 0 0",
36
- },
37
- "menu": Object {
38
- "clear": "both",
39
- "margin": "0",
40
- "textAlign": "center",
41
- },
42
- },
43
- "@media (min-width: 768px)": Object {
44
- "listItem": Object {
45
- "float": "left",
46
- },
47
- "menu": Object {
48
- "float": "left",
49
- },
50
- },
51
- "activeItem": Object {
52
- "& $icon, &:hover $icon": Object {
53
- "filter": "brightness(1)",
54
- },
55
- "& $listAnchor, &:hover $listAnchor": Object {
56
- "color": "#ffffff",
57
- },
58
- },
59
- "icon": Object {
60
- "backgroundPosition": "center center",
61
- "backgroundRepeat": "no-repeat",
62
- },
63
- "listAnchor": Object {
64
- "color": "#104791",
65
- "display": "block",
66
- "lineHeight": "20px",
67
- "marginBottom": "2px",
68
- "marginTop": "-4px",
69
- "padding": "0",
70
- "position": "relative",
71
- "textAlign": "center",
72
- "textDecoration": "none !important",
73
- "transition": "0.3s all",
74
- },
75
- "listItem": Object {
76
- "&:hover $icon": Object {
77
- "filter": "brightness(0.8)",
78
- },
79
- "&:hover $listAnchor": Object {
80
- "color": "#224099",
81
- },
82
- "cursor": "pointer",
83
- "display": "inline-block",
84
- "fontSize": "12px",
85
- "margin": "7px 30px 0 0",
86
- "padding": "5px 0 0 0",
87
- "position": "relative",
88
- "textAlign": "center",
89
- "width": "auto",
90
- },
91
- "menu": Object {
92
- "background": "#1476fb",
93
- "listStyle": "none",
94
- "margin": "0 10px",
95
- "paddingLeft": "0",
96
- "textAlign": "center",
97
- },
98
- }
99
- `;
100
-
101
- exports[`NavJSS matches the snapshot 1`] = `ShallowWrapper {}`;
@@ -1,18 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _reactJss = _interopRequireDefault(require("react-jss"));
9
-
10
- var _Nav = _interopRequireDefault(require("./Nav"));
11
-
12
- var _styles = _interopRequireDefault(require("./styles"));
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
-
16
- var _default = (0, _reactJss["default"])(_styles["default"])(_Nav["default"]);
17
-
18
- exports["default"] = _default;
@@ -1,110 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _colors = _interopRequireDefault(require("../../subatomic/colors"));
9
-
10
- var _grid = _interopRequireDefault(require("../../subatomic/grid"));
11
-
12
- var _menu$listItem$icon$a;
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
-
16
- 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; }
17
-
18
- var _default = (_menu$listItem$icon$a = {
19
- menu: {
20
- background: _colors["default"].blue,
21
- margin: '0 10px',
22
- paddingLeft: '0',
23
- listStyle: 'none',
24
- textAlign: 'center'
25
- },
26
- listItem: {
27
- width: 'auto',
28
- margin: '7px 30px 0 0',
29
- textAlign: 'center',
30
- padding: '5px 0 0 0',
31
- display: 'inline-block',
32
- fontSize: '12px',
33
- cursor: 'pointer',
34
- position: 'relative',
35
- '&:hover $icon': {
36
- filter: 'brightness(0.8)'
37
- },
38
- '&:hover $listAnchor': {
39
- color: _colors["default"].darkBlueH
40
- }
41
- },
42
- icon: {
43
- backgroundRepeat: 'no-repeat',
44
- backgroundPosition: 'center center'
45
- },
46
- activeItem: {
47
- '& $icon, &:hover $icon': {
48
- filter: 'brightness(1)'
49
- },
50
- '& $listAnchor, &:hover $listAnchor': {
51
- color: _colors["default"].white
52
- }
53
- },
54
- listAnchor: {
55
- padding: '0',
56
- marginTop: '-4px',
57
- marginBottom: '2px',
58
- textAlign: 'center',
59
- lineHeight: '20px',
60
- color: _colors["default"].darkBlue,
61
- textDecoration: 'none !important',
62
- position: 'relative',
63
- display: 'block',
64
- transition: '0.3s all'
65
- }
66
- }, _defineProperty(_menu$listItem$icon$a, "@media (min-width: ".concat(_grid["default"].sm, "px)"), {
67
- menu: {
68
- "float": 'left'
69
- },
70
- listItem: {
71
- "float": 'left'
72
- }
73
- }), _defineProperty(_menu$listItem$icon$a, "@media (max-width: ".concat(_grid["default"].sm - 1, "px)"), {
74
- menu: {
75
- clear: 'both',
76
- textAlign: 'center',
77
- margin: '0'
78
- },
79
- listItem: {
80
- margin: '0 25px 0 0',
81
- '&:last-child': {
82
- marginRight: '0'
83
- }
84
- },
85
- activeItem: {
86
- '&:after': {
87
- content: '""',
88
- width: '4px',
89
- height: '4px',
90
- display: 'block',
91
- borderRadius: '50%',
92
- background: _colors["default"].cyan,
93
- position: 'absolute',
94
- bottom: '0',
95
- left: '50%',
96
- marginBottom: '8px',
97
- transform: 'translateX(-50%)'
98
- },
99
- '& $listAnchor': {
100
- display: 'none'
101
- },
102
- '& $icon': {
103
- marginBottom: '14px'
104
- }
105
- },
106
- listAnchor: {},
107
- icon: {}
108
- }), _menu$listItem$icon$a);
109
-
110
- exports["default"] = _default;
@@ -1,79 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Header matches the snapshot 1`] = `ShallowWrapper {}`;
4
-
5
- exports[`Header styles matches the snapshot 1`] = `
6
- Object {
7
- "@media (max-width: 767px)": Object {
8
- "content": Object {
9
- "borderTop": "1px solid transparent",
10
- },
11
- "master": Object {
12
- "boxShadow": "none",
13
- "left": "0",
14
- "position": "fixed",
15
- "top": "0",
16
- "width": "100%",
17
- "zIndex": "10",
18
- },
19
- },
20
- "@media (min-width: 1200px)": Object {
21
- "master": Object {
22
- "padding": "0 45px 0 45px",
23
- },
24
- },
25
- "bubble": Object {
26
- "background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICAgICAJIHZpZXdCb3g9IjAgMCA1MCA0MS45IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MCA0MS45OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiNERkVERkYiIGQ9Ik0yNSwwQzExLjIsMCwwLDkuMSwwLDIwLjNjMCw0LDEuNSw3LjgsNCwxMC45YzAuMywwLjQsMSwxLDAuOCwxLjhjLTAuMSwwLjUtMi4zLDcuNi0yLjMsNy42CiAgICAgICAgICAgIAljLTAuMiwwLjYsMC4yLDEuMywxLDEuM2MwLjYsMCwxLTAuMiwxLTAuMnM3LjQtMyw3LjgtMy4yYzEtMC41LDIuNC0wLjEsMywwLjFjMywxLDYuMywxLjQsOS44LDEuNEMzOC45LDQwLDUwLDMxLjYsNTAsMjAuNAogICAgICAgICAgICAJQzUwLDkuMSwzOC44LDAsMjUsMHoiLz4KICAgICAgICAgICAgPC9zdmc+)",
27
- "display": "block",
28
- "height": "25px",
29
- "width": "25px",
30
- },
31
- "content": Object {
32
- "borderBottom": "1px solid transparent",
33
- "boxShadow": "0px 0px 0px 0px rgba(0, 0, 0, 0.75)",
34
- },
35
- "master": Object {
36
- "backgroundColor": "#1476fb",
37
- "boxShadow": "0 6px 5px -3px rgba(0,0,0,0.12), 0 6px 18px 0 rgba(0,29,124,0.08)",
38
- "minHeight": "60px",
39
- "padding": "0 15px 0 15px",
40
- },
41
- "messages": Object {
42
- "cursor": "pointer",
43
- "display": "inline-flex",
44
- "outline": "0",
45
- "transform": "translateY(30%)",
46
- },
47
- "navbar": Object {
48
- "border": "none",
49
- "fontFamily": "'OccText', sans-serif",
50
- "position": "relative",
51
- "zIndex": "9",
52
- },
53
- "separate": Object {
54
- "marginTop": "60px",
55
- "position": "relative",
56
- "zIndex": "9",
57
- },
58
- "shadow": Object {
59
- "boxShadow": "0 6px 5px -3px rgba(0,0,0,0.12), 0 6px 18px 0 rgba(0,29,124,0.08) !important",
60
- },
61
- "title": Object {
62
- "color": "#ffffff",
63
- "float": "left",
64
- "fontSize": "16px",
65
- "overflow": "hidden",
66
- "paddingBottom": "5px",
67
- "paddingTop": "17px",
68
- "textOverflow": "ellipsis",
69
- "whiteSpace": "nowrap",
70
- "width": "calc(100% - 150px)",
71
- },
72
- "user": Object {
73
- "float": "right !important",
74
- "paddingTop": "9px",
75
- },
76
- }
77
- `;
78
-
79
- exports[`HeaderJSS matches the snapshot 1`] = `ShallowWrapper {}`;
@@ -1,18 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _reactJss = _interopRequireDefault(require("react-jss"));
9
-
10
- var _Header = _interopRequireDefault(require("./Header"));
11
-
12
- var _styles = _interopRequireDefault(require("./styles"));
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
-
16
- var _default = (0, _reactJss["default"])(_styles["default"])(_Header["default"]);
17
-
18
- exports["default"] = _default;
@@ -1,94 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _colors = _interopRequireDefault(require("../subatomic/colors"));
9
-
10
- var _fonts = _interopRequireDefault(require("../subatomic/fonts"));
11
-
12
- var _grid = _interopRequireDefault(require("../subatomic/grid"));
13
-
14
- var _icons = _interopRequireDefault(require("../subatomic/icons"));
15
-
16
- var _shadows = _interopRequireDefault(require("../subatomic/shadows"));
17
-
18
- var _navbar$shadow$master;
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
-
22
- 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; }
23
-
24
- var _default = (_navbar$shadow$master = {
25
- navbar: {
26
- border: 'none',
27
- fontFamily: _fonts["default"].body,
28
- position: 'relative',
29
- zIndex: '9'
30
- },
31
- shadow: {
32
- boxShadow: "".concat(_shadows["default"].lvl3, " !important")
33
- },
34
- master: {
35
- backgroundColor: _colors["default"].blue,
36
- padding: '0 15px 0 15px',
37
- minHeight: '60px',
38
- boxShadow: _shadows["default"].lvl3
39
- },
40
- content: {
41
- borderBottom: '1px solid transparent',
42
- boxShadow: '0px 0px 0px 0px rgba(0, 0, 0, 0.75)'
43
- },
44
- title: {
45
- width: 'calc(100% - 150px)',
46
- fontSize: '16px',
47
- color: _colors["default"].white,
48
- paddingTop: '17px',
49
- paddingBottom: '5px',
50
- "float": 'left',
51
- overflow: 'hidden',
52
- textOverflow: 'ellipsis',
53
- whiteSpace: 'nowrap'
54
- },
55
- user: {
56
- paddingTop: '9px',
57
- "float": 'right !important'
58
- },
59
- messages: {
60
- cursor: 'pointer',
61
- outline: '0',
62
- display: 'inline-flex',
63
- transform: 'translateY(30%)'
64
- },
65
- bubble: {
66
- width: _icons["default"].bubble.width,
67
- height: _icons["default"].bubble.height,
68
- display: _icons["default"].bubble.display,
69
- background: _icons["default"].base(_icons["default"].bubble.icon())
70
- },
71
- separate: {
72
- marginTop: '60px',
73
- zIndex: '9',
74
- position: 'relative'
75
- }
76
- }, _defineProperty(_navbar$shadow$master, "@media (max-width: ".concat(_grid["default"].sm - 1, "px)"), {
77
- master: {
78
- position: 'fixed',
79
- top: '0',
80
- left: '0',
81
- width: '100%',
82
- zIndex: '10',
83
- boxShadow: 'none'
84
- },
85
- content: {
86
- borderTop: '1px solid transparent'
87
- }
88
- }), _defineProperty(_navbar$shadow$master, "@media (min-width: ".concat(_grid["default"].lg, "px)"), {
89
- master: {
90
- padding: '0 45px 0 45px'
91
- }
92
- }), _navbar$shadow$master);
93
-
94
- exports["default"] = _default;
@@ -1,27 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _propTypes = _interopRequireDefault(require("prop-types"));
11
-
12
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
13
-
14
- var Break = function Break(_ref) {
15
- var classes = _ref.classes,
16
- label = _ref.label;
17
- return /*#__PURE__*/_react["default"].createElement("li", {
18
- className: classes.li
19
- }, label);
20
- };
21
-
22
- Break.propTypes = {
23
- classes: _propTypes["default"].object,
24
- label: _propTypes["default"].string
25
- };
26
- var _default = Break;
27
- exports["default"] = _default;
@@ -1,53 +0,0 @@
1
- "use strict";
2
-
3
- var _react = _interopRequireDefault(require("react"));
4
-
5
- var _enzyme = require("enzyme");
6
-
7
- var _Break = _interopRequireDefault(require("./Break"));
8
-
9
- var _styles = _interopRequireDefault(require("./styles"));
10
-
11
- var _index = _interopRequireDefault(require("./index"));
12
-
13
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
14
-
15
- 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; }
16
-
17
- var reduceClasses = function reduceClasses(prev, curr) {
18
- return Object.assign({}, prev, _defineProperty({}, curr, curr));
19
- };
20
-
21
- var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
22
- describe("Break", function () {
23
- it('matches the snapshot', function () {
24
- var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Break["default"], {
25
- classes: classes
26
- }));
27
- expect(wrapper).toMatchSnapshot();
28
- });
29
- it('renders the li', function () {
30
- var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Break["default"], {
31
- classes: classes
32
- }));
33
- expect(wrapper.find('.li').length).toBe(1);
34
- });
35
- it('renders the label content', function () {
36
- var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Break["default"], {
37
- label: "...",
38
- classes: classes
39
- }));
40
- expect(wrapper.find('.li').text()).toEqual('...');
41
- });
42
- });
43
- describe("BreakJSS", function () {
44
- it('matches the snapshot', function () {
45
- var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
46
- expect(wrapper).toMatchSnapshot();
47
- });
48
- });
49
- describe("Break styles", function () {
50
- it('matches the snapshot', function () {
51
- expect(_styles["default"]).toMatchSnapshot();
52
- });
53
- });
@@ -1,13 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Break matches the snapshot 1`] = `ShallowWrapper {}`;
4
-
5
- exports[`Break styles matches the snapshot 1`] = `
6
- Object {
7
- "li": Object {
8
- "display": "inline-block",
9
- },
10
- }
11
- `;
12
-
13
- exports[`BreakJSS matches the snapshot 1`] = `ShallowWrapper {}`;
@@ -1,18 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports["default"] = void 0;
7
-
8
- var _reactJss = _interopRequireDefault(require("react-jss"));
9
-
10
- var _Break = _interopRequireDefault(require("./Break"));
11
-
12
- var _styles = _interopRequireDefault(require("./styles"));
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
-
16
- var _default = (0, _reactJss["default"])(_styles["default"])(_Break["default"]);
17
-
18
- exports["default"] = _default;
File without changes