@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
package/build/NavTop/NavTop.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,8 +19,6 @@ var _NavItem = _interopRequireDefault(require("../NavItem"));
|
|
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 _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); }
|
23
23
|
|
24
24
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
@@ -27,25 +27,29 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
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; } }
|
39
41
|
|
40
|
-
|
41
|
-
|
42
|
-
function (_React$Component) {
|
42
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
43
|
+
|
44
|
+
var NavTop = /*#__PURE__*/function (_React$Component) {
|
43
45
|
_inherits(NavTop, _React$Component);
|
44
46
|
|
47
|
+
var _super = _createSuper(NavTop);
|
48
|
+
|
45
49
|
function NavTop() {
|
46
50
|
_classCallCheck(this, NavTop);
|
47
51
|
|
48
|
-
return
|
52
|
+
return _super.apply(this, arguments);
|
49
53
|
}
|
50
54
|
|
51
55
|
_createClass(NavTop, [{
|
@@ -54,7 +58,7 @@ function (_React$Component) {
|
|
54
58
|
var _this$props = this.props,
|
55
59
|
classes = _this$props.classes,
|
56
60
|
blue = _this$props.blue;
|
57
|
-
return _react["default"].createElement(_NavItem["default"], _extends({
|
61
|
+
return /*#__PURE__*/_react["default"].createElement(_NavItem["default"], _extends({
|
58
62
|
small: true,
|
59
63
|
white: blue
|
60
64
|
}, item, {
|
@@ -71,16 +75,16 @@ function (_React$Component) {
|
|
71
75
|
blue = _this$props2.blue,
|
72
76
|
top = _this$props2.top,
|
73
77
|
isFluid = _this$props2.isFluid;
|
74
|
-
return _react["default"].createElement("div", {
|
78
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
75
79
|
className: "".concat(classes.top, " ").concat(blue ? classes.blue : classes.white)
|
76
|
-
}, _react["default"].createElement(_Grid["default"], {
|
80
|
+
}, /*#__PURE__*/_react["default"].createElement(_Grid["default"], {
|
77
81
|
className: classes.fullHeight,
|
78
82
|
fluid: isFluid
|
79
|
-
}, _react["default"].createElement(_Flexbox["default"], {
|
83
|
+
}, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
|
80
84
|
display: "flex",
|
81
85
|
alignItems: "center",
|
82
86
|
className: classes.fullHeight
|
83
|
-
}, _react["default"].createElement("div", null, top && top.map(function (item) {
|
87
|
+
}, /*#__PURE__*/_react["default"].createElement("div", null, top && top.map(function (item) {
|
84
88
|
return _this.renderTopLink(item);
|
85
89
|
})))));
|
86
90
|
}
|
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();
|
@@ -0,0 +1,54 @@
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
2
|
+
|
3
|
+
exports[`OrderBy matches the snapshot 1`] = `ShallowWrapper {}`;
|
4
|
+
|
5
|
+
exports[`OrderBy styles matches the snapshot 1`] = `
|
6
|
+
Object {
|
7
|
+
"button": Object {
|
8
|
+
"cursor": "pointer",
|
9
|
+
},
|
10
|
+
"card": Object {
|
11
|
+
"@media screen and (min-width:768px)": Object {
|
12
|
+
"padding": 24,
|
13
|
+
},
|
14
|
+
"padding": 16,
|
15
|
+
},
|
16
|
+
"cardWrap": Object {
|
17
|
+
"marginTop": -16,
|
18
|
+
"opacity": 0,
|
19
|
+
"pointerEvents": "none",
|
20
|
+
"position": "absolute",
|
21
|
+
"right": 0,
|
22
|
+
"top": "100%",
|
23
|
+
"transition": "0.3s all",
|
24
|
+
"zIndex": 1,
|
25
|
+
},
|
26
|
+
"icon": Object {
|
27
|
+
"height": 14,
|
28
|
+
"marginLeft": 4,
|
29
|
+
"marginTop": 2,
|
30
|
+
"width": 14,
|
31
|
+
},
|
32
|
+
"link": Object {
|
33
|
+
"color": "#0946CB",
|
34
|
+
},
|
35
|
+
"option": Object {
|
36
|
+
"&:not(:last-child)": Object {
|
37
|
+
"paddingBottom": 8,
|
38
|
+
},
|
39
|
+
"cursor": "pointer",
|
40
|
+
"whiteSpace": "nowrap",
|
41
|
+
},
|
42
|
+
"show": Object {
|
43
|
+
"marginTop": 0,
|
44
|
+
"opacity": 1,
|
45
|
+
"pointerEvents": "auto",
|
46
|
+
},
|
47
|
+
"wrap": Object {
|
48
|
+
"display": "inline-block",
|
49
|
+
"position": "relative",
|
50
|
+
},
|
51
|
+
}
|
52
|
+
`;
|
53
|
+
|
54
|
+
exports[`OrderByJSS matches the snapshot 1`] = `ShallowWrapper {}`;
|
@@ -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
|
});
|
@@ -0,0 +1,13 @@
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
2
|
+
|
3
|
+
exports[`Break matches the snapshot 1`] = `ShallowWrapper {}`;
|
4
|
+
|
5
|
+
exports[`Break styles matches the snapshot 1`] = `
|
6
|
+
Object {
|
7
|
+
"li": Object {
|
8
|
+
"display": "inline-block",
|
9
|
+
},
|
10
|
+
}
|
11
|
+
`;
|
12
|
+
|
13
|
+
exports[`BreakJSS matches the snapshot 1`] = `ShallowWrapper {}`;
|
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
|
});
|
@@ -0,0 +1,27 @@
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
2
|
+
|
3
|
+
exports[`Page matches the snapshot 1`] = `ShallowWrapper {}`;
|
4
|
+
|
5
|
+
exports[`Page styles matches the snapshot 1`] = `
|
6
|
+
Object {
|
7
|
+
"active": Object {
|
8
|
+
"background": "#1476fb !important",
|
9
|
+
"color": "#ffffff",
|
10
|
+
},
|
11
|
+
"li": Object {
|
12
|
+
"&:hover": Object {
|
13
|
+
"background": "#ECECEE",
|
14
|
+
},
|
15
|
+
"borderRadius": "13px",
|
16
|
+
"cursor": "pointer",
|
17
|
+
"display": "inline-block",
|
18
|
+
"marginLeft": "4px",
|
19
|
+
"marginRight": "4px",
|
20
|
+
"outline": "0",
|
21
|
+
"padding": "2px 11px",
|
22
|
+
"transition": "0.3s all",
|
23
|
+
},
|
24
|
+
}
|
25
|
+
`;
|
26
|
+
|
27
|
+
exports[`PageJSS matches the snapshot 1`] = `ShallowWrapper {}`;
|
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,22 +21,22 @@ 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);
|
34
|
-
expect(wrapper.find('.prev').text()).toEqual('<Icon /> Previous');
|
34
|
+
expect(wrapper.find('.prev').text()).toEqual('<Jss(Icon) /> Previous');
|
35
35
|
expect(wrapper.find('.next').length).toBe(1);
|
36
|
-
expect(wrapper.find('.next').text()).toEqual('Next <Icon />');
|
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
|
});
|