@occmundial/occ-atomic 1.15.8 → 1.18.0
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 +929 -903
- 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 +44 -39
- package/build/Droplist/Droplist.test.js +11 -11
- package/build/Droplist/index.js +4 -2
- package/build/Droplist/styles.js +6 -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/attachment.js +23 -0
- package/build/subatomic/icons/attachmentSolid.js +23 -0
- package/build/subatomic/icons/dislike.js +1 -1
- package/build/subatomic/icons/dislikeSolid.js +23 -0
- package/build/subatomic/icons/eye.js +1 -1
- package/build/subatomic/icons/{emoji.js → eyeSolid.js} +1 -1
- package/build/subatomic/icons/like.js +1 -1
- package/build/subatomic/icons/likeSolid.js +23 -0
- package/build/subatomic/icons/moreOptionsHorizontal.js +23 -0
- 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/profile.js +23 -0
- package/build/subatomic/icons/profileSolid.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/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 +45 -9
- package/commitlint.config.js +6 -0
- package/package.json +121 -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/Input/Input.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
|
});
|
@@ -15,8 +17,6 @@ var _colors = _interopRequireDefault(require("../subatomic/colors"));
|
|
15
17
|
|
16
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
17
19
|
|
18
|
-
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); }
|
19
|
-
|
20
20
|
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); }
|
21
21
|
|
22
22
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
@@ -25,28 +25,32 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
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
|
/** Input component that includes all the markup, functions and behaviors to implement any type of input field. */
|
39
|
-
var Input =
|
40
|
-
/*#__PURE__*/
|
41
|
-
function (_React$Component) {
|
43
|
+
var Input = /*#__PURE__*/function (_React$Component) {
|
42
44
|
_inherits(Input, _React$Component);
|
43
45
|
|
46
|
+
var _super = _createSuper(Input);
|
47
|
+
|
44
48
|
function Input(props) {
|
45
49
|
var _this;
|
46
50
|
|
47
51
|
_classCallCheck(this, Input);
|
48
52
|
|
49
|
-
_this =
|
53
|
+
_this = _super.call(this, props);
|
50
54
|
_this.state = {
|
51
55
|
status: 'default',
|
52
56
|
value: props.valueProp ? props.valueProp : '',
|
@@ -260,35 +264,35 @@ function (_React$Component) {
|
|
260
264
|
if (iconName) iconColor = this.setIconColor(realStatus);
|
261
265
|
|
262
266
|
if (disabled) {
|
263
|
-
return _react["default"].createElement("div", {
|
267
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
264
268
|
className: this.setClassName(realStatus),
|
265
269
|
style: style
|
266
|
-
}, label && _react["default"].createElement("label", {
|
270
|
+
}, label && /*#__PURE__*/_react["default"].createElement("label", {
|
267
271
|
className: "".concat(classes.label, " ").concat(classes.left)
|
268
|
-
}, label), _react["default"].createElement("label", {
|
272
|
+
}, label), /*#__PURE__*/_react["default"].createElement("label", {
|
269
273
|
className: "".concat(classes.input).concat(iconName ? " ".concat(classes.hasIcon) : '')
|
270
274
|
}, input && input.value ? input.value : value ? value : placeholder));
|
271
275
|
}
|
272
276
|
|
273
|
-
return _react["default"].createElement("div", {
|
277
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
274
278
|
className: this.setClassName(realStatus),
|
275
279
|
style: style
|
276
|
-
}, label && _react["default"].createElement("label", {
|
280
|
+
}, label && /*#__PURE__*/_react["default"].createElement("label", {
|
277
281
|
className: "".concat(classes.label, " ").concat(classes.left)
|
278
|
-
}, label), !label && placeholder && _react["default"].createElement("label", {
|
282
|
+
}, label), !label && placeholder && /*#__PURE__*/_react["default"].createElement("label", {
|
279
283
|
className: "".concat(classes.label, " ").concat(classes.left, " ").concat(classes.placeholder).concat(iconName ? " ".concat(classes.pushHolder) : '')
|
280
|
-
}, placeholder), iconName && _react["default"].createElement(_Icon["default"], {
|
284
|
+
}, placeholder), iconName && /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
281
285
|
iconName: iconName,
|
282
286
|
width: 24,
|
283
287
|
height: 24,
|
284
288
|
display: "inline-block",
|
285
289
|
className: classes.icon,
|
286
290
|
colors: [iconColor]
|
287
|
-
}), counter && status == 'focus' && _react["default"].createElement("label", {
|
291
|
+
}), counter && status == 'focus' && /*#__PURE__*/_react["default"].createElement("label", {
|
288
292
|
className: "".concat(classes.label, " ").concat(classes.right, " ").concat(classes.counter)
|
289
|
-
}, maxLength - value.length), _react["default"].createElement("div", {
|
293
|
+
}, maxLength - value.length), /*#__PURE__*/_react["default"].createElement("div", {
|
290
294
|
className: classes.inputWrap
|
291
|
-
}, type == "select" ? _react["default"].createElement(InputType, {
|
295
|
+
}, type == "select" ? /*#__PURE__*/_react["default"].createElement(InputType, {
|
292
296
|
type: type,
|
293
297
|
name: name,
|
294
298
|
id: id,
|
@@ -304,11 +308,11 @@ function (_React$Component) {
|
|
304
308
|
_this2.input = _ref5;
|
305
309
|
}
|
306
310
|
}, options.map(function (option) {
|
307
|
-
return _react["default"].createElement("option", {
|
311
|
+
return /*#__PURE__*/_react["default"].createElement("option", {
|
308
312
|
key: option.value,
|
309
313
|
value: option.value
|
310
314
|
}, option.text);
|
311
|
-
})) : _react["default"].createElement(InputType, _extends({
|
315
|
+
})) : /*#__PURE__*/_react["default"].createElement(InputType, _extends({
|
312
316
|
type: type,
|
313
317
|
name: name,
|
314
318
|
id: id,
|
@@ -326,12 +330,12 @@ function (_React$Component) {
|
|
326
330
|
}
|
327
331
|
}, disableAutoComplete && {
|
328
332
|
autoComplete: 'off'
|
329
|
-
}))), value && clear && _react["default"].createElement("button", {
|
333
|
+
}))), value && clear && /*#__PURE__*/_react["default"].createElement("button", {
|
330
334
|
onClick: this.onClear,
|
331
335
|
className: classes.clear
|
332
|
-
}, _react["default"].createElement(_Icon["default"], {
|
336
|
+
}, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
333
337
|
iconName: "close"
|
334
|
-
})), (meta && meta.error && meta.touched || error && touched && status != 'focus') && _react["default"].createElement("label", {
|
338
|
+
})), (meta && meta.error && meta.touched || error && touched && status != 'focus') && /*#__PURE__*/_react["default"].createElement("label", {
|
335
339
|
className: "".concat(classes.label, " ").concat(classes.error)
|
336
340
|
}, meta ? meta.error : error));
|
337
341
|
}
|
@@ -21,13 +21,13 @@ var reduceClasses = function reduceClasses(prev, curr) {
|
|
21
21
|
var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
|
22
22
|
describe("Input", function () {
|
23
23
|
it('matches the snapshot', function () {
|
24
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
24
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
25
25
|
classes: classes
|
26
26
|
}));
|
27
27
|
expect(wrapper).toMatchSnapshot();
|
28
28
|
});
|
29
29
|
it('renders the right html tag', function () {
|
30
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
30
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
31
31
|
classes: classes
|
32
32
|
}));
|
33
33
|
expect(wrapper.find('.input').type()).toBe('input');
|
@@ -42,7 +42,7 @@ describe("Input", function () {
|
|
42
42
|
expect(wrapper.find('.input').type()).toBe('select');
|
43
43
|
});
|
44
44
|
it('renders the right type of input', function () {
|
45
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
45
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
46
46
|
classes: classes
|
47
47
|
}));
|
48
48
|
expect(wrapper.find('.input').prop('type')).toBe('text');
|
@@ -56,14 +56,14 @@ describe("Input", function () {
|
|
56
56
|
expect(wrapper.find('.input').prop('type')).toBe('number');
|
57
57
|
});
|
58
58
|
it('sets the maxLength property', function () {
|
59
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
59
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
60
60
|
classes: classes,
|
61
61
|
maxLength: 2
|
62
62
|
}));
|
63
63
|
expect(wrapper.find('.input').prop('maxLength')).toBe(2);
|
64
64
|
});
|
65
65
|
it('shows a counter with the remaining characters', function () {
|
66
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
66
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
67
67
|
classes: classes,
|
68
68
|
maxLength: 50,
|
69
69
|
counter: true
|
@@ -80,7 +80,7 @@ describe("Input", function () {
|
|
80
80
|
expect(wrapper.find('.counter').text()).toBe('40');
|
81
81
|
});
|
82
82
|
it('renders a label and a placeholder in the input', function () {
|
83
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
83
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
84
84
|
classes: classes,
|
85
85
|
label: "Label",
|
86
86
|
placeholder: "Placeholder"
|
@@ -90,7 +90,7 @@ describe("Input", function () {
|
|
90
90
|
expect(wrapper.find('.input').prop('placeholder')).toBe('Placeholder');
|
91
91
|
});
|
92
92
|
it('renders a placeholder that works as a label on focus', function () {
|
93
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
93
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
94
94
|
classes: classes,
|
95
95
|
placeholder: "Placeholder"
|
96
96
|
}));
|
@@ -99,7 +99,7 @@ describe("Input", function () {
|
|
99
99
|
expect(wrapper.find('.container').hasClass('push')).toBe(true);
|
100
100
|
});
|
101
101
|
it('renders a static field when disabled', function () {
|
102
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
102
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
103
103
|
classes: classes
|
104
104
|
}));
|
105
105
|
expect(wrapper.find('.container').hasClass('disabled')).toBe(false);
|
@@ -111,14 +111,14 @@ describe("Input", function () {
|
|
111
111
|
expect(wrapper.find('.input').type()).toBe('label');
|
112
112
|
});
|
113
113
|
it('sets the autoFocus property', function () {
|
114
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
114
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
115
115
|
classes: classes,
|
116
116
|
autoFocus: true
|
117
117
|
}));
|
118
118
|
expect(wrapper.find('.input').prop('autoFocus')).toBe(true);
|
119
119
|
});
|
120
120
|
it('shows an icon that clears the value on click', function () {
|
121
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
121
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
122
122
|
classes: classes,
|
123
123
|
clear: true
|
124
124
|
}));
|
@@ -132,7 +132,7 @@ describe("Input", function () {
|
|
132
132
|
expect(wrapper.state('value')).toBe('');
|
133
133
|
});
|
134
134
|
it('shows an error message', function () {
|
135
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
135
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
136
136
|
classes: classes,
|
137
137
|
error: "This field has an error"
|
138
138
|
}));
|
@@ -145,7 +145,7 @@ describe("Input", function () {
|
|
145
145
|
expect(wrapper.find('.error').at(1).text()).toBe('This field has an error');
|
146
146
|
});
|
147
147
|
it('shows the field as a valid value', function () {
|
148
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
148
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
149
149
|
classes: classes,
|
150
150
|
valid: true
|
151
151
|
}));
|
@@ -156,7 +156,7 @@ describe("Input", function () {
|
|
156
156
|
expect(wrapper.find('.container').hasClass('correct')).toBe(true);
|
157
157
|
});
|
158
158
|
it('sets a default value', function () {
|
159
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
159
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
160
160
|
classes: classes,
|
161
161
|
valueProp: "Value"
|
162
162
|
}));
|
@@ -164,7 +164,7 @@ describe("Input", function () {
|
|
164
164
|
});
|
165
165
|
it('calls the onFocus function', function () {
|
166
166
|
var onFocus = jest.fn();
|
167
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
167
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
168
168
|
classes: classes,
|
169
169
|
onFocus: onFocus
|
170
170
|
}));
|
@@ -175,7 +175,7 @@ describe("Input", function () {
|
|
175
175
|
});
|
176
176
|
it('calls the onBlur function', function () {
|
177
177
|
var onBlur = jest.fn();
|
178
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
178
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
179
179
|
classes: classes,
|
180
180
|
onBlur: onBlur
|
181
181
|
}));
|
@@ -188,7 +188,7 @@ describe("Input", function () {
|
|
188
188
|
});
|
189
189
|
it('calls the onChange function', function () {
|
190
190
|
var onChange = jest.fn();
|
191
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
191
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
192
192
|
classes: classes,
|
193
193
|
onChange: onChange
|
194
194
|
}));
|
@@ -199,7 +199,7 @@ describe("Input", function () {
|
|
199
199
|
});
|
200
200
|
it('calls the onClear function', function () {
|
201
201
|
var onClear = jest.fn();
|
202
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
202
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
203
203
|
classes: classes,
|
204
204
|
clear: true,
|
205
205
|
onClear: onClear,
|
@@ -210,7 +210,7 @@ describe("Input", function () {
|
|
210
210
|
});
|
211
211
|
it('calls the onRef function', function () {
|
212
212
|
var onRef = jest.fn();
|
213
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
213
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
214
214
|
classes: classes,
|
215
215
|
onRef: onRef
|
216
216
|
}));
|
@@ -225,7 +225,7 @@ describe("Input", function () {
|
|
225
225
|
value: 2,
|
226
226
|
text: 'Option 2'
|
227
227
|
}];
|
228
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
228
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
229
229
|
classes: classes,
|
230
230
|
type: "select",
|
231
231
|
options: options
|
@@ -235,7 +235,7 @@ describe("Input", function () {
|
|
235
235
|
expect(wrapper.find('option').at(0).prop('value')).toBe(1);
|
236
236
|
});
|
237
237
|
it('shows an icon', function () {
|
238
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Input["default"], {
|
238
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Input["default"], {
|
239
239
|
classes: classes
|
240
240
|
}));
|
241
241
|
expect(wrapper.find('.icon').length).toBe(0);
|
@@ -247,7 +247,7 @@ describe("Input", function () {
|
|
247
247
|
});
|
248
248
|
describe("InputJSS", function () {
|
249
249
|
it('matches the snapshot', function () {
|
250
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null));
|
250
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null));
|
251
251
|
expect(wrapper).toMatchSnapshot();
|
252
252
|
});
|
253
253
|
});
|
package/build/Input/index.js
CHANGED
@@ -1,5 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
4
|
+
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
4
6
|
value: true
|
5
7
|
});
|
@@ -19,36 +21,38 @@ var _stylesFlat = _interopRequireDefault(require("./stylesFlat"));
|
|
19
21
|
|
20
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
21
23
|
|
22
|
-
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
23
|
-
|
24
24
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
25
25
|
|
26
26
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
27
27
|
|
28
28
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
29
29
|
|
30
|
-
function
|
30
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
31
31
|
|
32
|
-
function
|
32
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
33
33
|
|
34
|
-
function
|
34
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
35
35
|
|
36
|
-
function
|
36
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
37
37
|
|
38
|
-
function
|
38
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
39
|
+
|
40
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
41
|
+
|
42
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
39
43
|
|
40
44
|
var InputDefault = (0, _reactJss["default"])(_styles["default"])(_Input["default"]);
|
41
45
|
var InputFlat = (0, _reactJss["default"])(_stylesFlat["default"])(_Input["default"]);
|
42
46
|
|
43
|
-
var StyledInput =
|
44
|
-
/*#__PURE__*/
|
45
|
-
function (_React$Component) {
|
47
|
+
var StyledInput = /*#__PURE__*/function (_React$Component) {
|
46
48
|
_inherits(StyledInput, _React$Component);
|
47
49
|
|
50
|
+
var _super = _createSuper(StyledInput);
|
51
|
+
|
48
52
|
function StyledInput() {
|
49
53
|
_classCallCheck(this, StyledInput);
|
50
54
|
|
51
|
-
return
|
55
|
+
return _super.apply(this, arguments);
|
52
56
|
}
|
53
57
|
|
54
58
|
_createClass(StyledInput, [{
|
@@ -57,9 +61,9 @@ function (_React$Component) {
|
|
57
61
|
var theme = this.props.theme;
|
58
62
|
|
59
63
|
if (theme != 'flat') {
|
60
|
-
return _react["default"].createElement(InputDefault, this.props);
|
64
|
+
return /*#__PURE__*/_react["default"].createElement(InputDefault, this.props);
|
61
65
|
} else {
|
62
|
-
return _react["default"].createElement(InputFlat, this.props);
|
66
|
+
return /*#__PURE__*/_react["default"].createElement(InputFlat, this.props);
|
63
67
|
}
|
64
68
|
}
|
65
69
|
}]);
|
package/build/Label/Label.js
CHANGED
@@ -1,5 +1,7 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
4
|
+
|
3
5
|
Object.defineProperty(exports, "__esModule", {
|
4
6
|
value: true
|
5
7
|
});
|
@@ -11,34 +13,36 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
13
|
|
12
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
13
15
|
|
14
|
-
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
15
|
-
|
16
16
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
17
17
|
|
18
18
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
19
19
|
|
20
20
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
21
21
|
|
22
|
-
function
|
22
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
23
23
|
|
24
|
-
function
|
24
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
25
25
|
|
26
|
-
function
|
26
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
27
27
|
|
28
|
-
function
|
28
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
29
29
|
|
30
|
-
function
|
30
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
31
|
+
|
32
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
33
|
+
|
34
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
31
35
|
|
32
36
|
/** Label component with different themes. The label can trigger some actions on click. */
|
33
|
-
var Label =
|
34
|
-
/*#__PURE__*/
|
35
|
-
function (_React$Component) {
|
37
|
+
var Label = /*#__PURE__*/function (_React$Component) {
|
36
38
|
_inherits(Label, _React$Component);
|
37
39
|
|
40
|
+
var _super = _createSuper(Label);
|
41
|
+
|
38
42
|
function Label() {
|
39
43
|
_classCallCheck(this, Label);
|
40
44
|
|
41
|
-
return
|
45
|
+
return _super.apply(this, arguments);
|
42
46
|
}
|
43
47
|
|
44
48
|
_createClass(Label, [{
|
@@ -53,12 +57,12 @@ function (_React$Component) {
|
|
53
57
|
onClose = _this$props.onClose,
|
54
58
|
onClick = _this$props.onClick,
|
55
59
|
theme = _this$props.theme;
|
56
|
-
return _react["default"].createElement("label", {
|
60
|
+
return /*#__PURE__*/_react["default"].createElement("label", {
|
57
61
|
className: "".concat(classes.label, " ").concat(theme ? classes[theme] : classes["default"]).concat(onClick ? " ".concat(classes.cursor) : '').concat(className ? " ".concat(className) : ''),
|
58
62
|
id: id,
|
59
63
|
style: style,
|
60
64
|
onClick: onClick
|
61
|
-
}, children, onClose && _react["default"].createElement("span", {
|
65
|
+
}, children, onClose && /*#__PURE__*/_react["default"].createElement("span", {
|
62
66
|
className: classes.close,
|
63
67
|
onClick: function onClick(e) {
|
64
68
|
e.stopPropagation();
|
@@ -21,20 +21,20 @@ var reduceClasses = function reduceClasses(prev, curr) {
|
|
21
21
|
var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
|
22
22
|
describe("Label", function () {
|
23
23
|
it('matches the snapshot', function () {
|
24
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Label["default"], {
|
24
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
|
25
25
|
classes: classes
|
26
26
|
}, "Label"));
|
27
27
|
expect(wrapper).toMatchSnapshot();
|
28
28
|
});
|
29
29
|
it('shows the children content', function () {
|
30
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Label["default"], {
|
30
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
|
31
31
|
classes: classes
|
32
32
|
}, "Label"));
|
33
33
|
expect(wrapper.text()).toEqual('Label');
|
34
34
|
});
|
35
35
|
it('calls onClick function', function () {
|
36
36
|
var onClick = jest.fn();
|
37
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Label["default"], {
|
37
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
|
38
38
|
classes: classes,
|
39
39
|
onClick: onClick
|
40
40
|
}, "Label"));
|
@@ -43,7 +43,7 @@ describe("Label", function () {
|
|
43
43
|
});
|
44
44
|
it('calls onClose function', function () {
|
45
45
|
var onClose = jest.fn();
|
46
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Label["default"], {
|
46
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
|
47
47
|
classes: classes,
|
48
48
|
onClose: onClose
|
49
49
|
}, "Label"));
|
@@ -53,7 +53,7 @@ describe("Label", function () {
|
|
53
53
|
expect(onClose.mock.calls.length).toBe(1);
|
54
54
|
});
|
55
55
|
it('has the right theme', function () {
|
56
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Label["default"], {
|
56
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Label["default"], {
|
57
57
|
classes: classes,
|
58
58
|
theme: "default"
|
59
59
|
}, "Label"));
|
@@ -62,7 +62,7 @@ describe("Label", function () {
|
|
62
62
|
});
|
63
63
|
describe("LabelJSS", function () {
|
64
64
|
it('matches the snapshot', function () {
|
65
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null, "Label"));
|
65
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null, "Label"));
|
66
66
|
expect(wrapper).toMatchSnapshot();
|
67
67
|
});
|
68
68
|
});
|
@@ -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,38 +15,40 @@ var _SubHeader = _interopRequireDefault(require("../SubHeader"));
|
|
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; } }
|
33
35
|
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
*
|
36
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
37
|
+
|
38
|
+
/**
|
39
|
+
* The LayerApp component is a wrapper for the SubHeader component that also includes a content block.
|
40
|
+
* It is meant to be used as an overlay screen, in front of the main content.
|
41
|
+
* There are no examples included, since the LayerApp component occupies the whole screen in first plane.
|
38
42
|
*/
|
39
|
-
var LayerApp =
|
40
|
-
/*#__PURE__*/
|
41
|
-
function (_React$Component) {
|
43
|
+
var LayerApp = /*#__PURE__*/function (_React$Component) {
|
42
44
|
_inherits(LayerApp, _React$Component);
|
43
45
|
|
46
|
+
var _super = _createSuper(LayerApp);
|
47
|
+
|
44
48
|
function LayerApp() {
|
45
49
|
_classCallCheck(this, LayerApp);
|
46
50
|
|
47
|
-
return
|
51
|
+
return _super.apply(this, arguments);
|
48
52
|
}
|
49
53
|
|
50
54
|
_createClass(LayerApp, [{
|
@@ -65,15 +69,15 @@ function (_React$Component) {
|
|
65
69
|
left = _this$props.left,
|
66
70
|
right = _this$props.right,
|
67
71
|
center = _this$props.center;
|
68
|
-
return _react["default"].createElement("div", {
|
72
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
69
73
|
className: "".concat(classes.layerApp, " ").concat(classes[theme])
|
70
|
-
}, _react["default"].createElement(_SubHeader["default"], {
|
74
|
+
}, /*#__PURE__*/_react["default"].createElement(_SubHeader["default"], {
|
71
75
|
theme: theme,
|
72
76
|
left: left,
|
73
77
|
right: right,
|
74
78
|
center: center,
|
75
79
|
fixed: fixed
|
76
|
-
}), _react["default"].createElement("div", {
|
80
|
+
}), /*#__PURE__*/_react["default"].createElement("div", {
|
77
81
|
className: classes.content
|
78
82
|
}, children));
|
79
83
|
}
|