@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
package/build/OrderBy/OrderBy.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
|
});
|
@@ -21,36 +23,38 @@ 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
27
27
|
|
28
28
|
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); } }
|
29
29
|
|
30
30
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
31
31
|
|
32
|
-
function
|
32
|
+
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); }
|
33
|
+
|
34
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
33
35
|
|
34
|
-
function
|
36
|
+
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); }; }
|
37
|
+
|
38
|
+
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); }
|
35
39
|
|
36
40
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
37
41
|
|
38
|
-
function
|
42
|
+
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; } }
|
39
43
|
|
40
|
-
function
|
44
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
41
45
|
|
42
46
|
/** The OrderBy component shows a label and a dropdown with the values to order a set of items. You have to do that ordering by receiving the OrderBy value with an onChange function. */
|
43
|
-
var OrderBy =
|
44
|
-
/*#__PURE__*/
|
45
|
-
function (_React$Component) {
|
47
|
+
var OrderBy = /*#__PURE__*/function (_React$Component) {
|
46
48
|
_inherits(OrderBy, _React$Component);
|
47
49
|
|
50
|
+
var _super = _createSuper(OrderBy);
|
51
|
+
|
48
52
|
function OrderBy(props) {
|
49
53
|
var _this;
|
50
54
|
|
51
55
|
_classCallCheck(this, OrderBy);
|
52
56
|
|
53
|
-
_this =
|
57
|
+
_this = _super.call(this, props);
|
54
58
|
_this.state = {
|
55
59
|
display: false
|
56
60
|
};
|
@@ -119,35 +123,35 @@ function (_React$Component) {
|
|
119
123
|
return option.value == selected;
|
120
124
|
});
|
121
125
|
var selectedText = selectedOption.length && selectedOption[0].text ? selectedOption[0].text : '';
|
122
|
-
return _react["default"].createElement("div", {
|
126
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
123
127
|
className: "".concat(classes.wrap).concat(className ? " ".concat(className) : ''),
|
124
128
|
id: id,
|
125
129
|
style: style
|
126
|
-
}, _react["default"].createElement("div", {
|
130
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
127
131
|
className: classes.button,
|
128
132
|
onClick: this.toggleCard
|
129
|
-
}, _react["default"].createElement(_Flexbox["default"], {
|
133
|
+
}, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
|
130
134
|
display: "inline-flex"
|
131
|
-
}, _react["default"].createElement(_Text["default"], {
|
135
|
+
}, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
132
136
|
small: true,
|
133
137
|
mid: true
|
134
|
-
}, text, " ", hideSelectedText ? '' : selectedText), _react["default"].createElement(_Icon["default"], {
|
138
|
+
}, text, " ", hideSelectedText ? '' : selectedText), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
135
139
|
iconName: iconName,
|
136
140
|
colors: [_colors["default"].grey600],
|
137
141
|
className: classes.icon
|
138
|
-
}))), _react["default"].createElement("div", {
|
142
|
+
}))), /*#__PURE__*/_react["default"].createElement("div", {
|
139
143
|
onClick: this.stopPropagation,
|
140
144
|
className: "".concat(classes.cardWrap).concat(display ? " ".concat(classes.show) : '')
|
141
|
-
}, _react["default"].createElement(_Card["default"], {
|
145
|
+
}, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
|
142
146
|
className: classes.card
|
143
147
|
}, options.map(function (option) {
|
144
|
-
return _react["default"].createElement("div", {
|
148
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
145
149
|
className: classes.option,
|
146
150
|
key: option.value,
|
147
151
|
onClick: function onClick() {
|
148
152
|
_this2.onChange(option.value);
|
149
153
|
}
|
150
|
-
}, _react["default"].createElement(_Text["default"], {
|
154
|
+
}, /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
151
155
|
className: option.value === selected ? classes.link : '',
|
152
156
|
value: option.value
|
153
157
|
}, option.text));
|
@@ -28,14 +28,14 @@ var options = [{
|
|
28
28
|
}];
|
29
29
|
describe("OrderBy", function () {
|
30
30
|
it('matches the snapshot', function () {
|
31
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_OrderBy["default"], {
|
31
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_OrderBy["default"], {
|
32
32
|
classes: classes,
|
33
33
|
options: options
|
34
34
|
}));
|
35
35
|
expect(wrapper).toMatchSnapshot();
|
36
36
|
});
|
37
37
|
it('shows the text', function () {
|
38
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_OrderBy["default"], {
|
38
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_OrderBy["default"], {
|
39
39
|
classes: classes,
|
40
40
|
options: options,
|
41
41
|
text: "Text"
|
@@ -43,14 +43,14 @@ describe("OrderBy", function () {
|
|
43
43
|
expect(wrapper.find('p').at(0).text()).toEqual('Text ');
|
44
44
|
});
|
45
45
|
it('renders all the options', function () {
|
46
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_OrderBy["default"], {
|
46
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_OrderBy["default"], {
|
47
47
|
classes: classes,
|
48
48
|
options: options
|
49
49
|
}));
|
50
50
|
expect(wrapper.find('.option').length).toBe(2);
|
51
51
|
});
|
52
52
|
it('shows the text of the selected option', function () {
|
53
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_OrderBy["default"], {
|
53
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_OrderBy["default"], {
|
54
54
|
classes: classes,
|
55
55
|
options: options,
|
56
56
|
text: "Text",
|
@@ -60,7 +60,7 @@ describe("OrderBy", function () {
|
|
60
60
|
});
|
61
61
|
it('calls onChange function', function () {
|
62
62
|
var onChange = jest.fn();
|
63
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_OrderBy["default"], {
|
63
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_OrderBy["default"], {
|
64
64
|
classes: classes,
|
65
65
|
options: options,
|
66
66
|
onChange: onChange
|
@@ -71,7 +71,7 @@ describe("OrderBy", function () {
|
|
71
71
|
});
|
72
72
|
describe("OrderByJSS", function () {
|
73
73
|
it('matches the snapshot', function () {
|
74
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], {
|
74
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
75
75
|
options: options
|
76
76
|
}));
|
77
77
|
expect(wrapper).toMatchSnapshot();
|
@@ -14,7 +14,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
14
14
|
var Break = function Break(_ref) {
|
15
15
|
var classes = _ref.classes,
|
16
16
|
label = _ref.label;
|
17
|
-
return _react["default"].createElement("li", {
|
17
|
+
return /*#__PURE__*/_react["default"].createElement("li", {
|
18
18
|
className: classes.li
|
19
19
|
}, label);
|
20
20
|
};
|
@@ -21,19 +21,19 @@ var reduceClasses = function reduceClasses(prev, curr) {
|
|
21
21
|
var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
|
22
22
|
describe("Break", function () {
|
23
23
|
it('matches the snapshot', function () {
|
24
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Break["default"], {
|
24
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Break["default"], {
|
25
25
|
classes: classes
|
26
26
|
}));
|
27
27
|
expect(wrapper).toMatchSnapshot();
|
28
28
|
});
|
29
29
|
it('renders the li', function () {
|
30
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Break["default"], {
|
30
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Break["default"], {
|
31
31
|
classes: classes
|
32
32
|
}));
|
33
33
|
expect(wrapper.find('.li').length).toBe(1);
|
34
34
|
});
|
35
35
|
it('renders the label content', function () {
|
36
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Break["default"], {
|
36
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Break["default"], {
|
37
37
|
label: "...",
|
38
38
|
classes: classes
|
39
39
|
}));
|
@@ -42,7 +42,7 @@ describe("Break", function () {
|
|
42
42
|
});
|
43
43
|
describe("BreakJSS", function () {
|
44
44
|
it('matches the snapshot', function () {
|
45
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null));
|
45
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
|
46
46
|
expect(wrapper).toMatchSnapshot();
|
47
47
|
});
|
48
48
|
});
|
package/build/Pager/Page/Page.js
CHANGED
@@ -16,7 +16,7 @@ var Page = function Page(_ref) {
|
|
16
16
|
onClick = _ref.onClick,
|
17
17
|
selected = _ref.selected,
|
18
18
|
page = _ref.page;
|
19
|
-
return _react["default"].createElement("li", {
|
19
|
+
return /*#__PURE__*/_react["default"].createElement("li", {
|
20
20
|
className: "".concat(classes.li).concat(selected ? " ".concat(classes.active) : ''),
|
21
21
|
tabIndex: "0",
|
22
22
|
onClick: onClick
|
@@ -21,19 +21,19 @@ var reduceClasses = function reduceClasses(prev, curr) {
|
|
21
21
|
var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
|
22
22
|
describe("Page", function () {
|
23
23
|
it('matches the snapshot', function () {
|
24
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Page["default"], {
|
24
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Page["default"], {
|
25
25
|
classes: classes
|
26
26
|
}));
|
27
27
|
expect(wrapper).toMatchSnapshot();
|
28
28
|
});
|
29
29
|
it('renders the li', function () {
|
30
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Page["default"], {
|
30
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Page["default"], {
|
31
31
|
classes: classes
|
32
32
|
}));
|
33
33
|
expect(wrapper.find('.li').length).toBe(1);
|
34
34
|
});
|
35
35
|
it('shows the li as active', function () {
|
36
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Page["default"], {
|
36
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Page["default"], {
|
37
37
|
classes: classes
|
38
38
|
}));
|
39
39
|
expect(wrapper.find('.li').hasClass('active')).toBe(false);
|
@@ -44,7 +44,7 @@ describe("Page", function () {
|
|
44
44
|
});
|
45
45
|
it('calls the onClick function', function () {
|
46
46
|
var onClick = jest.fn();
|
47
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Page["default"], {
|
47
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Page["default"], {
|
48
48
|
onClick: onClick,
|
49
49
|
classes: classes
|
50
50
|
}));
|
@@ -54,7 +54,7 @@ describe("Page", function () {
|
|
54
54
|
});
|
55
55
|
describe("PageJSS", function () {
|
56
56
|
it('matches the snapshot', function () {
|
57
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null));
|
57
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
|
58
58
|
expect(wrapper).toMatchSnapshot();
|
59
59
|
});
|
60
60
|
});
|
package/build/Pager/Pager.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
|
});
|
@@ -17,36 +19,38 @@ var _Break = _interopRequireDefault(require("./Break"));
|
|
17
19
|
|
18
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
19
21
|
|
20
|
-
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); }
|
21
|
-
|
22
22
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
23
23
|
|
24
24
|
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); } }
|
25
25
|
|
26
26
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
27
27
|
|
28
|
-
function
|
28
|
+
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); }
|
29
|
+
|
30
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
29
31
|
|
30
|
-
function
|
32
|
+
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); }; }
|
33
|
+
|
34
|
+
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
35
|
|
32
36
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
33
37
|
|
34
|
-
function
|
38
|
+
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
39
|
|
36
|
-
function
|
40
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
37
41
|
|
38
42
|
/** This pager allows the user to navigate between pages with 'Next' and 'Previous' buttons and numerical buttons. */
|
39
|
-
var Pager =
|
40
|
-
/*#__PURE__*/
|
41
|
-
function (_React$Component) {
|
43
|
+
var Pager = /*#__PURE__*/function (_React$Component) {
|
42
44
|
_inherits(Pager, _React$Component);
|
43
45
|
|
46
|
+
var _super = _createSuper(Pager);
|
47
|
+
|
44
48
|
function Pager(props) {
|
45
49
|
var _this;
|
46
50
|
|
47
51
|
_classCallCheck(this, Pager);
|
48
52
|
|
49
|
-
_this =
|
53
|
+
_this = _super.call(this, props);
|
50
54
|
_this.state = {
|
51
55
|
selected: props.initialPage ? props.initialPage : props.forcePage ? props.forcePage : 1
|
52
56
|
};
|
@@ -125,7 +129,7 @@ function (_React$Component) {
|
|
125
129
|
key: "getPageElement",
|
126
130
|
value: function getPageElement(index) {
|
127
131
|
var selected = this.state.selected;
|
128
|
-
return _react["default"].createElement(_Page["default"], {
|
132
|
+
return /*#__PURE__*/_react["default"].createElement(_Page["default"], {
|
129
133
|
key: index,
|
130
134
|
onClick: this.handlePageSelected.bind(null, index),
|
131
135
|
selected: selected == index,
|
@@ -189,7 +193,7 @@ function (_React$Component) {
|
|
189
193
|
}
|
190
194
|
|
191
195
|
if (breakLabel && items[items.length - 1] != breakView) {
|
192
|
-
breakView = _react["default"].createElement(_Break["default"], {
|
196
|
+
breakView = /*#__PURE__*/_react["default"].createElement(_Break["default"], {
|
193
197
|
key: _index,
|
194
198
|
label: breakLabel
|
195
199
|
});
|
@@ -211,20 +215,20 @@ function (_React$Component) {
|
|
211
215
|
nextLabel = _this$props3.nextLabel,
|
212
216
|
hideNumbers = _this$props3.hideNumbers,
|
213
217
|
className = _this$props3.className;
|
214
|
-
return _react["default"].createElement("ul", {
|
218
|
+
return /*#__PURE__*/_react["default"].createElement("ul", {
|
215
219
|
className: "".concat(classes.pager).concat(className ? " ".concat(className) : '')
|
216
|
-
}, _react["default"].createElement("li", {
|
220
|
+
}, /*#__PURE__*/_react["default"].createElement("li", {
|
217
221
|
className: "".concat(classes.btn, " ").concat(classes.prev).concat(selected == 1 ? " ".concat(classes.disabled) : ''),
|
218
222
|
tabIndex: "0",
|
219
223
|
onClick: this.handlePrevPage
|
220
|
-
}, _react["default"].createElement(_Icon["default"], {
|
224
|
+
}, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
221
225
|
iconName: "arrowDown",
|
222
226
|
colors: ['#adb4bb']
|
223
|
-
}), " ", previousLabel), !hideNumbers && this.pagination(), _react["default"].createElement("li", {
|
227
|
+
}), " ", previousLabel), !hideNumbers && this.pagination(), /*#__PURE__*/_react["default"].createElement("li", {
|
224
228
|
className: "".concat(classes.btn, " ").concat(classes.next).concat(selected == pageCount ? " ".concat(classes.disabled) : ''),
|
225
229
|
tabIndex: "0",
|
226
230
|
onClick: this.handleNextPage
|
227
|
-
}, nextLabel, " ", _react["default"].createElement(_Icon["default"], {
|
231
|
+
}, nextLabel, " ", /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
228
232
|
iconName: "arrowDown",
|
229
233
|
colors: ['#adb4bb']
|
230
234
|
})));
|
@@ -21,13 +21,13 @@ var reduceClasses = function reduceClasses(prev, curr) {
|
|
21
21
|
var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
|
22
22
|
describe("Pager", function () {
|
23
23
|
it('matches the snapshot', function () {
|
24
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Pager["default"], {
|
24
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Pager["default"], {
|
25
25
|
classes: classes
|
26
26
|
}));
|
27
27
|
expect(wrapper).toMatchSnapshot();
|
28
28
|
});
|
29
29
|
it('renders the prev and next buttons', function () {
|
30
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Pager["default"], {
|
30
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Pager["default"], {
|
31
31
|
classes: classes
|
32
32
|
}));
|
33
33
|
expect(wrapper.find('.prev').length).toBe(1);
|
@@ -36,7 +36,7 @@ describe("Pager", function () {
|
|
36
36
|
expect(wrapper.find('.next').text()).toEqual('Next <Jss(Icon) />');
|
37
37
|
});
|
38
38
|
it('changes to previous page', function () {
|
39
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Pager["default"], {
|
39
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Pager["default"], {
|
40
40
|
initialPage: 3,
|
41
41
|
classes: classes
|
42
42
|
}));
|
@@ -47,7 +47,7 @@ describe("Pager", function () {
|
|
47
47
|
expect(wrapper.state('selected')).toEqual(2);
|
48
48
|
});
|
49
49
|
it('changes to next page', function () {
|
50
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Pager["default"], {
|
50
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Pager["default"], {
|
51
51
|
initialPage: 3,
|
52
52
|
classes: classes
|
53
53
|
}));
|
@@ -58,7 +58,7 @@ describe("Pager", function () {
|
|
58
58
|
expect(wrapper.state('selected')).toEqual(4);
|
59
59
|
});
|
60
60
|
it('renders the pagination', function () {
|
61
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pager["default"], {
|
61
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Pager["default"], {
|
62
62
|
pageCount: 3,
|
63
63
|
pageRangeDisplayed: 1,
|
64
64
|
marginPagesDisplayed: 1,
|
@@ -67,7 +67,7 @@ describe("Pager", function () {
|
|
67
67
|
expect(wrapper.find('li').length).toBe(5);
|
68
68
|
});
|
69
69
|
it('changes to a specific page', function () {
|
70
|
-
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_Pager["default"], {
|
70
|
+
var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(_Pager["default"], {
|
71
71
|
pageCount: 5,
|
72
72
|
pageRangeDisplayed: 1,
|
73
73
|
marginPagesDisplayed: 1,
|
@@ -80,7 +80,7 @@ describe("Pager", function () {
|
|
80
80
|
expect(wrapper.state('selected')).toEqual(5);
|
81
81
|
});
|
82
82
|
it('disables the previous page button', function () {
|
83
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Pager["default"], {
|
83
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Pager["default"], {
|
84
84
|
initialPage: 1,
|
85
85
|
classes: classes
|
86
86
|
}));
|
@@ -91,7 +91,7 @@ describe("Pager", function () {
|
|
91
91
|
expect(wrapper.find('.prev').hasClass('disabled')).toEqual(false);
|
92
92
|
});
|
93
93
|
it('disables the next page button', function () {
|
94
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Pager["default"], {
|
94
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Pager["default"], {
|
95
95
|
pageCount: 5,
|
96
96
|
initialPage: 5,
|
97
97
|
classes: classes
|
@@ -104,7 +104,7 @@ describe("Pager", function () {
|
|
104
104
|
});
|
105
105
|
it('calls the onPageChange function', function () {
|
106
106
|
var onPageChange = jest.fn();
|
107
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Pager["default"], {
|
107
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Pager["default"], {
|
108
108
|
onPageChange: onPageChange,
|
109
109
|
classes: classes
|
110
110
|
}));
|
@@ -116,7 +116,7 @@ describe("Pager", function () {
|
|
116
116
|
});
|
117
117
|
describe("PagerJSS", function () {
|
118
118
|
it('matches the snapshot', function () {
|
119
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null));
|
119
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
|
120
120
|
expect(wrapper).toMatchSnapshot();
|
121
121
|
});
|
122
122
|
});
|
@@ -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,35 +21,37 @@ var _iconSizes = _interopRequireDefault(require("../../subatomic/iconSizes"));
|
|
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
|
+
|
32
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
31
33
|
|
32
|
-
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
|
+
|
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); }
|
33
37
|
|
34
38
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
35
39
|
|
36
|
-
function
|
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; } }
|
37
41
|
|
38
|
-
function
|
42
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
39
43
|
|
40
|
-
var Choice =
|
41
|
-
/*#__PURE__*/
|
42
|
-
function (_React$Component) {
|
44
|
+
var Choice = /*#__PURE__*/function (_React$Component) {
|
43
45
|
_inherits(Choice, _React$Component);
|
44
46
|
|
47
|
+
var _super = _createSuper(Choice);
|
48
|
+
|
45
49
|
function Choice(props) {
|
46
50
|
var _this;
|
47
51
|
|
48
52
|
_classCallCheck(this, Choice);
|
49
53
|
|
50
|
-
_this =
|
54
|
+
_this = _super.call(this, props);
|
51
55
|
_this.handleOnClick = _this.handleOnClick.bind(_assertThisInitialized(_this));
|
52
56
|
return _this;
|
53
57
|
}
|
@@ -73,21 +77,21 @@ function (_React$Component) {
|
|
73
77
|
rightIcon = _this$props2.rightIcon,
|
74
78
|
id = _this$props2.id;
|
75
79
|
var iconColor = disabled ? _colors["default"].grey200 : selected ? _colors["default"].prim : _colors["default"].grey900;
|
76
|
-
return _react["default"].createElement("button", {
|
80
|
+
return /*#__PURE__*/_react["default"].createElement("button", {
|
77
81
|
className: "".concat(classes.pill).concat(selected ? " ".concat(classes.selected) : disabled ? " ".concat(classes.disabled) : ''),
|
78
82
|
onClick: this.handleOnClick,
|
79
83
|
id: idPrefix ? "".concat(idPrefix).concat(id) : null
|
80
|
-
}, leftIcon && _react["default"].createElement(_Icon["default"], {
|
84
|
+
}, leftIcon && /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
81
85
|
iconName: leftIcon,
|
82
86
|
colors: [iconColor],
|
83
87
|
width: _iconSizes["default"].small,
|
84
88
|
height: _iconSizes["default"].small
|
85
|
-
}), children && _react["default"].createElement(_Text["default"], {
|
89
|
+
}), children && /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
86
90
|
tag: "span",
|
87
91
|
className: classes.text,
|
88
92
|
primary: selected,
|
89
93
|
disabled: disabled
|
90
|
-
}, children), rightIcon && _react["default"].createElement(_Icon["default"], {
|
94
|
+
}, children), rightIcon && /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
91
95
|
iconName: rightIcon,
|
92
96
|
colors: [iconColor],
|
93
97
|
width: _iconSizes["default"].small,
|
@@ -17,10 +17,10 @@ var Group = function Group(_ref) {
|
|
17
17
|
selected = _ref.selected,
|
18
18
|
onSelect = _ref.onSelect,
|
19
19
|
idPrefix = _ref.idPrefix;
|
20
|
-
return _react["default"].createElement("div", {
|
20
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
21
21
|
className: classes.pillGroup
|
22
22
|
}, items.map(function (item, index) {
|
23
|
-
return _react["default"].createElement("button", {
|
23
|
+
return /*#__PURE__*/_react["default"].createElement("button", {
|
24
24
|
key: item.id,
|
25
25
|
id: idPrefix ? "".concat(idPrefix).concat(item.id) : null,
|
26
26
|
className: "".concat(classes.pill).concat(selected == item.id ? " ".concat(classes.selected) : item.disabled ? " ".concat(classes.disabled) : ''),
|