@occmundial/occ-atomic 2.0.0-beta.1 → 2.0.0-beta.3
Sign up to get free protection for your applications and to get access to all the features.
- package/.prettierrc +6 -0
- package/.whitesource +12 -0
- package/CHANGELOG.md +1283 -584
- package/CONTRIBUTING.md +24 -0
- package/README.md +21 -21
- package/build/Autocomplete/Autocomplete.js +217 -117
- package/build/Autocomplete/Autocomplete.test.js +90 -74
- package/build/Autocomplete/__snapshots__/Autocomplete.test.js.snap +20 -0
- package/build/Autocomplete/index.js +6 -1
- package/build/Autocomplete/styles.js +2 -5
- package/build/Avatar/Avatar.js +66 -28
- package/build/Avatar/Avatar.test.js +36 -13
- package/build/Avatar/AvatarContent/AvatarContent.js +11 -14
- package/build/Avatar/AvatarContent/AvatarContent.test.js +55 -50
- package/build/Avatar/AvatarContent/__snapshots__/AvatarContent.test.js.snap +41 -0
- package/build/Avatar/AvatarContent/index.js +6 -1
- package/build/Avatar/AvatarContent/styles.js +12 -11
- package/build/Avatar/__snapshots__/Avatar.test.js.snap +17 -0
- package/build/Avatar/index.js +22 -1
- package/build/Avatar/styles.js +2 -6
- package/build/Banner/Banner.js +76 -0
- package/build/Banner/Banner.test.js +40 -0
- package/build/Banner/__snapshots__/Banner.test.js.snap +33 -0
- package/build/Banner/index.js +18 -0
- package/build/Banner/styles.js +41 -0
- package/build/Button/Button.js +123 -62
- package/build/Button/Button.test.js +67 -18
- package/build/Button/Loading.js +89 -0
- package/build/Button/__snapshots__/Button.test.js.snap +334 -0
- package/build/Button/index.js +22 -1
- package/build/Button/styles.js +176 -160
- package/build/ButtonAlign/ButtonAlign.js +20 -16
- package/build/ButtonAlign/ButtonAlign.test.js +3 -3
- package/build/ButtonAlign/__snapshots__/ButtonAlign.test.js.snap +19 -0
- package/build/Card/Card.js +4 -5
- package/build/Card/Card.test.js +40 -35
- package/build/Card/__snapshots__/Card.test.js.snap +46 -0
- package/build/Card/index.js +22 -1
- package/build/Card/styles.js +2 -4
- package/build/Check/Check.js +18 -14
- package/build/Check/Check.test.js +7 -7
- package/build/Check/__snapshots__/Check.test.js.snap +92 -0
- package/build/Check/styles.js +2 -2
- package/build/Checkbox/Checkbox.js +106 -60
- package/build/Checkbox/Checkbox.test.js +58 -42
- package/build/Checkbox/__snapshots__/Checkbox.test.js.snap +92 -0
- package/build/Checkbox/index.js +4 -2
- package/build/Checkbox/styles.js +2 -5
- package/build/Column/Column.js +1 -1
- package/build/Column/Column.test.js +3 -3
- package/build/Column/__snapshots__/Column.test.js.snap +647 -0
- package/build/Container/Container.js +1 -1
- package/build/Container/Container.test.js +4 -4
- package/build/Container/__snapshots__/Container.test.js.snap +43 -0
- package/build/Droplist/Droplist.js +474 -227
- package/build/Droplist/Droplist.test.js +111 -87
- package/build/Droplist/__snapshots__/Droplist.test.js.snap +65 -0
- package/build/Droplist/functions.js +9 -2
- package/build/Droplist/index.js +22 -1
- package/build/Droplist/styles.js +41 -15
- package/build/Flexbox/Flexbox.js +64 -29
- package/build/Flexbox/Flexbox.test.js +32 -14
- package/build/Flexbox/__snapshots__/Flexbox.test.js.snap +106 -0
- package/build/Flexbox/index.js +22 -1
- package/build/Flexbox/styles.js +2 -6
- package/build/Footer/Footer.js +42 -30
- package/build/Footer/Footer.test.js +2 -2
- package/build/Footer/List/List.js +32 -25
- package/build/Footer/__snapshots__/Footer.test.js.snap +90 -0
- package/build/Footer/styles.js +5 -0
- package/build/Grid/Col/Col.js +15 -22
- package/build/Grid/Col/Col.test.js +33 -13
- package/build/Grid/Col/__snapshots__/Col.test.js.snap +963 -0
- package/build/Grid/Col/index.js +22 -1
- package/build/Grid/Col/styles.js +97 -116
- package/build/Grid/Grid.js +18 -12
- package/build/Grid/Row/Row.js +1 -1
- package/build/Grid/Row/Row.test.js +2 -2
- package/build/Grid/Row/__snapshots__/Row.test.js.snap +22 -0
- package/build/Grid/Row/index.js +4 -2
- package/build/Grid/index.js +4 -2
- package/build/Header/Header.js +35 -31
- package/build/Header/Header.test.js +8 -8
- package/build/Header/Menu/Menu.js +23 -19
- package/build/Header/Menu/Menu.test.js +7 -7
- package/build/Header/Menu/__snapshots__/Menu.test.js.snap +113 -0
- package/build/Header/Nav/Nav.js +19 -15
- package/build/Header/Nav/Nav.test.js +5 -5
- package/build/Header/Nav/__snapshots__/Nav.test.js.snap +101 -0
- package/build/Header/__snapshots__/Header.test.js.snap +79 -0
- package/build/Hidden/Hidden.js +17 -13
- package/build/Hidden/Hidden.test.js +6 -6
- package/build/Hidden/__snapshots__/Hidden.test.js.snap +3 -0
- package/build/Hidden/index.js +4 -2
- package/build/Icon/Icon.js +65 -21
- package/build/Icon/Icon.test.js +47 -56
- package/build/Icon/__snapshots__/Icon.test.js.snap +26 -0
- package/build/Icon/index.js +22 -1
- package/build/Icon/styles.js +2 -5
- package/build/Input/Input.js +29 -25
- package/build/Input/Input.test.js +21 -21
- package/build/Input/__snapshots__/Input.test.js.snap +194 -0
- package/build/Input/index.js +17 -13
- package/build/Label/Label.js +17 -13
- package/build/Label/Label.test.js +6 -6
- package/build/Label/__snapshots__/Label.test.js.snap +82 -0
- package/build/LayerApp/LayerApp.js +22 -18
- package/build/LayerApp/LayerApp.test.js +4 -4
- package/build/LayerApp/__snapshots__/LayerApp.test.js.snap +37 -0
- package/build/Modal/Modal.js +55 -37
- package/build/Modal/Modal.test.js +10 -10
- package/build/Modal/__snapshots__/Modal.test.js.snap +208 -0
- package/build/Modal/index.js +19 -13
- package/build/Modal/styles.js +43 -31
- package/build/NavAside/NavAside.js +22 -18
- package/build/NavAside/NavAside.test.js +12 -12
- package/build/NavAside/__snapshots__/NavAside.test.js.snap +116 -0
- package/build/NavAside/index.js +16 -12
- package/build/NavIcon/NavIcon.js +31 -19
- package/build/NavItem/NavItem.js +29 -16
- package/build/NavTab/NavTab.js +36 -29
- package/build/NavTop/NavTop.js +20 -16
- package/build/OrderBy/OrderBy.js +23 -19
- package/build/OrderBy/OrderBy.test.js +6 -6
- package/build/OrderBy/__snapshots__/OrderBy.test.js.snap +54 -0
- package/build/Pager/Break/Break.js +1 -1
- package/build/Pager/Break/Break.test.js +4 -4
- package/build/Pager/Break/__snapshots__/Break.test.js.snap +13 -0
- package/build/Pager/Page/Page.js +1 -1
- package/build/Pager/Page/Page.test.js +5 -5
- package/build/Pager/Page/__snapshots__/Page.test.js.snap +27 -0
- package/build/Pager/Pager.js +21 -17
- package/build/Pager/Pager.test.js +12 -12
- package/build/Pager/__snapshots__/Pager.test.js.snap +50 -0
- package/build/Pager/styles.js +1 -1
- package/build/Pill/Choice/Choice.js +23 -18
- package/build/Pill/Choice/styles.js +8 -3
- package/build/Pill/Group/Group.js +7 -4
- package/build/Pill/Group/styles.js +7 -4
- package/build/Pill/Pill.js +36 -23
- package/build/Pill/Pill.test.js +12 -12
- package/build/Pill/Stack/Stack.js +10 -7
- package/build/Pill/Stack/styles.js +4 -1
- package/build/Pill/__snapshots__/Pill.test.js.snap +62 -0
- package/build/Pill/styles.js +6 -2
- package/build/Placeholder/Placeholder.js +2 -2
- package/build/Placeholder/Placeholder.test.js +3 -3
- package/build/Placeholder/__snapshots__/Placeholder.test.js.snap +130 -0
- package/build/Placeholder/styles.js +23 -16
- package/build/Radio/Radio.js +29 -15
- package/build/Radio/Radio.test.js +6 -6
- package/build/Radio/__snapshots__/Radio.test.js.snap +83 -0
- package/build/RangeCounter/RangeCounter.js +17 -13
- package/build/RangeCounter/RangeCounter.test.js +3 -3
- package/build/RangeCounter/__snapshots__/RangeCounter.test.js.snap +20 -0
- package/build/RangeCounter/styles.js +1 -1
- package/build/Row/Row.js +1 -1
- package/build/Row/Row.test.js +2 -2
- package/build/Row/__snapshots__/Row.test.js.snap +22 -0
- package/build/SightLogo/SightLogo.js +2 -2
- package/build/SightLogo/SightLogo.test.js +2 -2
- package/build/SightLogo/__snapshots__/SightLogo.test.js.snap +24 -0
- package/build/SlideDown/SlideDown.js +37 -26
- package/build/SlideDown/SlideDown.test.js +9 -9
- package/build/SlideDown/__snapshots__/SlideDown.test.js.snap +42 -0
- package/build/SlideToggle/SlideToggle.js +31 -17
- package/build/SlideToggle/SlideToggle.test.js +7 -7
- package/build/SlideToggle/__snapshots__/SlideToggle.test.js.snap +62 -0
- package/build/SubHeader/SubHeader.js +20 -16
- package/build/SubHeader/SubHeader.test.js +7 -7
- package/build/SubHeader/__snapshots__/SubHeader.test.js.snap +50 -0
- package/build/SwitchGroup/SwitchGroup.js +17 -13
- package/build/SwitchGroup/SwitchGroup.test.js +6 -6
- package/build/SwitchGroup/__snapshots__/SwitchGroup.test.js.snap +52 -0
- package/build/SwitchGroup/styles.js +1 -1
- package/build/Tag/Tag.js +27 -10
- package/build/Tag/Tag.test.js +8 -8
- package/build/Tag/__snapshots__/Tag.test.js.snap +137 -0
- package/build/Tag/styles.js +72 -27
- package/build/Text/Text.js +30 -15
- package/build/Text/Text.test.js +8 -8
- package/build/Text/__snapshots__/Text.test.js.snap +158 -0
- package/build/Text/styles.js +32 -23
- package/build/TextField/TextField.js +455 -302
- package/build/TextField/TextField.test.js +138 -146
- package/build/TextField/__snapshots__/TextField.test.js.snap +258 -0
- package/build/TextField/index.js +6 -1
- package/build/TextField/styles.js +99 -33
- package/build/Tip/Tip.js +91 -27
- package/build/Tip/Tip.test.js +5 -5
- package/build/Tip/__snapshots__/Tip.test.js.snap +49 -0
- package/build/Tip/styles.js +32 -12
- package/build/Title/Title.js +16 -12
- package/build/Title/Title.test.js +3 -3
- package/build/Title/__snapshots__/Title.test.js.snap +31 -0
- package/build/Toaster/Toast/Toast.js +11 -11
- package/build/Toaster/Toaster.js +27 -23
- package/build/Toaster/Toaster.test.js +6 -6
- package/build/Toaster/__snapshots__/Toaster.test.js.snap +5 -0
- package/build/Tooltip/Tooltip.js +210 -0
- package/build/Tooltip/Tooltip.test.js +35 -0
- package/build/Tooltip/__snapshots__/Tooltip.test.js.snap +33 -0
- package/build/Tooltip/hooks.js +132 -0
- package/build/Tooltip/index.js +18 -0
- package/build/Tooltip/styles.js +44 -0
- package/build/TourTip/TourTip.js +15 -11
- package/build/TourTip/TourTip.test.js +2 -2
- package/build/TourTip/__snapshots__/TourTip.test.js.snap +74 -0
- package/build/Visible/Visible.js +16 -12
- package/build/Visible/Visible.test.js +4 -4
- package/build/Visible/__snapshots__/Visible.test.js.snap +3 -0
- package/build/WindowSize/WindowSize.js +17 -11
- package/build/WindowSize/WindowSize.test.js +4 -4
- package/build/WindowSize/__snapshots__/WindowSize.test.js.snap +3 -0
- package/build/index.js +79 -8
- package/build/plugin/babel.js +59 -0
- package/build/subatomic/colors.js +8 -3
- package/build/subatomic/fonts.js +1 -1
- package/build/subatomic/icons/attachment.js +23 -0
- package/build/subatomic/icons/attachmentSolid.js +23 -0
- package/build/subatomic/icons/avatarSmile.js +23 -0
- package/build/subatomic/icons/book.js +23 -0
- package/build/subatomic/icons/cash.js +23 -0
- package/build/subatomic/icons/copy.js +23 -0
- package/build/subatomic/icons/copySolid.js +23 -0
- package/build/subatomic/icons/crossSolid.js +23 -0
- package/build/subatomic/icons/dislike.js +1 -1
- package/build/subatomic/icons/dislikeSolid.js +23 -0
- package/build/subatomic/icons/energy.js +23 -0
- package/build/subatomic/icons/energySolid.js +23 -0
- package/build/subatomic/icons/eye.js +1 -1
- package/build/subatomic/icons/eyeClosed.js +1 -1
- package/build/subatomic/icons/eyeClosedSolid.js +23 -0
- package/build/subatomic/icons/eyeSolid.js +23 -0
- package/build/subatomic/icons/hourGlass.js +23 -0
- package/build/subatomic/icons/like.js +1 -1
- package/build/subatomic/icons/likeSolid.js +23 -0
- package/build/subatomic/icons/location.js +23 -0
- package/build/subatomic/icons/locationSolid.js +23 -0
- package/build/subatomic/icons/matchJob.js +23 -0
- package/build/subatomic/icons/messages.js +1 -1
- package/build/subatomic/icons/messagesSolid.js +1 -1
- package/build/subatomic/icons/moreOptionsHorizontal.js +23 -0
- package/build/subatomic/icons/noMessages.js +23 -0
- package/build/subatomic/icons/noMessagesSolid.js +23 -0
- package/build/subatomic/icons/occDart.js +23 -8
- package/build/subatomic/icons/occHorizontal.js +23 -8
- package/build/subatomic/icons/occLogo.js +63 -0
- package/build/subatomic/icons/occVertical.js +23 -8
- package/build/subatomic/icons/profile.js +23 -0
- package/build/subatomic/icons/profileSolid.js +23 -0
- package/build/subatomic/icons/profileView.js +23 -0
- package/build/subatomic/icons/refresh.js +23 -0
- package/build/subatomic/icons/refreshSolid.js +23 -0
- package/build/subatomic/icons/sendMessage.js +23 -0
- package/build/subatomic/icons/sendMessageSolid.js +23 -0
- package/build/subatomic/icons/starsSolid.js +23 -0
- package/build/subatomic/icons/suitcase.js +23 -0
- package/build/subatomic/icons/suitcaseSolid.js +23 -0
- package/build/subatomic/icons/tag.js +1 -1
- package/build/subatomic/icons/tagSolid.js +23 -0
- package/build/subatomic/icons/trash.js +1 -1
- package/build/subatomic/icons/trashSolid.js +1 -1
- package/build/subatomic/icons/warning.js +23 -0
- package/build/subatomic/icons/warningSolid.js +23 -0
- package/build/subatomic/icons/webSite.js +23 -0
- package/build/subatomic/icons/webSiteSolid.js +23 -0
- package/build/subatomic/icons.js +230 -112
- package/build/tokens/borderRadius.json +8 -0
- package/build/tokens/colors.json +567 -0
- package/build/tokens/fonts.json +231 -0
- package/build/tokens/index.js +47 -0
- package/build/tokens/shadows.json +13 -0
- package/build/tokens/spacing.json +16 -0
- package/commitlint.config.js +6 -0
- package/package.json +124 -113
- package/playroom/FrameComponent.js +31 -0
- package/playroom/styles.js +14 -0
- package/playroom.config.js +7 -7
- package/build/Grid/Grid.test.js +0 -22
- package/build/Grid/Row/Rowdsd.js +0 -39
- package/build/hooks/useEventListener.js +0 -23
- package/build/hooks/usePrevious.js +0 -19
- package/yarn-error.log +0 -10737
@@ -21,13 +21,13 @@ var reduceClasses = function reduceClasses(prev, curr) {
|
|
21
21
|
var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
|
22
22
|
describe("Input", function () {
|
23
23
|
it('matches the snapshot', function () {
|
24
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
24
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
25
25
|
classes: classes
|
26
26
|
}));
|
27
27
|
expect(wrapper).toMatchSnapshot();
|
28
28
|
});
|
29
29
|
it('renders the right html tag', function () {
|
30
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
30
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
31
31
|
classes: classes
|
32
32
|
}));
|
33
33
|
expect(wrapper.find('.input').type()).toBe('input');
|
@@ -42,7 +42,7 @@ describe("Input", function () {
|
|
42
42
|
expect(wrapper.find('.input').type()).toBe('select');
|
43
43
|
});
|
44
44
|
it('renders the right type of input', function () {
|
45
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
45
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
46
46
|
classes: classes
|
47
47
|
}));
|
48
48
|
expect(wrapper.find('.input').prop('type')).toBe('text');
|
@@ -56,14 +56,14 @@ describe("Input", function () {
|
|
56
56
|
expect(wrapper.find('.input').prop('type')).toBe('number');
|
57
57
|
});
|
58
58
|
it('sets the maxLength property', function () {
|
59
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
59
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
60
60
|
classes: classes,
|
61
61
|
maxLength: 2
|
62
62
|
}));
|
63
63
|
expect(wrapper.find('.input').prop('maxLength')).toBe(2);
|
64
64
|
});
|
65
65
|
it('shows a counter with the remaining characters', function () {
|
66
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
66
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
67
67
|
classes: classes,
|
68
68
|
maxLength: 50,
|
69
69
|
counter: true
|
@@ -80,7 +80,7 @@ describe("Input", function () {
|
|
80
80
|
expect(wrapper.find('.counter').text()).toBe('40');
|
81
81
|
});
|
82
82
|
it('renders a label and a placeholder in the input', function () {
|
83
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
83
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
84
84
|
classes: classes,
|
85
85
|
label: "Label",
|
86
86
|
placeholder: "Placeholder"
|
@@ -90,7 +90,7 @@ describe("Input", function () {
|
|
90
90
|
expect(wrapper.find('.input').prop('placeholder')).toBe('Placeholder');
|
91
91
|
});
|
92
92
|
it('renders a placeholder that works as a label on focus', function () {
|
93
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
93
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
94
94
|
classes: classes,
|
95
95
|
placeholder: "Placeholder"
|
96
96
|
}));
|
@@ -99,7 +99,7 @@ describe("Input", function () {
|
|
99
99
|
expect(wrapper.find('.container').hasClass('push')).toBe(true);
|
100
100
|
});
|
101
101
|
it('renders a static field when disabled', function () {
|
102
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
102
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
103
103
|
classes: classes
|
104
104
|
}));
|
105
105
|
expect(wrapper.find('.container').hasClass('disabled')).toBe(false);
|
@@ -111,14 +111,14 @@ describe("Input", function () {
|
|
111
111
|
expect(wrapper.find('.input').type()).toBe('label');
|
112
112
|
});
|
113
113
|
it('sets the autoFocus property', function () {
|
114
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
114
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
115
115
|
classes: classes,
|
116
116
|
autoFocus: true
|
117
117
|
}));
|
118
118
|
expect(wrapper.find('.input').prop('autoFocus')).toBe(true);
|
119
119
|
});
|
120
120
|
it('shows an icon that clears the value on click', function () {
|
121
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
121
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
122
122
|
classes: classes,
|
123
123
|
clear: true
|
124
124
|
}));
|
@@ -132,7 +132,7 @@ describe("Input", function () {
|
|
132
132
|
expect(wrapper.state('value')).toBe('');
|
133
133
|
});
|
134
134
|
it('shows an error message', function () {
|
135
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
135
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
136
136
|
classes: classes,
|
137
137
|
error: "This field has an error"
|
138
138
|
}));
|
@@ -145,7 +145,7 @@ describe("Input", function () {
|
|
145
145
|
expect(wrapper.find('.error').at(1).text()).toBe('This field has an error');
|
146
146
|
});
|
147
147
|
it('shows the field as a valid value', function () {
|
148
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
148
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
149
149
|
classes: classes,
|
150
150
|
valid: true
|
151
151
|
}));
|
@@ -156,7 +156,7 @@ describe("Input", function () {
|
|
156
156
|
expect(wrapper.find('.container').hasClass('correct')).toBe(true);
|
157
157
|
});
|
158
158
|
it('sets a default value', function () {
|
159
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
159
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
160
160
|
classes: classes,
|
161
161
|
valueProp: "Value"
|
162
162
|
}));
|
@@ -164,7 +164,7 @@ describe("Input", function () {
|
|
164
164
|
});
|
165
165
|
it('calls the onFocus function', function () {
|
166
166
|
var onFocus = jest.fn();
|
167
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
167
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
168
168
|
classes: classes,
|
169
169
|
onFocus: onFocus
|
170
170
|
}));
|
@@ -175,7 +175,7 @@ describe("Input", function () {
|
|
175
175
|
});
|
176
176
|
it('calls the onBlur function', function () {
|
177
177
|
var onBlur = jest.fn();
|
178
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
178
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
179
179
|
classes: classes,
|
180
180
|
onBlur: onBlur
|
181
181
|
}));
|
@@ -188,7 +188,7 @@ describe("Input", function () {
|
|
188
188
|
});
|
189
189
|
it('calls the onChange function', function () {
|
190
190
|
var onChange = jest.fn();
|
191
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
191
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
192
192
|
classes: classes,
|
193
193
|
onChange: onChange
|
194
194
|
}));
|
@@ -199,7 +199,7 @@ describe("Input", function () {
|
|
199
199
|
});
|
200
200
|
it('calls the onClear function', function () {
|
201
201
|
var onClear = jest.fn();
|
202
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
202
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
203
203
|
classes: classes,
|
204
204
|
clear: true,
|
205
205
|
onClear: onClear,
|
@@ -210,7 +210,7 @@ describe("Input", function () {
|
|
210
210
|
});
|
211
211
|
it('calls the onRef function', function () {
|
212
212
|
var onRef = jest.fn();
|
213
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
213
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
214
214
|
classes: classes,
|
215
215
|
onRef: onRef
|
216
216
|
}));
|
@@ -225,7 +225,7 @@ describe("Input", function () {
|
|
225
225
|
value: 2,
|
226
226
|
text: 'Option 2'
|
227
227
|
}];
|
228
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
228
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
229
229
|
classes: classes,
|
230
230
|
type: "select",
|
231
231
|
options: options
|
@@ -235,7 +235,7 @@ describe("Input", function () {
|
|
235
235
|
expect(wrapper.find('option').at(0).prop('value')).toBe(1);
|
236
236
|
});
|
237
237
|
it('shows an icon', function () {
|
238
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
238
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
239
239
|
classes: classes
|
240
240
|
}));
|
241
241
|
expect(wrapper.find('.icon').length).toBe(0);
|
@@ -247,7 +247,7 @@ describe("Input", function () {
|
|
247
247
|
});
|
248
248
|
describe("InputJSS", function () {
|
249
249
|
it('matches the snapshot', function () {
|
250
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null));
|
250
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
|
251
251
|
expect(wrapper).toMatchSnapshot();
|
252
252
|
});
|
253
253
|
});
|
@@ -0,0 +1,194 @@
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
2
|
+
|
3
|
+
exports[`Input matches the snapshot 1`] = `ShallowWrapper {}`;
|
4
|
+
|
5
|
+
exports[`Input styles matches the snapshot 1`] = `
|
6
|
+
Object {
|
7
|
+
"clear": Object {
|
8
|
+
"background": "none",
|
9
|
+
"border": "0",
|
10
|
+
"cursor": "pointer",
|
11
|
+
"margin": "0",
|
12
|
+
"outline": "0",
|
13
|
+
"padding": "0",
|
14
|
+
"position": "absolute",
|
15
|
+
"right": "0",
|
16
|
+
"top": "20px",
|
17
|
+
},
|
18
|
+
"complete": Object {
|
19
|
+
"& $input": Object {
|
20
|
+
"borderColor": "#000000",
|
21
|
+
},
|
22
|
+
"& $placeholder": Object {
|
23
|
+
"color": "#000000",
|
24
|
+
},
|
25
|
+
"& $pushHolder": Object {
|
26
|
+
"left": "0",
|
27
|
+
},
|
28
|
+
"color": "#000000",
|
29
|
+
},
|
30
|
+
"container": Object {
|
31
|
+
"marginBottom": "16px",
|
32
|
+
"paddingBottom": "11px",
|
33
|
+
"position": "relative",
|
34
|
+
},
|
35
|
+
"correct": Object {
|
36
|
+
"& $input": Object {
|
37
|
+
"borderColor": "#09ba8a",
|
38
|
+
},
|
39
|
+
"& $placeholder": Object {
|
40
|
+
"color": "#09ba8a",
|
41
|
+
},
|
42
|
+
"& $pushHolder": Object {
|
43
|
+
"left": "0",
|
44
|
+
},
|
45
|
+
"color": "#09ba8a",
|
46
|
+
},
|
47
|
+
"counter": Object {
|
48
|
+
"position": "absolute",
|
49
|
+
"right": "0",
|
50
|
+
"top": "0",
|
51
|
+
},
|
52
|
+
"default": Object {
|
53
|
+
"& $input": Object {
|
54
|
+
"borderColor": "#bfbfbf",
|
55
|
+
},
|
56
|
+
"& $placeholder": Object {
|
57
|
+
"color": "#a7a7a7",
|
58
|
+
"fontSize": "16px",
|
59
|
+
"top": "20px",
|
60
|
+
},
|
61
|
+
"color": "#b0b0b0",
|
62
|
+
},
|
63
|
+
"disabled": Object {
|
64
|
+
"& $input": Object {
|
65
|
+
"borderColor": "#bfbfbf",
|
66
|
+
"color": "#bfbfbf",
|
67
|
+
},
|
68
|
+
"& $placeholder": Object {
|
69
|
+
"color": "#cdcdcd",
|
70
|
+
"fontSize": "16px",
|
71
|
+
"top": "20px",
|
72
|
+
},
|
73
|
+
"& $pushHolder": Object {
|
74
|
+
"left": "0",
|
75
|
+
},
|
76
|
+
"color": "#bfbfbf",
|
77
|
+
},
|
78
|
+
"error": Object {
|
79
|
+
"& $input": Object {
|
80
|
+
"borderColor": "#ef2525",
|
81
|
+
},
|
82
|
+
"& $placeholder": Object {
|
83
|
+
"color": "#ef2525",
|
84
|
+
},
|
85
|
+
"& $pushHolder": Object {
|
86
|
+
"left": "0",
|
87
|
+
},
|
88
|
+
"color": "#ef2525",
|
89
|
+
},
|
90
|
+
"expanded": Object {
|
91
|
+
"height": "80px",
|
92
|
+
},
|
93
|
+
"focus": Object {
|
94
|
+
"& $inputWrap:after": Object {
|
95
|
+
"left": "0",
|
96
|
+
"width": "100%",
|
97
|
+
},
|
98
|
+
"& $placeholder": Object {
|
99
|
+
"color": "#1476fb",
|
100
|
+
},
|
101
|
+
"& $pushHolder": Object {
|
102
|
+
"left": "0",
|
103
|
+
},
|
104
|
+
"color": "#1476fb",
|
105
|
+
},
|
106
|
+
"hasClear": Object {
|
107
|
+
"paddingRight": "24px",
|
108
|
+
},
|
109
|
+
"hasIcon": Object {
|
110
|
+
"paddingLeft": "24px",
|
111
|
+
},
|
112
|
+
"icon": Object {
|
113
|
+
"left": "0",
|
114
|
+
"position": "absolute",
|
115
|
+
"top": "19px",
|
116
|
+
},
|
117
|
+
"input": Object {
|
118
|
+
"&::placeholder": Object {
|
119
|
+
"color": "#a7a7a7",
|
120
|
+
},
|
121
|
+
"alignItems": "center",
|
122
|
+
"background": "transparent",
|
123
|
+
"border": "0",
|
124
|
+
"borderBottom": "1px solid #bfbfbf",
|
125
|
+
"boxSizing": "border-box",
|
126
|
+
"color": "#222222",
|
127
|
+
"display": "flex",
|
128
|
+
"fontFamily": "'OccText', sans-serif",
|
129
|
+
"fontSize": "16px",
|
130
|
+
"fontWeight": "normal",
|
131
|
+
"height": "34px",
|
132
|
+
"lineHeight": "16px",
|
133
|
+
"marginBottom": "4px",
|
134
|
+
"outline": "none",
|
135
|
+
"padding": "10px 0",
|
136
|
+
"transition": "0.3s all",
|
137
|
+
"width": "100%",
|
138
|
+
},
|
139
|
+
"inputWrap": Object {
|
140
|
+
"&:after": Object {
|
141
|
+
"background": "#1476fb",
|
142
|
+
"bottom": "0",
|
143
|
+
"content": "\\"\\"",
|
144
|
+
"display": "block",
|
145
|
+
"height": "1px",
|
146
|
+
"left": "50%",
|
147
|
+
"position": "absolute",
|
148
|
+
"transition": "0.3s all",
|
149
|
+
"width": "0",
|
150
|
+
},
|
151
|
+
"boxSizing": "border-box",
|
152
|
+
"position": "relative",
|
153
|
+
},
|
154
|
+
"label": Object {
|
155
|
+
"boxSizing": "border-box",
|
156
|
+
"display": "inline-block",
|
157
|
+
"float": "left",
|
158
|
+
"fontFamily": "'OccText', sans-serif",
|
159
|
+
"fontSize": "11px",
|
160
|
+
"fontWeight": "normal",
|
161
|
+
"marginBottom": "0",
|
162
|
+
"maxWidth": "100%",
|
163
|
+
"transition": "0.3s all",
|
164
|
+
},
|
165
|
+
"left": Object {
|
166
|
+
"float": "left",
|
167
|
+
},
|
168
|
+
"placeholder": Object {
|
169
|
+
"fontSize": "11px",
|
170
|
+
"pointerEvents": "none",
|
171
|
+
"position": "absolute",
|
172
|
+
"top": "0",
|
173
|
+
},
|
174
|
+
"push": Object {
|
175
|
+
"paddingTop": "15px",
|
176
|
+
},
|
177
|
+
"pushHolder": Object {
|
178
|
+
"left": "24px",
|
179
|
+
},
|
180
|
+
"select": Object {
|
181
|
+
"appearance": "none",
|
182
|
+
"background": "url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgogICAgICAgICAgICAJIHZpZXdCb3g9IjAgMCAxNCAxNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQgMTQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KICAgICAgICAgICAgPHBhdGggZmlsbD0iIzRFNjI3MyIgZD0iTTExLjUsNC4ybDAuMywwLjRjMC4xLDAuMSwwLjEsMC4yLDAsMC4zTDcuMSw5LjhjLTAuMSwwLjEtMC4yLDAuMS0wLjMsMGMwLDAsMCwwLDAsMEwyLjEsNC44CiAgICAgICAgICAgIAljLTAuMS0wLjEtMC4xLTAuMiwwLTAuM2wwLjMtMC40YzAuMS0wLjEsMC4yLTAuMSwwLjMsMGMwLDAsMCwwLDAsMGw0LjEsNC40YzAuMSwwLjEsMC4yLDAuMSwwLjMsMGMwLDAsMCwwLDAsMGw0LjEtNC40CiAgICAgICAgICAgIAlDMTEuMyw0LjEsMTEuNCw0LjEsMTEuNSw0LjJDMTEuNSw0LjEsMTEuNSw0LjIsMTEuNSw0LjJ6Ii8+CiAgICAgICAgICAgIDwvc3ZnPg==)",
|
183
|
+
"backgroundPosition": "calc(100% - 5px) 5px",
|
184
|
+
"backgroundSize": "24px 24px",
|
185
|
+
"padding": "0",
|
186
|
+
},
|
187
|
+
"textarea": Object {
|
188
|
+
"lineHeight": "22px",
|
189
|
+
"padding": "5px 0",
|
190
|
+
},
|
191
|
+
}
|
192
|
+
`;
|
193
|
+
|
194
|
+
exports[`InputJSS matches the snapshot 1`] = `ShallowWrapper {}`;
|
package/build/Input/index.js
CHANGED
@@ -1,5 +1,7 @@
|
|
1
1
|
"use strict";
|
2
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
|
+
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
4
6
|
value: true
|
5
7
|
});
|
@@ -19,36 +21,38 @@ var _stylesFlat = _interopRequireDefault(require("./stylesFlat"));
|
|
19
21
|
|
20
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
21
23
|
|
22
|
-
function _typeof(obj) { 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); }
|
23
|
-
|
24
24
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
25
25
|
|
26
26
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
27
27
|
|
28
28
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
29
29
|
|
30
|
-
function
|
30
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
31
31
|
|
32
|
-
function
|
32
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
33
33
|
|
34
|
-
function
|
34
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
35
35
|
|
36
|
-
function
|
36
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
37
37
|
|
38
|
-
function
|
38
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
39
|
+
|
40
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
41
|
+
|
42
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
39
43
|
|
40
44
|
var InputDefault = (0, _reactJss["default"])(_styles["default"])(_Input["default"]);
|
41
45
|
var InputFlat = (0, _reactJss["default"])(_stylesFlat["default"])(_Input["default"]);
|
42
46
|
|
43
|
-
var StyledInput =
|
44
|
-
/*#__PURE__*/
|
45
|
-
function (_React$Component) {
|
47
|
+
var StyledInput = /*#__PURE__*/function (_React$Component) {
|
46
48
|
_inherits(StyledInput, _React$Component);
|
47
49
|
|
50
|
+
var _super = _createSuper(StyledInput);
|
51
|
+
|
48
52
|
function StyledInput() {
|
49
53
|
_classCallCheck(this, StyledInput);
|
50
54
|
|
51
|
-
return
|
55
|
+
return _super.apply(this, arguments);
|
52
56
|
}
|
53
57
|
|
54
58
|
_createClass(StyledInput, [{
|
@@ -57,9 +61,9 @@ function (_React$Component) {
|
|
57
61
|
var theme = this.props.theme;
|
58
62
|
|
59
63
|
if (theme != 'flat') {
|
60
|
-
return _react["default"].createElement(InputDefault, this.props);
|
64
|
+
return /*#__PURE__*/_react["default"].createElement(InputDefault, this.props);
|
61
65
|
} else {
|
62
|
-
return _react["default"].createElement(InputFlat, this.props);
|
66
|
+
return /*#__PURE__*/_react["default"].createElement(InputFlat, this.props);
|
63
67
|
}
|
64
68
|
}
|
65
69
|
}]);
|
package/build/Label/Label.js
CHANGED
@@ -1,5 +1,7 @@
|
|
1
1
|
"use strict";
|
2
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
|
+
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
4
6
|
value: true
|
5
7
|
});
|
@@ -11,34 +13,36 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
13
|
|
12
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
13
15
|
|
14
|
-
function _typeof(obj) { 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); }
|
15
|
-
|
16
16
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
17
17
|
|
18
18
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
19
19
|
|
20
20
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
21
21
|
|
22
|
-
function
|
22
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
23
23
|
|
24
|
-
function
|
24
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
25
25
|
|
26
|
-
function
|
26
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
27
27
|
|
28
|
-
function
|
28
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
29
29
|
|
30
|
-
function
|
30
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
31
|
+
|
32
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
33
|
+
|
34
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
31
35
|
|
32
36
|
/** Label component with different themes. The label can trigger some actions on click. */
|
33
|
-
var Label =
|
34
|
-
/*#__PURE__*/
|
35
|
-
function (_React$Component) {
|
37
|
+
var Label = /*#__PURE__*/function (_React$Component) {
|
36
38
|
_inherits(Label, _React$Component);
|
37
39
|
|
40
|
+
var _super = _createSuper(Label);
|
41
|
+
|
38
42
|
function Label() {
|
39
43
|
_classCallCheck(this, Label);
|
40
44
|
|
41
|
-
return
|
45
|
+
return _super.apply(this, arguments);
|
42
46
|
}
|
43
47
|
|
44
48
|
_createClass(Label, [{
|
@@ -53,12 +57,12 @@ function (_React$Component) {
|
|
53
57
|
onClose = _this$props.onClose,
|
54
58
|
onClick = _this$props.onClick,
|
55
59
|
theme = _this$props.theme;
|
56
|
-
return _react["default"].createElement("label", {
|
60
|
+
return /*#__PURE__*/_react["default"].createElement("label", {
|
57
61
|
className: "".concat(classes.label, " ").concat(theme ? classes[theme] : classes["default"]).concat(onClick ? " ".concat(classes.cursor) : '').concat(className ? " ".concat(className) : ''),
|
58
62
|
id: id,
|
59
63
|
style: style,
|
60
64
|
onClick: onClick
|
61
|
-
}, children, onClose && _react["default"].createElement("span", {
|
65
|
+
}, children, onClose && /*#__PURE__*/_react["default"].createElement("span", {
|
62
66
|
className: classes.close,
|
63
67
|
onClick: function onClick(e) {
|
64
68
|
e.stopPropagation();
|
@@ -21,20 +21,20 @@ var reduceClasses = function reduceClasses(prev, curr) {
|
|
21
21
|
var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
|
22
22
|
describe("Label", function () {
|
23
23
|
it('matches the snapshot', function () {
|
24
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Label["default"], {
|
24
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
|
25
25
|
classes: classes
|
26
26
|
}, "Label"));
|
27
27
|
expect(wrapper).toMatchSnapshot();
|
28
28
|
});
|
29
29
|
it('shows the children content', function () {
|
30
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Label["default"], {
|
30
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
|
31
31
|
classes: classes
|
32
32
|
}, "Label"));
|
33
33
|
expect(wrapper.text()).toEqual('Label');
|
34
34
|
});
|
35
35
|
it('calls onClick function', function () {
|
36
36
|
var onClick = jest.fn();
|
37
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Label["default"], {
|
37
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
|
38
38
|
classes: classes,
|
39
39
|
onClick: onClick
|
40
40
|
}, "Label"));
|
@@ -43,7 +43,7 @@ describe("Label", function () {
|
|
43
43
|
});
|
44
44
|
it('calls onClose function', function () {
|
45
45
|
var onClose = jest.fn();
|
46
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Label["default"], {
|
46
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
|
47
47
|
classes: classes,
|
48
48
|
onClose: onClose
|
49
49
|
}, "Label"));
|
@@ -53,7 +53,7 @@ describe("Label", function () {
|
|
53
53
|
expect(onClose.mock.calls.length).toBe(1);
|
54
54
|
});
|
55
55
|
it('has the right theme', function () {
|
56
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Label["default"], {
|
56
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
|
57
57
|
classes: classes,
|
58
58
|
theme: "default"
|
59
59
|
}, "Label"));
|
@@ -62,7 +62,7 @@ describe("Label", function () {
|
|
62
62
|
});
|
63
63
|
describe("LabelJSS", function () {
|
64
64
|
it('matches the snapshot', function () {
|
65
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null, "Label"));
|
65
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null, "Label"));
|
66
66
|
expect(wrapper).toMatchSnapshot();
|
67
67
|
});
|
68
68
|
});
|