@occmundial/occ-atomic 1.16.0 → 1.18.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.prettierrc +6 -6
- package/.whitesource +11 -11
- package/CHANGELOG.md +943 -913
- package/CONTRIBUTING.md +24 -0
- package/README.md +21 -21
- package/build/Autocomplete/Autocomplete.js +20 -16
- package/build/Autocomplete/Autocomplete.test.js +11 -11
- package/build/Avatar/Avatar.js +20 -16
- package/build/Avatar/Avatar.test.js +2 -2
- package/build/Avatar/AvatarContent/AvatarContent.js +5 -5
- package/build/Avatar/AvatarContent/AvatarContent.test.js +6 -6
- package/build/Avatar/index.js +4 -2
- package/build/Banner/Banner.js +6 -6
- package/build/Banner/Banner.test.js +2 -2
- package/build/Button/Button.js +26 -22
- package/build/Button/Button.test.js +13 -13
- package/build/Button/index.js +4 -2
- package/build/ButtonAlign/ButtonAlign.js +20 -16
- package/build/ButtonAlign/ButtonAlign.test.js +3 -3
- package/build/Card/Card.js +1 -1
- package/build/Card/Card.test.js +4 -4
- package/build/Card/index.js +4 -2
- package/build/Check/Check.js +18 -14
- package/build/Check/Check.test.js +7 -7
- package/build/Checkbox/Checkbox.js +18 -14
- package/build/Checkbox/Checkbox.test.js +8 -8
- package/build/Checkbox/index.js +4 -2
- package/build/Column/Column.js +1 -1
- package/build/Column/Column.test.js +3 -3
- package/build/Container/Container.js +1 -1
- package/build/Container/Container.test.js +4 -4
- package/build/Droplist/Droplist.js +33 -29
- package/build/Droplist/Droplist.test.js +11 -11
- package/build/Droplist/index.js +4 -2
- package/build/Flexbox/Flexbox.js +16 -12
- package/build/Flexbox/Flexbox.test.js +3 -3
- package/build/Flexbox/index.js +4 -2
- package/build/Footer/Footer.js +16 -16
- package/build/Footer/Footer.test.js +2 -2
- package/build/Footer/List/List.js +25 -21
- package/build/Grid/Col/Col.js +1 -1
- package/build/Grid/Col/Col.test.js +3 -3
- package/build/Grid/Col/index.js +4 -2
- package/build/Grid/Grid.js +18 -12
- package/build/Grid/Row/Row.js +1 -1
- package/build/Grid/Row/Row.test.js +2 -2
- package/build/Grid/Row/index.js +4 -2
- package/build/Grid/index.js +4 -2
- package/build/Header/Header.js +35 -31
- package/build/Header/Header.test.js +8 -8
- package/build/Header/Menu/Menu.js +23 -19
- package/build/Header/Menu/Menu.test.js +7 -7
- package/build/Header/Nav/Nav.js +19 -15
- package/build/Header/Nav/Nav.test.js +5 -5
- package/build/Hidden/Hidden.js +17 -13
- package/build/Hidden/Hidden.test.js +6 -6
- package/build/Hidden/index.js +4 -2
- package/build/Icon/Icon.js +16 -12
- package/build/Icon/Icon.test.js +3 -3
- package/build/Icon/index.js +4 -2
- package/build/Input/Input.js +29 -25
- package/build/Input/Input.test.js +21 -21
- package/build/Input/index.js +17 -13
- package/build/Label/Label.js +17 -13
- package/build/Label/Label.test.js +6 -6
- package/build/LayerApp/LayerApp.js +22 -18
- package/build/LayerApp/LayerApp.test.js +4 -4
- package/build/Modal/Modal.js +38 -33
- package/build/Modal/Modal.test.js +10 -10
- package/build/Modal/index.js +19 -13
- package/build/Modal/styles.js +11 -8
- package/build/NavAside/NavAside.js +22 -18
- package/build/NavAside/NavAside.test.js +12 -12
- package/build/NavAside/index.js +16 -12
- package/build/NavIcon/NavIcon.js +20 -16
- package/build/NavItem/NavItem.js +18 -14
- package/build/NavTab/NavTab.js +32 -28
- package/build/NavTop/NavTop.js +20 -16
- package/build/OrderBy/OrderBy.js +23 -19
- package/build/OrderBy/OrderBy.test.js +6 -6
- package/build/Pager/Break/Break.js +1 -1
- package/build/Pager/Break/Break.test.js +4 -4
- package/build/Pager/Page/Page.js +1 -1
- package/build/Pager/Page/Page.test.js +5 -5
- package/build/Pager/Pager.js +21 -17
- package/build/Pager/Pager.test.js +10 -10
- package/build/Pill/Choice/Choice.js +18 -14
- package/build/Pill/Group/Group.js +2 -2
- package/build/Pill/Pill.js +28 -22
- package/build/Pill/Pill.test.js +12 -12
- package/build/Pill/Stack/Stack.js +4 -4
- package/build/Placeholder/Placeholder.js +2 -2
- package/build/Placeholder/Placeholder.test.js +3 -3
- package/build/Radio/Radio.js +19 -15
- package/build/Radio/Radio.test.js +6 -6
- package/build/RangeCounter/RangeCounter.js +17 -13
- package/build/RangeCounter/RangeCounter.test.js +3 -3
- package/build/Row/Row.js +1 -1
- package/build/Row/Row.test.js +2 -2
- package/build/SightLogo/SightLogo.js +2 -2
- package/build/SightLogo/SightLogo.test.js +2 -2
- package/build/SlideDown/SlideDown.js +28 -22
- package/build/SlideDown/SlideDown.test.js +9 -9
- package/build/SlideToggle/SlideToggle.js +19 -15
- package/build/SlideToggle/SlideToggle.test.js +7 -7
- package/build/SubHeader/SubHeader.js +20 -16
- package/build/SubHeader/SubHeader.test.js +7 -7
- package/build/SwitchGroup/SwitchGroup.js +17 -13
- package/build/SwitchGroup/SwitchGroup.test.js +6 -6
- package/build/Tag/Tag.js +4 -4
- package/build/Tag/Tag.test.js +6 -6
- package/build/Text/Text.js +18 -12
- package/build/Text/Text.test.js +8 -8
- package/build/TextField/TextField.js +42 -38
- package/build/TextField/TextField.test.js +19 -19
- package/build/Tip/Tip.js +16 -12
- package/build/Tip/Tip.test.js +5 -5
- package/build/Title/Title.js +16 -12
- package/build/Title/Title.test.js +3 -3
- package/build/Toaster/Toast/Toast.js +11 -11
- package/build/Toaster/Toaster.js +27 -23
- package/build/Toaster/Toaster.test.js +6 -6
- package/build/TourTip/TourTip.js +15 -11
- package/build/TourTip/TourTip.test.js +2 -2
- package/build/Visible/Visible.js +16 -12
- package/build/Visible/Visible.test.js +4 -4
- package/build/WindowSize/WindowSize.js +17 -11
- package/build/WindowSize/WindowSize.test.js +4 -4
- package/build/subatomic/icons/occDart.js +7 -5
- package/build/subatomic/icons/occHorizontal.js +7 -5
- package/build/subatomic/icons/occVertical.js +7 -5
- package/build/subatomic/icons/{emoji.js → warning.js} +1 -1
- package/build/subatomic/icons/warningSolid.js +23 -0
- package/build/subatomic/icons.js +6 -9
- package/commitlint.config.js +6 -0
- package/package.json +122 -114
- package/playroom/FrameComponent.js +31 -22
- package/playroom/styles.js +14 -14
- package/playroom.config.js +7 -7
- package/.vscode/settings.json +0 -22
- package/build/Grid/Grid.test.js +0 -22
- package/build/Grid/Row/Rowdsd.js +0 -39
- package/build/hooks/useEventListener.js +0 -23
- package/build/hooks/usePrevious.js +0 -19
- package/yarn-error.log +0 -11800
@@ -28,7 +28,7 @@ var buttons = [{
|
|
28
28
|
}];
|
29
29
|
describe("SwitchGroup", function () {
|
30
30
|
it('matches the snapshot', function () {
|
31
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_SwitchGroup["default"], {
|
31
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_SwitchGroup["default"], {
|
32
32
|
buttons: buttons,
|
33
33
|
classes: classes
|
34
34
|
}));
|
@@ -36,7 +36,7 @@ describe("SwitchGroup", function () {
|
|
36
36
|
});
|
37
37
|
it('calls the onClick function', function () {
|
38
38
|
var onClick = jest.fn();
|
39
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_SwitchGroup["default"], {
|
39
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_SwitchGroup["default"], {
|
40
40
|
buttons: buttons,
|
41
41
|
onClick: onClick,
|
42
42
|
classes: classes
|
@@ -45,7 +45,7 @@ describe("SwitchGroup", function () {
|
|
45
45
|
expect(onClick.mock.calls.length).toBe(1);
|
46
46
|
});
|
47
47
|
it('changes the state with the selected button', function () {
|
48
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_SwitchGroup["default"], {
|
48
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_SwitchGroup["default"], {
|
49
49
|
buttons: buttons,
|
50
50
|
classes: classes
|
51
51
|
}));
|
@@ -57,7 +57,7 @@ describe("SwitchGroup", function () {
|
|
57
57
|
expect(wrapper.state('selected')).toBe(1);
|
58
58
|
});
|
59
59
|
it('sets a default button as active', function () {
|
60
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_SwitchGroup["default"], {
|
60
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_SwitchGroup["default"], {
|
61
61
|
buttons: buttons,
|
62
62
|
classes: classes
|
63
63
|
}));
|
@@ -68,7 +68,7 @@ describe("SwitchGroup", function () {
|
|
68
68
|
expect(wrapper.find('button').at(0).prop('className')).toEqual('button');
|
69
69
|
});
|
70
70
|
it('shows the button text and secondary text', function () {
|
71
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_SwitchGroup["default"], {
|
71
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_SwitchGroup["default"], {
|
72
72
|
buttons: buttons,
|
73
73
|
classes: classes
|
74
74
|
}));
|
@@ -78,7 +78,7 @@ describe("SwitchGroup", function () {
|
|
78
78
|
});
|
79
79
|
describe("SwitchGroupJSS", function () {
|
80
80
|
it('matches the snapshot', function () {
|
81
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], {
|
81
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], {
|
82
82
|
buttons: buttons
|
83
83
|
}));
|
84
84
|
expect(wrapper).toMatchSnapshot();
|
package/build/Tag/Tag.js
CHANGED
@@ -28,16 +28,16 @@ var Tag = function Tag(_ref) {
|
|
28
28
|
theme = _ref.theme,
|
29
29
|
iconName = _ref.iconName,
|
30
30
|
size = _ref.size;
|
31
|
-
return _react["default"].createElement("label", {
|
31
|
+
return /*#__PURE__*/_react["default"].createElement("label", {
|
32
32
|
className: "".concat(classes.tag, " ").concat(size ? classes[size] : classes.standard, " ").concat(theme ? classes[theme] : classes["default"], " ").concat(className || ''),
|
33
33
|
style: style
|
34
|
-
}, _react["default"].createElement(_Flexbox["default"], {
|
34
|
+
}, /*#__PURE__*/_react["default"].createElement(_Flexbox["default"], {
|
35
35
|
display: "flex",
|
36
36
|
alignItems: "center",
|
37
37
|
wrap: "noWrap"
|
38
|
-
}, iconName && _react["default"].createElement("span", {
|
38
|
+
}, iconName && /*#__PURE__*/_react["default"].createElement("span", {
|
39
39
|
className: "".concat(classes.icon, " ").concat(size ? classes["".concat(size, "Icon")] : classes.standardIcon, " ").concat(theme ? classes["".concat(theme, "Icon")] : classes.defaultIcon)
|
40
|
-
}), _react["default"].createElement("span", {
|
40
|
+
}), /*#__PURE__*/_react["default"].createElement("span", {
|
41
41
|
className: "".concat(classes.tagText, " ").concat(size ? classes["".concat(size, "TagText")] : classes.standardTagText)
|
42
42
|
}, children)));
|
43
43
|
};
|
package/build/Tag/Tag.test.js
CHANGED
@@ -21,26 +21,26 @@ var reduceClasses = function reduceClasses(prev, curr) {
|
|
21
21
|
var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
|
22
22
|
describe('Tag', function () {
|
23
23
|
it('matches the snapshot', function () {
|
24
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Tag["default"], {
|
24
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
|
25
25
|
classes: classes
|
26
26
|
}, "Tag"));
|
27
27
|
expect(wrapper).toMatchSnapshot();
|
28
28
|
});
|
29
29
|
it('shows the children content', function () {
|
30
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Tag["default"], {
|
30
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
|
31
31
|
classes: classes
|
32
32
|
}, "Tag"));
|
33
33
|
expect(wrapper.find('span').at(0).text()).toEqual('Tag');
|
34
34
|
});
|
35
35
|
it('has the right theme', function () {
|
36
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Tag["default"], {
|
36
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
|
37
37
|
classes: classes,
|
38
38
|
theme: "default"
|
39
39
|
}, "Tag"));
|
40
40
|
expect(wrapper.prop('className')).toEqual('tag standard default ');
|
41
41
|
});
|
42
42
|
it('render the span when necessary', function () {
|
43
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Tag["default"], {
|
43
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
|
44
44
|
classes: classes
|
45
45
|
}, "Tag Test"));
|
46
46
|
expect(wrapper.find('span').length).toBe(1);
|
@@ -50,7 +50,7 @@ describe('Tag', function () {
|
|
50
50
|
expect(wrapper.find('span').length).toBe(2);
|
51
51
|
});
|
52
52
|
it('shows an icon', function () {
|
53
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Tag["default"], {
|
53
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Tag["default"], {
|
54
54
|
classes: classes
|
55
55
|
}, "Tag Test"));
|
56
56
|
expect(wrapper.find('.icon').length).toBe(0);
|
@@ -62,7 +62,7 @@ describe('Tag', function () {
|
|
62
62
|
});
|
63
63
|
describe('TagJSS', function () {
|
64
64
|
it('matches the snapshot', function () {
|
65
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null, "Tag"));
|
65
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null, "Tag"));
|
66
66
|
expect(wrapper).toMatchSnapshot();
|
67
67
|
});
|
68
68
|
});
|
package/build/Text/Text.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,9 +13,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
13
|
|
12
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
13
15
|
|
14
|
-
function
|
16
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
15
17
|
|
16
|
-
function
|
18
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
17
19
|
|
18
20
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
19
21
|
|
@@ -21,25 +23,29 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
21
23
|
|
22
24
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
23
25
|
|
24
|
-
function
|
26
|
+
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
27
|
|
26
|
-
function
|
28
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
27
29
|
|
28
|
-
function
|
30
|
+
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
31
|
|
30
|
-
function
|
32
|
+
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
33
|
|
32
|
-
function
|
34
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
35
|
+
|
36
|
+
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
37
|
|
34
|
-
|
35
|
-
|
36
|
-
function (_Component) {
|
38
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
39
|
+
|
40
|
+
var Text = /*#__PURE__*/function (_Component) {
|
37
41
|
_inherits(Text, _Component);
|
38
42
|
|
43
|
+
var _super = _createSuper(Text);
|
44
|
+
|
39
45
|
function Text() {
|
40
46
|
_classCallCheck(this, Text);
|
41
47
|
|
42
|
-
return
|
48
|
+
return _super.apply(this, arguments);
|
43
49
|
}
|
44
50
|
|
45
51
|
_createClass(Text, [{
|
@@ -278,7 +284,7 @@ function (_Component) {
|
|
278
284
|
var topSpacing = this.getTopSpacing();
|
279
285
|
var bottomSpacing = this.getBottomSpacing();
|
280
286
|
var strong = this.getWeight();
|
281
|
-
return _react["default"].createElement(TextType, {
|
287
|
+
return /*#__PURE__*/_react["default"].createElement(TextType, {
|
282
288
|
className: "".concat(classes.text, " ").concat(size, " ").concat(color ? color : emphasis).concat(topSpacing).concat(bottomSpacing).concat(align ? " ".concat(align) : '').concat(strong ? " ".concat(strong) : '').concat(className ? " ".concat(className) : ''),
|
283
289
|
style: style,
|
284
290
|
id: id
|
package/build/Text/Text.test.js
CHANGED
@@ -21,40 +21,40 @@ var reduceClasses = function reduceClasses(prev, curr) {
|
|
21
21
|
var classes = Object.keys(_styles["default"]).reduce(reduceClasses, {});
|
22
22
|
describe("Text", function () {
|
23
23
|
it('matches the snapshot', function () {
|
24
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Text["default"], {
|
24
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
25
25
|
classes: classes
|
26
26
|
}, "Text"));
|
27
27
|
expect(wrapper).toMatchSnapshot();
|
28
28
|
});
|
29
29
|
it('has the correct size style', function () {
|
30
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Text["default"], {
|
30
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
31
31
|
hero: true,
|
32
32
|
classes: classes
|
33
33
|
}, "Text"));
|
34
34
|
expect(wrapper.find('.hero').length).toBe(1);
|
35
35
|
});
|
36
36
|
it('has a default color style', function () {
|
37
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Text["default"], {
|
37
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
38
38
|
classes: classes
|
39
39
|
}, "Text"));
|
40
40
|
expect(wrapper.find('.highEmphasis').length).toBe(1);
|
41
41
|
});
|
42
42
|
it('has the correct color style', function () {
|
43
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Text["default"], {
|
43
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
44
44
|
primary: true,
|
45
45
|
classes: classes
|
46
46
|
}, "Text"));
|
47
47
|
expect(wrapper.find('.primary').length).toBe(1);
|
48
48
|
});
|
49
49
|
it('has the correct align style', function () {
|
50
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Text["default"], {
|
50
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
51
51
|
center: true,
|
52
52
|
classes: classes
|
53
53
|
}, "Text"));
|
54
54
|
expect(wrapper.find('.center').length).toBe(1);
|
55
55
|
});
|
56
56
|
it('has the correct spacing style', function () {
|
57
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Text["default"], {
|
57
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
58
58
|
topTiny: true,
|
59
59
|
bottomLarge: true,
|
60
60
|
classes: classes
|
@@ -63,7 +63,7 @@ describe("Text", function () {
|
|
63
63
|
expect(wrapper.find('.bottomLarge').length).toBe(1);
|
64
64
|
});
|
65
65
|
it('has the correct html tag', function () {
|
66
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_Text["default"], {
|
66
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_Text["default"], {
|
67
67
|
tag: "h3",
|
68
68
|
classes: classes
|
69
69
|
}, "Text"));
|
@@ -72,7 +72,7 @@ describe("Text", function () {
|
|
72
72
|
});
|
73
73
|
describe("TextJSS", function () {
|
74
74
|
it('matches the snapshot', function () {
|
75
|
-
var wrapper = (0, _enzyme.shallow)(_react["default"].createElement(_index["default"], null, "Text"));
|
75
|
+
var wrapper = (0, _enzyme.shallow)( /*#__PURE__*/_react["default"].createElement(_index["default"], null, "Text"));
|
76
76
|
expect(wrapper).toMatchSnapshot();
|
77
77
|
});
|
78
78
|
});
|
@@ -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,8 +21,6 @@ var _iconSizes = _interopRequireDefault(require("../subatomic/iconSizes"));
|
|
19
21
|
|
20
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
21
23
|
|
22
|
-
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
23
|
-
|
24
24
|
function _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); }
|
25
25
|
|
26
26
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
@@ -29,28 +29,32 @@ function _defineProperties(target, props) { for (var i = 0; i < props.length; i+
|
|
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
|
/** TextField component that includes all the markup, functions and behaviors to implement any type of input field. */
|
43
|
-
var TextField =
|
44
|
-
/*#__PURE__*/
|
45
|
-
function (_React$Component) {
|
47
|
+
var TextField = /*#__PURE__*/function (_React$Component) {
|
46
48
|
_inherits(TextField, _React$Component);
|
47
49
|
|
50
|
+
var _super = _createSuper(TextField);
|
51
|
+
|
48
52
|
function TextField(props) {
|
49
53
|
var _this;
|
50
54
|
|
51
55
|
_classCallCheck(this, TextField);
|
52
56
|
|
53
|
-
_this =
|
57
|
+
_this = _super.call(this, props);
|
54
58
|
_this.state = {
|
55
59
|
status: 'default',
|
56
60
|
value: props.valueProp ? props.valueProp : '',
|
@@ -303,47 +307,47 @@ function (_React$Component) {
|
|
303
307
|
optionLabel = selectedOption[0].label;
|
304
308
|
}
|
305
309
|
|
306
|
-
element = _react["default"].createElement("label", {
|
310
|
+
element = /*#__PURE__*/_react["default"].createElement("label", {
|
307
311
|
className: "".concat(classes.input).concat(iconName ? " ".concat(classes.hasIcon) : '')
|
308
|
-
}, _react["default"].createElement("div", {
|
312
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
309
313
|
className: "".concat(classes.inputDisabled, " ").concat(classes.hasRightIcon)
|
310
314
|
}, input && input.value ? input.value : optionLabel ? optionLabel : value ? value : placeholder));
|
311
315
|
} else {
|
312
|
-
element = _react["default"].createElement("label", {
|
316
|
+
element = /*#__PURE__*/_react["default"].createElement("label", {
|
313
317
|
className: "".concat(classes.input).concat(type == 'textarea' ? " ".concat(classes.textarea) : '').concat(iconName ? " ".concat(classes.hasIcon) : '')
|
314
|
-
}, _react["default"].createElement("div", {
|
318
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
315
319
|
className: classes.inputDisabled
|
316
320
|
}, input && input.value ? input.value : value ? value : placeholder));
|
317
321
|
}
|
318
322
|
|
319
|
-
passIcon = _react["default"].createElement("div", {
|
323
|
+
passIcon = /*#__PURE__*/_react["default"].createElement("div", {
|
320
324
|
className: classes.passIcon
|
321
|
-
}, _react["default"].createElement(_Icon["default"], {
|
325
|
+
}, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
322
326
|
iconName: "eye",
|
323
327
|
width: _iconSizes["default"].small,
|
324
328
|
height: _iconSizes["default"].small,
|
325
329
|
colors: [_colors["default"].grey100]
|
326
330
|
}));
|
327
331
|
} else if (type == "select") {
|
328
|
-
element = _react["default"].createElement(InputType, commonProps, _react["default"].createElement("option", {
|
332
|
+
element = /*#__PURE__*/_react["default"].createElement(InputType, commonProps, /*#__PURE__*/_react["default"].createElement("option", {
|
329
333
|
value: "",
|
330
334
|
disabled: true,
|
331
335
|
hidden: true
|
332
336
|
}, placeholder), options.map(function (item) {
|
333
337
|
if (item.grouped) {
|
334
|
-
return _react["default"].createElement("optgroup", {
|
338
|
+
return /*#__PURE__*/_react["default"].createElement("optgroup", {
|
335
339
|
key: item.key,
|
336
340
|
label: item.label,
|
337
341
|
disabled: item.disabled
|
338
342
|
}, item.options.map(function (option) {
|
339
|
-
return _react["default"].createElement("option", {
|
343
|
+
return /*#__PURE__*/_react["default"].createElement("option", {
|
340
344
|
key: option.value,
|
341
345
|
value: option.value,
|
342
346
|
disabled: option.disabled
|
343
347
|
}, option.label);
|
344
348
|
}));
|
345
349
|
} else {
|
346
|
-
return _react["default"].createElement("option", {
|
350
|
+
return /*#__PURE__*/_react["default"].createElement("option", {
|
347
351
|
key: item.value,
|
348
352
|
value: item.value,
|
349
353
|
disabled: item.disabled
|
@@ -351,7 +355,7 @@ function (_React$Component) {
|
|
351
355
|
}
|
352
356
|
}));
|
353
357
|
} else if (mask) {
|
354
|
-
element = _react["default"].createElement(_reactTextMask["default"], _extends({}, commonProps, {
|
358
|
+
element = /*#__PURE__*/_react["default"].createElement(_reactTextMask["default"], _extends({}, commonProps, {
|
355
359
|
placeholder: placeholder,
|
356
360
|
type: type == 'password' && showPass ? 'text' : type
|
357
361
|
}, disableAutoComplete && {
|
@@ -361,18 +365,18 @@ function (_React$Component) {
|
|
361
365
|
guide: guide
|
362
366
|
}));
|
363
367
|
} else {
|
364
|
-
element = _react["default"].createElement(InputType, _extends({}, commonProps, {
|
368
|
+
element = /*#__PURE__*/_react["default"].createElement(InputType, _extends({}, commonProps, {
|
365
369
|
placeholder: placeholder,
|
366
370
|
type: type == 'password' && showPass ? 'text' : type
|
367
371
|
}, disableAutoComplete && {
|
368
372
|
autoComplete: 'off'
|
369
373
|
}));
|
370
|
-
passIcon = _react["default"].createElement("div", {
|
374
|
+
passIcon = /*#__PURE__*/_react["default"].createElement("div", {
|
371
375
|
onMouseDown: this.togglePass,
|
372
376
|
onMouseUp: this.focusInput,
|
373
377
|
onMouseOut: this.outOfPassIcon,
|
374
378
|
className: classes.passIcon
|
375
|
-
}, _react["default"].createElement(_Icon["default"], {
|
379
|
+
}, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
376
380
|
iconName: "eye",
|
377
381
|
width: _iconSizes["default"].small,
|
378
382
|
height: _iconSizes["default"].small,
|
@@ -380,43 +384,43 @@ function (_React$Component) {
|
|
380
384
|
}));
|
381
385
|
}
|
382
386
|
|
383
|
-
return _react["default"].createElement("div", {
|
387
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
384
388
|
className: this.setClassName(realStatus),
|
385
389
|
style: style
|
386
|
-
}, (label || lockHeight) && _react["default"].createElement("div", {
|
390
|
+
}, (label || lockHeight) && /*#__PURE__*/_react["default"].createElement("div", {
|
387
391
|
className: classes.top
|
388
|
-
}, label && _react["default"].createElement("label", {
|
392
|
+
}, label && /*#__PURE__*/_react["default"].createElement("label", {
|
389
393
|
className: "".concat(classes.label, " ").concat(classes.left)
|
390
|
-
}, label)), _react["default"].createElement("div", {
|
394
|
+
}, label)), /*#__PURE__*/_react["default"].createElement("div", {
|
391
395
|
className: classes.inputWrap
|
392
|
-
}, iconName && _react["default"].createElement(_Icon["default"], {
|
396
|
+
}, iconName && /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
393
397
|
iconName: iconName,
|
394
398
|
width: _iconSizes["default"].base,
|
395
399
|
height: _iconSizes["default"].base,
|
396
400
|
className: classes.icon,
|
397
401
|
colors: disabled ? [_colors["default"].grey500] : [_colors["default"].grey500]
|
398
|
-
}), type == 'select' && _react["default"].createElement("div", {
|
402
|
+
}), type == 'select' && /*#__PURE__*/_react["default"].createElement("div", {
|
399
403
|
className: classes.selectIcon
|
400
|
-
}, _react["default"].createElement(_Icon["default"], {
|
404
|
+
}, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
401
405
|
iconName: "arrowDown",
|
402
406
|
width: _iconSizes["default"].small,
|
403
407
|
height: _iconSizes["default"].small,
|
404
408
|
colors: disabled ? [_colors["default"].grey200] : [_colors["default"].grey900]
|
405
|
-
})), type == 'password' && passIcon, value && clear && _react["default"].createElement("div", {
|
409
|
+
})), type == 'password' && passIcon, value && clear && /*#__PURE__*/_react["default"].createElement("div", {
|
406
410
|
onClick: this.onClear,
|
407
411
|
className: classes.clear
|
408
|
-
}, _react["default"].createElement(_Icon["default"], {
|
412
|
+
}, /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
409
413
|
iconName: "close"
|
410
|
-
})), element), (assistiveText || counter && maxLength || lockHeight) && _react["default"].createElement("div", {
|
414
|
+
})), element), (assistiveText || counter && maxLength || lockHeight) && /*#__PURE__*/_react["default"].createElement("div", {
|
411
415
|
className: classes.bottom
|
412
|
-
}, assistiveText && _react["default"].createElement("label", {
|
416
|
+
}, assistiveText && /*#__PURE__*/_react["default"].createElement("label", {
|
413
417
|
className: "".concat(classes.label, " ").concat(classes.left, " ").concat(realStatus == 'error' ? classes.errorAssistiveText : classes.assistiveText)
|
414
|
-
}, realStatus == 'error' ? _react["default"].createElement(_Icon["default"], {
|
415
|
-
iconName: "
|
418
|
+
}, realStatus == 'error' ? /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
|
419
|
+
iconName: "warningSolid",
|
416
420
|
width: _iconSizes["default"].tiny,
|
417
421
|
height: _iconSizes["default"].tiny,
|
418
422
|
className: classes.errorIcon
|
419
|
-
}) : null, " ", assistiveText), counter && maxLength && _react["default"].createElement("label", {
|
423
|
+
}) : null, " ", assistiveText), counter && maxLength && /*#__PURE__*/_react["default"].createElement("label", {
|
420
424
|
className: "".concat(classes.label, " ").concat(classes.right, " ").concat(classes.counter)
|
421
425
|
}, value.length, " / ", maxLength)));
|
422
426
|
}
|