@occmundial/occ-atomic 1.16.0 → 1.18.2
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.
- package/.prettierrc +6 -6
- package/.whitesource +11 -11
- package/CHANGELOG.md +943 -913
- package/CONTRIBUTING.md +24 -0
- package/README.md +21 -21
- package/build/Autocomplete/Autocomplete.js +20 -16
- package/build/Autocomplete/Autocomplete.test.js +11 -11
- package/build/Avatar/Avatar.js +20 -16
- package/build/Avatar/Avatar.test.js +2 -2
- package/build/Avatar/AvatarContent/AvatarContent.js +5 -5
- package/build/Avatar/AvatarContent/AvatarContent.test.js +6 -6
- package/build/Avatar/index.js +4 -2
- package/build/Banner/Banner.js +6 -6
- package/build/Banner/Banner.test.js +2 -2
- package/build/Button/Button.js +26 -22
- package/build/Button/Button.test.js +13 -13
- package/build/Button/index.js +4 -2
- package/build/ButtonAlign/ButtonAlign.js +20 -16
- package/build/ButtonAlign/ButtonAlign.test.js +3 -3
- package/build/Card/Card.js +1 -1
- package/build/Card/Card.test.js +4 -4
- package/build/Card/index.js +4 -2
- package/build/Check/Check.js +18 -14
- package/build/Check/Check.test.js +7 -7
- package/build/Checkbox/Checkbox.js +18 -14
- package/build/Checkbox/Checkbox.test.js +8 -8
- package/build/Checkbox/index.js +4 -2
- package/build/Column/Column.js +1 -1
- package/build/Column/Column.test.js +3 -3
- package/build/Container/Container.js +1 -1
- package/build/Container/Container.test.js +4 -4
- package/build/Droplist/Droplist.js +33 -29
- package/build/Droplist/Droplist.test.js +11 -11
- package/build/Droplist/index.js +4 -2
- package/build/Flexbox/Flexbox.js +16 -12
- package/build/Flexbox/Flexbox.test.js +3 -3
- package/build/Flexbox/index.js +4 -2
- package/build/Footer/Footer.js +16 -16
- package/build/Footer/Footer.test.js +2 -2
- package/build/Footer/List/List.js +25 -21
- package/build/Grid/Col/Col.js +1 -1
- package/build/Grid/Col/Col.test.js +3 -3
- package/build/Grid/Col/index.js +4 -2
- 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/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/Nav/Nav.js +19 -15
- package/build/Header/Nav/Nav.test.js +5 -5
- package/build/Hidden/Hidden.js +17 -13
- package/build/Hidden/Hidden.test.js +6 -6
- package/build/Hidden/index.js +4 -2
- package/build/Icon/Icon.js +16 -12
- package/build/Icon/Icon.test.js +3 -3
- package/build/Icon/index.js +4 -2
- package/build/Input/Input.js +29 -25
- package/build/Input/Input.test.js +21 -21
- package/build/Input/index.js +17 -13
- package/build/Label/Label.js +17 -13
- package/build/Label/Label.test.js +6 -6
- package/build/LayerApp/LayerApp.js +22 -18
- package/build/LayerApp/LayerApp.test.js +4 -4
- package/build/Modal/Modal.js +38 -33
- package/build/Modal/Modal.test.js +10 -10
- package/build/Modal/index.js +19 -13
- package/build/Modal/styles.js +11 -8
- package/build/NavAside/NavAside.js +22 -18
- package/build/NavAside/NavAside.test.js +12 -12
- package/build/NavAside/index.js +16 -12
- package/build/NavIcon/NavIcon.js +20 -16
- package/build/NavItem/NavItem.js +18 -14
- package/build/NavTab/NavTab.js +32 -28
- package/build/NavTop/NavTop.js +20 -16
- package/build/OrderBy/OrderBy.js +23 -19
- package/build/OrderBy/OrderBy.test.js +6 -6
- package/build/Pager/Break/Break.js +1 -1
- package/build/Pager/Break/Break.test.js +4 -4
- package/build/Pager/Page/Page.js +1 -1
- package/build/Pager/Page/Page.test.js +5 -5
- package/build/Pager/Pager.js +21 -17
- package/build/Pager/Pager.test.js +10 -10
- package/build/Pill/Choice/Choice.js +18 -14
- package/build/Pill/Group/Group.js +2 -2
- package/build/Pill/Pill.js +28 -22
- package/build/Pill/Pill.test.js +12 -12
- package/build/Pill/Stack/Stack.js +4 -4
- package/build/Placeholder/Placeholder.js +2 -2
- package/build/Placeholder/Placeholder.test.js +3 -3
- package/build/Radio/Radio.js +19 -15
- package/build/Radio/Radio.test.js +6 -6
- package/build/RangeCounter/RangeCounter.js +17 -13
- package/build/RangeCounter/RangeCounter.test.js +3 -3
- package/build/Row/Row.js +1 -1
- package/build/Row/Row.test.js +2 -2
- package/build/SightLogo/SightLogo.js +2 -2
- package/build/SightLogo/SightLogo.test.js +2 -2
- package/build/SlideDown/SlideDown.js +28 -22
- package/build/SlideDown/SlideDown.test.js +9 -9
- package/build/SlideToggle/SlideToggle.js +19 -15
- package/build/SlideToggle/SlideToggle.test.js +7 -7
- package/build/SubHeader/SubHeader.js +20 -16
- package/build/SubHeader/SubHeader.test.js +7 -7
- package/build/SwitchGroup/SwitchGroup.js +17 -13
- package/build/SwitchGroup/SwitchGroup.test.js +6 -6
- package/build/Tag/Tag.js +4 -4
- package/build/Tag/Tag.test.js +6 -6
- package/build/Text/Text.js +18 -12
- package/build/Text/Text.test.js +8 -8
- package/build/TextField/TextField.js +42 -38
- package/build/TextField/TextField.test.js +19 -19
- package/build/Tip/Tip.js +16 -12
- package/build/Tip/Tip.test.js +5 -5
- package/build/Title/Title.js +16 -12
- package/build/Title/Title.test.js +3 -3
- 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/TourTip/TourTip.js +15 -11
- package/build/TourTip/TourTip.test.js +2 -2
- package/build/Visible/Visible.js +16 -12
- package/build/Visible/Visible.test.js +4 -4
- package/build/WindowSize/WindowSize.js +17 -11
- package/build/WindowSize/WindowSize.test.js +4 -4
- package/build/subatomic/icons/occDart.js +7 -5
- package/build/subatomic/icons/occHorizontal.js +7 -5
- package/build/subatomic/icons/occVertical.js +7 -5
- package/build/subatomic/icons/{emoji.js → warning.js} +1 -1
- package/build/subatomic/icons/warningSolid.js +23 -0
- package/build/subatomic/icons.js +6 -9
- package/commitlint.config.js +6 -0
- package/package.json +122 -114
- package/playroom/FrameComponent.js +31 -22
- package/playroom/styles.js +14 -14
- package/playroom.config.js +7 -7
- package/.vscode/settings.json +0 -22
- 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 -11800
@@ -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
|
});
|
@@ -21,11 +23,11 @@ var _colors = _interopRequireDefault(require("../subatomic/colors"));
|
|
21
23
|
|
22
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
23
25
|
|
24
|
-
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); }
|
25
|
-
|
26
26
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
27
27
|
|
28
|
-
function
|
28
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
29
|
+
|
30
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
29
31
|
|
30
32
|
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; }
|
31
33
|
|
@@ -35,28 +37,32 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
35
37
|
|
36
38
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
37
39
|
|
38
|
-
function
|
40
|
+
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); }
|
39
41
|
|
40
|
-
function
|
42
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
43
|
+
|
44
|
+
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); }; }
|
45
|
+
|
46
|
+
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); }
|
41
47
|
|
42
48
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
43
49
|
|
44
|
-
function
|
50
|
+
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; } }
|
45
51
|
|
46
|
-
function
|
52
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
47
53
|
|
48
54
|
/** Component to create an accordion section. The content will be hidden by default, and shown after click. */
|
49
|
-
var SlideDown =
|
50
|
-
/*#__PURE__*/
|
51
|
-
function (_React$Component) {
|
55
|
+
var SlideDown = /*#__PURE__*/function (_React$Component) {
|
52
56
|
_inherits(SlideDown, _React$Component);
|
53
57
|
|
58
|
+
var _super = _createSuper(SlideDown);
|
59
|
+
|
54
60
|
function SlideDown(props) {
|
55
61
|
var _this;
|
56
62
|
|
57
63
|
_classCallCheck(this, SlideDown);
|
58
64
|
|
59
|
-
_this =
|
65
|
+
_this = _super.call(this, props);
|
60
66
|
_this.state = {
|
61
67
|
expanded: _this.props.expanded,
|
62
68
|
toggled: _this.props.expanded
|
@@ -152,44 +158,44 @@ function (_React$Component) {
|
|
152
158
|
};
|
153
159
|
|
154
160
|
var getTextProps = function getTextProps() {
|
155
|
-
return _objectSpread({}, getTextSize(), getTextTheme());
|
161
|
+
return _objectSpread(_objectSpread({}, getTextSize()), getTextTheme());
|
156
162
|
};
|
157
163
|
|
158
|
-
return _react["default"].createElement("div", {
|
164
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
159
165
|
className: classes.wrapper
|
160
|
-
}, _react["default"].createElement("div", {
|
166
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
161
167
|
className: classes.button,
|
162
168
|
onClick: function onClick() {
|
163
169
|
return _this3.toggleContent(!expanded);
|
164
170
|
}
|
165
|
-
}, _react["default"].createElement(_Flexbox["default"], {
|
171
|
+
}, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
|
166
172
|
display: "flex",
|
167
173
|
justifyContent: "between",
|
168
174
|
alignItems: "start"
|
169
|
-
}, _react["default"].createElement(_Flexbox["default"], {
|
175
|
+
}, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
|
170
176
|
display: "flex",
|
171
177
|
alignItems: "center"
|
172
|
-
}, _react["default"].createElement(_Flexbox["default"], {
|
178
|
+
}, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
|
173
179
|
display: "flex",
|
174
180
|
alignItems: "start",
|
175
181
|
wrap: "wrap"
|
176
|
-
}, _react["default"].createElement("div", null, _react["default"].createElement(_Text["default"], _extends({}, getTextProps(), {
|
182
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Text["default"], _extends({}, getTextProps(), {
|
177
183
|
strong: strong,
|
178
184
|
tag: "label",
|
179
185
|
className: classes.text
|
180
|
-
}), title), tag && _react["default"].createElement(_Tag["default"], {
|
186
|
+
}), title), tag && /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
|
181
187
|
theme: "info",
|
182
188
|
className: classes.tag
|
183
|
-
}, tag)))), _react["default"].createElement(_Flexbox["default"], {
|
189
|
+
}, tag)))), /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
|
184
190
|
flex: "0 0 auto"
|
185
|
-
}, _react["default"].createElement(_Icon["default"], {
|
191
|
+
}, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
186
192
|
iconName: "arrowDown",
|
187
193
|
colors: [getIconColor()],
|
188
194
|
className: classes.icon,
|
189
195
|
style: {
|
190
196
|
transform: toggled ? 'rotate(180deg)' : ''
|
191
197
|
}
|
192
|
-
})))), expanded && _react["default"].createElement("div", {
|
198
|
+
})))), expanded && /*#__PURE__*/_react["default"].createElement("div", {
|
193
199
|
className: "".concat(classes.content, " ").concat(toggled ? classes.show : classes.hide)
|
194
200
|
}, children));
|
195
201
|
}
|
@@ -27,21 +27,21 @@ var reduceClasses = function reduceClasses(prev, curr) {
|
|
27
27
|
var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
|
28
28
|
describe("SlideDown", function () {
|
29
29
|
it('matches the snapshot', function () {
|
30
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_SlideDown["default"], {
|
30
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_SlideDown["default"], {
|
31
31
|
classes: classes,
|
32
32
|
title: "Title"
|
33
33
|
}));
|
34
34
|
expect(wrapper).toMatchSnapshot();
|
35
35
|
});
|
36
36
|
it('shows the title', function () {
|
37
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_SlideDown["default"], {
|
37
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_SlideDown["default"], {
|
38
38
|
title: "Title",
|
39
39
|
classes: classes
|
40
40
|
}));
|
41
41
|
expect(wrapper.find('label').at(0).text()).toEqual('Title');
|
42
42
|
});
|
43
43
|
it('rotates the arrow icon', function () {
|
44
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_SlideDown["default"], {
|
44
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_SlideDown["default"], {
|
45
45
|
expanded: true,
|
46
46
|
classes: classes,
|
47
47
|
title: "Title"
|
@@ -57,7 +57,7 @@ describe("SlideDown", function () {
|
|
57
57
|
});
|
58
58
|
});
|
59
59
|
it('shows a Tag on the title', function () {
|
60
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_SlideDown["default"], {
|
60
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_SlideDown["default"], {
|
61
61
|
classes: classes,
|
62
62
|
title: "Title"
|
63
63
|
}));
|
@@ -67,7 +67,7 @@ describe("SlideDown", function () {
|
|
67
67
|
expect(wrapper.find('label').at(1).text()).toBe('Tag text');
|
68
68
|
});
|
69
69
|
it('renders the child content', function () {
|
70
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_SlideDown["default"], {
|
70
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_SlideDown["default"], {
|
71
71
|
classes: classes,
|
72
72
|
title: "Title"
|
73
73
|
}, "Children content"));
|
@@ -79,7 +79,7 @@ describe("SlideDown", function () {
|
|
79
79
|
expect(wrapper.find('.content').text()).toEqual('Children content');
|
80
80
|
});
|
81
81
|
it('correct render when prop expanded change', function () {
|
82
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_SlideDown["default"], {
|
82
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_SlideDown["default"], {
|
83
83
|
classes: classes,
|
84
84
|
title: "Title"
|
85
85
|
}, "Children content"));
|
@@ -96,7 +96,7 @@ describe("SlideDown", function () {
|
|
96
96
|
}, 400);
|
97
97
|
});
|
98
98
|
it('Text have the right properties', function () {
|
99
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_SlideDown["default"], {
|
99
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_SlideDown["default"], {
|
100
100
|
classes: classes,
|
101
101
|
textSize: 'lg',
|
102
102
|
title: "Title"
|
@@ -104,7 +104,7 @@ describe("SlideDown", function () {
|
|
104
104
|
expect(wrapper.find(_Text["default"]).props().large).toEqual(true);
|
105
105
|
});
|
106
106
|
it('Text and Icon has theme color', function () {
|
107
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_SlideDown["default"], {
|
107
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_SlideDown["default"], {
|
108
108
|
classes: classes,
|
109
109
|
title: "Title"
|
110
110
|
}, "Children content"));
|
@@ -119,7 +119,7 @@ describe("SlideDown", function () {
|
|
119
119
|
});
|
120
120
|
describe("SlideDownJSS", function () {
|
121
121
|
it('matches the snapshot', function () {
|
122
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null));
|
122
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
|
123
123
|
expect(wrapper).toMatchSnapshot();
|
124
124
|
});
|
125
125
|
});
|
@@ -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
|
});
|
@@ -13,35 +15,37 @@ var _Text = _interopRequireDefault(require("../Text"));
|
|
13
15
|
|
14
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
15
17
|
|
16
|
-
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); }
|
17
|
-
|
18
18
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
19
19
|
|
20
20
|
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); } }
|
21
21
|
|
22
22
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
23
23
|
|
24
|
-
function
|
24
|
+
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); }
|
25
|
+
|
26
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
25
27
|
|
26
|
-
function
|
28
|
+
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); }; }
|
29
|
+
|
30
|
+
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); }
|
27
31
|
|
28
32
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
29
33
|
|
30
|
-
function
|
34
|
+
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; } }
|
31
35
|
|
32
|
-
function
|
36
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
33
37
|
|
34
|
-
var SlideToggle =
|
35
|
-
/*#__PURE__*/
|
36
|
-
function (_React$Component) {
|
38
|
+
var SlideToggle = /*#__PURE__*/function (_React$Component) {
|
37
39
|
_inherits(SlideToggle, _React$Component);
|
38
40
|
|
41
|
+
var _super = _createSuper(SlideToggle);
|
42
|
+
|
39
43
|
function SlideToggle(props) {
|
40
44
|
var _this;
|
41
45
|
|
42
46
|
_classCallCheck(this, SlideToggle);
|
43
47
|
|
44
|
-
_this =
|
48
|
+
_this = _super.call(this, props);
|
45
49
|
_this.state = {
|
46
50
|
value: props.value
|
47
51
|
};
|
@@ -86,20 +90,20 @@ function (_React$Component) {
|
|
86
90
|
style = _this$props2.style,
|
87
91
|
name = _this$props2.name,
|
88
92
|
trk = _this$props2.trk;
|
89
|
-
return _react["default"].createElement("div", {
|
93
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
90
94
|
id: id,
|
91
95
|
className: "".concat(classes.cont).concat(disabled ? " ".concat(classes.disabled) : '').concat(className ? " ".concat(className) : ''),
|
92
96
|
style: style
|
93
|
-
}, _react["default"].createElement("div", {
|
97
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
94
98
|
id: trk,
|
95
99
|
name: name,
|
96
100
|
className: "".concat(classes["switch"]).concat(value ? " ".concat(classes.checked) : ''),
|
97
101
|
onClick: this.toggle
|
98
|
-
}, _react["default"].createElement("span", {
|
102
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
99
103
|
className: classes.slider
|
100
|
-
}, _react["default"].createElement("span", {
|
104
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
101
105
|
className: classes.icon
|
102
|
-
}))), label && _react["default"].createElement(_Text["default"], {
|
106
|
+
}))), label && /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
103
107
|
tag: "label",
|
104
108
|
className: classes.label
|
105
109
|
}, label));
|
@@ -21,13 +21,13 @@ var reduceClasses = function reduceClasses(prev, curr) {
|
|
21
21
|
var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
|
22
22
|
describe("SlideToggle", function () {
|
23
23
|
it('matches the snapshot', function () {
|
24
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_SlideToggle["default"], {
|
24
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_SlideToggle["default"], {
|
25
25
|
classes: classes
|
26
26
|
}));
|
27
27
|
expect(wrapper).toMatchSnapshot();
|
28
28
|
});
|
29
29
|
it('has the right state', function () {
|
30
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_SlideToggle["default"], {
|
30
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_SlideToggle["default"], {
|
31
31
|
classes: classes
|
32
32
|
}));
|
33
33
|
expect(wrapper.find('.cont').exists()).toEqual(true);
|
@@ -37,14 +37,14 @@ describe("SlideToggle", function () {
|
|
37
37
|
expect(wrapper.find('.switch').hasClass('checked')).toEqual(true);
|
38
38
|
});
|
39
39
|
it('is disabled', function () {
|
40
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_SlideToggle["default"], {
|
40
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_SlideToggle["default"], {
|
41
41
|
classes: classes,
|
42
42
|
disabled: true
|
43
43
|
}));
|
44
44
|
expect(wrapper.prop('className')).toEqual('cont disabled');
|
45
45
|
});
|
46
46
|
it('toggles the value on click', function () {
|
47
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_SlideToggle["default"], {
|
47
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_SlideToggle["default"], {
|
48
48
|
classes: classes
|
49
49
|
}));
|
50
50
|
expect(wrapper.find('.cont').exists()).toEqual(true);
|
@@ -53,7 +53,7 @@ describe("SlideToggle", function () {
|
|
53
53
|
});
|
54
54
|
it('calls onChange function', function () {
|
55
55
|
var onChange = jest.fn();
|
56
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_SlideToggle["default"], {
|
56
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_SlideToggle["default"], {
|
57
57
|
classes: classes,
|
58
58
|
onChange: onChange
|
59
59
|
}));
|
@@ -61,7 +61,7 @@ describe("SlideToggle", function () {
|
|
61
61
|
expect(onChange.mock.calls.length).toBe(1);
|
62
62
|
});
|
63
63
|
it('shows the label', function () {
|
64
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_SlideToggle["default"], {
|
64
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_SlideToggle["default"], {
|
65
65
|
classes: classes,
|
66
66
|
label: "Label content"
|
67
67
|
}));
|
@@ -70,7 +70,7 @@ describe("SlideToggle", function () {
|
|
70
70
|
});
|
71
71
|
describe("SlideToggleJSS", function () {
|
72
72
|
it('matches the snapshot', function () {
|
73
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null));
|
73
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
|
74
74
|
expect(wrapper).toMatchSnapshot();
|
75
75
|
});
|
76
76
|
});
|
@@ -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
|
});
|
@@ -13,34 +15,36 @@ var _Flexbox = _interopRequireDefault(require("../Flexbox"));
|
|
13
15
|
|
14
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
15
17
|
|
16
|
-
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); }
|
17
|
-
|
18
18
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
19
19
|
|
20
20
|
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); } }
|
21
21
|
|
22
22
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
23
23
|
|
24
|
-
function
|
24
|
+
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); }
|
25
25
|
|
26
|
-
function
|
26
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
27
27
|
|
28
|
-
function
|
28
|
+
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); }; }
|
29
29
|
|
30
|
-
function
|
30
|
+
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); }
|
31
31
|
|
32
|
-
function
|
32
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
33
|
+
|
34
|
+
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; } }
|
35
|
+
|
36
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
33
37
|
|
34
38
|
/** Component to display a Header with content to the left, right and center. */
|
35
|
-
var SubHeader =
|
36
|
-
/*#__PURE__*/
|
37
|
-
function (_React$Component) {
|
39
|
+
var SubHeader = /*#__PURE__*/function (_React$Component) {
|
38
40
|
_inherits(SubHeader, _React$Component);
|
39
41
|
|
42
|
+
var _super = _createSuper(SubHeader);
|
43
|
+
|
40
44
|
function SubHeader() {
|
41
45
|
_classCallCheck(this, SubHeader);
|
42
46
|
|
43
|
-
return
|
47
|
+
return _super.apply(this, arguments);
|
44
48
|
}
|
45
49
|
|
46
50
|
_createClass(SubHeader, [{
|
@@ -60,19 +64,19 @@ function (_React$Component) {
|
|
60
64
|
left = _this$props.left,
|
61
65
|
right = _this$props.right,
|
62
66
|
center = _this$props.center;
|
63
|
-
return _react["default"].createElement("div", {
|
67
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
64
68
|
className: classes.wrapper
|
65
|
-
}, _react["default"].createElement("div", {
|
69
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
66
70
|
className: "".concat(classes.subHeader).concat(theme ? " ".concat(classes[theme]) : classes.blue).concat(fixed ? " ".concat(classes.fixed) : '')
|
67
|
-
}, left && _react["default"].createElement(_Flexbox["default"], {
|
71
|
+
}, left && /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
|
68
72
|
display: "flex",
|
69
73
|
alignItems: "center",
|
70
74
|
className: classes.left
|
71
|
-
}, left), right && _react["default"].createElement(_Flexbox["default"], {
|
75
|
+
}, left), right && /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
|
72
76
|
display: "flex",
|
73
77
|
alignItems: "center",
|
74
78
|
className: classes.right
|
75
|
-
}, right), center && _react["default"].createElement(_Flexbox["default"], {
|
79
|
+
}, right), center && /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
|
76
80
|
display: "flex",
|
77
81
|
alignItems: "center",
|
78
82
|
className: classes.center
|
@@ -21,13 +21,13 @@ var reduceClasses = function reduceClasses(prev, curr) {
|
|
21
21
|
var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
|
22
22
|
describe("SubHeader", function () {
|
23
23
|
it('matches the snapshot', function () {
|
24
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_SubHeader["default"], {
|
24
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_SubHeader["default"], {
|
25
25
|
classes: classes
|
26
26
|
}));
|
27
27
|
expect(wrapper).toMatchSnapshot();
|
28
28
|
});
|
29
29
|
it('renders the SubHeader with the right theme', function () {
|
30
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_SubHeader["default"], {
|
30
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_SubHeader["default"], {
|
31
31
|
classes: classes
|
32
32
|
}));
|
33
33
|
expect(wrapper.find('.subHeader').hasClass('blue')).toEqual(true);
|
@@ -37,7 +37,7 @@ describe("SubHeader", function () {
|
|
37
37
|
expect(wrapper.find('.subHeader').hasClass('white')).toEqual(true);
|
38
38
|
});
|
39
39
|
it('renders the subHeader as fixed', function () {
|
40
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_SubHeader["default"], {
|
40
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_SubHeader["default"], {
|
41
41
|
classes: classes
|
42
42
|
}));
|
43
43
|
expect(wrapper.find('.subHeader').hasClass('fixed')).toEqual(false);
|
@@ -47,21 +47,21 @@ describe("SubHeader", function () {
|
|
47
47
|
expect(wrapper.find('.subHeader').hasClass('fixed')).toEqual(true);
|
48
48
|
});
|
49
49
|
it('renders the Left content', function () {
|
50
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_SubHeader["default"], {
|
50
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_SubHeader["default"], {
|
51
51
|
classes: classes,
|
52
52
|
left: "Left content"
|
53
53
|
}));
|
54
54
|
expect(wrapper.find('.left').first().text()).toEqual('Left content');
|
55
55
|
});
|
56
56
|
it('renders the Right content', function () {
|
57
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_SubHeader["default"], {
|
57
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_SubHeader["default"], {
|
58
58
|
classes: classes,
|
59
59
|
right: "Right content"
|
60
60
|
}));
|
61
61
|
expect(wrapper.find('.right').first().text()).toEqual('Right content');
|
62
62
|
});
|
63
63
|
it('renders the Center content', function () {
|
64
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_SubHeader["default"], {
|
64
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_SubHeader["default"], {
|
65
65
|
classes: classes,
|
66
66
|
center: "Center content"
|
67
67
|
}));
|
@@ -70,7 +70,7 @@ describe("SubHeader", function () {
|
|
70
70
|
});
|
71
71
|
describe("SubHeaderJSS", function () {
|
72
72
|
it('matches the snapshot', function () {
|
73
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null));
|
73
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
|
74
74
|
expect(wrapper).toMatchSnapshot();
|
75
75
|
});
|
76
76
|
});
|
@@ -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
|
});
|
@@ -13,36 +15,38 @@ var _Flexbox = _interopRequireDefault(require("../Flexbox"));
|
|
13
15
|
|
14
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
15
17
|
|
16
|
-
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); }
|
17
|
-
|
18
18
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
19
19
|
|
20
20
|
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); } }
|
21
21
|
|
22
22
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
23
23
|
|
24
|
-
function
|
24
|
+
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); }
|
25
|
+
|
26
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
25
27
|
|
26
|
-
function
|
28
|
+
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); }; }
|
29
|
+
|
30
|
+
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); }
|
27
31
|
|
28
32
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
29
33
|
|
30
|
-
function
|
34
|
+
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; } }
|
31
35
|
|
32
|
-
function
|
36
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
33
37
|
|
34
38
|
/** The SwitchGroup component will display a group of buttons that behave as radio buttons. */
|
35
|
-
var SwitchGroup =
|
36
|
-
/*#__PURE__*/
|
37
|
-
function (_React$Component) {
|
39
|
+
var SwitchGroup = /*#__PURE__*/function (_React$Component) {
|
38
40
|
_inherits(SwitchGroup, _React$Component);
|
39
41
|
|
42
|
+
var _super = _createSuper(SwitchGroup);
|
43
|
+
|
40
44
|
function SwitchGroup(props) {
|
41
45
|
var _this;
|
42
46
|
|
43
47
|
_classCallCheck(this, SwitchGroup);
|
44
48
|
|
45
|
-
_this =
|
49
|
+
_this = _super.call(this, props);
|
46
50
|
_this.state = {
|
47
51
|
selected: props.selected ? props.selected : 0
|
48
52
|
};
|
@@ -75,16 +79,16 @@ function (_React$Component) {
|
|
75
79
|
var _this$props = this.props,
|
76
80
|
classes = _this$props.classes,
|
77
81
|
buttons = _this$props.buttons;
|
78
|
-
return _react["default"].createElement(_Flexbox["default"], {
|
82
|
+
return /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
|
79
83
|
display: "flex"
|
80
84
|
}, buttons.map(function (button, index) {
|
81
|
-
return _react["default"].createElement("button", {
|
85
|
+
return /*#__PURE__*/_react["default"].createElement("button", {
|
82
86
|
key: button.text,
|
83
87
|
className: "".concat(classes.button).concat(selected == index ? " ".concat(classes.active) : ''),
|
84
88
|
onClick: function onClick() {
|
85
89
|
_this2.onClick(button, index);
|
86
90
|
}
|
87
|
-
}, button.text, button.sec ? _react["default"].createElement("span", {
|
91
|
+
}, button.text, button.sec ? /*#__PURE__*/_react["default"].createElement("span", {
|
88
92
|
className: classes.sec
|
89
93
|
}, button.sec) : '');
|
90
94
|
}));
|